@import url("../css/_repeater-section.css");
@import url("../css/_cta-module.css");

.claims-banner-section{z-index: 2; clear: both; position: relative; width: 100%; padding: 144px 0 0 0; background: var(--heading); min-height: 546px;}
 .claims-banner-wrap { max-width: 1700px; margin: 0 auto; }
.claims-banner-main{justify-content:space-between; align-items: center; padding: 22px 0 80px; min-height: 578px;}
.claims-banner-txt{color: var(--white);}
.claims-banner-txt h1{color: var(--white);}
.claims-banner-section .btn-wrap .outline-btn{color: var(--white); border: 2px solid var(--text-color); padding: 13px 30px 13px 30px;}
.claims-banner-section .btn-wrap .outline-btn:hover{color: var(--heading);}
.claims-banner-txt h1 span{position: relative; display: inline-block;}
.claims-banner-txt h1 span:before{position: absolute; content: ""; width: 157px; height:  7px; left: -5px; bottom: -7px; background-image: url("../images/claims-banner-line.svg"); animation: lineanimation 2s infinite alternate;}
.claims-banner-txt p{line-height: 1.7; font-size: 1.125rem; color: var(--light-txt);}

.gradient-line-main{position: absolute; width: 100%; height: 60px; max-width: 749px; left: 760px; top: 133px; }
.gradient-line {position: relative; width: 100%; height: 44px; margin: 16px 0; top: 18px; background: linear-gradient(-90deg, #E6A616 0%, #1C1E20 100%); }
.gradient-line::after { width: 1000vw; height: 44px; left: 100%; top: 0; content: ""; display: block; background-color: #E6A616; position: absolute; margin-bottom: 13px;}

.claims-step-section{clear: both; width: 100%; overflow: hidden; background-color: var(--light-txt); z-index: 1; }
.claims-step-bg { left: 50%; transform: translateX(-50%); width: 665px; height: 560px; z-index: -1;}
.claims-step-heading{margin-bottom: 34px;}
.claims-step-main .claims-step-heading.no_claim_step { margin-bottom: 0; }
.claims-step-heading h2{font-size: 2.5rem;}
.claims-step-heading h2 span{position: relative; display: inline-block;}
.claims-step-heading h2 span:before{position: absolute; content:""; width: 175px; height: 15px; background-image: url("../images/step-line.svg"); right: 44px; bottom: -8px; animation: lineanimation 2s infinite alternate;}
.claims-step-heading p{max-width: 537px; font-size: 1.125rem; line-height: 1.7;}
.claims-step-list span{width: 62px; min-height: 37px; text-align: center; font-size: 1.5rem; font-family: 'Outfit'; font-weight: 600; margin-bottom: 10px; display: block; color: var(--dark-text);}
.step-icon{width: 62px; height: 62px; margin-bottom: 16px;}
.claims-step-list h3 {margin-bottom: 15px;}
.claims-ring{width: 22px; height: 22px; border: 5px solid var(--yellow);  margin: 0 auto 25px; border-radius: 50%; position: relative; background-color: var(--white);}
.claims-step-list:last-child .claims-ring{border-width: 7px; width: 26px; height: 26px;}
.claims-step-list:last-child .claims-ring::before{ width: 38px; height: 38px; opacity: 0.25; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; content: ""; display: block; position: absolute; background-color: var(--yellow); z-index: -1; }
.claims-step-list:nth-last-child(2) .claims-slide-text{padding-left: 11px;}


.ring-main{width: 62px; text-align: center; position: relative;}
.ring-main::after{width: 272px; height: 1px; left: 63px; top: 11px; opacity: 0.6; background: repeating-linear-gradient(90deg,#000,#000 5px,transparent 5px,transparent 10px); content: ""; display: block; position: absolute;}
.claims-step-row .slick-slide:last-child .ring-main::after{display: none;}
.claims-stripline {  content: ""; display: block; width: 100%; height: 6px; max-width: 1090px; margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; }
.claims-stripline span{height: 100%; display: block;  background: var(--outline-btn); margin-left: auto;}


.call-section{padding: 80px 0 0;}
.call-list{position: relative; z-index: 1;}

.call-thumb{z-index: -1;}
.call-text{padding: 80px;}
.call-text .text-lt h4{font-size: 2rem; line-height: 1.2; margin-bottom: 0;}
.call-text  .text-rt p{font-size: 1.125rem; line-height: 1.7; color: var(--heading);}
.call-text .text-lt h4 span{position: relative; display: inline-block;}
.call-text .text-lt h4 span:before{position: absolute; content: ""; width: 209px; height: 17px; background-image: url("../images/banner-heading-line.svg"); right: 0; bottom: -18px; animation: lineanimation 2s infinite alternate;}
.call-start{background-color: var(--heading);}
.call-button .button{ padding: 11px 19px 11px 32px; border: 2px solid transparent; font-size: 1.25rem; line-height: 1.7; display: flex; min-width: 238px; gap: 10px; align-items: center; }
.call-button a span { color: var(--white); font-size: 1.25rem; width: 40px; height: 40px; margin-left: auto; display: flex; align-items: center; border-radius: 50%; justify-content: center; background: white; position: relative; z-index: 1;}
.call-button .button span::before { width: 50px; height: 50px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: rgba(255, 255, 255, 0.25); content: ""; display: block; position: absolute; animation: animateCircle 5s ease-out infinite; z-index: -1; }

.claims-banner-txt  .button:not(.outline-btn):hover{color: var(--yellow); background-color: var(--white);}
@keyframes animateCircle {
    0% {
        width: 50px;
        height: 50px;
        transform:  translate(-50%, -50%) scale(1.25);
    }
    100% {
        width: 0;
        height: 0;
        transform:  translate(-50%, -50%) scale(1);
    }
  }
.call-button .button:hover{background-color: var(--white); color: var(--yellow);}

.call-button .button:hover span::before{background-color: var(--yellow);}


@media only screen and (min-width: 1024px) {
    .claims-step-main { padding: 80px 0 86px; }
    .claims-banner-txt{width:40%; margin:0 3% 0 0; }
    .claims-banner-image { width: calc(100% - 568px); }
    .claims-banner-img { width: 665px;  top: -144px; left: 568px; }
    .claims-banner-img img{transform: rotate(-45deg);}
    
    .claims-step-row.flex{flex-wrap: nowrap;}
    .claims-step-list{min-width: 306px; margin-right: 32px;}
    .claims-step-row.slick-slider .slick-slide {width: 306px; min-width: 306px; margin-right: 32px;} 
    .claims-step-row.slick-slider .slick-list{overflow: inherit;}
    .claims-step-row.flex .claims-step-list:last-child .ring-main::after{display: none;}

    .call-list{flex: 1;}
    .call-start{flex: 0 0 404px;}
    .call-text{gap: 24px;}
    .call-text .text-lt{flex:  0 0 330px;}
    .call-text .text-rt{flex: 0 0 calc(100% - 354px);}
    .call-thumb{height: 100%; width:100%;}
    .cta-module { padding: 0 0 86px; }
}

@media only screen and (max-width: 1299px) and (min-width: 1024px){
    .call-section{padding: 20px 0 0;}

}
@media only screen and (max-width: 1299px) and (min-width: 1024px){
    .claims-banner-main{min-height: 530px;}
    .claims-banner-img {left: 420px; width: 550px;}
    .call-text .text-lt h4 span { display: inline-block; margin-bottom: 20px;}
    .call-text .text-rt{flex: 0 0 100%;}
    .gradient-line {background: linear-gradient(-90deg, #E6A616 48%, #1C1E20 100%);}

}
@media only screen and (max-width: 1160px) and (min-width: 1024px) {
    .claims-stripline{width: calc(100% - 40px);}

}
@media only screen and (max-width: 1023px) and (min-width: 768px){
    .claims-banner-main { padding: 80px 0 40px; min-height: 452px; }
    .claims-banner-txt{margin-top: 80px;}
    .claims-banner-img { width: 335px; rotate: 135deg; top: -277px; left: -120px; }
    .claims-banner-txt h1{margin-bottom: 22px;}
    .claims-banner-txt h1 span::before { position: absolute; content: ""; width: 107px; height: 7px; left: -5px; bottom: -4px; background-image: url("../images/short-line.svg"); }

    .gradient-line-main {left: 0; top: 0;}
    .gradient-line { height: 20px; margin: 8px 0; left: -20px; top: -18px; background: linear-gradient(-90deg, #E6A616 95%, #1C1E20 110%); }
    .gradient-line::after {height: 20px;}

    .claims-step-main { padding: 60px 0; }
    .call-section{padding: 30px 0 0;}
    .call-text { padding: 50px;}
    .call-text .text-lt{margin-bottom: 10px;}
    .call-thumb{height: 100%; width: 100%;}
    .call-start{padding: 40px;}
    .claims-step-row.slick-slider .slick-slide {width: 306px; margin-right: 32px;} 
    .claims-step-row.slick-slider .slick-list{overflow: inherit;} 
    .claims-stripline{width: calc(100% - 40px);}

    .faq-lt h3 {max-width: 350px;}
    .faq-lt .faq-cta p {max-width: 500px;}
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
    .claims-banner-main{padding: 70px 0 40px; min-height: 400px;}
    .claims-banner-txt{margin-top: 57px;}
    .claims-banner-img { width: 313px; rotate: 135deg; top: -277px; left: -120px; }
    .claims-banner-txt h1{margin-bottom: 22px;}
    .claims-banner-txt h1 span::before { position: absolute; content: ""; width: 107px; height: 7px; left: -5px; bottom: -4px; background-image: url("../images/short-line.svg"); }

    .claims-step-main { padding: 40px 0 26px; }
    .claims-step-heading h2 { font-size: 2rem; margin-bottom: 21px; }
    .claims-step-heading h2 span::before { right: 22px; bottom: -11px;}
    .claims-step-heading p {line-height: 1.5;}
    .claims-step-bg { left: 70%; width: 675px;}
    .claims-step-row.slick-slider .slick-slide {width: 232px; margin-right: 32px;} 
    .claims-step-row.slick-slider .slick-list{overflow: inherit;}
    .ring-main::after{width: 200px;}
    .step-icon{margin-top: 40px;}

    .call-section{padding: 0;}
    .call-row{display: block;}
    .call-text{padding: 40px 16px 20px;}
    .call-text .text-lt h4 { font-size: 1.75rem; line-height: 1.5; margin-bottom: 25px; }
    .call-text .text-rt p{font-size: 1.125rem; line-height: 1.5;}
    .call-text .text-lt h4 span::before { position: absolute; content: ""; width: 174px; height: 15px; background-image: url("../images/claims-heading-line-mobile.svg"); right: 0; bottom: -18px; }
    .call-thumb{width: 100%; height: 100%;}
    .call-start{padding: 40px 0;}
    .call-button a span {width: 40px; height: 40px;}
    .call-button .button {min-width: 295px;}
    .gradient-line-main {left: 0; top: 0;}
    .gradient-line { height: 20px; margin: 8px 0; left: -20px; top: -18px; background: linear-gradient(-90deg, #E6A616 95%, #1C1E20 110%); }
    .gradient-line::after {height: 20px;}
    .claims-step-heading { margin-bottom: 52px; }

    .claims-stripline{width: calc(100% - 32px);}
    .repeater-main { padding: 40px 0 24px; }
}