.term-banner {

    background-image: url('../img/terms&condition/Terms\ &\ Conditions.webp');

    background-size: cover;

    background-position: center;



    background-repeat: no-repeat;

    background-attachment: fixed;

    overflow: hidden;

}



main {

    display: flex;

    flex-direction: column;

    gap: 230px;

    margin-block: 120px;

    position: relative;

}



ol {

    margin-left: 15px;

}



.serv-payment-sec,

.title-sec,

.lien-sec {

    position: relative;

    /* margin-block: 8%; */

}



.banner-heading {

    font-family: "Oswald";

    font-weight: 500;

    font-size: 55px;

    line-height: 81.51px;

    text-align: center;

    color:

        rgba(255, 255, 255, 0.89);

    margin-top: 12%;

}



.term-bg {

    background-color:

        rgba(0, 0, 0, 0.3);



    border-radius:

        50px;



    padding-block: 60px;

    padding-inline: 60px;



    position: relative;

    z-index: 2;

}



.service-payment {

    max-width:

        1363.97px;

    rotate: 1.78deg;

    padding-inline: 60px;

    left: -60px;

}



.service-payment h2,

.term-h2 {

    font-family: 'Oswald', sans-serif;

    font-weight: 500;

    font-size: 32px;

    line-height: 67px;

    letter-spacing: 0.8px;

    color:

        rgba(255, 255, 255, 1);

}



.term-bg ul {

    list-style: none;



}



.term-li {

    font-family: 'Montserrat', sans-serif;

    font-weight: 500;

    font-size: 16px;

    line-height: 19.5px;

    color:

        rgba(255, 255, 255, 1);

    margin-top: 20px;

}



.serv-wrapper {

    max-width: 1000px;

    margin-left: auto;

    rotate: -2deg;

}



.border-block {

    max-width:

        1390.97px;

    width: 100%;

    height: 100%;

    border-radius: 76px;

    border: 1px solid rgba(71, 173, 162, 1);



    rotate: 2.73deg;

    position: absolute;

    z-index: 1;

    top: 0;

    rotate: -2.73deg;

    left: -60px;

}



.title-wrapper {

    rotate: -2deg;

    max-width: 610.5px;

}



.title-block {

    max-width: 1033.87px;

    width: 100%;

    height:

        100%;

    border-radius: 76px;

    border: 1px solid rgba(71, 173, 162, 1);

    rotate: -3.02deg;





    position: absolute;

    z-index: 1;

    right: -65px;

    bottom: 0;



}



.insurance-block {

    max-width: 1390.97px;

    width: 100%;

    height: 100%;

    bottom: 0;

    rotate:

        -1.91deg;

    border-radius:

        76px;

    border: 1px solid rgba(71, 173, 162, 1);

    position: absolute;

    z-index: 1;

    left: -60px;

}



.title-area {

    max-width:

        965.85px;

    rotate: 2.01deg;

    padding-left: 50px;



    margin-left: auto;

    right: -60px;

}



.insurance-items h1,

.term-span {

    font-family: "Montserrat";

    font-size: 24px;

    line-height: 29.26px;

    color:

        rgba(255, 255, 255, 1);

    font-weight: 600;



}



.insurance-items {

    padding-top: 30px;

}



.lien-area {

    max-width:

        1363.61px;



    padding-left: 60px;

    margin-left: auto;

    transform: rotate(-1.54deg);

    right: -60px;

}



.lien-wrapper {

    max-width:

        1000px;

    transform: rotate(2deg);



}



.lien-block {

    max-width:

        1382.88px;

    width: 100%;

    height:

        100%;

    position: absolute;

    top: 0;

    border-radius:

        76px;

    border: 1px solid rgba(71, 173, 162, 1);

    position: absolute;

    rotate: 1.18deg;

    right: -60px;



}



.event-block {

    height:

        890.34px;

}



.service-insurence {

    transform: rotate(1.24deg);

    max-width: 1363.63px;

    left: -60px;

}



.term-ul {

    padding-top: 30px;

}



