@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Medium.eot');
    src: local('SF Pro Display Medium'), local('SFProDisplay-Medium'), url('../fonts/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-Medium.woff2') format('woff2'), url('../fonts/SFProDisplay-Medium.woff') format('woff'), url('../fonts/SFProDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Heavy.eot');
    src: local('SF Pro Display Heavy'), local('SFProDisplay-Heavy'), url('../fonts/SFProDisplay-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-Heavy.woff2') format('woff2'), url('../fonts/SFProDisplay-Heavy.woff') format('woff'), url('../fonts/SFProDisplay-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-UltralightItalic.eot');
    src: local('SF Pro Display UltralightItalic'), local('SFProDisplay-UltralightItalic'), url('../fonts/SFProDisplay-UltralightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-UltralightItalic.woff2') format('woff2'), url('../fonts/SFProDisplay-UltralightItalic.woff') format('woff'), url('../fonts/SFProDisplay-UltralightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-RegularItalic.eot');
    src: local('SF Pro Display Regular Italic'), local('SFProDisplay-RegularItalic'), url('../fonts/SFProDisplay-RegularItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-RegularItalic.woff2') format('woff2'), url('../fonts/SFProDisplay-RegularItalic.woff') format('woff'), url('../fonts/SFProDisplay-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Thin.eot');
    src: local('SF Pro Display Thin'), local('SFProDisplay-Thin'), url('../fonts/SFProDisplay-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-Thin.woff2') format('woff2'), url('../fonts/SFProDisplay-Thin.woff') format('woff'), url('../fonts/SFProDisplay-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Light.eot');
    src: local('SF Pro Display Light'), local('SFProDisplay-Light'), url('../fonts/SFProDisplay-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-Light.woff2') format('woff2'), url('../fonts/SFProDisplay-Light.woff') format('woff'), url('../fonts/SFProDisplay-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-BlackItalic.eot');
    src: local('SF Pro Display Black Italic'), local('SFProDisplay-BlackItalic'), url('../fonts/SFProDisplay-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-BlackItalic.woff2') format('woff2'), url('../fonts/SFProDisplay-BlackItalic.woff') format('woff'), url('../fonts/SFProDisplay-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Bold.eot');
    src: local('SF Pro Display Bold'), local('SFProDisplay-Bold'), url('../fonts/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-Bold.woff2') format('woff2'), url('../fonts/SFProDisplay-Bold.woff') format('woff'), url('../fonts/SFProDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Black.eot');
    src: local('SF Pro Display Black'), local('SFProDisplay-Black'), url('../fonts/SFProDisplay-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-Black.woff2') format('woff2'), url('../fonts/SFProDisplay-Black.woff') format('woff'), url('../fonts/SFProDisplay-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-SemiboldItalic.eot');
    src: local('SF Pro Display SemiboldItalic'), local('SFProDisplay-SemiboldItalic'), url('../fonts/SFProDisplay-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-SemiboldItalic.woff2') format('woff2'), url('../fonts/SFProDisplay-SemiboldItalic.woff') format('woff'), url('../fonts/SFProDisplay-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Ultralight.eot');
    src: local('SF Pro Display Ultralight'), local('SFProDisplay-Ultralight'), url('../fonts/SFProDisplay-Ultralight.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-Ultralight.woff2') format('woff2'), url('../fonts/SFProDisplay-Ultralight.woff') format('woff'), url('../fonts/SFProDisplay-Ultralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-LightItalic.eot');
    src: local('SF Pro Display LightItalic'), local('SFProDisplay-LightItalic'), url('../fonts/SFProDisplay-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-LightItalic.woff2') format('woff2'), url('../fonts/SFProDisplay-LightItalic.woff') format('woff'), url('../fonts/SFProDisplay-LightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-ThinItalic.eot');
    src: local('SF Pro Display ThinItalic'), local('SFProDisplay-ThinItalic'), url('../fonts/SFProDisplay-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-ThinItalic.woff2') format('woff2'), url('../fonts/SFProDisplay-ThinItalic.woff') format('woff'), url('../fonts/SFProDisplay-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-MediumItalic.eot');
    src: local('SF Pro Display MediumItalic'), local('SFProDisplay-MediumItalic'), url('../fonts/SFProDisplay-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-MediumItalic.woff2') format('woff2'), url('../fonts/SFProDisplay-MediumItalic.woff') format('woff'), url('../fonts/SFProDisplay-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Semibold.eot');
    src: local('SF Pro Display Semibold'), local('SFProDisplay-Semibold'), url('../fonts/SFProDisplay-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-Semibold.woff2') format('woff2'), url('../fonts/SFProDisplay-Semibold.woff') format('woff'), url('../fonts/SFProDisplay-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-HeavyItalic.eot');
    src: local('SF Pro Display HeavyItalic'), local('SFProDisplay-HeavyItalic'), url('../fonts/SFProDisplay-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-HeavyItalic.woff2') format('woff2'), url('../fonts/SFProDisplay-HeavyItalic.woff') format('woff'), url('../fonts/SFProDisplay-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Regular.eot');
    src: local('SF Pro Display Regular'), local('SFProDisplay-Regular'), url('../fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-Regular.woff2') format('woff2'), url('../fonts/SFProDisplay-Regular.woff') format('woff'), url('../fonts/SFProDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-BoldItalic.eot');
    src: local('SF Pro Display BoldItalic'), local('SFProDisplay-BoldItalic'), url('../fonts/SFProDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-BoldItalic.woff2') format('woff2'), url('../fonts/SFProDisplay-BoldItalic.woff') format('woff'), url('../fonts/SFProDisplay-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}


body {
    font-family: 'SF Pro Display' !important;
}

@media (min-width: 1440px) {
    .container {
        width: 1440px !important;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .container {
        width: 100%;
    }
}

.carousel-control {
    display: none;
}

a {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #2578D5;
}

    a:hover, a.hover {
        text-decoration-line: underline;
        color: #2062AC;
    }

    a:active, a.active {
        text-decoration-line: underline;
        color: #174D8A;
    }

    a.large {
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: #2578D5;
    }

        a.large:hover, a.large.hover {
            color: #2062AC;
        }

        a.large:active, a.large.active {
            color: #174D8A;
        }

    a.small {
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #2578D5;
    }

        a.small:hover, a.small.hover {
            text-decoration-line: underline;
            color: #2062AC;
        }

        a.small:active, a.small.active {
            text-decoration-line: underline;
            color: #174D8A;
        }

    a.caption {
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 150%;
        color: #2578D5;
    }

        a.caption:hover, a.caption.hover {
            text-decoration-line: underline;
            color: #2062AC;
        }

        a.caption:active, a.caption:active {
            text-decoration-line: underline;
            color: #174D8A;
        }

    a.btn-primary {
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #2578D5;
    }

        a.btn-primary:hover, a.btn-primary.hover {
            text-decoration-line: underline;
            color: #2062AC;
        }

        a.btn-primary:active, a.btn-primary.active {
            text-decoration-line: underline;
            color: #174D8A;
        }

.btn-secondary {
    background: transparent !important;
    color: #2578D5 !important;
    border: 1px solid #2578D5 !important;
    border-radius: 5px !important;
}

    .btn-secondary:hover {
        background: #2578D5 !important;
        color: #FFF !important;
    }

a.btn,
.form-group button {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    background-color: #2578D5 !important;
    color: white !important;
    padding: 6px 16px;
}

    a.btn:hover, a.btn.hover,
    .form-group button:hover {
        text-decoration-line: none;
        background-color: #2062AC !important;
        color: white !important;
    }

    a.btn:active, a.btn.active,
    .form-group button:active {
        text-decoration-line: none;
        background-color: #174D8A !important;
        color: white !important;
    }

a.with-arrow {
    margin-top: 32px;
    background: #2578D5;
    border-radius: 4px;
    padding: 8px 0px 8px 16px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
}

    a.with-arrow::after {
        content: url("../images/ic_button_arrow.svg");
        width: 15px;
        padding-left: 10.5px;
        padding-top: 16.67px;
        padding-right: 18.5px;
        padding-bottom: 16.67px;
    }

    a.with-arrow:hover, a.with-arrow.hover {
        color: white;
        background: #2062AC !important;
        text-decoration-line: none;
    }

    a.with-arrow:active, a.with-arrow.active {
        color: white;
        background: #174D8A !important;
        text-decoration-line: none;
    }

a.orange-link {
    color: #FF5144 !important;
    font-size: inherit !important;
}

a.light-gray {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: inherit !important;
    text-decoration: underline;
}

p {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #212121;
}

strong {
    font-weight: 700;
}

.table-border-black td {
    border: 1px solid #212121 !important;
}

/* Page Specific */
.row-header h1 {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 125%;
    color: #212121;
    padding-top: 55px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(33, 33, 33, 0.1);
    margin-bottom: 24px;
}

.row-header-with-action {
    padding-top: 55px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(33, 33, 33, 0.1);
    margin-bottom: 24px;
}

    .row-header-with-action button.btn-secondary {
        padding-left: 32px;
        padding-right: 32px;
        border: 2px solid #2578D5;
        border-radius: 4px;
        margin-right: -15px;
    }

.page-title h1 {
    font-family: 'SF Pro Display' !important;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 125% !important;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    position: relative;
}

h2 {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 700 !important;
    font-size: 29px !important;
    line-height: 125% !important;
    color: #212121 !important;
}

    h2.big-variant {
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 700;
        font-size: 36px !important;
        line-height: 125%;
        color: #212121;
    }

h3 {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 30px !important;
    color: #212121 !important;
}

    h3.big-variant {
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 700;
        font-size: 29px !important;
        line-height: 125%;
        color: #212121;
    }

h5 {
    font-family: 'SF Pro Display' !important;
    font-style: normal !important;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 125% !important;
    color: #212121 !important;
}

form {
    font-size: 16px;
}

.form-group {
    margin-bottom: 25px !important;
    padding-left: 5px;
}

    .form-group .form-control,
    input.form-control,
    .sf-fieldWrp {
        max-width: 500px;
    }

    .form-group .form-control,
    input.form-control {
        background: #FDFDFD;
        border: 1px solid rgba(33, 33, 33, 0.3);
        border-radius: 4px;
        min-height: 48px;
        padding: 10px 16px;
    }

.sf-fieldWrp {
    margin-bottom: 16px;
}

    .sf-fieldWrp label {
        margin-bottom: 8px;
    }

    .form-group label, .sf-fieldWrp label {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #212121;
    }

.form-group .col-form-label {
    font-weight: 500;
}

.form-group .control-label {
    font-weight: 700;
}

.row-control-light .form-group .control-label {
    font-weight: 400 !important;
}

.form-group label:has(input[type=radio]) {
    display: flex;
    align-items: center;
    column-gap: 10px;
    /* font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 14px; */
    line-height: 150%;
}

.input-group .input-group-append button {
    height: 48px !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

input:focus-visible {
    border: 1px solid #2578D5 !important;
    outline: none !important;
}

input[type=checkbox] {
    width: 18px;
    height: 18px;
    accent-color: #2578D5;
    border-radius: 10px;
}

/* Flex container styles for all checkboxes  */
#ckc_consentfrompuppybuyer_container .checkbox,
#ckc_consentfrompuppybuyer_container .form-check,
#TrupanionConsentNewMembershipApplication_container .checkbox,
#TrupanionConsentNewMembershipApplication_container .form-check,
#ckc_trupanionconsent_container .checkbox,
#ckc_trupanionconsent_container .form-check {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

    /* Label styling */
    #ckc_consentfrompuppybuyer_container .checkbox label,
    #ckc_consentfrompuppybuyer_container .form-check label,
    #TrupanionConsentNewMembershipApplication_container .checkbox label,
    #TrupanionConsentNewMembershipApplication_container .form-check label,
    #ckc_trupanionconsent_container .checkbox label,
    #ckc_trupanionconsent_container .form-check label {
        display: inline-block !important;
        margin: 0 !important;
    }

/* Unchecked checkbox styles */
#ckc_consentfrompuppybuyer_container input[type=checkbox],
#ckc_consentfrompuppybuyer_container .k-checkbox,
#TrupanionConsentNewMembershipApplication_container input[type=checkbox],
#TrupanionConsentNewMembershipApplication_container .k-checkbox,
#ckc_trupanionconsent_container input[type=checkbox],
#ckc_trupanionconsent_container .k-checkbox {
    width: 20px !important;
    height: 20px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    display: inline-block !important;
    background-clip: content-box !important;
    border: 2px solid rgba(33, 33, 33, 0.65) !important;
    background-color: white !important;
    border-radius: 0 !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0px !important;
}

    /* Checked checkbox styles */
    #ckc_consentfrompuppybuyer_container input[type=checkbox]:checked,
    #ckc_consentfrompuppybuyer_container .k-checkbox:checked,
    #TrupanionConsentNewMembershipApplication_container input[type=checkbox]:checked,
    #TrupanionConsentNewMembershipApplication_container .k-checkbox:checked,
    #ckc_trupanionconsent_container input[type=checkbox]:checked,
    #ckc_trupanionconsent_container .k-checkbox:checked {
        background-color: #2578D5 !important;
        border-color: #2578D5 !important;
        color: #2578D5 !important;
        padding: 0px !important;
    }

    /* Custom checkbox mark (optional depending on framework) */
    #ckc_consentfrompuppybuyer_container input[type=checkbox]::before,
    #ckc_consentfrompuppybuyer_container .k-checkbox::before,
    #TrupanionConsentNewMembershipApplication_container input[type=checkbox]::before,
    #ckc_trupanionconsent_container input[type=checkbox]::before,
    #ckc_trupanionconsent_container .k-checkbox::before {
        background-color: unset;
        width: 16px;
        height: 16px;
        border-radius: 0;
        content: "";
        display: block;
    }

