.orange-btn:before {
     content: "";
     position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%) scale(0);
     width: 100%;
     aspect-ratio: 1 / 1;
     background: var(--orange);
     border-radius: 50%;
     transition: transform 0.8s ease;
     z-index: 0;
 }

 .orange-btn span {
     z-index: 999;
     position: relative;
 }

 .orange-btn {
     display: inline-block;
     padding: 8px 30px;
     border-radius: 30px;
     font-size: 20px;
     font-weight: 700;
     text-align: center;
     text-transform: normal;
     color: var(--white);
     position: relative;
     z-index: 1;
     overflow: hidden;
     text-decoration: none;
     transition: .5s;
     border: none !important;
 }

 .orange-btn:hover:before {
     transform: translateX(-50%) scale(1.5);
     border-color: var(--blue) !important;
     background: var(--blue);
 }

 .top-sec {
     background-color: var(--purple);
     color: var(--white);
     /* height: 700px; */
 }

 .headline {
     font-size: 24px;
     font-weight: 600;
     margin-bottom: 10px;
 }

 .content h1 {
     font-size: 58px;
     font-weight: 600;
     color: #fff;
     line-height: 65px;
     margin-bottom: 35px;
 }

 .cursive-heading {
     position: relative;
     display: inline-block;
     font-size: 42px;
     font-weight: 700;
     color: var(--blue);
     line-height: 1.2;
     font-style: italic;
     margin-bottom: 30px;
 }

 .cursive-heading:after {
     position: absolute;
     content: "";
     top: -16px;
     right: -30px;
     background: url(../assets/mmtp/heading-icon.png);
     width: 35px;
     height: 42px;
     background-size: contain;
     background-repeat: no-repeat;
 }

 .p-60 {
     padding: 60px 0;
 }

 .sec-two p {
     font-size: 22px;
     font-weight: 500;
     color: var(--blue);
     line-height: 1.4;
     font-style: italic;
 }

 .sec-three h3 {
     font-size: 24px;
     font-weight: 600;
     color: #000;
     line-height: 32px;
     margin-bottom: 35px;
 }

 h2 {
     font-size: 42px;
     font-weight: 600;
     color: #000;
     line-height: 1.4;
     margin-bottom: 30px;
 }

 .grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     justify-content: center;
     gap: 20px;
 }

 .img-box {
     display: flex;
     justify-content: start;
     flex-direction: column;
     align-items: center;
     font-size: 20px;
     text-align: center;
     line-height: 28px;
     gap: 20px;
 }

 .note {
     font-size: 22px;
     font-weight: 500;
     color: #000;
     line-height: 1.4;
     margin: 45px 0 0;
 }

 .circle-list div {
     font-weight: 400;
     font-size: 22px;
     line-height: 1.3;
     color: var(--blue);
     background: #C7C8FB;
     border-radius: 50px 0 0 50px;
     padding: 10px;
     margin-bottom: 10px;
     position: relative;
     min-height: 90px;
     display: flex;
     align-items: center;
     padding-left: 100px;
 }

 .circle-list div:hover {
     background: #FFCBAD;
 }

 .circle-list div:after {
     content: "";
     position: absolute;
     top: 6px;
     left: 10px;
     height: 75px;
     width: 75px;
     border-radius: 100%;
     background: #f4f4f4;
 }

 .sec-five img {
     margin-top: -60px;
 }

 .rp-card {
     width: 80%;
     margin: auto;
     display: flex;
     flex-direction: column;
 }

 .rp-title {
     font-weight: 600;
     font-size: 24px;
     color: #000;
     margin-bottom: 20px;
 }

 .rp-desc {
     font-weight: 400;
     font-size: 20px;
     color: #000;
 }

 .faq-sec {
     background: url(../assets/mmtp/arrow-dot.png) no-repeat;
     background-position: bottom right;
 }

 .faq-sec .accordion-button {
     font-weight: 600;
     font-size: 24px;
     line-height: 32px;
     color: #000;
     background-color: #FFCBAD;
     box-shadow: none !important;
 }

 .faq-sec .accordion-body {
     font-weight: 400;
     color: #000;
     font-size: 20px;
     line-height: 30px;
 }

 .faq-sec .accordion-item {
     background-color: #FFCBAD;
     border: 0 !important;
     margin-bottom: 20px !important;
     border-radius: 16px;
     overflow: hidden;
 }

 .faq-sec .accordion-button.collapsed {
     background-color: #C7C8FB;
 }

 /* .faq-sec .accordion-collapse.collapse.show {
     background-color: #FFCBAD;
 } */
 .faq-sec .accordion-body::first-letter {
     font-weight: 700;
 }

 /* @media (min-width:1240px){
    .top-sec{
        height: 700px;
        overflow: hidden;
    }
    .top-img img{
        height: 700px !important;
        object-fit: cover !important;  
    }
 } */

 @media (max-width:1366px) {
     .content h1 {
         font-size: 45px;
         line-height: 1.2;
     }

     .circle-list div {
         font-size: 24px;
         line-height: 1.2;
         height: 90px;
         display: flex;
         align-items: center;
     }

     .rp-title {
         font-weight: 600;
         font-size: 20px;
     }

     .rp-desc {
         font-weight: 400;
         font-size: 18px;
     }

     .graphic-heading {
         flex-wrap: wrap;
     }

     .graphic-heading img {
         margin-left: auto;
         margin-top: -200px;
     }
 }

 @media (max-width:992px) {
     h2 {
         font-size: 28px;
         margin-bottom: 20 !important;
     }

     .sec-two p,
     .sec-three h3,
     .note {
         font-size: 24px;
     }

     .img-box {
         font-size: 18px;
         line-height: 25px;
     }

     .rp-top-img {
         display: none;
     }

     .sec-five img {
         margin-top: 0;
     }

     .rp-card {
         width: 100%;
         padding-bottom: 15px;
         border-bottom: 1px solid #808080;
     }

     .rp-title {
         margin-bottom: 10px;
     }

     .graphic-heading img {
         margin-left: auto;
         margin-top: -100px;
     }
 }

 @media (max-width:767px) {
     .top-sec {
         padding-top: 80px;
     }

     .sec-two p,
     .sec-three h3,
     .note {
         font-size: 20px;
         line-height: 1.4;
     }

     .content h1 {
         font-size: 38px;
         line-height: 1.2;
     }

     .headline {
         font-size: 20px;
     }

     .p-60 {
         padding: 40px 0;
     }

     .rp-img {
         margin-bottom: 20px;
         width: 90px;
         background: #fff;
         box-shadow: 0 0 30px #33333340;
         border-radius: 100%;
         padding: 18px;
     }

     .faq-sec .accordion-button {
         font-size: 20px;
         line-height: 1.4;
     }

     .faq-sec .accordion-body {
         font-size: 16px;
         line-height: 24px;
     }

     .graphic-heading img {
         margin-left: auto;
         margin-top: 0;
     }

     .cursive-heading {
         font-size: 36px;
     }

     .circle-list div {
         height: 100%;
         padding: 20px;
         border-radius: 12px;
     }

     .circle-list div:after {
         display: none;
     }

     .purple-btn,
     .orange-btn {
         font-size: 16px;
     }
 }


 @media (max-width:480px) {
     .grid {
         grid-template-columns: repeat(1, 1fr);

     }
 }

 /* @media (min-width: 768px) { */
 .modal {
     height: 500px;
     transform: translateY(-50%);
     top: 50%;
 }

 /* } */
 .close-modal {
     position: relative;
 }

 .close-btn {
     position: absolute;
     top: 0;
     right: 0;
     z-index: 999999;
 }