html,
 body,
 .axa {
     font-size: 1rem;
     font-family: 'Lato', sans-serif;
     -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     text-size-adjust: 100%;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     text-rendering: optimizeLegibility;
     text-shadow: 0 0 1px rgba(0, 0, 0, .1);
 }

 @font-face {
     font-family: "Poppins";
     font-weight: 400;
     src: url(./assets/fonts/Poppins/Poppins-Regular.woff) format("woff"), url(./assets/fonts/Poppins/Poppins-Regular.ttf) format("ttf")
 }

 @font-face {
     font-family: "Poppins";
     font-weight: 600;
     src: url(./assets/fonts/Poppins/Poppins-SemiBold.woff) format("woff"), url(./assets/fonts/Poppins/Poppins-SemiBold.ttf) format("ttf")
 }

 @font-face {
     font-family: "Poppins";
     font-weight: 700;
     src: url(./assets/fonts/Poppins/Poppins-Bold.ttf) format("ttf")
 }

 @font-face {
     font-family: "Lato";
     font-weight: 400;
     src: url(./assets/fonts/Lato/Lato-Regular.ttf) format("ttf")
 }

 @font-face {
     font-family: "Lato";
     font-weight: 700;
     src: url(./assets/fonts/Lato/Lato-Bold.ttf) format("ttf")
 }

 @font-face {
     font-family: "Publico Headline";
     src: url(./assets/fonts/PublicoHeadline-Bold-Web.woff) format("woff"), url(./assets/fonts/PublicoHeadline-Bold-Web.ttf) format("ttf"), url(./assets/fonts/PublicoHeadline-Bold-Web.otf) format("otf")
 }

 @font-face {
     font-family: "SourceSansPro";
     font-weight: 400;
     src: url(./assets/fonts/SourceSansPro-Regular.woff) format("woff"), url(./assets/fonts/SourceSansPro-Regular.ttf) format("ttf")
 }

 @font-face {
     font-family: "SourceSansPro";
     font-weight: 600;
     src: url(./assets/fonts/SourceSansPro-Semibold.woff) format("woff"), url(./assets/fonts/SourceSansPro-Semibold.ttf) format("ttf")
 }

 @font-face {
     font-family: "SourceSansPro";
     font-weight: 700;
     src: url(./assets/fonts/SourceSansPro-Bold.woff) format("woff"), url(./assets/fonts/SourceSansPro-Bold.ttf) format("ttf")
 }

 a:hover {
     color: #d44205 !important;
 }

 .section-wrapper a {
     color: #d44205;
 }

 .back-color-sec {
     background: var(--colour-text-primary, #f7f7f8);
 }

 .frame-icon {
     align-self: stretch;
     flex: 1;
     position: relative;
     max-width: 100%;
     overflow: hidden;
     max-height: 100%;
 }

 .logo {
     width: 48px;
     height: 48px;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
 }

 .hero-banner {
     width: 100%;
     height: auto;
     min-height: 400px;
     background-position: center;
     background-size: cover;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -webkit-flex-flow: row wrap;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     position: relative;
 }

 .hero-banner-mask {
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -webkit-flex-flow: row wrap;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 100%;
     min-height: 400px;
     z-index: 1;

     background: linear-gradient(127.09deg, #2D005A -7.68%, #8B0065 55.33%, #B71877 90.32%);
     border-bottom-left-radius: 50% 10%;
     border-bottom-right-radius: 50% 10%;
 }

 .hero-banner-container {
     width: 100%;
     height: auto;
     max-width: 1200px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -webkit-flex-flow: row wrap;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .hero-banner-content {
     width: 100%;
     height: auto;
     margin: 30px 0 80px;
     padding: 20px 40px;
     max-width: 960px;
     text-align: center;
 }

 .richtext--white,
 .richtext--white p {
     color: #fff;
 }


 .typo-48-serif,
 h3 {
     font-family: 'Poppins', sans-serif;
     font-weight: 700;
     font-size: 1.875rem;
     line-height: 1.13em;
     letter-spacing: .02em;
     margin-bottom: 13px;
     margin-top: 13px
 }

 .typo-14-serif {
     font-size: 0.875rem;
     line-height: 1.13em;
     letter-spacing: .02em;
 }

 .typo-18-serif {
     font-size: 1.125rem;
     line-height: 1.13em;
     letter-spacing: .02em;
     font-family: 'Lato', sans-serif;
     font-weight: 700;
 }

 .typo-18-sans {
     font-size: 1.125rem;
     line-height: 1.13em;
     letter-spacing: .02em;
     font-weight: 700;
 }


 .typo-24-serif {
     font-size: 1.5rem;
     line-height: 1.17em;
     letter-spacing: .02em;
     font-family: 'Lato', sans-serif;
     font-weight: 700;
 }

 .typo-32-serif {
     font-size: 2rem;
     line-height: 1.17em;
     letter-spacing: .02em;
     font-family: 'Lato', sans-serif;
     font-weight: 700;
 }

 .typo-36-serif {
     font-size: 2.25rem;
     line-height: 1.17em;
     letter-spacing: .02em;
     font-family: 'Lato', sans-serif;
     font-weight: 700;
 }

 .swiftcover-logo {
     display: flex;
     justify-content: left;
     margin-bottom: 32px;
 }

 .richtext .typo-48-serif {
     margin-bottom: 1.125rem;
 }

 .richtext .typo-18-serif {
     margin-bottom: 1.125rem;
 }

 .get-quote-btn {
     text-transform: none !important;
     letter-spacing: 1px !important;
     width: 187px;
     padding: 10px 25px !important;
     background: #d44205 !important;
     border: 2px solid #d44205 !important;
     border-radius: 2rem !important;
     color: #fff !important;
     font-weight: 500 !important;
     z-index: 1;
     overflow: hidden;
     position: relative;
 }


 .get-quote-btn:hover,
 .get-quote-btn:focus {
     background: #fff !important;
     color: #d44205 !important;

 }

 .btn-check:focus+.btn-primary,
 .btn-primary:focus {
     box-shadow: none !important;
 }

 .btn-check:focus+.get-quote-btn,
 .get-quote-btn :focus {
     box-shadow: none !important;
 }

 .wrapper {
     flex: 1;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: flex-start;
     padding: 8px 32px 0px;
 }

 .section-wrapper {
     align-self: stretch;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: flex-start;
 }

 .text-ncd {
     align-self: stretch;
     align-items: center;
     line-height: normal;
     color: #3d3e42;
     text-align: center;
 }


 .axa-navbar {
     align-self: stretch;
     background-color: #fff;
     height: 90px;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
 }

 .tabs-wrapper {
     align-self: stretch;
     background-color: #CCCCCC;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     padding: 14px 32px 0px;
     text-align: left;
     font-size: 16px;
     font-weight: 600;
     letter-spacing: 0.02rem;
 }

 .tabs-base {
     border-radius: 12px 12px 0px 0px;
     background-color: #00008F;
     overflow: hidden;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     padding: 14px 28px;
     color: #fff;
     cursor: pointer;
     width: 30%;
 }

 .tab-active {
     background-color: #fff;
     color: #00008f;
     position: relative;
 }

 .tabs {
     width: 756px;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: flex-start;
     gap: 8px;
 }


 .jump-link {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     padding: 8px 0;
     box-sizing: border-box;
 }

 .jump-link-nav-child {
     align-self: stretch;
     width: 1px;
     position: relative;
     border-right: 1px solid #d5d5d8;
     box-sizing: border-box;
 }

 .jump-link-nav-item {
     width: 1px;
     position: relative;
     border-right: 1px solid #ccc;
     box-sizing: border-box;
     height: 55px;
 }


 .jump-link-nav {
     background-color: #fff;
     display: flex;
     flex-direction: row;
     box-sizing: border-box;
     gap: 32px;
     font-size: 1 rem;
     font-weight: 400;
     margin-top: 0.5rem;
     color: #73737c;
     justify-content: center;
 }

 .jump-link a {
     color: #73737c;
     text-decoration: none;
 }

 .jump-link a:hover,
 .jump-link a:active {
     text-decoration: underline;
 }

 .section-title {
     width: 100%;
     height: 100%;
     text-align: center;
     color: var(--colour-text-primary, #252528);
     word-wrap: break-word;
 }

 .section-subheading {
     color: var(--colour-text-primary, #262626);
     word-wrap: break-word;
     align-self: stretch;
     position: relative;

 }

 .section-title-wrapper {
     align-self: stretch;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 1rem;
 }

 .wrapper-required-icon {
     width: 100px;
     position: relative;
     height: 100px;
 }

 .icons-spot-colour {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
 }

 .carasset-4-1 {
     width: 300px;
     position: relative;
     height: 213.8px;
     display: none;
 }

 .icon {
     align-self: stretch;
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     justify-content: center;
 }

 .lorem-ipsum-dolor {
     margin-block-start: 0;
     margin-block-end: 32px;
 }


 .text-card-retail {
     align-self: stretch;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     gap: 12px;
     font-size: 1rem;
     min-height: 36rem;
 }

 .text-card {
     align-self: stretch;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     padding: 10px;
     gap: 20px;
     font-size: 1rem;
 }

 .quote-text {
     color: var(--colour-text-primary, #262626);
     font-weight: 400;
     line-height: normal;
     word-wrap: break-word;
     text-align: left;
 }

 .hero-subtext p {
     margin-bottom: 8px;
     margin-top: 0;
 }


 .phone-no-link {
     color: #000 !important;
     text-decoration: none;
 }

 .sup-heading {
     font-size: 0.875rem;
     font-weight: 600;
     text-align: left;
 }

 .sup-text p {
     font-size: 0.75rem;
     margin-bottom: 0;
 }

 .accordion-button:not(.collapsed) {
     color: #d44205 !important;
 }

 .link {
     align-self: stretch;
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     justify-content: flex-start;
     padding: 10px;
     color: #fff;
 }

 .icon-support {
     width: 16px;
     height: 16px;
     display: none;
 }

 .existing-customers-login {
     position: relative;
     text-decoration: underline;
     line-height: 130%;
 }

 .wrapper3 {
     flex: 1;
     border-radius: 8px;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: flex-start;
     gap: 4px;
 }

 .link2 {
     align-self: stretch;
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     justify-content: flex-start;
 }

 .icons-functional1 {
     width: 20px;
     height: 20px;
     display: none;
 }

 .contact-us {
     flex: 1;
     position: relative;
     text-decoration: underline;
     line-height: 130%;
 }

 .icons-functional-parent {
     align-self: stretch;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: flex-start;
     gap: 4px;
 }

 .link-wrapper {
     align-self: stretch;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     padding: 10px;
     gap: 8px;
     font-size: 1rem;
     text-align: left;
 }


 .card {
     flex: 1;
     box-shadow: 0px 57px 23px rgba(97, 146, 220, 0.01), 0px 32px 19px rgba(97, 146, 220, 0.05), 0px 14px 14px rgba(97, 146, 220, 0.09), 0px 4px 8px rgba(97, 146, 220, 0.1);
     border-radius: 3px !important;
     background-color: #fff !important;
     border: 1px solid #e0e0e0 !important;
     overflow: hidden;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     padding: 28px 18px;
     gap: 2px;
     border-radius: .5rem !important;
 }

 .card-parent {
     align-self: stretch;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: flex-start;
     gap: 36px;
     font-size: 18px;
     color: #262626;
 }

 .frame-parent {
     align-self: stretch;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     gap: 42px;
 }

 .content-goes-here {
     align-self: stretch;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     padding: 0px 32px;
     gap: 108px;
 }

 .claim-text {
     align-self: stretch;
     align-items: center;
     line-height: normal;
     color: #3d3e42;
 }

 .claim-text p {
     text-align: center;
 }

 .claim-notification-line {
     position: relative;
     font-weight: 600;
     display: inline-block;
     flex-shrink: 0;
     font-size: 1.25rem;
 }

 .claim-notification-line-phone a {
     position: relative;
     line-height: 100%;
     display: inline-block;
 }

 .claim-notification-line-phone {
     font-weight: 600;
 }

 .access-my-account-link {
     font-size: 1rem !important;
 }

 .claim-notification-line-parent {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     gap: 14px;
 }

 .icons-spot-colour-parent {
     align-self: stretch;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: flex-start;
 }

 .renewal-content {
     margin: 0 24%;
 }

 .renewal-content .header-text {
     font-weight: 600;
 }

 .renewal-content .login-links p {
     margin-bottom: 0;
 }

 .renewal-content .login-links a {
     font-size: 1rem;
     font-weight: 700;
 }

 .icons-spot-parent {
     align-self: stretch;
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     justify-content: flex-start;
     gap: 14px;
 }

 .wrapper-required-icon3 {
     width: 24px;
     position: relative;
     height: 24px;
     object-fit: fill;
 }

 .ncd-pointers img {
     width: 22px;
     height: 22px;
 }

 .ncd-pointers li {
     display: flex;
     align-items: flex-start;
     gap: 10px;
     justify-content: center;
 }

 .ncd-pointers li p {
     margin-bottom: 10px;
 }

 .claim-access-my-account-link {
     align-self: stretch;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: flex-start;
     gap: 4px;
     color: #0f62fe;
 }

 .access-my-account-link-text {
     position: relative;
     text-decoration: underline;
     font-weight: 600;
     font-size: 0.875rem;
     display: flex;
     align-items: center;
     height: 40px;
     flex-shrink: 0;
     gap: 2px;
 }


 .text-ncd .access-my-account-link-text {
     justify-content: center;
 }

 .text-ncd ul,
 .quote-text ul {
     list-style: none;
     padding-left: 0;
 }

 .quote-text ul li {
     display: flex;
     align-items: flex-start;
 }

 .quote-text ul li span {
     flex: 0 0 30px;
     padding-right: 8px;
 }


 .quote-btn-secondary {
     color: #d44205 !important;
     background: #fff !important;
 }

 .text-ncd-bottom {
     font-weight: 600;
 }

 .quote-btn-row {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     width: 100%;
 }

 .quote-link-row {
     display: flex;
     flex-direction: row;
     justify-content: center;
     width: 100%;
 }

 .frame-div {
     align-self: stretch;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     gap: 28px;
     font-size: 32px;
     color: #252528;
 }

 .frame-container {
     width: 568px;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     gap: 33px;
 }

 .frame-child {
     width: 0 !important;
     position: relative;
     border-left: 1px solid #58595f;
     box-sizing: border-box;
     height: 242px;
 }

 .frame-parent1 {
     flex: 1;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     gap: 33px;
 }

 .frame-group {
     align-self: stretch;
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     justify-content: center;
     text-align: left;
     color: #262626;
 }

 .content-block {
     align-self: stretch;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: flex-start;
     padding: 32px 32px;
 }

 .emergency-phone {
     align-self: stretch;
     position: relative;
     font-size: 2rem;
     font-weight: 400;
     line-height: 100%;
     color: #252528;
 }

 .body-parent {
     width: 604px;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     gap: 1rem;
 }

 .accordion-header button {
     background: var(--colour-background-accent, #E2EFFF);
     color: black;
 }

 .wrapper-icon-shield {
     width: 64px;
     position: relative;
     height: 64px;
 }

 .submit-proof-of {
     width: 389px;
     position: relative;
     text-decoration: underline;
     line-height: 130%;
     font-weight: 600;
     display: flex;
     align-items: center;
     height: 39px;
     flex-shrink: 0;
 }

 .frame-wrapper {
     align-self: stretch;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     font-size: 24px;
     color: #0f62fe;
 }

 .content-block-inner {
     align-self: stretch;
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     justify-content: flex-start;
     text-align: left;
     color: #262626;
 }

 .important-phone-numbers {
     position: relative;
     line-height: 100%;
 }

 .axa-car-insurance {
     flex: 1;
     position: relative;
     line-height: 110%;
     font-weight: 600;
     display: inline-block;
     height: 61px;
 }

 .axa-home-insurance {
     flex: 1;
     position: relative;
     line-height: 110%;
     font-weight: 600;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 61px;
 }

 .no-card-feel {
     align-self: stretch;
     align-items: flex-start;
     justify-content: center;
     gap: 12px;
     box-shadow: none !important;
     border: none !important;
     background-color: unset !important;
 }

 .accordion-button {
     background-color: var(--colour-text-primary, #f7f7f8) !important;
     border-bottom: 1px solid #CCCCCC !important;
     color: #4E4351 !important;
 }

 .accordion-item {
     border: none !important;
     border-bottom: 1px solid rgba(0, 0, 0, .125) !important;
 }


 .accordion-body {
     background-color: #FAFAFA !important;
     border-bottom: 1px solid #CCCCCC;
 }


 .accordion-button:focus {
     box-shadow: none !important;
 }

 .accordion-button::after {
     background-image: url(../icons/arrow.svg) !important;
     background-size: 1.125rem !important;
     width: 1.125rem !important;
     height: 1.125rem !important;
 }

 .copyright-2025 {
     position: relative;
     line-height: 130%;
     font-weight: 600;
 }

 .logo-copyright {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: flex-start;
     gap: 10px;
 }

 .cookie-settings {
     position: relative;
     line-height: 130%;
     text-decoration: none;
     cursor: pointer;
     color: #73737c;
 }

 .footer-links {
     align-self: stretch;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     flex-wrap: wrap;
     align-content: center;
     gap: 20px;
     font-size: .875rem;
     letter-spacing: .02em;
     line-height: 1.21em;
 }

 .bar {
     align-self: stretch;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: center;
     padding: 0px 16px 24px;
     gap: 28px;
 }


 .sub-footer {
     align-items: center;
     padding: 16px 16px;
     font-size: .875rem;
     gap: 10px;
     padding-top: 0;
 }


 .footer {
     background-color: #b71877;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 28px 0px 0px;
     box-sizing: border-box;
     text-align: left;
     font-size: 18px;
     color: #fff;

 }

 .b-top {
     border-top: 2px solid #dee2e6;
     margin-top: 16px;
 }

 .footer-links a {
     color: #fff;
 }

 .footer-links a:hover {
     color: #fff;
     text-decoration: underline;
 }

 .footer .logo {
     border: 1px solid #fff;
 }

 .comm-make-claim-line {
     margin-top: 1rem;
 }

 .retail-make-claim-container {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 1rem;
     align-items: flex-start;
 }

 .make-claim-item {
     flex: 1 1 460px;
     max-width: 500px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }


 .phone-link {
     color: #000 !important;
 }

 .no-gap {
     gap: unset;
 }

 .no-gap p {
     margin-top: 0;
 }

 .no-anchor-feel {
     text-decoration: none;
     color: unset !important;
 }

 .no-color {
     color: #2c2c2c !important;
 }

 /* Extra small devices */
 @media (max-width: 575.98px) {
     .tabs-wrapper {
         padding: 14px 20px 0px;
     }

     .tabs-base {
         width: 50% !important;
         padding: 8px 4px;
     }


     .ncd-pointers li {
         justify-content: flex-start;
     }
 }

 /* Mobile View Style */
 @media (max-width: 767.98px) {
     .hero-banner {
         min-height: 200px;
     }

     .content-block {
         padding: 24px 8px;
     }

     .tabs-wrapper {
         font-size: 1rem;
         padding: 14px 20px 0px;
     }

     .tabs-base {
         width: auto !important;
         padding: 14px 18px;
     }

     .frame-child {
         display: none;
     }

     .get-quote-btn {
         width: 100%;
     }

     .quote-btn-row {
         flex-direction: column;
     }

     .body-parent {
         gap: unset;
     }

     .breakdown-europe {
         width: 100%;
         text-align: center;
     }

     .p2 {
         margin-top: 28px !important;
     }

     .emergency-section .icon {
         padding-bottom: 12px;
     }

     .emergency-section .container {
         padding-top: 20px !important;
     }

     .breakdown-europe {
         text-align: left;
     }
 }

 @media (max-width: 991.98px) {
     .jump-link-nav {
         display: flex;
         flex-direction: column;
         gap: 0px;
     }

     .jump-link-nav .jump-link-nav-item {
         display: none;
     }

     .renewal-content {
         text-align: center;
         margin: 0;
     }

     .retail-make-claim-line {
         gap: 20px;
     }

     .link-wrapper {
         align-items: center;
     }

     .login-links {
         display: flex;
         justify-content: center;
         flex-direction: column;
         align-items: center;
     }

     .icons-spot-colour-parent,
     .claim-access-my-account-link {
         justify-content: center;
     }

     .section-wrapper .row {
         justify-content: center;
     }

     .comm-make-claim-line {
         gap: 1rem;
     }

     .icons-spot-parent {
         align-items: center;
     }

     .break-down .typo-28-serif {
         text-align: center;
     }

     .text-card-retail {
         min-height: auto !important;
     }

     .b-top {
         border: none;
         margin-top: 0;
     }

     .quote-row {
         gap: 24px;
     }

     .quote-btn-row {
         flex-direction: column-reverse;
     }

     .retail-make-claim-line .icons-spot-colour {
         display: none;
     }

     .retail-make-claim-line .section-subheading {
         text-align: center;
     }

     .retail-make-claim-line .icons-spot-parent {
         padding-top: 24px;
         justify-content: center;

     }

     .retail-make-claim-line .body-parent {
         padding-bottom: 16px;
     }

     .retail-make-claim-line .claim-notification-line-parent {
         align-items: center;
         gap: 4px;
     }

     .claim-notification-line-parent .make-ctr {
         text-align: center;
     }

     .imp-phone-card {
         padding-left: 0;
         padding-right: 0;
     }

     .accordion-item .accordion-body ul {
         padding-left: 0;
     }
 }

 @media (max-width:1199.98px) {
     .comm-make-claim-line {
         gap: 1rem;
     }

     .comm-make-claim-line .body-parent {
         width: 100%;
     }

     .comm-make-claim-line .icons-spot-colour-parent,
     .comm-make-claim-line .claim-access-my-account-link {
         justify-content: center;
     }

     .card .link-wrapper {
         align-items: center;
     }

     .business-section .quote-text {
         min-height: 144px;
     }

     .text-card-retail {
         min-height: 39rem;
     }


 }