input[type=radio], .k-radio {
    width: 20px !important;
    height: 20px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    display: inline-block !important;
    background-clip: unset;
    border: 2px solid rgba(33, 33, 33, 0.65) !important;
    background-color: white !important;
    border-radius: 50% !important;
    position: relative !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
}

    input[type=radio]:disabled, .k-radio:disabled {
        border: 2px solid rgba(33, 33, 33, 0.5) !important;
        background-color: white !important;
    }

    input[type=radio]:checked, .k-radio:checked {
        background-color: #2578D5 !important;
        border-color: #2578D5 !important;
        color: #2578D5 !important;
        padding: 0;
    }

    input[type=radio]:focus, .k-radio:focus {
        outline: none !important;
    }

input[type='radio']:before {
    background-color: #fff !important;
}

.radio {
    display: table !important;
}

    .radio input[type=radio] {
        position: relative !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
    }

    .radio label {
        display: table-cell !important;
    }

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8333 1.5L6.99999 7.33333L1.16666 1.5' stroke='%23212121' stroke-opacity='0.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
    background-repeat: no-repeat !important;
    background-position-x: 97% !important;
    background-position-y: 20px !important;
}

button[type=submit] {
    min-height: 40px;
    background: #2578D5;
    color: white;
    border-radius: 4px !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px !important;
    border: none;
    padding: 8px 32px !important;
}

    button[type=submit]:hover {
        background: #2062AC;
    }

.sf-fieldWrp input {
    display: block;
    width: 100%;
    /*padding: 10px;*/
    height: 48px;
    background: #FDFDFD;
    border: 1px solid rgba(33, 33, 33, 0.3);
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5;
    font-family: inherit;
}

.k-combobox .k-dropdown-wrap .k-input,
.k-dropdown .k-dropdown-wrap,
.k-datepicker .k-picker-wrap .k-input,
.k-numerictextbox .k-numeric-wrap .k-input {
    height: 48px !important;
    background: #FDFDFD !important;
    border: 1px solid rgba(33, 33, 33, 0.3) !important;
    border-radius: 4px !important;
    box-sizing: border-box;
}

.k-datepicker .k-picker-wrap,
.k-numerictextbox .k-numeric-wrap, .k-numerictextbox {
    height: 48px !important;
    background: #FDFDFD !important;
    box-sizing: border-box;
}

    .k-datepicker .k-picker-wrap.k-invalid,
    .k-numerictextbox .k-numeric-wrap.k-invalid {
        height: 50px !important;
    }

.k-combobox .k-dropdown-wrap .k-i-arrow-60-down, .k-dropdown .k-dropdown-wrap .k-i-arrow-60-down {
    margin-top: 15px !important;
    margin-right: 10px;
}

.lookup-table .k-dropdown .k-dropdown-wrap .k-i-arrow-60-down {
    /* Commented since it has conflicts with the drop down arrow */
    /* margin-top: 0px !important; */
}

.k-combobox .k-dropdown-wrap .k-i-arrow-60-down:before, .k-dropdown .k-dropdown-wrap .k-select .k-i-arrow-60-down:before {
    margin-top: -1px;
    content: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8333 1.5L6.99999 7.33333L1.16666 1.5' stroke='%23212121' stroke-opacity='0.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}

.k-dropdown .k-dropdown-wrap .k-select .k-i-arrow-60-down.k-i-loading::before {
    margin-top: -7px !important;
    margin-left: 0px !important;
    -webkit-animation: k-loading-animation 0.7s linear infinite;
    animation: k-loading-animation 0.7s linear infinite;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin:auto;background:%23fff;display:block;' width='14px' height='14px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%23cbcbcb' stroke-width='10' r='35' stroke-dasharray='164.93361431346415 56.97787143782138'%3E%3C/circle%3E%3C/svg%3E") !important;
}

.k-datepicker .k-picker-wrap .k-i-calendar:before {
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66667 5.83333V2.5M13.3333 5.83333V2.5M5.83333 9.16667H14.1667M4.16667 17.5H15.8333C16.7538 17.5 17.5 16.7538 17.5 15.8333V5.83333C17.5 4.91286 16.7538 4.16667 15.8333 4.16667H4.16667C3.24619 4.16667 2.5 4.91286 2.5 5.83333V15.8333C2.5 16.7538 3.24619 17.5 4.16667 17.5Z' stroke='%23212121' stroke-opacity='0.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}

.k-dropdown .k-input {
    padding-top: 12px !important;
    padding-left: 12px !important;
    background: transparent !important;
}

.k-datepicker .k-picker-wrap .k-select {
    border: none !important;
    background-color: transparent !important;
}

    .k-datepicker .k-picker-wrap .k-select .k-icon.k-i-calendar {
        margin-top: 16px !important;
        margin-right: 16px !important;
    }

.lookup-table .lookup-table-cells .k-widget.k-dropdown, .lookup-table .lookup-table-cells .k-picker.k-dropdownlist {
    height: 43px !important;
    height: 43px !important;
    background: #FDFDFD;
    border: 1px solid rgba(33, 33, 33, 0.3);
    border-radius: 4px;
    min-height: 48px;
    padding: 10px 16px;
    font-size: inherit;
    line-height: 1.5;
    color: #495057;
    font-family: inherit;
}

.k-widget.k-maskedtextbox.form-control {
    width: CALC(100% - 2px) !important;
    border: none;
}

.form-control.k-widget, .k-widget.k-dropdown {
    height: 48px !important;
}

.k-tooltip {
    font-size: 16px !important;
}

/* List Kendo UI overridden styles */
.k-list-container .k-list li.k-item {
    /* Commented on 14 Feb because this is overriding a lot. */
    /* padding: 11px 32px !important; */
    padding-top: 11px;
    padding-bottom: 11px;
    /* Added on 01 Mar 2023, if problamatic, then remove */
    /* min-height: 48px !important; */
}
/* Added Below 2 selectors for a new list style */
.k-list-container .k-list li.k-virtual-item {
    /* padding: 0px; */
    /* padding: 11px; 
    min-height: 48px !important; */
    /* Added on 07 Nov 24, due to picklist general issue */
    padding: 11px;
    position: relative;
    min-height: 25px !important;
    line-height: 24px;
    border: none;
    box-sizing: unset;
    transform: translateY(0px) !important;
}

    .k-list-container .k-list li.k-virtual-item span {
        font-size: 16px;
        padding: 0px;
    }

.k-list-container .k-list li.k-item span {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 0px;
    color: rgba(33, 33, 33, 0.7);
    margin: auto;
}

.k-list-container .k-list li.k-item.k-state-selected {
    box-shadow: none !important;
    border-radius: 0px !important;
    background-color: rgba(33, 33, 33, 0.03) !important;
    color: black !important;
}

.pick-list .k-dropdown .k-dropdown-wrap .k-select .k-i-arrow-60-down,
.lookup .k-dropdown .k-dropdown-wrap .k-select .k-i-arrow-60-down {
    margin-top: 0px !important;
}

.pick-list .k-dropdown .k-dropdown-wrap,
.lookup .k-dropdown .k-dropdown-wrap {
    padding-left: 10px !important;
}

.pick-list .k-dropdown,
.lookup .k-dropdown,
.lookup-table .k-dropdown {
    max-width: 500px;
}

/* .k-list.k-virtual-list li.k-virtual-item.k-item{
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: rgba(33, 33, 33, 0.7);
    height: 48px !important;
    padding: 11px 32px;
    
}
.k-list>.k-state-selected{
    background: rgba(33, 33, 33, 0.03);
    box-shadow: none;
    
}
.k-list>.k-state-focused.k-state-selected {
    box-shadow: none !important;
} */

.alert.alert-danger.err {
    color: #A11818;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    background-color: #FFEEED;
    border: none;
    border-left: 5px solid #DA291C;
    border-radius: 0;
    margin-top: 4px;
}

.quote-primary {
    background-color: rgba(33, 33, 33, 0.03);
    border-left: solid 4px #2578D5;
    line-height: 18px;
    overflow: hidden;
    padding: 24px 52px 24px 52px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: rgba(33, 33, 33, 0.7);
    ;
}

    .quote-primary h2 {
        margin-top: -3px;
    }

    .quote-primary strong {
        font-weight: 700;
        font-size: 14px;
        color: #212121;
    }

    .quote-primary a {
        font-size: 14px;
    }

    .quote-primary li, .quote-primary p {
        font-size: 14px;
        color: rgba(33, 33, 33, 0.7);
        line-height: 21px;
    }

    .quote-primary .btn-close-transparent {
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.609299C0.683417 0.218775 1.31658 0.218775 1.70711 0.609299L6 4.90219L10.2929 0.609299C10.6834 0.218775 11.3166 0.218775 11.7071 0.609299C12.0976 0.999824 12.0976 1.63299 11.7071 2.02351L7.41421 6.31641L11.7071 10.6093C12.0976 10.9998 12.0976 11.633 11.7071 12.0235C11.3166 12.414 10.6834 12.414 10.2929 12.0235L6 7.73062L1.70711 12.0235C1.31658 12.414 0.683417 12.414 0.292893 12.0235C-0.0976311 11.633 -0.0976311 10.9998 0.292893 10.6093L4.58579 6.31641L0.292893 2.02351C-0.0976311 1.63299 -0.0976311 0.999824 0.292893 0.609299Z' fill='%23212121' fill-opacity='0.65'/%3E%3C/svg%3E%0A");
        width: 22px;
        height: 22px;
        background-repeat: no-repeat;
        background-position: center;
        border: none;
        background-color: transparent;
        position: absolute;
        top: 24px;
        right: 28px;
    }

#MatingDate_container .col-xs-12,
#LitterBirthDate_container .col-xs-12,
#Males_container .col-xs-12,
#Females_container .col-xs-12 {
    /* Override few dynamic margin lefts or other issues with the column's padding left - row's margin effect. */
    padding-left: 16px;
}

ul.articles-list {
    margin: 0;
    padding-left: 0px;
    list-style: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
}

    ul.articles-list li {
        border-bottom: 2px solid rgba(33, 33, 33, 0.03);
        display: flex;
        align-items: center;
    }

        ul.articles-list li:before {
            padding: 24px 12px 20px 8px;
            /* width: 20px;
    height: 20px; */
            display: inline-block;
            content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7V10M10 10V13M10 10H13M10 10H7M19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10Z' stroke='%232578D5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        }


ul.help-contact-us {
    margin: 0;
    padding-left: 0px;
    list-style: none;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #212121;
    padding-bottom: 72px;
}

    ul.help-contact-us li {
        padding-bottom: 8px;
    }

    ul.help-contact-us span.icon-location {
        position: absolute;
    }

.small-regular-light {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: rgba(33, 33, 33, 0.7);
}

.icon-instagram:before {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background-size: contain;
    background-image: url("/images/default-source/icons-and-logos/logo-instagram.png");
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 295 160'%3E%3C/svg%3E");
}