.download-btn {

    color:

        rgba(53, 120, 113, 1);

    font-family: "Montserrat";

    line-height: 25.6px;

    font-size: 20px;

    font-weight: 700;



    display: flex;

    gap: 12px;

    border: none;

    border-radius: 90px;

    cursor: pointer;

    background-color: rgba(255, 255, 255, 1);

    align-items: center;

    padding: 16px;

    margin: auto;

    position: fixed;

    left: 50%;

    transform: translateX(-50%);

    z-index: 6;





}



@media screen and (max-width:1200px) {



    .serv-wrapper,

    .lien-wrapper {

        max-width: 850px;

    }



    .title-wrapper {

        max-width: 750px;

    }

}



@media screen and (max-width:1020px) {

    .serv-wrapper {

        max-width: unset;

        margin-left: 50px;



    }



    .lien-wrapper {

        margin-right: 50px;

    }

}



@media screen and (max-width:770px) {



    .lien-block,

    .insurance-block,

    .border-block,

    .title-block {

        display: none;

    }



    /* .term-li{

        line-break: anywhere;

    } */

    .title-wrapper {

        margin-right: 50px;

    }

}



@media screen and (max-width:430px) {



    .service-payment h2,

    .term-h2 {

        font-size: 18px;

        letter-spacing: 0.8px;

    }



    .term-li {

        font-size: 13px;

        line-height: 15.85px;

    }

}



.serv-payment-sec ol {

    counter-reset: item;

}



.serv-payment-sec ol li {

    list-style: none;

    counter-increment: item;

    position: relative;

}



.serv-payment-sec ol li:before {

    content: "1." counter(item) " ";

    font-weight: bold;

    position: absolute;

    left: -28px;

    /* Adjust if necessary */

}



.serv-payment-sec ol ol {

    counter-reset: sub-item;

    margin-left: 20px;

    /* Indent for nested list */

}



.serv-payment-sec ol ol li {

    counter-increment: sub-item;

}



.serv-payment-sec ol ol li:before {

    content: "1." counter(item) "." counter(sub-item) " ";

    font-weight: bold;

}



/* Style for the second section */

.title-sec ol {

    counter-reset: section2;

    /* Start numbering from 2 */

}



.title-sec ol li {

    list-style: none;

    counter-increment: section2;

}



.title-sec ol li:before {

    content: "2." counter(section2) " ";

    font-weight: bold;

    position: absolute;

    left: -28px;

    /* Adjust if necessary */

}



/* Style for the third section */

.service-insurence ol {

    counter-reset: section3;

    /* Start numbering from 3 */

}



.service-insurence ol li {

    list-style: none;

    counter-increment: section3;

}



.service-insurence ol li:before {

    content: "3." counter(section3) " ";

    font-weight: bold;

    margin-left: -10px;

}



.service-insurence ol li ol {

    counter-reset: subsection3;

    /* Nested numbering */

}



.service-insurence ol li ol li {

    counter-increment: subsection3;

}



.service-insurence ol li ol li:before {

    content: "3." counter(section3) "." counter(subsection3) " ";

    font-weight: bold;

}



 /* Style for the fourth section */

 .lien-sec ol {

    counter-reset: section4; /* Start numbering from 4 */

}



.lien-sec ol li {

    list-style: none;

    counter-increment: section4;

}



.lien-sec ol li:before {

    content: "4." counter(section4) " ";

    font-weight: bold;

    margin-left: -28px;

}



 /* Style for section 6 */

 .lien-sec1 ol {

    counter-reset: section6; /* Start numbering from 6 */

}



.lien-sec1 ol li {

    list-style: none;

    counter-increment: section6;

}



.lien-sec1 ol li:before {

    content: "6." counter(section6) " ";

    font-weight: bold;

}



.lien-sec1 ol ol {

    counter-reset: subsection6; /* Nested numbering */

}



.lien-sec1 ol ol li {

    counter-increment: subsection6;

}



.lien-sec1 ol ol li:before {

    content: "6." counter(section6) "." counter(subsection6) " ";

    font-weight: bold;

}



 /* Style for section 7 */

 .serv-payment-sec1 ol {

    counter-reset: section7; /* Start numbering from 7 */

}



