@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

* {
  margin: 0;
  padding: 0;
  list-style-type: none !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

html,
body {
  overflow-x: hidden !important;
  font-family: 'Lato', sans-serif !important;
  font-display: swap !important;
  scroll-behavior: smooth !important;
}

/* ============ SCROLLBAR CSS ============ */

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: var(--color-white) !important;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: var(--color-dark-blue) !important;
  border-radius: 10px;
}

/*  ================== ROOT =================== */
:root {
    --color-light-black: #0A0A0A;
    --color-light-white: #FEFEFE;
    --color-dark-gray: #4D4D4D;
    --color-light-purple: #F6F7F9;
    --color-lighter-purple: #F0F3F8;
    --color-gray: #535458;
    --color-purple: #6787B7;
    --color-sky-blue: #6BCABA;
    --color-dark-blue: #003049;
    --color-white-gray: #D1DBE9;
    --shadow-black: #0000001A;

    --fs-xsm: 10px;
    --fs-sm: 14px;
    --fs-base: 16px;
    --fs-md: 18px;
    --fs-lg: 24px;
    --fs-xl: 32px;
    --fs-2xl: 48px;
    --fs-3xl: 68px;
    --fs-4xl: 58px;
    --content-max: min(1140px, 100%);
}

body {
    overflow-x: hidden;
    max-width: 100vw;
}

html {
    overflow-x: hidden;
    max-width: 100vw;
}

@media (max-width: 1299.98px) {
    :root {
        --fs-4xl: 54px;
        --fs-2xl: 44px;
    }
}

@media (max-width: 991.98px) {
    :root {
        --fs-md: 18px;
        --fs-lg: 20px;
        --fs-xl: 32px;
        --fs-2xl: 42px;
        --fs-3xl: 52px;
        --fs-4xl: 42px;
    }
}

@media (max-width: 767.98px) {
    :root {
        --fs-Base: 14px;
        --fs-md: 18px;
        --fs-lg: 22px;
        --fs-xl: 28px;
        --fs-2xl: 44px;
        --fs-3xl: 48px;
    }
}

@media (max-width: 575.98px) {
    :root {
        --fs-xsm: 10px;
        --fs-sm: 12px;
        --fs-base: 14px;
        --fs-md: 16px;
        --fs-lg: 18px;
        --fs-xl: 24px;
        --fs-2xl: 30px;
        --fs-3xl: 33px;
        --fs-4xl: 34px;
    }
}

/*================FONT-SIZES =================== */
.fs_xsm {
    font-size: var(--fs-xsm) !important;
}

.fs_sm {
    font-size: var(--fs-sm) !important;
}

.fs_base {
    font-size: var(--fs-base) !important;
}

.fs_md {
    font-size: var(--fs-md) !important;
}

.fs_lg {
    font-size: var(--fs-lg) !important;
}

.fs_xl {
    font-size: var(--fs-xl) !important;
}

.fs_2xl {
    font-size: var(--fs-2xl) !important;
}

.fs_3xl {
    font-size: var(--fs-3xl) !important;
}

.fs_4xl {
    font-size: var(--fs-4xl) !important;
}

/*=============== BACKGROUND COLOR-VALUE =========== */

.bg_light_black {
    background-color: var(--color-light-black);
}

.bg_light_white {
    background-color: var(--color-light-white);
}

.bg_drak_gray {
    background-color: var(--color-dark-gray);
}

.bg_light_purple {
    background-color: var(--color-light-purple) !important;
}

.bg_purple {
    background-color: var(--color-purple);
}

.bg_gray {
    background-color: var(--color-gray);
}

.bg_dark_blue {
    background-color: var(--color-dark-blue) !important;
}

/*=============== COLOR-VALUE =========== */

.text_light_black {
    color: var(--color-light-black);
}

.text_light_white {
    color: var(--color-light-white);
}

.text_drak_gray {
    color: var(--color-dark-gray);
}