.icon-mail:before {
    width: 15px;
    height: 15px;
    margin-right: 14.5px;
    display: inline-block;
    content: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.45996L8.0755 8.84363C8.63533 9.21685 9.36467 9.21685 9.9245 8.84363L16.5 4.45996M3.16667 13.6266H14.8333C15.7538 13.6266 16.5 12.8804 16.5 11.96V3.62663C16.5 2.70615 15.7538 1.95996 14.8333 1.95996H3.16667C2.24619 1.95996 1.5 2.70615 1.5 3.62663V11.96C1.5 12.8804 2.24619 13.6266 3.16667 13.6266Z' stroke='%23212121' stroke-opacity='0.8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-call:before {
    width: 15px;
    height: 15px;
    margin-right: 14.5px;
    display: inline-block;
    content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 2.95964C1.5 2.03916 2.24619 1.29297 3.16667 1.29297H5.89937C6.25806 1.29297 6.57651 1.52249 6.68994 1.86278L7.93811 5.60731C8.06926 6.00074 7.89115 6.43073 7.52022 6.61619L5.63917 7.55672C6.55771 9.59398 8.19898 11.2353 10.2363 12.1538L11.1768 10.2727C11.3622 9.90182 11.7922 9.72371 12.1857 9.85485L15.9302 11.103C16.2705 11.2165 16.5 11.5349 16.5 11.8936V14.6263C16.5 15.5468 15.7538 16.293 14.8333 16.293H14C7.09644 16.293 1.5 10.6965 1.5 3.79297V2.95964Z' stroke='%23212121' stroke-opacity='0.8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-fax:before {
    width: 15px;
    height: 15px;
    margin-right: 14.5px;
    display: inline-block;
    content: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8334 4.29264H14V0.125977H5.66669V4.29264H5.01669C4.55835 3.78431 3.90835 3.45931 3.16669 3.45931C1.78335 3.45931 0.666687 4.57598 0.666687 5.95931V11.7926C0.666687 13.176 1.78335 14.2926 3.16669 14.2926C3.90835 14.2926 4.55835 13.9676 5.01669 13.4593H17.3334V6.79264C17.3334 5.40931 16.2167 4.29264 14.8334 4.29264ZM4.00002 11.7926C4.00002 12.251 3.62502 12.626 3.16669 12.626C2.70835 12.626 2.33335 12.251 2.33335 11.7926V5.95931C2.33335 5.50098 2.70835 5.12598 3.16669 5.12598C3.62502 5.12598 4.00002 5.50098 4.00002 5.95931V11.7926ZM7.33335 1.79264H12.3334V4.29264H7.33335V1.79264ZM15.6667 11.7926H5.66669V5.95931H14.8334C15.2917 5.95931 15.6667 6.33431 15.6667 6.79264V11.7926Z' fill='%23212121' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}

.icon-location:before {
    width: 15px;
    height: 15px;
    margin-right: 14.5px;
    display: inline-block;
    content: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7141 12.6737C11.9865 13.4012 10.519 14.8688 9.41348 15.9743C8.63243 16.7553 7.36763 16.7553 6.58658 15.9743C5.50097 14.8887 4.0605 13.4482 3.286 12.6737C0.6825 10.0702 0.6825 5.84909 3.286 3.24559C5.88949 0.642095 10.1106 0.642095 12.7141 3.24559C15.3176 5.84909 15.3176 10.0702 12.7141 12.6737Z' stroke='%23212121' stroke-opacity='0.8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 7.95964C10.5 9.34035 9.38075 10.4596 8.00004 10.4596C6.61933 10.4596 5.50004 9.34035 5.50004 7.95964C5.50004 6.57892 6.61933 5.45964 8.00004 5.45964C9.38075 5.45964 10.5 6.57892 10.5 7.95964Z' stroke='%23212121' stroke-opacity='0.8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-nothing:before {
    width: 15px;
    height: 15px;
    margin-right: 14.5px;
    display: inline-block;
    content: " ";
}

.icon-navigation:before {
    content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 18C4.9 18 3.95833 17.6083 3.175 16.825C2.39167 16.0417 2 15.1 2 14V5.825C1.41667 5.60833 0.937333 5.24567 0.562 4.737C0.187333 4.229 0 3.65 0 3C0 2.16667 0.291667 1.45833 0.875 0.875C1.45833 0.291667 2.16667 0 3 0C3.83333 0 4.54167 0.291667 5.125 0.875C5.70833 1.45833 6 2.16667 6 3C6 3.65 5.81267 4.229 5.438 4.737C5.06267 5.24567 4.58333 5.60833 4 5.825V14C4 14.55 4.196 15.021 4.588 15.413C4.97933 15.8043 5.45 16 6 16C6.55 16 7.021 15.8043 7.413 15.413C7.80433 15.021 8 14.55 8 14V4C8 2.9 8.39167 1.95833 9.175 1.175C9.95833 0.391667 10.9 0 12 0C13.1 0 14.0417 0.391667 14.825 1.175C15.6083 1.95833 16 2.9 16 4V12.175C16.5833 12.3917 17.0627 12.754 17.438 13.262C17.8127 13.7707 18 14.35 18 15C18 15.8333 17.7083 16.5417 17.125 17.125C16.5417 17.7083 15.8333 18 15 18C14.1667 18 13.4583 17.7083 12.875 17.125C12.2917 16.5417 12 15.8333 12 15C12 14.35 12.1873 13.7667 12.562 13.25C12.9373 12.7333 13.4167 12.375 14 12.175V4C14 3.45 13.8043 2.97933 13.413 2.588C13.021 2.196 12.55 2 12 2C11.45 2 10.9793 2.196 10.588 2.588C10.196 2.97933 10 3.45 10 4V14C10 15.1 9.60833 16.0417 8.825 16.825C8.04167 17.6083 7.1 18 6 18ZM3 4C3.28333 4 3.521 3.90433 3.713 3.713C3.90433 3.521 4 3.28333 4 3C4 2.71667 3.90433 2.479 3.713 2.287C3.521 2.09567 3.28333 2 3 2C2.71667 2 2.479 2.09567 2.287 2.287C2.09567 2.479 2 2.71667 2 3C2 3.28333 2.09567 3.521 2.287 3.713C2.479 3.90433 2.71667 4 3 4ZM15 16C15.2833 16 15.5207 15.904 15.712 15.712C15.904 15.5207 16 15.2833 16 15C16 14.7167 15.904 14.4793 15.712 14.288C15.5207 14.096 15.2833 14 15 14C14.7167 14 14.4793 14.096 14.288 14.288C14.096 14.4793 14 14.7167 14 15C14 15.2833 14.096 15.5207 14.288 15.712C14.4793 15.904 14.7167 16 15 16Z' fill='%232578D5'/%3E%3C/svg%3E%0A") !important;
}

.icon-check-rounded:before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10L9 12L13 8M19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10Z' stroke='%232578D5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}

.icon-drawer-apply:before {
    content: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 20.0005C1.45 20.0005 0.979 19.8048 0.587 19.4135C0.195667 19.0215 0 18.5505 0 18.0005V13.4505L2.75 10.3255L4.175 11.7505L2.175 14.0005H15.825L13.875 11.8005L15.3 10.3755L18 13.4505V18.0005C18 18.5505 17.8043 19.0215 17.413 19.4135C17.021 19.8048 16.55 20.0005 16 20.0005H2ZM2 18.0005H16V16.0005H2V18.0005ZM7.625 12.3755L4.1 8.85046C3.71667 8.46712 3.52933 7.99646 3.538 7.43846C3.546 6.87979 3.74167 6.40879 4.125 6.02546L9.025 1.12546C9.40833 0.742122 9.88333 0.542122 10.45 0.525456C11.0167 0.508789 11.4917 0.692122 11.875 1.07546L15.4 4.60046C15.7833 4.98379 15.9833 5.45046 16 6.00046C16.0167 6.55046 15.8333 7.01712 15.45 7.40046L10.45 12.4005C10.0667 12.7838 9.596 12.9711 9.038 12.9625C8.47933 12.9545 8.00833 12.7588 7.625 12.3755ZM14 6.02546L10.475 2.50046L5.525 7.45046L9.05 10.9755L14 6.02546Z' fill='%232578D5'/%3E%3C/svg%3E%0A") !important;
}

.icon-register-dog:before {
    content: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.85 20V10.4L0.575 10.125C0.391666 9.94167 0.25 9.725 0.15 9.475C0.0500001 9.225 0 8.96667 0 8.7C0 8.43333 0.0500001 8.17933 0.15 7.938C0.25 7.696 0.391666 7.48333 0.575 7.3L3.85 4H7.85L11.85 0L13.9 2.05C14.5667 2.71667 15.0833 3.47067 15.45 4.312C15.8167 5.154 16 6.05 16 7C16 7.95 15.8167 8.846 15.45 9.688C15.0833 10.5293 14.5667 11.2833 13.9 11.95L11.85 14V20H0.85ZM2.85 18H9.85V13.175L12.475 10.55C12.9583 10.0667 13.3333 9.525 13.6 8.925C13.8667 8.325 14 7.68333 14 7C14 6.33333 13.8623 5.7 13.587 5.1C13.3123 4.5 12.9417 3.95833 12.475 3.475L11.85 2.825L8.675 6H4.675L4.1 6.575L5.775 8.25C6.24167 8.71667 6.60433 9.254 6.863 9.862C7.121 10.4707 7.25 11.1083 7.25 11.775C7.25 12.4417 7.125 13.0793 6.875 13.688C6.625 14.296 6.25833 14.8417 5.775 15.325L2.85 12.4V18Z' fill='%232578D5'/%3E%3C/svg%3E%0A") !important;
}

.icon-danger-blue:before {
    position: absolute;
    left: 20px;
    content: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7.31641V9.31641M10 13.3164H10.01M3.07183 17.3164H16.9282C18.4678 17.3164 19.4301 15.6497 18.6603 14.3164L11.7321 2.31641C10.9623 0.983073 9.03778 0.983073 8.26798 2.31641L1.33978 14.3164C0.56998 15.6497 1.53223 17.3164 3.07183 17.3164Z' stroke='%232578D5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.ckc-main-header {
    padding: 30px 24px 30px 0px;
    background: none;
    background-color: #212121 !important;
    border-top: 10px solid #CC9900;
    width: 100%;
    /* max-width: 1440px; */
}

    .ckc-main-header .container {
        width: 100% !important;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .ckc-main-header .mainSubSection {
        padding: 0;
    }

        .ckc-main-header .mainSubSection .header-right-section div {
            padding: 0;
        }

        .ckc-main-header .mainSubSection .login-inner-content .ckc-login-display {
            margin-top: 10px;
        }

.language-inner-content .ckc-language-display a {
    margin-top: 10px;
    ;
}

.ckc-main-menu {
    /* background-color: #212121 !important; */
    background-color: transparent !important;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.75) 46.46%, rgba(255, 255, 255, 0) 98.96%) !important;
    width: 100%;
    /* max-width: 1440px; */
}

    .ckc-main-menu.light-version {
        background: rgba(33, 33, 33, 0.07) !important;
    }

    .ckc-main-menu:has(.stellarnav.mobile.active) {
        background-color: #bfbfbf !important;
    }

    .ckc-main-menu .container.mainnav-wrapper {
        padding-left: 0;
        padding-right: 0;
        width: 100% !important;
        padding: 0 75px 0 60px;
        max-width: 100%;
    }

.ckc-main-banner:has(.banner-container) {
    position: relative;
    top: -63px;
    margin: 0 auto;
    margin-bottom: -63px;
    border-bottom: 28px solid #ECDFBA
}

.ckc-main-banner:has(.dashboard-inner-wrapper) {
    /* top: -59px;
    margin-bottom: -59px; */
    top: -62px;
    margin-bottom: -62px;
    position: relative;
}

.ckc-main-banner:has(.container-solid-background) {
    position: relative;
    top: -63px;
    margin: 0 auto;
    /* margin-bottom: -63px; */
    padding-bottom: 63px;
    background: rgba(33, 33, 33, 0.07);
}

.force-transparent-background {
    background: transparent !important;
}

.ckc-main-body {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    .ckc-main-body .container {
        /* padding-left: 112px;
    padding-right: 112px;
    max-width: 100%; */
    }

.ckc-main-content {
    padding: 0px;
    max-width: 1440px !important;
}

    .ckc-main-content .content-row {
        padding: 42px 112px 0px 112px;
    }

        .ckc-main-content .content-row div:has(.home-news-card) {
            margin-bottom: 20px;
        }

.mainLogo img {
    position: absolute;
    top: -7px;
    z-index: 5;
}

.mainLogo span {
    position: absolute;
    left: 185px;
    top: -7px;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    color: #FFF;
}

.mainLogo .site-title div {
    font-size: 36px;
}

.stellarnav a,
.stellarnav li a {
    font-family: 'SF Pro Display' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 150%;
    color: #212121 !important;
}

.stellarnav ul li ul li .link {
    color: #D9D9D9 !important;
}

.stellarnav > ul > li:last-child a {
    text-transform: none;
    background-color: #2578D5 !important;
    font-family: 'SF Pro Display' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 14px !important;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF !important;
    border-radius: 4px;
    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 6%), 0px 4px 6px -1px rgb(0 0 0 / 8%);
}

    .stellarnav > ul > li:last-child a:hover {
        background-color: #174D8A !important;
    }

.stellarnav ul.main li.active {
    border-bottom: 4px solid #C49300;
}

.stellarnav ul.inner-main li.active {
    border-bottom: none;
}

.stellarnav li:has(>ul li.active) {
    border-bottom: 4px solid #C49300;
}

.stellarnav.mobile .menu-toggle {
    text-align: right !important;
    color: #212121 !important;
    padding-right: 0px;
}

.stellarnav.mobile .dd-toggle {
    color: #212121 !important;
}

.stellarnav.mobile ul li ul li .link {
    color: #212121 !important;
}

.stellarnav.mobile ul li ul li.active a {
    background-color: #cbcbcb;
}

.stellarnav.mobile > ul > li:last-child {
    border-bottom: none;
}

.stellarnav.mobile ul {
    padding-top: 25px;
}

.list-unstyled {
    margin-left: 0px !important;
}
/* Page Banner */
.banner-root-container {
    padding: 0px;
}

.banner-container {
    padding: 0px;
}

.ip-carousel-item .banner-container .banner-container-image img {
    width: 100%;
    height: 398px;
}

.ip-carousel-item .banner-container .banner-container-title {
    height: 398px;
    width: 100%;
    padding: 0px;
    position: absolute;
    margin-top: -398px;
    border-bottom: 28px solid rgba(204, 153, 0, 0.25);
    background: linear-gradient(97.72deg, #000000 30.74%, rgba(0, 0, 0, 0) 67.07%);
}

    .ip-carousel-item .banner-container .banner-container-title.no-gradient {
        background: none !important;
    }

    .ip-carousel-item .banner-container .banner-container-title .page-title {
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 125%;
        color: #FFFFFF;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        top: 100px;
        position: relative;
        margin: 0 0 0 123px;
    }

    .ip-carousel-item .banner-container .banner-container-title a.with-arrow {
        display: block;
        width: fit-content;
        margin-top: 40px;
    }

.ip-carousel-item button.control-left {
    background: url(../images/ic_chevron_left.svg) no-repeat 10px;
    position: absolute;
    left: 30px;
    top: 196px;
    width: 55px;
    height: 55px;
    background-color: rgba(33, 33, 33, 0.17);
    border: 5px solid rgba(33, 33, 33, 0.17);
    border-radius: 999px;
}

.ip-carousel-item button.control-right {
    background: url("../images/ic_chevron_right.svg") no-repeat 14px;
    position: absolute;
    right: 30px;
    top: 196px;
    width: 55px;
    height: 55px;
    background-color: rgba(33, 33, 33, 0.17);
    border: 5px solid rgba(33, 33, 33, 0.17);
    border-radius: 999px;
}

.banner-container .banner-container-image {
    padding: 0px;
}

    .banner-container .banner-container-image img {
        width: 100%;
        height: 330px;
        object-fit: cover;
        /* transform: matrix(-1, 0, 0, 1, 0, 0); */
    }

.banner-container .banner-container-title {
    height: 330px;
    width: 100%;
    padding: 0px;
    position: absolute;
    margin-top: -330px;
    border-bottom: 28px solid rgba(204, 153, 0, 0.25);
    background: linear-gradient(97.72deg, #000000 30.74%, rgba(0, 0, 0, 0) 67.07%);
}

    .banner-container .banner-container-title.no-gradient {
        background: none !important;
    }

    .banner-container .banner-container-title .page-title {
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        line-height: 125%;
        color: #FFFFFF;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        top: 152px;
        position: relative;
        margin: 0 0 0 110px;
    }

        .banner-container .banner-container-title .page-title h1 {
            font-family: 'SF Pro Display' !important;
            font-style: normal;
            font-weight: 700;
            font-size: 48px !important;
            line-height: 125% !important;
            color: #FFFFFF;
            text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
            position: relative;
            /* margin: 0 0 0 110px !important; */
            margin: 0 0 0 0 !important;
            background-color: transparent !important;
        }

.links-row ul li.icon-update {
    background-image: url(../images/icon-update.svg);
}

.links-row ul li.icon-help {
    background: url(../images/icon-help.svg) left 14px no-repeat;
}

.container-style-one .row {
    margin-left: 0px;
    margin-right: 0px;
}

    .container-style-one .row .col-title {
        padding-left: 112px;
        padding-top: 56px;
        margin-top: 24px;
    }

        .container-style-one .row .col-title h2 {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 700;
            font-size: 36px !important;
            line-height: 125%;
            color: #212121;
        }

        .container-style-one .row .col-title p {
            margin-top: 16px;
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 700;
            font-size: 29px;
            line-height: 125%;
            color: rgba(33, 33, 33, 0.7);
            padding-right: 25px;
        }

    .container-style-one .row .col-content {
        padding-left: 112px;
        padding-top: 56px;
        padding-right: 112px;
    }

        .container-style-one .row .col-content p {
            margin-top: 24px;
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 400;
            font-size: 21px;
            line-height: 150%;
            color: rgba(33, 33, 33, 0.7);
        }

.container-style-two .row {
    margin-left: 0px;
    margin-right: 0px;
    background: rgba(33, 33, 33, 0.03);
}

    .container-style-two .row .col-image {
        padding-left: 112px;
        padding-top: 56px;
    }

        .container-style-two .row .col-image img {
            margin-bottom: 56px;
        }

    .container-style-two .row .col-content {
        padding-top: 56px;
        padding-right: 112px;
    }

        .container-style-two .row .col-content h3 {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 700;
            font-size: 29px !important;
            line-height: 125%;
            color: #212121;
        }

        .container-style-two .row .col-content p {
            margin-top: 24px;
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 400;
            font-size: 21px;
            line-height: 150%;
            color: rgba(33, 33, 33, 0.7);
        }

.container-style-three .row {
    margin-left: 0px;
    margin-right: 0px;
    background: rgba(33, 33, 33, 0.03);
}

    .container-style-three .row .col-image {
        padding-top: 56px;
        padding-right: 112px;
    }

        .container-style-three .row .col-image img {
            margin-bottom: 56px;
        }

    .container-style-three .row .col-content {
        padding-left: 112px;
        padding-top: 56px;
    }

        .container-style-three .row .col-content h3 {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 700;
            font-size: 29px !important;
            line-height: 125%;
            color: #212121;
        }

        .container-style-three .row .col-content p {
            margin-top: 24px;
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 400;
            font-size: 21px;
            line-height: 150%;
            color: rgba(33, 33, 33, 0.7);
        }

.container-style-four .row {
    margin-left: 0px;
    margin-right: 0px;
}

    .container-style-four .row .col-title {
        padding-left: 112px;
        padding-top: 56px;
    }

        .container-style-four .row .col-title h2 {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 700;
            font-size: 36px;
            line-height: 125%;
            color: #212121;
        }

    .container-style-four .row .col-content {
        padding-top: 56px;
        padding-right: 112px;
        padding-bottom: 64px;
        padding-left: 20px;
    }

        .container-style-four .row .col-content h4 {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 700;
            font-size: 21px;
            line-height: 150%;
            color: #212121;
        }

        .container-style-four .row .col-content img {
            background-color: #FAF5E6;
            border-radius: 100px !important;
            margin-right: 12px;
        }

        .container-style-four .row .col-content p {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 150%;
            color: rgba(33, 33, 33, 0.7);
            padding-top: 12px;
            margin-bottom: 32px;
        }

.container-style-five .row {
    margin-left: 0px;
    margin-right: 0px;
    background: #F4EFE0;
    border-top: 24px solid #FAF5E6;
}

    .container-style-five .row .col-title {
        padding-left: 112px;
        padding-top: 56px;
    }

        .container-style-five .row .col-title h2 {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 700;
            font-size: 36px;
            line-height: 125%;
            color: #212121;
        }

        .container-style-five .row .col-title p {
            margin-top: 16px;
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 700;
            font-size: 29px;
            line-height: 125%;
            color: rgba(33, 33, 33, 0.7);
            padding-right: 25px;
        }

    .container-style-five .row .col-content {
        padding-top: 56px;
        padding-right: 112px;
    }

    .container-style-five .row .col-content {
        padding-bottom: 64px;
        padding-left: 20px;
    }

        .container-style-five .row .col-content p {
            margin-top: 0px;
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 400;
            font-size: 21px;
            line-height: 150%;
            color: rgba(33, 33, 33, 0.7);
        }

.container-style-six .row {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 24px;
}

    .container-style-six .row .col-title {
        padding-left: 112px;
        padding-top: 40px;
        padding-bottom: 60px;
    }

        .container-style-six .row .col-title h1 {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 700;
            font-size: 36px !important;
            line-height: 125%;
            color: #212121;
        }

        .container-style-six .row .col-title p {
            margin-top: 16px;
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 700;
            font-size: 29px;
            line-height: 125%;
            color: rgba(33, 33, 33, 0.7);
            padding-right: 25px;
        }

    .container-style-six .row .col-content {
        padding-left: 112px;
        padding-top: 40px;
        padding-bottom: 60px;
        padding-right: 112px;
    }

    .container-style-six .row .col-title h2 {
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 700;
        font-size: 29px !important;
        line-height: 125%;
        color: #212121;
    }

    .container-style-six .row .col-content p {
        margin-top: 24px;
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 400;
        font-size: 21px;
        line-height: 150%;
        /* color: rgba(33, 33, 33, 0.7); */
        color: #212121;
    }

        .container-style-six .row .col-content p.small {
            margin-top: 24px;
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 150%;
            /* color: rgba(33, 33, 33, 0.7); */
            color: #212121;
        }

        .container-style-six .row .col-content p a {
            font-size: inherit;
        }

.container-style-seven .row {
    margin-left: 0px;
    margin-right: 0px;
    background: rgba(33, 33, 33, 0.03);
}

    .container-style-seven .row .col-content {
        padding-left: 112px;
        padding-right: 112px;
        padding-top: 56px;
        padding-bottom: 40px;
    }

        .container-style-seven .row .col-content h2 {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 700;
            font-size: 29px;
            line-height: 125%;
            color: #212121;
        }

        .container-style-seven .row .col-content p {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 400;
            font-size: 21px;
            line-height: 150%;
            color: rgba(33, 33, 33, 0.7);
        }

.container-style-eight .row {
    margin-left: 0px;
    margin-right: 0px;
    background: rgba(33, 33, 33, 0.03);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 44px 0px 40px;
    padding-left: 112px;
    padding-right: 112px;
}

    .container-style-eight .row .col-content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 120px;
        /* padding-top: 44px;
    padding-bottom: 40px; */
        padding-left: 0px;
        padding-right: 0px;
    }

        .container-style-eight .row .col-content .item {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0px;
            gap: 24px;
            width: 261px;
            height: 234px;
        }

            .container-style-eight .row .col-content .item img {
                width: 126px;
                height: 126px;
                display: block;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 18px;
            }

            .container-style-eight .row .col-content .item p {
                font-family: 'SF Pro Display';
                font-style: normal;
                font-weight: 700;
                font-size: 14px;
                line-height: 150%;
                text-align: center;
                color: #212121B2;
            }

                .container-style-eight .row .col-content .item p b {
                    color: #212121;
                    font-weight: 700 !important;
                }

                .container-style-eight .row .col-content .item p a {
                    font-size: inherit;
                }

.container-style-nine .row {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 112px;
    padding-right: 112px;
    padding-top: 64px;
    padding-bottom: 48px;
}

    .container-style-nine .row div:has(table) {
        overflow-x: auto;
    }

ul.news {
    margin-left: 0;
    list-style: none;
    padding: 0;
}

    ul.news li.news-item {
        margin-top: 32px;
    }

        ul.news li.news-item p.news-item-header {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 700;
            font-size: 21px;
            line-height: 125%;
            color: #212121;
            margin-bottom: 8px;
        }

        ul.news li.news-item p.news-item-date, ul.news li.news-item p.news-item-desc {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 150%;
            color: rgba(33, 33, 33, 0.7);
            margin-bottom: 8px;
        }

.instagram-block .images {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    flex-grow: 1;
    gap: 8px;
    flex-wrap: wrap;
}

    .instagram-block .images img {
        /* width: 181px;
    height: 182px; */
        width: auto;
        max-width: 48%;
    }

.instagram-block .heading {
    display: flex;
    padding-bottom: 8px;
}

    .instagram-block .heading b {
        margin: auto 0;
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 700 !important;
        font-size: 21px;
        line-height: 125%;
        color: #212121;
    }

    .instagram-block .heading a {
        margin: 0 0 0 auto;
        margin-right: 5px;
    }

.publication-item > div {
    display: flex;
}



.publication-item .details {
    padding-left: 24px;
    color: #212121;
}

    .publication-item .details p.heading {
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 700;
        font-size: 21px;
        line-height: 150%;
        color: #212121;
    }

    .publication-item .details ul {
        margin: 0;
    }

        .publication-item .details ul li {
            margin: 0;
            font-size: 16px;
            color: #212121;
        }

    .publication-item .details a {
        padding-top: 16px;
        display: block;
    }

.publication-item img {
    max-height: 300px;
}


.image-full-width {
    width: 100%;
}

.inline-absolute {
    display: inline;
    position: absolute;
}

.pt-33 {
    padding-top: 33px !important;
}

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

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

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.no-border {
    border: none !important;
}

.update-button {
    position: absolute;
    top: 62px;
    right: 18px;
    padding: 0px 32px;
    /* gap: 12px; */
    width: 168px;
    height: 40px;
    background: #2578D5;
    border-radius: 4px;
    color: white;
    border: none;
}

    .update-button:hover {
        background: #0d5cb8;
    }

/* 
.row-who-we-are .col-title, 
.row-our-mission .col-image,
.row-our-vision .col-content,
.row-values .col-title,
.row-history .col-title {
    padding-left: 112px;
    padding-top: 56px;
}
.row-who-we-are .col-content, 
.row-our-mission .col-content,
.row-our-vision .col-image,
.row-values .col-content,
.row-history .col-content {
    padding-top: 56px;
    padding-right: 112px;
}


.row-our-mission, .row-our-vision {
    background: rgba(33, 33, 33, 0.03);
}
.row-history {
    background: #F4EFE0;
    border-top: 24px solid #FAF5E6;
}

.row-who-we-are .col-content,
.row-values .col-content,
.row-history .col-content {
    padding-bottom: 64px;
}

.row-who-we-are .col-title h2,
.row-values .col-title h2,
.row-history .col-title h2 {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 125%;
    color: #212121;
}

.row-who-we-are .col-title p,
.row-history .col-title p {
    margin-top: 16px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 700;
    font-size: 29px;
    line-height: 125%;
    color: rgba(33, 33, 33, 0.7);
    padding-right: 25px;
}

.row-our-vision .col-image img,
.row-our-mission .col-image img {
    margin-bottom: 56px;
}

.row-our-vision .col-content h3,
.row-our-mission .col-content h3 {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 700;
    font-size: 29px;
    line-height: 125%;
    color: #212121;
}

.row-who-we-are .col-content p,
.row-our-vision .col-content p,
.row-our-mission .col-content p,
.row-history .col-content p {
    margin-top: 24px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 150%;
    color: rgba(33, 33, 33, 0.7);
}

.row-history .col-content p {
    margin-top: 0px;
}

.row-values .col-content h4 {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 150%;
    color: #212121;
}

.row-values .col-content img {
    background-color: #FAF5E6;
    border-radius: 100px !important;
    margin-right: 12px;
}

.row-values .col-content p{
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: rgba(33, 33, 33, 0.7);
    padding-top: 12px;
    margin-bottom: 32px;
} */

.row-footer .col-footer-description p {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    padding-left: 20px;
    padding-right: 60px;
}

    .row-footer .col-footer-description p a {
        color: #CC9900;
    }

.row-footer .col-footer-links ul li {
    padding-left: 0px;
    margin-right: 20px;
    border-bottom: 1px solid rgba(204, 153, 0, 0.35);
}

    .row-footer .col-footer-links ul li:last-child {
        border-bottom: none
    }

    .row-footer .col-footer-links ul li a,
    .row-footer .col-footer-contact ul li a {
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #FFFFFF;
        padding-left: 2px;
    }

.row-footer .col-footer-links .nav-pills > li.active > a {
    background-color: transparent;
    text-decoration: none;
}

    .row-footer .col-footer-links .nav-pills > li.active > a:hover,
    .row-footer .col-footer-links .nav-pills > li.active > a:focus,
    .row-footer .col-footer-links .nav > li > a:hover,
    .row-footer .col-footer-links .nav > li > a:focus {
        background-color: transparent;
        text-decoration: underline;
    }

.row-footer .col-footer-contact {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
}

    .row-footer .col-footer-contact ul {
        list-style: none;
        padding-inline-start: 0px;
    }

        .row-footer .col-footer-contact ul li {
            padding: 10px 15px;
            padding-left: 0px;
            border-bottom: 1px solid rgba(204, 153, 0, 0.35);
        }

            .row-footer .col-footer-contact ul li:last-child {
                border-bottom: none
            }

.row-bottom-footer {
    border-top: 1px solid rgba(204, 153, 0, 0.35);
    margin-top: 107px;
    padding-top: 28px;
    padding-bottom: 18px;
}

    .row-bottom-footer img {
        margin-right: 26px;
    }

    .row-bottom-footer .col-social-links {
        text-align: left;
    }

    .row-bottom-footer .col-footer-links {
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        text-align: right;
        color: rgba(255, 255, 255, 0.8);
    }

.ckc-main-footer .container, .content-container {
    padding-left: 112px;
    padding-right: 112px;
    max-width: 100%;
}

.ckc-main-footer-bottom {
    margin-top: 0px;
}

.d-none {
    display: none !important;
}

.row-portal-tab-grid {
    padding-top: 66px;
}

.style-one-sub-heading div {
    display: flex;
    flex-wrap: wrap;
    column-gap: 45px;
}

.style-one-sub-heading h2 {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 125%;
    color: #212121;
}

    .style-one-sub-heading h2 span, .style-one-sub-heading h2 b {
        opacity: 0.75;
    }

.style-one-sub-heading a {
    margin: auto 5px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #2578D5;
}

.home-news-card {
    background: #FFFFFF;
    border: none !important;
    box-shadow: 0px 4px 6px -2px rgb(0 0 0 / 5%), 0px 10px 15px -3px rgb(0 0 0 / 10%);
    border-radius: 8px !important;
    padding: 0px !important;
    line-height: 0px !important;
    margin: 0px !important;
    overflow: hidden;
    height: 100%;
}

    .home-news-card > img {
        width: 100%;
    }

    .home-news-card .caption h3 {
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 700;
        font-size: 21px;
        line-height: 125%;
        color: #212121;
        margin: 24px 32px 8px 32px;
    }

    .home-news-card .caption p {
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: rgba(33, 33, 33, 0.7);
        margin: 0px 32px 24px 32px;
    }

    .home-news-card .caption a {
        border: none;
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #2578D5;
        background: none;
        padding: 0px;
        transition: none !important;
        margin: 0px 32px 24px 32px;
        text-transform: capitalize;
    }

        .home-news-card .caption a:has(h3) {
            margin: 0px !important;
            text-transform: none;
        }

    .home-news-card .caption p:has(a) {
        margin: 0px;
    }

    .home-news-card .caption .read-time {
        margin-bottom: 30px;
        margin-right: 45px;
        display: block;
        position: absolute;
        right: 0;
        bottom: 0px;
    }

.row-agm {
    background: #F4EFE0;
    border-top: 26px solid #FAF5E6;
    padding-top: 94px !important;
    margin-top: 64px;
    padding-bottom: 101px !important;
}

    .row-agm .col-title {
        padding-right: 56px;
    }

        .row-agm .col-title h2 {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 700;
            font-size: 36px;
            line-height: 125%;
            color: #212121;
        }

        .row-agm .col-title p {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 150%;
            color: rgba(33, 33, 33, 0.7);
        }

            .row-agm .col-title p a {
                margin-top: 32px;
                background: #2578D5;
                border-radius: 4px;
                /* padding: 8px 0px 8px 16px; */
                /* padding: 12px 0px 12px 16px; */
                padding: 12px 16px 12px 16px;
                font-family: 'SF Pro Display';
                font-style: normal;
                font-weight: 700;
                font-size: 16px;
                line-height: 150%;
                text-align: center;
                color: #FFFFFF;
                text-transform: capitalize;
            }

                .row-agm .col-title p a i {
                    padding-left: 10.5px;
                }

    .row-agm .col-video video {
        width: 100%;
        border-radius: 8px;
    }

    .row-agm .col-video p {
        display: none;
    }

    .row-agm figure figcaption {
        display: none;
    }

.kenal-and-bench-heading {
    padding-top: 22px;
}

    .kenal-and-bench-heading .sf-Long-text {
        display: flex;
        flex-wrap: wrap;
    }

    .kenal-and-bench-heading h2 {
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 700;
        font-size: 29px;
        line-height: 125%;
        color: #212121;
        margin-top: 0px;
    }

        .kenal-and-bench-heading h2 span {
            opacity: 0.75;
        }

    .kenal-and-bench-heading a {
        margin: auto 56px;
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #2578D5;
    }

.row-publication {
    padding-bottom: 64px !important;
}

    .row-publication .col-publication-items {
        display: flex;
        row-gap: 60px;
        column-gap: 32px;
        flex-wrap: wrap;
        /* justify-content: space-between; */
    }

        .row-publication .col-publication-items a {
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 150%;
            color: #2578D5;
            display: block;
            margin-top: 10px;
        }

        .row-publication .col-publication-items div {
            max-width: 210px;
        }

        .row-publication .col-publication-items .publication-item img {
            padding-bottom: 24px;
        }

        .row-publication .col-publication-items .publication-item a {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 150%;
            color: #2578D5;
        }

.row-portal-tab-grid .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 16px;
    font-weight: 700;
    /* padding: 6px 20px 12px; */
    line-height: 24px;
    outline: none !important;
    letter-spacing: 0;
    color: #212121;
}

.row-portal-tab-grid .col-quick-links h4 {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 150%;
    color: #212121;
    border: none;
    padding-top: 0px;
    padding-bottom: 31px;
    margin-top: -3px;
}

.row-portal-tab-grid .col-quick-links a {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #212121;
}

.profile-card {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15), 5px 10px 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    margin-top: 30px;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    -webkit-filter: opacity(1);
    filter: opacity(1);
}

    .profile-card img {
        width: 100%;
    }

    .profile-card .content {
        padding: 20px 48px 40px 48px;
    }

        .profile-card .content h2 {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 700;
            font-size: 29px;
            line-height: 125%;
            color: #212121;
        }

        .profile-card .content p {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 400;
            font-size: 21px;
            line-height: 150%;
            color: rgba(33, 33, 33, 0.7);
        }

        .profile-card .content h3 {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 700;
            font-size: 21px;
            line-height: 125%;
            color: #212121;
            margin-top: 16px;
        }

        .profile-card .content .member-since {
            font-weight: 400;
            font-size: 14px;
            line-height: 150%;
            color: rgba(33, 33, 33, 0.7);
            display: block;
            margin-top: 20px;
        }

        .profile-card .content .member-since-year {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 700;
            font-size: 21px;
            line-height: 125%;
            color: #212121;
        }

        .profile-card .content .phil-plan {
            border-radius: 100px;
            padding: 8px 24px;
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 400;
            font-size: 21px;
            line-height: 150%;
            color: #212121;
            background: rgba(33, 33, 33, 0.07);
            position: absolute;
            right: 35px;
            bottom: 40px;
        }

.ip-grid {
    /* height: 336px; */
    background-color: #fff;
}

    .ip-grid .k-grid {
        height: initial !important;
        min-height: 335px;
        max-height: inherit;
        box-shadow: none !important;
        border: none !important;
    }

        .ip-grid .k-grid .k-grid-content {
            height: initial !important;
            min-height: 244px;
            max-height: 540px;
            overflow: auto;
        }

    .ip-grid .k-grid-header, .ip-grid .k-grid-footer-wrap, .ip-grid .k-grid-header-wrap, .ip-grid .k-header {
        border: none !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    .ip-grid .k-header {
        font-size: 16px;
    }

    .ip-grid .k-grid-header-locked > table, .ip-grid .k-grid-header-wrap > table {
        border: none;
        margin: 0;
    }

    .ip-grid table thead tr, .ip-grid table tbody tr {
        height: 56px;
    }

        .ip-grid table thead tr th {
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 700 !important;
            font-size: 14px;
            line-height: 150%;
            color: #1D2433;
            border: none;
            /* padding-left: 8px !important;
    padding-right: 8px !important; */
        }
    /* QA Out of sync, need to test */
    /* .ip-grid table thead tr th .k-link {
    font-weight: 700;
} */
    .ip-grid .k-grid-header {
        border-bottom: 1px solid #E1E6EF !important;
        padding-right: 0px !important;
    }

    .ip-grid tr.k-alt {
        background: white;
    }

    .ip-grid .k-grid tr td {
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #1D2433;
        padding-left: 8px !important;
        padding-right: 8px !important;
        border-bottom: 1px solid rgba(33, 33, 33, 0.1) !important;
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }

        .ip-grid .k-grid tr td span {
            background-color: transparent;
            background: transparent;
        }

            .ip-grid .k-grid tr td span:hover {
                background: transparent;
            }

    .ip-grid .k-grid .k-grid-content .k-command-cell a[role=button] {
        background: transparent;
        border: none;
    }

        .ip-grid .k-grid .k-grid-content .k-command-cell a[role=button] span.fa {
            background: #2578D5;
        }

    .ip-grid .k-grid tr td span#ViewLink {
        width: 85%;
    }

    .ip-grid .k-grid th.k-sorted {
        background-color: white;
    }

    .ip-grid .k-pager-sizes, .ip-grid .k-pager-wrap .k-pager-refresh, .ip-grid .k-pager-info {
        position: relative;
        left: 0px;
        right: 0px;
        margin-right: 0px;
        padding-left: 0px;
    }

    .ip-grid .k-grid-pager {
        border-color: white;
        color: rgba(33, 33, 33, 0.7);
        background-color: white;
        padding-top: 20px;
    }

    .ip-grid .k-grid .k-pager-sizes .k-dropdown {
        /* float: right; */
        width: 60px !important;
        text-align: left;
        background: #fff;
        border-radius: 4px;
        /* border: none !important; */
        height: 32px !important;
        padding: 4px 8px;
        text-align: center;
        /* margin-left: 10px; */
        margin-right: 12px;
        border: 1px solid rgba(33, 33, 33, 0.3) !important;
        font-size: 16px;
        /* line-height: 1; */
    }

    .ip-grid .k-grid .k-pager-numbers-wrap select.k-dropdown {
        background-position-x: 92% !important;
        background-position-y: 14px !important;
    }

    .ip-grid .k-dropdown .k-dropdown-wrap .k-i-arrow-60-down {
        margin-top: 0px !important;
        margin-right: 0px !important;
    }

    .ip-grid .k-dropdown .k-input {
        padding-top: 0px !important;
        padding-left: 0px !important;
    }

    .ip-grid .k-i-reload::before {
        position: absolute;
        top: 4px;
        content: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.85742 1V6H2.43894M17.7955 8C17.3034 4.05369 13.937 1 9.85742 1C6.50004 1 3.62571 3.06817 2.43894 6M2.43894 6H6.85742M17.8574 17V12H17.2759M17.2759 12C16.0891 14.9318 13.2148 17 9.85742 17C5.7778 17 2.41141 13.9463 1.91932 10M17.2759 12H12.8574' stroke='%23212121' stroke-opacity='0.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    }

    .ip-grid .k-i-arrow-end-left::before, .ip-grid .k-i-seek-w::before {
        content: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1574 11.3L6.55742 6.7C6.45742 6.6 6.38675 6.49167 6.34542 6.375C6.30342 6.25833 6.28242 6.13333 6.28242 6C6.28242 5.86667 6.30342 5.74167 6.34542 5.625C6.38675 5.50833 6.45742 5.4 6.55742 5.3L11.1574 0.7C11.3408 0.516666 11.5741 0.425 11.8574 0.425C12.1408 0.425 12.3741 0.516666 12.5574 0.7C12.7408 0.883333 12.8324 1.11667 12.8324 1.4C12.8324 1.68333 12.7408 1.91667 12.5574 2.1L8.65742 6L12.5574 9.9C12.7408 10.0833 12.8324 10.3167 12.8324 10.6C12.8324 10.8833 12.7408 11.1167 12.5574 11.3C12.3741 11.4833 12.1408 11.575 11.8574 11.575C11.5741 11.575 11.3408 11.4833 11.1574 11.3ZM1.85742 12C1.57409 12 1.33642 11.904 1.14442 11.712C0.953089 11.5207 0.857422 11.2833 0.857422 11V1C0.857422 0.716667 0.953089 0.479 1.14442 0.287C1.33642 0.0956668 1.57409 0 1.85742 0C2.14076 0 2.37842 0.0956668 2.57042 0.287C2.76175 0.479 2.85742 0.716667 2.85742 1V11C2.85742 11.2833 2.76175 11.5207 2.57042 11.712C2.37842 11.904 2.14076 12 1.85742 12Z' fill='%23212121' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
    }

    .ip-grid .k-i-arrow-60-left::before, .ip-grid .k-i-arrow-w::before, .ip-grid .k-i-expand-w::before, .ip-grid .k-i-sarrow-w::before {
        content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.15723 11.2998L0.557226 6.6998C0.457226 6.5998 0.38656 6.49147 0.345226 6.3748C0.303226 6.25814 0.282227 6.13314 0.282227 5.9998C0.282227 5.86647 0.303226 5.74147 0.345226 5.6248C0.38656 5.50814 0.457226 5.3998 0.557226 5.2998L5.15723 0.699804C5.34056 0.516471 5.57389 0.424805 5.85723 0.424805C6.14056 0.424805 6.37389 0.516471 6.55723 0.699804C6.74056 0.883138 6.83223 1.11647 6.83223 1.3998C6.83223 1.68314 6.74056 1.91647 6.55723 2.0998L2.65723 5.9998L6.55723 9.8998C6.74056 10.0831 6.83223 10.3165 6.83223 10.5998C6.83223 10.8831 6.74056 11.1165 6.55723 11.2998C6.37389 11.4831 6.14056 11.5748 5.85723 11.5748C5.57389 11.5748 5.34056 11.4831 5.15723 11.2998Z' fill='%23212121' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
    }

    .ip-grid .k-i-arrow-60-right::before, .ip-grid .k-i-arrow-e::before, .ip-grid .k-i-expand-e::before, .ip-grid .k-i-expand::before, .ip-grid .k-i-sarrow-e::before {
        content: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.557226 11.2998C0.373893 11.1165 0.282227 10.8831 0.282227 10.5998C0.282227 10.3165 0.373893 10.0831 0.557226 9.8998L4.45723 5.9998L0.557226 2.0998C0.373893 1.91647 0.282227 1.68314 0.282227 1.3998C0.282227 1.11647 0.373893 0.883138 0.557226 0.699804C0.74056 0.516471 0.973893 0.424805 1.25723 0.424805C1.54056 0.424805 1.77389 0.516471 1.95723 0.699804L6.55723 5.2998C6.65723 5.3998 6.72823 5.50814 6.77023 5.6248C6.81156 5.74147 6.83223 5.86647 6.83223 5.9998C6.83223 6.13314 6.81156 6.25814 6.77023 6.3748C6.72823 6.49147 6.65723 6.5998 6.55723 6.6998L1.95723 11.2998C1.77389 11.4831 1.54056 11.5748 1.25723 11.5748C0.973893 11.5748 0.74056 11.4831 0.557226 11.2998Z' fill='%23212121' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
    }

    .ip-grid .k-i-arrow-end-right::before, .ip-grid .k-i-seek-e::before {
        content: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.15732 11.3C0.973991 11.1167 0.882324 10.8833 0.882324 10.6C0.882324 10.3167 0.973991 10.0833 1.15732 9.9L5.05732 6L1.15732 2.1C0.973991 1.91667 0.882324 1.68333 0.882324 1.4C0.882324 1.11667 0.973991 0.883333 1.15732 0.7C1.34066 0.516666 1.57399 0.425 1.85732 0.425C2.14066 0.425 2.37399 0.516666 2.55732 0.7L7.15732 5.3C7.25732 5.4 7.32832 5.50833 7.37032 5.625C7.41166 5.74167 7.43232 5.86667 7.43232 6C7.43232 6.13333 7.41166 6.25833 7.37032 6.375C7.32832 6.49167 7.25732 6.6 7.15732 6.7L2.55732 11.3C2.37399 11.4833 2.14066 11.575 1.85732 11.575C1.57399 11.575 1.34066 11.4833 1.15732 11.3ZM11.8573 12C11.574 12 11.3367 11.904 11.1453 11.712C10.9533 11.5207 10.8573 11.2833 10.8573 11V1C10.8573 0.716667 10.9533 0.479 11.1453 0.287C11.3367 0.0956668 11.574 0 11.8573 0C12.1407 0 12.378 0.0956668 12.5693 0.287C12.7613 0.479 12.8573 0.716667 12.8573 1V11C12.8573 11.2833 12.7613 11.5207 12.5693 11.712C12.378 11.904 12.1407 12 11.8573 12Z' fill='%23212121' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
    }

    .ip-grid .k-i-arrow-60-down::before, .ip-grid .k-i-arrow-s::before, .ip-grid .k-i-collapse::before, .ip-grid .k-i-expand-s::before, .ip-grid .k-i-sarrow-s::before {
        content: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1074 1.75L6.85742 7L1.60742 1.75' stroke='%23212121' stroke-opacity='0.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    }

.ip-tab-layout .ip-tab-list {
    display: flex;
    border-bottom: 2px solid rgba(33, 33, 33, 0.1) !important;
    border-bottom-color: rgba(33, 33, 33, 0.1) !important;
    margin: 0 !important;
    min-height: 44px;
}

    .ip-tab-layout .ip-tab-list .ui-tabs-tab {
        flex: 1;
        list-style: none;
        text-align: center;
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        margin: 0;
        border-bottom: none;
        /* padding-bottom: 5px; */
        /* padding-top: 15px; */
    }

.ip-tab-layout-container-v2 .ip-tab-layout .ip-tab-list {
    width: fit-content;
}

    .ip-tab-layout-container-v2 .ip-tab-layout .ip-tab-list .ui-tabs-tab {
        flex: none !important;
        padding-left: 22.5px !important;
        padding-right: 22.5px !important;
    }

.ip-tab-layout-container-v3 .ip-tab-layout .ip-tab-list .ui-tabs-tab {
    flex: none !important;
    padding-left: 22.5px !important;
    padding-right: 22.5px !important;
}

.ip-tab-layout .ip-tab-list li {
    border-top: 1px solid #f8f8f8;
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-right: 16px !important;
    background: #f8f8f8 !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .ip-tab-layout .ip-tab-list li.ui-tabs-active {
        border-radius: 1px;
        border-bottom: 2px solid #2578D5;
        border-bottom-color: #2578D5 !important;
        margin-bottom: -2px !important;
        border-top: 2px solid #eeeeee;
        border-left: 2px solid #eeeeee;
        border-right: 2px solid #eeeeee;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background: white !important;
        font-size: 21px;
        opacity: 1;
        line-height: 31.5px;
        border-bottom: none !important;
    }

    .ip-tab-layout .ip-tab-list li a {
        color: #212121B2 !important;
        text-decoration: none !important;
        padding: 0px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        font-weight: 400 !important;
        margin: 0 10px;
        color: #212121 !important;
        font-size: 21px !important;
        font-weight: 400 !important;
        line-height: 31.5px;
    }

    .ip-tab-layout .ip-tab-list li.ui-tabs-active a {
        color: #212121 !important;
        font-weight: 700 !important;
    }

    .ip-tab-layout .ip-tab-list li a h3 {
        font-size: 16px !important;
        font-weight: 400 !important;
    }

    .ip-tab-layout .ip-tab-list li.ui-tabs-active a h3 {
        font-weight: 700 !important;
    }


    .ip-tab-layout .ip-tab-list li a div {
        /* To Give full clickable area */
        /* height: 92%; */
        font-size: 16px;
        line-height: 115%;
    }

    .ip-tab-layout .ip-tab-list li.ui-tabs-active a {
        color: #212121 !important;
    }

.ip-tab-layout .ip-tab-content {
    padding: 8px 0 !important;
}

/* For Secondary Grid from widgets */
.nav.nav-tabs {
    width: 100%;
}

    .nav.nav-tabs .nav-item {
        border-top: 1px solid #f8f8f8;
        border-left: 1px solid #f8f8f8;
        border-right: 1px solid #f8f8f8;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        /* margin-right: 16px; */
        background: #f8f8f8;
        flex-grow: 0 !important;
    }

        .nav.nav-tabs .nav-item:has(.nav-link.k-item.active) {
            margin-bottom: -2px !important;
            border-top: 1px solid #eeeeee;
            border-left: 1px solid #eeeeee;
            border-right: 1px solid #eeeeee;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            background: #eeeeee;
            font-size: 21px;
            opacity: 1;
            line-height: 31.5px;
            border-bottom: 2px solid #eeeeee !important;
        }

        .nav.nav-tabs .nav-item .nav-link.k-item {
            font-size: 21px !important;
            font-weight: 400 !important;
            color: #212121 !important;
        }

            .nav.nav-tabs .nav-item .nav-link.k-item.active {
                background: #eeeeee;
                font-weight: 700 !important;
            }

/* Preventing Horizontal scroll in table / k-grid */
.ip-grid .k-grid, .ip-grid .k-grid .k-grid-content {
    overflow-x: hidden !important;
}

.ip-grid .k-grid-pager {
    border-color: #dde2e7;
}

/* For Backend Styles Ip table */
.RadDock .ip-tab-layout .ip-tab-content {
    display: block !important;
}

.RadDock .ip-tab-layout .ip-tab-list {
    height: auto !important;
    flex-direction: column !important;
    align-items: center !important;
}

    .RadDock .ip-tab-layout .ip-tab-list .ui-tabs-tab {
        width: 100% !important;
    }


.sf-list--expandable .sf-list-expand {
    float: left;
    padding-top: 8px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(26, 26, 26, 0.2);
    width: 100%;
}

.sf-list--expandable .sf-list-item a {
    font-family: 'Inter', 'SF Pro Display';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #1A1A1A;
    padding: 5px 15px 5px 0px;
}

.sf-list--expandable .sf-list-item .sf-list-content, .sf-list--expandable .sf-list-item .sf-list-content p {
    font-family: 'Inter', 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(26, 26, 26, 0.7);
}

.sf-list--expandable a[data-sf-role="toggleLink"] svg {
    fill: #999;
    height: 1em;
    width: 1em;
    position: absolute;
    right: 24px;
    margin-top: 7px;
}

.sf-list--expandable .sf-list-content {
    margin-left: 0px;
    padding-left: 0px;
}

.sf-list--expandable .ip-bottom-border-grey {
    border-bottom: 1px solid rgba(26, 26, 26, 0.2);
    padding: 24px 24px 24px 0px;
    margin-bottom: 0px !important;
}

.ckc-main-content .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
}

/* Custom Styles / Page or Component Specific */

div#divDamInfo h2 {
    margin-top: 0px;
}