.serv-payment-sec1 ol li {

    list-style: none;

    counter-increment: section7;

}



.serv-payment-sec1 ol li:before {

    content: "7." counter(section7) " ";

    font-weight: bold;

}



.serv-payment-sec1 ol ol {

    counter-reset: subsection7; /* Nested numbering */

}



.serv-payment-sec1 ol ol li {

    counter-increment: subsection7;

}



.serv-payment-sec1 ol ol li:before {

    content: "7." counter(section7) "." counter(subsection7) " ";

    font-weight: bold;

}



  /* Style for section 8 */

  .lien-sec2 ol {

    counter-reset: section8; /* Start numbering from 8 */

}



.lien-sec2 ol li {

    list-style: none;

    counter-increment: section8;

}



.lien-sec2 ol li:before {

    content: "8." counter(section8) " ";

    font-weight: bold;

}



 /* Style for section 9 */

 .serv-payment-sec2 ol {

    counter-reset: section9; /* Start numbering from 9 */

}



.serv-payment-sec2 ol li {

    list-style: none;

    counter-increment: section9;

}



.serv-payment-sec2 ol li:before {

    content: "9." counter(section9) " ";

    font-weight: bold;

}



  /* Style for section 10 */

  .lien-sec3 ol {

    counter-reset: section10; /* Start numbering from 10 */

}



.lien-sec3 ol li {

    list-style: none;

    counter-increment: section10;

}



.lien-sec3 ol li:before {

    content: "10." counter(section10) " ";

    font-weight: bold;

    margin-left: -35px;

}



/* Style for section 11 */

.serv-payment-sec3 ol {

    counter-reset: section11; /* Start numbering from 11 */

}



.serv-payment-sec3 ol li {

    list-style: none;

    counter-increment: section11;

}



.serv-payment-sec3 ol li:before {

    content: "11." counter(section11) " ";

    font-weight: bold;

    left: -35px;

}



 /* Style for section 12 */

 .lien-sec4 ol {

    counter-reset: section12; /* Start numbering from 12 */

}



.lien-sec4 ol li {

    list-style: none;

    counter-increment: section12;

}



.lien-sec4 ol li:before {

    content: "12." counter(section12) " ";

    font-weight: bold;

}



/* Style for section 13 */

.serv-payment-sec4 ol {

    counter-reset: section13; /* Start numbering from 11 */

}



.serv-payment-sec4 ol li {

    list-style: none;

    counter-increment: section13;

}



.serv-payment-sec4 ol li:before {

    content: "13." counter(section13) " ";

    font-weight: bold;

    left: -35px;

}





 /* Style for section 14 */

 .lien-sec5 ol {

    counter-reset: section14; /* Start numbering from 12 */

}



.lien-sec5 ol li {

    list-style: none;

    counter-increment: section14;

}



.lien-sec5 ol li:before {

    content: "14." counter(section14) " ";

    font-weight: bold;

    left: 0px;

    position: absolute;

}



/* Style for section 15 */

.serv-payment-sec5 ol {

    counter-reset: section15; /* Start numbering from 11 */

}



.serv-payment-sec5 ol li {

    list-style: none;

    counter-increment: section15;

}



.serv-payment-sec5 ol li:before {

    content: "15." counter(section15) " ";

    font-weight: bold;

    left: -35px;

}



 /* Style for section 16 */

 .lien-sec6 ol {

    counter-reset: section16; /* Start numbering from 12 */

}



.lien-sec6 ol li {

    list-style: none;

    counter-increment: section16;

}



.lien-sec6 ol li:before {

    content: "16." counter(section16) " ";

    font-weight: bold;

    left: 0px;

    position: absolute;

}



/* Style for section 17 */

.serv-payment-sec6 ol {

    counter-reset: section17; /* Start numbering from 11 */

}



.serv-payment-sec6 ol li {

    list-style: none;

    counter-increment: section17;

}



.serv-payment-sec6 ol li:before {

    content: "17." counter(section17) " ";

    font-weight: bold;

    left: -45px;

}