.text_light_purple {
    color: var(--color-light-purple);
}

.text_purple {
    color: var(--color-purple);
}

.text_gray {
    color: var(--color-gray);
}

.text_sky_blue {
    color: var(--color-sky-blue);
}

.text_dark_blue {
    color: var(--color-dark-blue);
}

/* ============ LINE HEIGHT ============ */

.leading_120 {
    line-height: 120% !important;
}

.leading_150 {
    line-height: 150%;
}

/* ============ BUTTON CSS ============= */

.primary_btn,
.common_btn {
    border-radius: 251px;
    padding: 10.4px 27.1px 12px;
    font-weight: 400 !important;
    font-size: var(--fs-base);
    font-family: "Lato", sans-serif;
    line-height: 150%;
    transition: all 300ms linear;
    text-decoration: none;
}

.common_btn {
    border: 1px solid var(--color-light-black);
    background-color: white;
}

.primary_btn {
    border: 1px solid var(--color-purple);
}

.primary_btn:hover {
    box-shadow: inset 0px -54px 0px 0px white;
    color: black !important;
    border-color: black;
}

.common_btn:hover {
    border-color: var(--color-purple) !important;
    box-shadow: inset 0px -54px 0px 0px var(--color-purple);
    color: white;
}

.common_btn:hover svg path {
    fill: white;
}

.primary_btn:hover svg path {
    fill: black;
}

.common_btn svg,
.primary_btn svg {
    margin-bottom: 2px !important;
}

.common_btn:hover svg,
.primary_btn:hover svg {
    transform: translateX(5px);
}

/* =================COMMON CLASS =================== */
.cursor_pointer {
    cursor: pointer;
}

.transition_300 {
    transition: all 300ms linear;
}

.hover_scale:hover {
    transform: scale(1.1);
    box-shadow: 0px 0px 20px 0px var(--color-purple);
}

.fw_medium {
    font-weight: 500;
}

.top_50 {
    top: -50% !important;
}

.event_pointer_none {
    pointer-events: none;
}

.pointer-event {
    pointer-events: none;
}

/* ==========NAVBAR CSS=============== */
.navbar_links {
    text-decoration: none;
}

.navbar_links::before {
    position: absolute;
    content: "";
    width: 0%;
    height: 2px;
    background-color: var(--color-light-black);
    bottom: -1px;
    transition: all 300ms linear;
}

.navbar_links:hover {
    color: var(--color-light-black);
}

.navbar_links:hover::before {
    width: 100%;
}

.nav_logo {
    width: 150px;
    height: 33px;
}

#navBar .common_btn {
    font-size: 16px !important;
    padding: 9px 22px 10px !important;
}

.hero_circle_position {
    top: 90px;
}

.verisk-get-touch .get_touch {
    padding: 75px 16px 75px 16px;
    height: 426px;
}

.verisk-get-touch .verisk_touch_content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ============== FOOTER CSS ============== */
.footer_logo {
    width: 299px;
    height: 67px;
}

.footer_para {
    max-width: 549px;
}

.footer_border_w_full {
    width: 100%;
    display: block;
    border-top: 1px solid var(--shadow-black)
}

.footer_soc {
    width: 56px;
    height: 56px;
}

.footer_link:hover {
    color: var(--color-purple);
}

.social_icons_footer {
    width: 36px;
    height: 36px;
}

.footer_certified_img {
    width: 100px;
    height: 56px;
}

/* ========== BACK TO TOP CSS =========== */

#back_to_top_btn {
    bottom: 20px;
    right: 20px;
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    z-index: 999;
    border: 1px solid transparent;
}

#back_to_top_btn:hover {
    box-shadow: 0px 0px 16px white;
    border: 1px solid var(--color-white);
}

.verisk_hero_title {
    max-width: 994px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;
    color: #0A0A0A;
    padding-left: 15px;
    padding-right: 15px;
}