div#divDamInfo {
    margin-bottom: 20px;
    margin-left: 5px;
}

/* Login */
.ckc-login-header {
    border-top: none;
    height: 96px;
}

    .ckc-login-header .sf-lang-selector li a {
        color: #CBCBCB;
        font-size: 14px;
        text-decoration: none;
        line-height: 24px;
        display: block;
    }

.ckc-login-container-fluid {
    background: url(/images/default-source/design-files/login-background.png);
    background-size: cover;
    border-top: none;
    padding: 0;
    /* height: calc(100vh - 96px); */
}

    .ckc-login-container-fluid > .container {
        background: linear-gradient(85.7deg, #000000 24.77%, rgba(0, 0, 0, 0) 54.44%);
        border-bottom: 28px solid rgba(204, 153, 0, 0.25);
        min-height: calc(100vh - 96px);
        height: 100%;
    }

        .ckc-login-container-fluid > .container:has(.row-register) {
            background: linear-gradient(85.7deg, #000000 24.77%, rgba(0, 0, 0, 0) 84.44%);
        }

    .ckc-login-container-fluid .row-login {
        height: 100%;
        padding-left: 55px;
    }

        .ckc-login-container-fluid .row-login .col-form {
            padding-top: 126px;
        }

            .ckc-login-container-fluid .row-login .col-form a.btn {
                border: none !important;
                margin-bottom: 20px;
            }

            .ckc-login-container-fluid .row-login .col-form h3,
            .ckc-login-container-fluid .row-register h1 {
                font-family: 'SF Pro Display';
                font-style: normal;
                font-weight: 700 !important;
                font-size: 48px !important;
                line-height: 125% !important;
                color: #FFFFFF !important;
                text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
                margin-bottom: 40px;
            }

            .ckc-login-container-fluid .row-login .col-form .form-group label {
                font-family: 'SF Pro Display';
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 150%;
                display: flex;
                align-items: center;
                color: #FFFFFF;
                opacity: 0.8;
            }

            .ckc-login-container-fluid .row-login .col-form button[type="submit"] {
                width: 100%;
                background: #2578D5;
                border-radius: 4px;
                /* font-family: 'Inter'; */
                font-style: normal;
                font-weight: 600;
                font-size: 20px;
                line-height: 32px;
                text-align: center;
                color: #FFFFFF;
                margin-top: 5px;
                max-width: 500px;
            }

                .ckc-login-container-fluid .row-login .col-form button[type="submit"]:hover {
                    background: #2062AC !important;
                }

            .ckc-login-container-fluid .row-login .col-form .form-group .text-lg-right.pr-4.col-lg-12 {
                max-width: 535px;
            }

            .ckc-login-container-fluid .row-login .col-form a {
                font-family: 'SF Pro Display';
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 150%;
                color: #77B7FF;
            }

            .ckc-login-container-fluid .row-login .col-form p {
                font-family: 'SF Pro Display';
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 150%;
                color: #FFFFFF;
            }

            .ckc-login-container-fluid .row-login .col-form .copy-rights {
                /* position:absolute;
    bottom: 30px; */
                margin-top: 60px;
                font-family: 'SF Pro Display';
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 150%;
                color: rgba(255, 255, 255, 0.6);
            }

    .ckc-login-container-fluid .form-group {
        padding-left: 0px;
    }

    .ckc-login-container-fluid .row-register form {
        color: #FFFFFF;
    }

        .ckc-login-container-fluid .row-register form .form-group.container {
            display: none;
        }

    .ckc-login-container-fluid .row-register .row.alreadyMemberPanel > div,
    .ckc-login-container-fluid .row-register .row .captcha {
        width: 100% !important;
        max-width: 100% !important;
        flex: none;
    }

        .ckc-login-container-fluid .row-register .row .captcha .editor-field {
            /* display: inline-block; */
            /* margin-left: 20px; */
            margin-top: 20px;
        }

    .ckc-login-container-fluid .row-register .becomeMember {
        margin-bottom: 20px;
    }

    .ckc-login-container-fluid .row-register .submit-button {
        padding-left: 20px;
    }

.row-applications h2 {
    margin-top: 30px !important;
}

.row-applications table {
    width: 100%;
}

    .row-applications table td.linkOn a:before {
        content: "\f0ac";
        font-family: 'FontAwesome';
        margin-right: 5px;
        color: #000;
        text-decoration: none;
    }

    .row-applications table td.link {
        width: 150px;
    }

    .row-applications table .link a:before {
        content: "\f1c1";
        font-family: 'FontAwesome';
        margin-right: 5px;
        color: #DA291D;
    }

    .row-applications table tr {
        border-bottom: 1px solid #ccc;
    }

        .row-applications table tr td {
            padding: 15px 5px !important;
        }

            .row-applications table tr td:first-of-type {
                width: 80%;
                font-family: 'SF Pro Display';
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
            }

.row-management .item {
    margin-bottom: 20px;
}

    .row-management .item h2 {
        font-size: 22px !important;
    }

    .row-management .item h3 {
        font-size: 19px !important;
        font-weight: 500 !important;
        margin-bottom: 0px;
    }

    .row-management .item sub {
        bottom: 0px;
    }

.membershipRenewal form {
    margin-bottom: 30px;
}

    .membershipRenewal form .radioButton {
        display: flex;
        gap: 10px;
    }

    .membershipRenewal form .eachMem {
        margin-bottom: 10px;
    }

.row-applications-orders .nav.nav-tabs {
    margin: 0px;
    border: none;
    /* display: inline-flex; */
    display: flex;
    gap: 15px;
    border-bottom: 2px solid rgba(33, 33, 33, 0.1);
    margin-bottom: 20px;
}

    .row-applications-orders .nav.nav-tabs .nav-item {
        flex-basis: auto;
        flex-grow: 1;
        padding-left: 20px;
        padding-right: 20px;
    }

        .row-applications-orders .nav.nav-tabs .nav-item:has(.nav-link.active) {
            border-bottom: 2px solid #2578D5;
            margin-bottom: -2px;
        }

        .row-applications-orders .nav.nav-tabs .nav-item .nav-link {
            color: #212121B2;
            font-family: 'SF Pro Display';
            font-style: normal;
            font-weight: 500;
            font-size: 16px !important;
            line-height: 150%;
            text-align: center;
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .row-applications-orders .nav.nav-tabs .nav-item .nav-link:hover {
                border: none;
            }

            .row-applications-orders .nav.nav-tabs .nav-item .nav-link.active {
                border: none;
                text-decoration: none;
                color: #212121;
                background: white;
            }

        .row-applications-orders .nav.nav-tabs .nav-item:has(.nav-link.active) {
            background: white;
            border-bottom: none !important;
            border-top: 2px solid #eeeeee;
            border-left: 2px solid #eeeeee;
            border-right: 2px solid #eeeeee;
        }

.row-applications-orders .tab-content .tab-pane .form-group {
    padding-left: 0px;
}

.row-hide-on-frontend-only {
    display: none !important;
}

.sf_cols .row-hide-on-frontend-only {
    display: block !important;
}

.cbdr-container .border-success {
    border-color: #2578D5 !important;
}

.cbdr-container input[type='radio']:before {
    background-color: transparent !important;
}

.cbdr-container .k-stepper .k-step-current .k-step-indicator {
    border-color: #2578D5;
    color: #ffffff;
    background-color: #2578D5;
}

.cbdr-container .k-stepper .k-step-current:hover .k-step-indicator,
.cbdr-container .k-stepper .k-step-done:hover .k-step-indicator {
    border-color: #2062ac;
    color: #ffffff;
    background-color: #2062ac;
}

.cbdr-container .k-stepper .k-step-done .k-step-indicator {
    border-color: #2578D5;
    color: #ffffff;
    background-color: #2578D5;
}

.cbdr-container .k-stepper .k-step-label .k-step-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    text-align: center;
    color: #101828;
}

.cbdr-container .k-stepper .k-step-current .k-step-label .k-step-text {
    color: #2578D5;
    font-weight: 600;
}

.cbdr-container input[type='radio'] {
    transform: none;
}

.cbdr-container .tpc .form-check {
    margin-bottom: 5px !important;
}

.cbdr-container .k-state-default > .k-select,
.cbdr-container .k-state-selected {
    background-color: transparent !important;
}

.cbdr-container .k-combobox .k-dropdown-wrap .k-i-arrow-60-down,
.cbdr-container .k-dropdown .k-dropdown-wrap .k-i-arrow-60-down {
    margin-top: 0px !important;
    margin-right: 10px;
}

.k-state-selected,
.k-list-optionlabel.k-state-focused.k-state-selected {
    background-color: rgba(33, 33, 33, 0.03) !important;
}

.k-radio:checked:focus, .k-radio:focus {
    box-shadow: none !important;
}

input.k-invalid,
.tpc input.k-invalid,
.tpc.tpc-radio-button .k-invalid,
.form-control.k-invalid {
    box-shadow: 0 !important;
    border: 1px solid rgba(169, 68, 66, 1) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(169 68 66 / 60%) !important;
}

.cbdr-container select {
    background-position-x: 90% !important;
}

.cbdr-container .tpc-date-time-container .d-table-cell {
    width: 170px;
}

.cbdr-container .k-widget.k-dropdown {
    max-width: 500px;
}

.cbdr-container .k-grid-toolbar:first-child {
    display: block;
}

.cbdr-container .k-step-list-horizontal ~ .k-progressbar {
    /* width: 100% !important;
    margin: 0px !important; */
}

.cbdr-container .k-progressbar {
    background: #EAECF0 !important;
}

    .cbdr-container .k-progressbar .k-state-selected {
        background: #2578D5 !important;
    }

.cbdr-container #litters.k-listview {
    border-color: transparent !important;
    background: rgba(33, 33, 33, 0.03);
}

    .cbdr-container #litters.k-listview .border-bottom {
        border-bottom: none !important;
        padding: 24px 32px !important;
        margin: 0;
    }

        .cbdr-container #litters.k-listview .border-bottom.border-success {
            border-bottom: 1px solid #2578D5 !important;
        }

.cbdr-container .app-related-items h2#subsection-title {
    font-size: 21px !important;
}

.cbdr-container .app-related-items ul {
    list-style: none;
    margin-left: 0px;
    padding: 16px 0px;
}

.cbdr-container div[data-tpc-role=fields-container] h4 {
    margin: 24px 0px;
    font-size: 16px;
    font-weight: 700;
}

    .cbdr-container div[data-tpc-role=fields-container] h4.govuk-heading-m {
        font-size: 21px;
    }

.cbdr-container div[data-tpc-role=fields-container] h5.govuk-heading-m {
    font-size: 16px;
    font-weight: 700;
}

.cbdr-container .verify-registration .k-listview {
    border-color: rgba(33, 33, 33, 0.1);
    color: #212121;
    background-color: #ffffff;
}

    .cbdr-container .verify-registration .k-listview .k-listview-content div.row,
    .cbdr-container .verify-registration .k-listview .k-listview-content div.row .col-md-3,
    .cbdr-container .verify-registration .form-row .col-12 {
        padding-left: 0px !important;
    }

.cbdr-container div[data-tpc-role=fields-container] .form-check {
    display: flex;
    align-items: end;
    column-gap: 5px;
}

.cbdr-container div[data-tpc-role=fields-container] .col-form-label {
    font-size: 16px;
}