.verisk_hero_para {
    width: 100%;
    max-width: 1020px;
    height: auto;
    margin-inline: auto;
    padding: 0 20px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    color: #535458;
    opacity: 1;
    display: block;
}

.verisk_logo_row {
    max-width: 435px;
    margin-inline: auto;
    gap: 47px;
    column-gap: 47px;
}

.verisk_logo_oop {
    width: 222.279px;
    height: 49.821px;
    flex-shrink: 0;
    object-fit: contain;
}

.verisk_logo_verisk {
    width: 166.137px;
    height: 49.634px;
    flex-shrink: 0;
    object-fit: contain;
}
.nowrap {
    white-space: nowrap;
}

@media (max-width: 1199.98px) {
    .nowrap {
        white-space: normal;
    }
}

.verisk_desc_container {
    max-width: 1021px;
    margin-inline: auto;
    border: 0.5px solid #535458;
    border-radius: 61.08px;
    padding: 16px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.verisk_desc_icon {
    width: 10.0749px;
    height: 10.0749px;
    border-radius: 61.08px;
    border: 0.5px solid #535458;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.verisk_desc_icon img {
    width: 60%;
    height: 60%;
}

.verisk_benefits_title {
    max-width: 1140px;
    width: 100%;
    height: auto;
    margin: 0 auto 40px auto;
    padding: 0 15px;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 120%;
    text-align: center;
    color: #0A0A0A;
    opacity: 1;
}

section.py-5.position-relative.overflow-hidden:has(.verisk_benefits_title) {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

@media (min-width: 1200px) {
    section.py-5.position-relative.overflow-hidden:has(.verisk_benefits_title) {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }
}

/* Reduce padding and margins on inner container */
section.py-5.position-relative.overflow-hidden:has(.verisk_benefits_title) .container {
    padding-bottom: 1rem !important;
    margin-bottom: 1rem !important;
}

@media (min-width: 576px) {
    section.py-5.position-relative.overflow-hidden:has(.verisk_benefits_title) .container {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
}

@media (min-width: 768px) {
    section.py-5.position-relative.overflow-hidden:has(.verisk_benefits_title) .container {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}

@media (min-width: 992px) {
    section.py-5.position-relative.overflow-hidden:has(.verisk_benefits_title) .container {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }
}

@media (min-width: 1200px) {
    section.py-5.position-relative.overflow-hidden:has(.verisk_benefits_title) .container {
        padding-bottom: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
}

.verisk_benefits_grid {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 24px;
    row-gap: 32px;
    opacity: 1;
}

@media (max-width: 991.98px) and (min-width: 450px) {
    .verisk_benefits_grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 24px;
        row-gap: 24px;
        justify-items: stretch;
    }

    .verisk_benefit_card {
        height: 100%;
        max-width: none;
        min-height: auto;
        padding: 18px 18px 20px;
        gap: 10px;
    }
}

@media (min-width: 992px) {
    .verisk_benefits_grid {
        flex-direction: row;
    }
}

.verisk_benefit_card {
    box-sizing: border-box;
    flex: 1 1 240px;
    max-width: 267px;
    min-height: 340px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.verisk_benefit_card .verisk_benefit_impact {
    margin-top: 2px;
    position: static;
}

.verisk_benefit_card:hover {
    box-shadow: 0px 0px 16px 0px var(--shadow-black);
    border: none;
}

.verisk_benefit_card--shadow {
    box-shadow: 0px 8px 29.5px rgba(0, 0, 0, 0.1);
}

.verisk_benefit_heading {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    text-transform: capitalize;
    color: #0A0A0A;
    margin-bottom: 4px;
}

.verisk_benefit_body {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #535458;
    margin-bottom: 8px;
}

.verisk_benefit_impact {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #535458;
    margin: 0;
}

.verisk_benefit_impact_label {
    font-weight: 500;
    color: #000000;
}

section.pb-5.position-relative.overflow-hidden:has(.verisk_requirements) {
    padding-bottom: 6rem !important;
}

.verisk_requirements {
max-width: 783px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap:6px;
}

.verisk_requirements_title {
font-family: "Lato", sans-serif;
font-weight: 700;
margin-top: 0;
font-size: 48px;
line-height: 120%;
text-align: center;
color: #0A0A0A;
    line-height: 120%;
    text-align: center;
    color: #0A0A0A;
}

.verisk_requirements_body {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.verisk_requirements_line_single {
    width: 100%;
    max-width: 783px;
    height: 30px;
    font-family: "Lato", sans-serif;
    font-weight: 550;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    color: #535458;
    opacity: 1;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.verisk_requirements_line_contact {
    width: 100%;
    max-width: 776px;
    height: 30px;
    font-family: "Lato", sans-serif;
    font-weight: 550;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    color: #535458;
    opacity: 1;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: normal;
}

.verisk_requirements_line_contact strong {
    font-weight: 700;
     color: #252525;
}

.verisk_support_link {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #252525;
    text-decoration: underline !important;
    text-decoration-style: solid !important;
    text-underline-offset: 5px !important;
    text-decoration-thickness: 1px !important;
    text-decoration-skip-ink: auto !important;
}

/* ============ STEP BY STEP INTEGRATION SECTION ============ */
.verisk_steps_section {
    position: relative;
}

.verisk_steps_circle {
    position: absolute;
    top: 50%;
    right: -50px;
    transform: translateY(-50%);
    width: 400px;
   
    z-index: 0;
    opacity: 0.6;
    pointer-events: none;
}

.verisk_xact_main_container {
    position: relative;
    z-index: 1;
}

.verisk_steps_container {
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 82px 20px 40px 20px;
background: #F6F7F9;
}

@media (min-width: 768px) {
.verisk_steps_container {
padding: 82px 40px 40px 40px;
}
}

@media (min-width: 1200px) {
.verisk_steps_container {
padding: 82px 150px 40px 150px;
}
}

.verisk_steps_content {
width: 100%;
max-width: 1140px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 50px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.verisk_steps_header {
    width: 100%;
    max-width: 546px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center;
}

.verisk_steps_title {
    width: 100%;
    max-width: 586px;
    height: auto;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    color: #0A0A0A;
    margin: 0;
    white-space: nowrap;
}

.verisk_steps_subtitle {
    width: 100%;
    max-width: 546px;
    height: auto;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    color: #535458;
    margin: 0;
}

.verisk_steps_main_content {
    width: 100%;
    max-width: 1140px;
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.verisk_steps_section {
    width: 100%;
    max-width: 1140px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.verisk_steps_text {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #535458;
    margin: 0;
}

.verisk_xact_main_container {
    display: flex;
    gap: 33px;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
}

.verisk_xact_left_content {
    width: 100%;
    max-width: 530px;
    min-height: 414px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.verisk_xact_text_frame {
    width: 100%;
    max-width: 530px;
    min-height: 108px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.verisk_claim_info_text {
    width: 100%;
    max-width: 530px;
    min-height: 48px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #535458;
    margin: 0;
}

.verisk_description_text {
    width: 100%;
    max-width: 530px;
    min-height: 48px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #535458;
    margin: 0;
}

.verisk_description_text strong {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
}

.verisk_instruction_frame {
    width: 100%;
    max-width: 530px;
    min-height: 144px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 6px; 
}

.verisk_instruction_list_new {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.verisk_example_list_new,
.verisk_instruction_list_new {
    padding-left: 3px;  
}
.verisk_example_content,
.verisk_instruction_list_new {
    padding-left: 3px;  
}

.verisk_instruction_item {
    width: 100%;
    max-width: 530px;
    min-height: 24px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #535458;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0px;
    white-space: normal;
    overflow: visible;
}

.verisk_instruction_item--wrap {
    white-space: normal;
    min-height: auto;
}

.verisk_instruction_item::before {
    content: "•";
    position: absolute;
    left: 3px;
    color: #535458;
    font-weight: 700;
}

.verisk_example_frame {
    width: 100%;
    max-width: 530px;
    min-height: 128px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.verisk_example_title {
    width: 100%;
    max-width: 530px;
    min-height: 24px;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #000000;
    margin: 0;
}

.verisk_example_content {
    width: 100%;
    max-width: 530px;
    min-height: 96px;
}

.verisk_example_list_new {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.verisk_example_item {
    width: 100%;
    max-width: 530px;
    min-height: 20px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #535458;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0px;
    white-space: normal;
}

.verisk_example_item::before {
    content: "•";
    position: absolute;
    left: 3px;
    color: #535458;
    font-weight: 700;
}

.verisk_example_text {
    width: 100%;
    max-width: 530px;
    height: 96px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #535458;
    margin: 0;
}

.verisk_xact_right_content {
    width: 100%;
    max-width: 577px;
    min-height: 351px;
}

.verisk_xact_heading {
width: 100%;
max-width: 577px;
height: auto;
min-height: 29px;
font-family: "Lato", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 120%;
letter-spacing: 0%;
color: #0A0A0A;
margin: 0 0 16px 0;
opacity: 1;
}

.verisk_xact_image_container {
    width: 100%;
    max-width: 577px;
}

.verisk_xact_screenshot {
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: contain;
    display: block;
}

.verisk_process_section {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.verisk_process_item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.verisk_process_heading {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    color: #0A0A0A;
    margin: 0;
}

.verisk_process_content {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.verisk_process_text {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #535458;
    margin: 0;
    flex: 1;
}

.verisk_video_section {
    width: 100%;
    flex-shrink: 0;
}

.verisk_video_title {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: #0A0A0A;
    margin: 0 0 16px 0;
    text-align: center;
}

.verisk_video_placeholder {
    width: 100%;
    height: 225px;
    background: linear-gradient(135deg, #E5E7EB 0%, #D1D5DB 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.verisk_play_button {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #0A0A0A;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
}

.verisk_process_frame_container {
    display: flex;
    gap: 33px;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
}

.verisk_process_left_section {
    width: 100%;
    max-width: 530px;
    min-height: 414px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.verisk_process_frame_item {
    width: 100%;
    max-width: 530px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.verisk_process_frame_item--manages {
    margin-top: 30px;
}

.verisk_process_frame_item--reports {
    margin-top: 8px;
}

.verisk_process_frame_heading {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: left;
    color: #0A0A0A;
    margin: 0;
    white-space: normal;
}

.verisk_process_frame_text {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #535458;
    margin: 0;
}

.verisk_process_right_section {
    width: 100%;
    max-width: 577px;
    min-height: 351px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.verisk_process_video_title {
    width: 100%;
    max-width: 577px;
    min-height: 29px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #0A0A0A;
    margin: 0 0 16px 0;
}

.verisk_process_video_container {
    width: min(100%, 570px);
    border-radius: 12px;
    background: #FFFFFF;
    position: relative;
    overflow: hidden;
    padding: clamp(12px, 2vw, 18px);
    box-sizing: border-box;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16 / 9;
    margin-inline: auto;
}

.verisk_process_video_image {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.verisk_process_video_iframe {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 10px;
}

.verisk_process_play_button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
}

.verisk_process_play_button svg {
    width: 45px;
    height: 45px;
    color: #0A0A0A;
    margin-left: 3px;
}

.verisk_support_section {
    width: 100%;
    max-width: 1140px;
    text-align: center;
    padding: 5px 0 40px 0;
}

.verisk_support_heading {
    font-family: "Lato", sans-serif;
    color:#0A0A0A;
    font-weight: 700;
    font-size: 24px;
}

.verisk_support_content {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
margin: 0 auto;
max-width: fit-content;
}

.verisk_support_text {
font-family: "Lato", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #535458;
margin: 0 0 18px 0;
}

.verisk_support_email {
    color: #6787B7;
    text-decoration: underline;
}

.verisk_support_email:hover {
    color: #535458;
}

.verisk_support_email_bold {
    color: #252525;
    font-weight: 700;
}

.verisk_trademark_text {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 80%;
    letter-spacing: 0%;
    text-align: center;
    color: #535458;
    margin: 0;
    font-style: italic;
}

.verisk_trademark_line1 {
    display: block;
    text-align: left;
    margin-left: -15px;
}

.verisk_trademark_line2 {
    display: block;
    text-align: center;
}

@media (max-width: 449.98px) {
    .verisk_support_content {
        max-width: 100%;
    }

    .verisk_trademark_text {
        display: block;
        text-align: center;
        line-height: 130%;
    }

    .verisk_trademark_text .verisk_trademark_line1,
    .verisk_trademark_text .verisk_trademark_line2 {
        display: inline;
        margin-left: 0;
        text-align: inherit;
    }

    .verisk_trademark_text .verisk_trademark_line1::after {
        content: " ";
    }

    .verisk_trademark_text br {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .verisk_support_content {
        align-items: center;
        text-align: center;
    }

    .verisk_support_text {
        text-align: center;
    }

    .verisk_trademark_text {
        text-align: center;
    }

    .verisk_trademark_line1 {
        margin-left: 0;
        text-align: center;
    }
}

@media (max-width: 991.98px) {
    .nav_bar {
        position: fixed;
        top: 0 !important;
        left: -100%;
        z-index: 10;
        width: 100%;
        height: 100vh;
        background-color: white;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .left-0 {
        left: 0;
    }

    #navBar .common_btn {
        font-size: 20px !important;
        padding: 9px 28px 10px !important;
    }

    .navbar_links {
        font-size: 24px !important;
    }


    .verisk_benefits_grid {
        flex-direction: column;
        height: auto;
        width: 100%;
        align-items: center;
    }
}

@media (min-width:768px) {
    #navBar .common_btn {
        font-size: 22px !important;
        padding: 9px 30px 10px !important;
    }

    .nav_logo {
        width: 200px;
        height: 44px;
    }

    .future_of_ale {
        height: 700px;
        width: 700px;
        top: -75px;
        left: 100px;
    }

    .earth_img_box {
        width: 100%;
        height: 275px;
    }
}

@media (max-width:767.98px) {
    .common_btn,
    .primary_btn {
        padding: 8px 18px;
    }

    .get_touch {
        border-radius: 10px;
        padding: 24px 0;
    }

    .navbar_links {
        font-size: 22px !important;
    }

    .future_of_ale {
        height: 550px;
        width: 550px;
        top: -75px;
        left: 50px;
    }

    .earth_img_box {
        height: 200px;
    }
}

@media (min-width:992px) {
    #navBar .common_btn {
        font-size: 16px !important;
        padding: 10.4px 27.1px 12px !important;
    }

    .nav_logo {
        width: 232px;
        height: 52px;
    }

    .verisk_benefits_grid {
        flex-direction: row;
    }
}

@media (max-width:575.98px) {
    .future_of_ale {
        height: 450px;
        width: 450px;
        top: -60px;
        right: -100px;
    }

    .earth_img_box {
        height: 200px;
    }

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

    .footer_soc {
        width: 40px;
        height: 40px;
    }

    #back_to_top_btn {
        height: 40px;
        width: 40px;
        right: 15px;
        bottom: 15px;
    }
}

@media (max-width:374.98px) {
    .get_touch {
        padding: 16px 0;
    }
}

@media (min-width:1200px) {
    .custom_container {
        max-width: 1164px !important;
    }

    .footer_logo {
        width: 224px;
        height: 50px;
    }

    .footer_certified_img {
        width: 70px;
        height: 40px;
    }
}

@media (min-width:1536px) {
    #back_to_top_btn {
        right: calc((100vw - 1500px) / 2);
    }
}

/* ============ MOBILE RESPONSIVE FIXES FOR VERISK INTEGRATION PAGE ============ */
@media (max-width: 991.98px) and (min-width: 450px) {
    .verisk_xact_main_container,
    .verisk_process_frame_container {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px;
        align-items: start;
    }

    .verisk_xact_left_content,
    .verisk_xact_right_content,
    .verisk_process_left_section,
    .verisk_process_right_section {
        max-width: none;
        width: 100%;
    }

    .verisk_xact_image_container,
    .verisk_process_video_container {
        height: auto;
        min-height: 260px;
    }

    .verisk_process_video_image,
    .verisk_xact_screenshot {
        height: auto;
    }
}

@media (max-width: 991.98px) {
    /* Hero Section */
    .verisk_hero_title {
        font-size: 32px;
        max-width: 100%;
        padding: 0 15px;
    }
    .verisk_hero_title {
    white-space: pre-line;
}

    
    .verisk_hero_para {
        font-size: 14px;
        max-width: 100%;
        padding: 0 15px;
    }
    
    .verisk_logo_row {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    
    .verisk_logo_oop,
    .verisk_logo_verisk {
        width: 180px;
        height: auto;
    }
    
    /* Benefits Section */
    .verisk_benefits_title {
        font-size: 32px;
        margin-bottom: 30px;
    }
    
    /* Requirements Section */
    .verisk_requirements_title {
        font-size: 32px;
        margin-top: 20px;
    }
    
    .verisk_requirements_line_single,
    .verisk_requirements_line_contact {
        font-size: 16px;
        height: auto;
        white-space: normal;
        text-align: center;
        padding: 0 15px;
        flex-wrap: wrap;
        line-height: 1.6;
    }
    
    /* Steps Section */
    .verisk_steps_title {
        font-size: 28px;
        white-space: normal;
        max-width: 100%;
    }
    
    .verisk_steps_subtitle {
        font-size: 14px;
        max-width: 100%;
    }
    
    .verisk_steps_circle {
        width: 150px;
        opacity: 0.5;
    }
    
    /* XactAnalysis Section */
    .verisk_xact_main_container {
        flex-direction: column;
        gap: 20px;
    }
    
    .verisk_xact_left_content,
    .verisk_xact_right_content {
        max-width: 100%;
        min-height: auto;
    }
    
    .verisk_xact_heading {
        font-size: 20px;
        max-width: 100%;
        white-space: normal;
    }
    
    .verisk_xact_image_container,
    .verisk_xact_screenshot {
        max-width: 100%;
        height: auto;
    }
    
    .verisk_claim_info_text,
    .verisk_description_text {
        font-size: 14px;
        max-width: 100%;
        min-height: auto;
    }
    
    .verisk_instruction_item,
    .verisk_example_item {
        font-size: 14px;
        max-width: 100%;
        white-space: normal;
    }
    
    /* Process Frame Section */
    .verisk_process_frame_container {
        flex-direction: column;
        gap: 20px;
    }
    
    .verisk_process_left_section,
    .verisk_process_right_section {
        max-width: 100%;
        min-height: auto;
    }
    
    .verisk_process_frame_item {
        max-width: 100%;
        height: auto;
        min-height: auto;
    }
    
    .verisk_process_frame_heading {
        font-size: 20px;
        white-space: normal;
        min-width: auto;
        height: auto;
    }
    
    .verisk_process_frame_text {
        font-size: 14px;
        height: auto;
    }
    
    .verisk_process_video_title {
        font-size: 20px;
        max-width: 100%;
    }
    
    .verisk_process_video_container {
        max-width: 100%;
        height: auto;
        min-height: 250px;
        padding: 12px;
    }
    
    .verisk_process_video_image {
        max-width: 100%;
        height: auto;
    }
    
    /* Support Section */
    .verisk_support_heading {
        font-size: 20px;
    }
    
    .verisk_support_text {
        font-size: 14px;
        word-break: break-word;
        overflow-wrap: break-word;
    }
    
    .verisk_support_email_bold {
        font-size: 14px;
        word-break: break-all;
        display: inline-block;
    }
    
    .verisk_trademark_text {
        font-size: 12px;
        word-break: break-word;
    }
}

@media (max-width: 767.98px) {
    .verisk_hero_title {
        font-size: 28px;
    }
    
    .verisk_benefits_title,
    .verisk_requirements_title {
        font-size: 28px;
    }
    
    .verisk_steps_title {
        font-size: 24px;
    }
    
    .verisk_benefit_card {
        max-width: 100%;
    }
    
    .verisk_steps_circle {
        width: 120px;
    }

    .verisk_benefit_body {
        margin-bottom: 10px !important;
    }
 .verisk_benefit_card
    .verisk_benefit_impact {
        margin-top: 0 !important;
    }

    .verisk_benefit_card {
        padding: 16px 18px 18px;
    }
}

@media (max-width: 767.98px) and (min-width: 450px) {
    .verisk_benefit_card--analytics br {
        display: none;
    }
}

@media (max-width: 449.98px) {
    .verisk_benefit_card--analytics br {
        display: none;
    }
}

/* ============ MOBILE AND TABLET RESPONSIVE STYLES ============ */

@media (max-width: 575.98px) {
    .verisk_hero_title {
        font-size: 24px !important;
        line-height: 130%;
        padding: 0 10px;
    }
    
    .verisk_hero_para {
        font-size: 14px;
        padding: 0 10px;
    }
    
    .verisk_logo_row {
        gap: 20px;
        padding: 0 10px;
    }
    
    .verisk_logo_oop,
    .verisk_logo_verisk {
        width: 150px;
        height: auto;
    }
    
    .verisk_benefits_title,
    .verisk_requirements_title {
        font-size: 24px !important;
        padding: 0 10px;
    }
    
    .verisk_steps_title {
        font-size: 20px !important;
        padding: 0 10px;
    }
    
    .verisk_steps_subtitle {
        font-size: 14px;
        padding: 0 10px;
    }
    
    .verisk_xact_heading,
    .verisk_process_frame_heading,
    .verisk_process_video_title {
        font-size: 18px !important;
    }
    
    .verisk_steps_circle {
        display: none;
    }
    
    .verisk_process_video_container {
        min-height: 200px;
    }
    
    .verisk_benefit_card {
        padding: 15px;
    }
    
    .verisk_steps_container {
        padding: 40px 15px 30px 15px !important;
    }
    
    .get_touch {
        padding: 30px 0 !important;
    }
    
    .common_title_heading {
        font-size: 12px;
    }
}

@media (max-width: 449.98px) {
    .verisk_benefits_grid {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .verisk_benefit_card {
        width: 100%;
        max-width: 350px;
        height: auto;
        min-height: auto;
    }

    .verisk_benefit_body {
        margin-bottom: 6px !important;
    }

    .verisk_benefit_card .verisk_benefit_impact {
        margin-top: 0 !important;
    }
}

/* Tablet landscape and medium screens */
@media (min-width: 768px) and (max-width: 991.98px) {
    .verisk_hero_title {
        font-size: 36px !important;
        padding: 0 20px;
    }
    
    .verisk_hero_para {
        font-size: 15px;
        padding: 0 20px;
    }
    
    .verisk_benefits_title,
    .verisk_requirements_title {
        font-size: 36px !important;
    }
    
    .verisk_steps_container {
        padding: 60px 30px 40px 30px !important;
    }
}

/* Large tablets and small desktops */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .verisk_hero_title {
        font-size: 42px !important;
    }
    
    .verisk_benefits_title,
    .verisk_requirements_title {
        font-size: 42px !important;
    }
    
    .verisk_benefit_card {
        width: 240px;
    }
    
    .verisk_benefits_grid {
        gap: 20px;
    }
}