.cbdr-container div[data-tpc-role=fields-container] #ckc_petinsurance_container {
    padding-bottom: 20px;
}

.cbdr-container .tpc-formflow-buttons .btn.btn-primary.pull-left,
.cbdr-container .tpc-formflow-buttons .govuk-button {
    min-height: 40px;
    border: 2px solid #2578D5;
    border-radius: 4px;
    background: #fff;
    color: #2578D5;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    padding: 8px 32px;
}

    .cbdr-container .tpc-formflow-buttons .btn.btn-primary.pull-left:hover,
    .cbdr-container .tpc-formflow-buttons .govuk-button:hover {
        background: #2578D5;
        color: #fff;
    }

.cbdr-container .draft-applications-list {
    /* max-height: 500px; */
}

    .cbdr-container .draft-applications-list li h3 {
        font-size: 18px !important;
        margin-bottom: 0px !important;
    }

    .cbdr-container .draft-applications-list li.list-group-item:hover {
        background: rgba(33, 33, 33, 0.03);
    }

.document-list .media .media-left svg.sf-icon-file.sf-icon-lg {
    fill: white !important;
}

.document-list .media .media-left .sf-icon-txt-md {
    top: 22% !important;
    left: -16% !important;
    right: unset !important;
    font-family: 'SF Pro Display' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 9px !important;
    line-height: 150% !important;
    color: #FFFFFF !important;
    padding-top: 2px !important;
    padding-right: 5px !important;
    padding-bottom: 2px !important;
    padding-left: 5px !important;
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.06) !important;
    border-radius: 3px !important;
}

.document-list .media .media-left .sf-icon-txt .sf-icon-txt-pdf {
    background-color: #DA291C !important;
    ;
}

.document-list .media .media-body > div,
.document-list .media .media-body > span {
    display: none;
}

.document-list .media .media-body {
    margin: auto 0px;
    padding-top: 10px;
    padding-left: 8px;
}

    .document-list .media .media-body a strong {
        font-weight: inherit !important;
    }

.form-group.overlay-red-star label:after {
    content: "*";
    color: red;
    right: 8px;
    position: relative;
}

.dogdetails-container .dog-detail-row .tpc-image img {
    width: 230px !important;
    height: 230px !important;
    border: none !important;
    padding: 0px;
    border-radius: 50% !important;
}

    .dogdetails-container .dog-detail-row .tpc-image img.hide {
        display: block;
        background-image: url(../images/icon-dog-placeholder.svg);
        margin: 0 auto;
        font-size: 0;
        background-position: center;
    }

.dogdetails-container .dog-detail-row .tpc-image figure {
    margin-bottom: 0px !important;
}

.dogdetails-container .dog-detail-row .tpc-image figcaption {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: rgba(33, 33, 33, 0.7);
    padding: 24px;
    text-align: start;
}

.dogdetails-container .dog-detail-row .tpc-image label {
    margin-top: 0px !important;
    float: left !important;
    margin-left: 24px;
}

.dogdetails-container .dog-detail-row .tpc-image .btn-secondary {
    padding-left: 32px;
    padding-right: 32px;
    border: 2px solid #2578D5;
    border-radius: 4px;
}

.dogdetails-container .dog-detail-row .tpc-form-layout {
    background: #FFFFFF;
    /* box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15), 5px 10px 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden !important; */
}

    .dogdetails-container .dog-detail-row .tpc-form-layout .tpc-image .col-12 {
        padding: 0px;
    }

    .dogdetails-container .dog-detail-row .tpc-form-layout .row .col-lg-8 {
        display: flex;
        flex-wrap: wrap;
        max-width: 700px;
        margin-left: 50px;
    }

        .dogdetails-container .dog-detail-row .tpc-form-layout .row .col-lg-8 div[data-sf-element="Container"].sf_colsIn.container-fluid.tpc.tpc-form-layout {
            display: none;
        }

.dogdetails-container .dog-detail-row .tpc-read-only {
    /* margin-left: 24px;
    margin-right: 24px;
    border-bottom: 2px solid rgba(33, 33, 33, 0.1); */

    border-bottom: 2px solid rgba(33, 33, 33, 0.1);
    height: 80px;
    width: 220px;
}

    .dogdetails-container .dog-detail-row .tpc-read-only.small-item {
        width: 110px;
    }

    .dogdetails-container .dog-detail-row .tpc-read-only.big-item {
        width: 440px;
    }
/* New Dimenstions from Samantha, need to confirm with QA */
.dogdetails-container .dog-detail-row .tpc-form-layout .row .col-lg-8 {
    column-gap: 20px;
}

.dogdetails-container .dog-detail-row .tpc-read-only {
    width: 180px;
}

    .dogdetails-container .dog-detail-row .tpc-read-only.small-item {
        width: 80px;
    }

    .dogdetails-container .dog-detail-row .tpc-read-only.big-item {
        width: 390px;
    }
    /* New Dimentions Ends Here */
    .dogdetails-container .dog-detail-row .tpc-read-only.link-item {
        padding-top: 34px;
    }

        .dogdetails-container .dog-detail-row .tpc-read-only.link-item a {
            font-size: 14px;
        }

    .dogdetails-container .dog-detail-row .tpc-read-only .col-form-label {
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: rgba(33, 33, 33, 0.7);
        padding-bottom: 0px !important;
    }

    .dogdetails-container .dog-detail-row .tpc-read-only .form-control-plaintext {
        font-family: 'SF Pro Display';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 150%;
        color: #212121;
        padding-bottom: 24px;
    }

.dogdetails-container .highlight h3 {
    font-size: 16px !important;
}

.dogdetails-container .ip-grid {
    margin-bottom: 28px;
}

.dogdetails-container .dog-recovery-row .col-lg-12 > div,
.dogdetails-container .dog-lineage-row .col-lg-12 > div {
    background: #FFFFFF;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15), 5px 10px 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 24px;
}

.dogdetails-container .dogPedigree {
    padding-top: 20px;
    padding-bottom: 20px;
}

.form-read-only div[data-tpc-role=fields-container] .form-row .col-form-label {
    font-weight: 700;
    font-size: 16px;
    line-height: 125%;
    color: #212121;
}

.form-read-only div[data-tpc-role=fields-container] .form-row .readOnly.form-control-plaintext {
}

.content-container .cart-summary h1 {
    font-size: 24px;
    font-weight: 500;
    border: none;
    padding-bottom: 0px;
}

.hide-form-header h1 {
    display: none !important;
}


/* Cart Page Starts */
.cart-summary form h1 {
    display: none;
}

.cart-summary form h2 {
    padding-top: 55px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(33, 33, 33, 0.1);
    margin-bottom: 24px;
}

.cart-summary .summary .row.header,
.cart-summary .additional .row.header {
    background-color: white !important;
    font-size: 14px;
    font-weight: 600;
}

    .cart-summary .summary .row.header .col-xs-1:nth-last-child(-n+3) p,
    .cart-summary .summary .row.data .col-xs-1:nth-last-child(-n+3) p {
        float: right !important;
    }

    .cart-summary .summary .row.header .col-xs-1:nth-last-child(4) p,
    .cart-summary .summary .row.data .col-xs-1:nth-last-child(4) p {
        text-align: center !important;
    }

.cart-summary .row {
    background: white !important;
}

.cart-summary .summary p,
.cart-summary .additional p {
    padding: 15px !important;
}

.cart-summary .summary h4 {
    padding: 15px 15px 0px 15px !important;
}

.cart-summary .additional .row input.selectAll {
    margin: 15px 15px !important;
}

.cart-summary .additional .row:has(input.selectAll) label {
    margin-top: 13px;
}
/* Cart Page Ends */

/* Payment Page */
.tpc-ckcpayment span#title {
    font-size: 24px !important;
}

.tpc-ckcpayment form {
    margin-top: 20px;
}

    .tpc-ckcpayment form .form-group label {
        font-weight: 600;
    }

    .tpc-ckcpayment form button[type=submit] {
        margin-top: 35px !important;
    }

.tpc-ckcpayment .k-widget.k-maskedtextbox.form-control {
    border: 1px solid rgba(33, 33, 33, 0.3) !important;
    height: auto !important;
}
/* Payment Page Ends */


/* ID Based Controls, need to revise it on later round */
#AppChildApplicationButtonController_container {
    float: right;
    margin-top: 20px;
}

.form-force-first-action-left #AppChildApplicationButtonController_container {
    float: left;
}

.form-float-save-only-left button[name="save-only"].sf-SubmitButton.btn.btn-primary {
    background: transparent !important;
    color: #2578D5 !important;
    border: 1px solid #2578D5 !important;
    border-radius: 5px !important;
}

    .form-float-save-only-left button[name="save-only"].sf-SubmitButton.btn.btn-primary:hover {
        background: #2578D5 !important;
        color: #FFF !important;
    }

@media (max-width: 992px) {
    .mainLogo span {
        font-size: 26px;
        top: 0px;
    }

    .mainLogo .site-title div {
        font-size: 26px;
    }

    .ckc-login-display {
        /* margin-right: 20px; */
    }

    .ckc-main-menu .stellarnav ul li .link {
        margin-top: 0px;
    }
}

@media (max-width: 820px) {
    .no-left-padding-on-mobile {
        padding-left: 0px !important;
    }

    .mainLogo img {
        margin-left: 10px;
        width: 110px;
        top: -19px;
    }

    .mainLogo span {
        left: 160px;
        font-size: 20px;
        top: -7px;
    }

    .mainLogo .site-title div {
        font-size: 20px;
    }

    .ckc-login-display {
        margin-top: 0px !important;
    }

        .ckc-login-display i {
            display: none;
        }

    .ckc-login-header .mainLogo img {
        margin-left: 48px;
        width: 101px;
        margin-top: 17px;
    }

    .ckc-login-container-fluid {
        background: linear-gradient(85.7deg, #000000 24.77%, rgba(0, 0, 0, 0) 54.44%), linear-gradient(0deg, #000000 4.77%, rgba(0, 0, 0, 0) 54.44%), url(/images/default-source/design-files/login-background.png);
        background-size: 109% 260px;
        background-position: 0px -41px;
        border-top: none;
        padding: 0;
        background-repeat: no-repeat;
        background-color: black !important;
    }

        .ckc-login-container-fluid .container {
            background: none;
        }

        .ckc-login-container-fluid .row-login {
            padding-left: 20px;
            padding-right: 20px;
        }

            .ckc-login-container-fluid .row-login .col-form {
                padding-top: 50px;
            }

                .ckc-login-container-fluid .row-login .col-form h3 {
                    margin-bottom: 63px;
                }

                .ckc-login-container-fluid .row-login .col-form .copy-rights {
                    margin-top: 65px;
                }

                .ckc-login-container-fluid .row-login .col-form .form-group {
                    margin-bottom: 15px !important;
                }

                    .ckc-login-container-fluid .row-login .col-form .form-group button[type="submit"] {
                        margin-top: 10px;
                    }

    .mainSubSection .language-inner-content,
    .mainSubSection .notification-inner {
        display: none;
    }

    .mainSubSection .login-inner-content {
        margin-top: 18px;
    }

    .ckc-main-menu .container.mainnav-wrapper {
        padding: 0 20px 0 20px;
    }

    .ckc-main-menu .stellarnav ul li .link {
        margin-top: 0px;
    }

    .ckc-main-banner:has(.banner-container) {
        top: -55px;
        margin-bottom: -55px;
    }

    .ckc-main-banner:has(.dashboard-inner-wrapper) {
        top: -54px;
        margin-bottom: -54px;
    }

    .ckc-main-content .content-row {
        padding: 20px 20px 0px 20px;
    }

    .banner-container .banner-container-title .page-title {
        margin: 0 68px 0 68px !important;
        font-size: 36px !important;
        top: 100px !important;
    }

        .banner-container .banner-container-title .page-title h1 {
            font-size: 36px !important;
            margin-top: 33px !important;
        }

    .ip-carousel-item button.control-left {
        left: 5px;
    }

    .ip-carousel-item button.control-right {
        right: 5px;
    }
    /* QA Out of sync, need to test */
    /* .ip-carousel-item .banner-container .banner-container-image img { height: 550px;}
    .ip-carousel-item .banner-container .banner-container-title { height: 550px; margin-top: -550px; } */
    .links-row {
        margin-top: 40px;
    }

        .links-row .col-12 {
            padding-left: 0px;
            padding-right: 0px;
        }

        .links-row h4 {
            padding-bottom: 10px !important;
        }

    .col-title, .col-image, .col-content {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .container-style-one .row .col-title p {
        padding-right: 0px !important;
    }

    .container-style-one .row .col-content {
        padding-top: 0px !important;
    }

    .container-style-two .row .col-content {
        padding-top: 0px !important;
    }

    .container-style-three .row .col-content {
        padding-top: 0px !important;
    }

    .container-style-six .row .col-title {
        padding-top: 20px !important;
        padding-bottom: 15px !important;
    }

    .container-style-six .row .col-content {
        padding-top: 15px !important;
        padding-bottom: 36px !important;
    }

    .container-style-seven .row .col-content {
        padding-bottom: 20px;
    }

    .container-style-eight .row {
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-top: 20px !important;
    }

        .container-style-eight .row .col-content {
            gap: 44px !important;
        }

    .container-style-nine .row {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .container-style-eight .row .col-content .item {
        height: auto;
    }

    .row-agm .col-video {
        padding-top: 20px;
    }

    .row-publication .col-publication-items div {
        max-width: 120px !important;
    }

    .publication-item {
        /* margin-bottom: 30px; */
    }

        .publication-item img {
            height: 140px;
        }

    .instagram-block .heading a {
        max-height: 35px;
    }

    .ckc-main-footer .container, .content-container {
        padding: 20px;
    }

    .row-footer .col-logo {
        text-align: center;
    }

    .row-footer .col-footer-description p {
        padding: 0px;
        padding-top: 20px;
    }

    .row-footer .col-footer-links ul {
        padding-top: 20px;
    }

        .row-footer .col-footer-links ul li a {
            padding-left: 0px;
        }

    .row-bottom-footer {
        margin-top: 40px;
    }

        .row-bottom-footer .col-social-links {
            text-align: center;
        }

        .row-bottom-footer .col-footer-links {
            padding-top: 20px;
            text-align: center;
        }

    .row-portal-tab-grid .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        font-size: 16px;
        padding: 0px;
        padding-bottom: 10px;
    }

    .home-news-card {
        margin-bottom: 20px;
    }

    .kenal-and-bench-heading a {
        margin: auto 15px;
    }

    .style-one-sub-heading a {
        margin: auto 0px;
    }

    .cbdr-container .tpc-formflow-buttons .btn.btn-primary.pull-left, .cbdr-container .tpc-formflow-buttons .govuk-button {
        padding: 6px 15px;
    }

    .cbdr-container aside.app-related-items {
        padding-top: 100px;
    }

    .cbdr-container .tpc-formflow-buttons {
        margin-top: -80px !important;
        position: relative;
        top: -190px;
    }

    .dogdetails-container .dog-detail-row .tpc-read-only,
    .dogdetails-container .dog-detail-row .tpc-read-only.small-item {
        width: 100%;
    }

    .dogdetails-container .dog-detail-row .tpc.tpc-text-field.tpc-read-only.no-border {
        border-bottom: 2px solid rgba(33, 33, 33, 0.1) !important;
    }

    .dogdetails-container .dog-detail-row .tpc-form-layout .row .col-lg-8 {
        margin-left: 0px;
    }

    .dogdetails-container .dog-detail-row .tpc-image figcaption {
        padding-left: 0px;
        padding-right: 0px;
    }

    .dogdetails-container .dog-detail-row .tpc-image label {
        margin-left: 0px;
        margin-bottom: 24px;
    }

    .ip-tab-layout .ip-tab-list {
        overflow: auto;
    }

        .ip-tab-layout .ip-tab-list li.ui-tabs-active {
            margin-bottom: 0px !important;
        }

    .hide-on-mobile {
        display: none !important;
    }
}


/* Bootstrap 3 col-xs support */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-1 {
    width: 8.3333333333%;
}

.col-xs-2 {
    width: 16.6666666667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.3333333333%;
}

.col-xs-5 {
    width: 41.6666666667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.3333333333%;
}

.col-xs-8 {
    width: 66.6666666667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.3333333333%;
}

.col-xs-11 {
    width: 91.6666666667%;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-pull-1 {
    right: 8.3333333333%;
}

.col-xs-pull-2 {
    right: 16.6666666667%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-4 {
    right: 33.3333333333%;
}

.col-xs-pull-5 {
    right: 41.6666666667%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-7 {
    right: 58.3333333333%;
}

.col-xs-pull-8 {
    right: 66.6666666667%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-10 {
    right: 83.3333333333%;
}

.col-xs-pull-11 {
    right: 91.6666666667%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-push-1 {
    left: 8.3333333333%;
}

.col-xs-push-2 {
    left: 16.6666666667%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-4 {
    left: 33.3333333333%;
}

.col-xs-push-5 {
    left: 41.6666666667%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-7 {
    left: 58.3333333333%;
}

.col-xs-push-8 {
    left: 66.6666666667%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-10 {
    left: 83.3333333333%;
}

.col-xs-push-11 {
    left: 91.6666666667%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.tpc.tpc-partylist .lookup-table, .tpc.tpc-lookup .lookup-table {    
    max-width: 500px !important;
}
.lookup-table .lookup-table-cells .k-widget.k-dropdown:not(.k-pager-sizes .k-dropdownlist),
.lookup-table .lookup-table-cells .k-picker.k-dropdownlist:not(.k-pager-sizes .k-dropdownlist),
.tpc .k-picker.k-dropdownlist:not(.k-pager-sizes .k-dropdownlist) {
    height: 43px !important;
    border-radius: 4px;
    min-height: 48px;
    padding: 10px 16px;
}
.k-picker-solid {
    background-color: #fff !important;
}
.sf-fieldWrp .k-datepicker.k-input input {
    border: none;
}

.sf-fieldWrp .k-datepicker.k-input {
    display: inline-flex !important;
}

    .sf-fieldWrp .k-datepicker.k-input button {
        border-radius: unset;
        margin-top: 8px !important;
        margin-right: 10px !important;
        background: unset !important;
        color: unset !important;
    }

        .sf-fieldWrp .k-datepicker.k-input button:hover {
            text-decoration-line: none;
            background-color: #fff !important;            
        }
    .sf-fieldWrp .k-datepicker.k-input .k-input-button.k-button > .k-button-icon {
        position:unset !important;
    }

.sf-fieldWrp.tpc.tpc-picklist .k-picker.k-dropdownlist .k-input-button.k-button {
    min-height: 48px;
    min-width: 48px;
}
.sf-fieldWrp.tpc.tpc-picklist .k-picker.k-dropdownlist {
    padding:0;
}

.tpc .k-input {
    /*width: 500px;*/
    display: block;
}
    .tpc .k-input .k-input-inner {
        min-height: 48px;
        /*max-width: 500px;*/
    }


.k-list-md, .k-input-md, .k-picker-md {
    font-size: inherit !important;
    line-height: 1.5 !important;
    font-family: inherit !important;
}