/* Content Section */


 body {
     font-family: 'Inter' !important;
 }


 .content-section {
     font-family: 'Inter';
     padding: 80px 0 30px;
 }

 .content-wrapper {
     font-family: 'Inter';

     max-width: 807px;
     width: 100%;
     margin: 0 auto;
 }

 .content-wrapper h1 {
     font-family: 'Inter';

     font-weight: 500;
     font-size: 30px;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: center;
     margin-bottom: 13px;
     color: #362929;
 }

 .bl-t {
     font-weight: 600;
     color: #0F172A;
     font-size: 13px;
     line-height: 100%;
     font-family: 'Inter';
 }

 .content-wrapper p {
     font-family: 'Inter';

     font-weight: 400;
     font-size: 14px;
     line-height: 180%;
     letter-spacing: 0%;
     text-align: center;
     color: #818DA4;
 }

 /* /Content Section */

 /* Calculator Section */
 .calculator-section {
     font-family: 'Inter';

     padding: 30px 0 0;
 }

 .calculator-wrapper {
     font-family: 'Inter';

     max-width: 1110px;
     width: 100%;
     margin: 0 auto;
     box-shadow: 0px 4px 8.9px 0px #8B8B8B59;
     border: 1px solid #D2E7FF;
     border-radius: 12px;
 }

 .cal-head {
     font-family: 'Inter';

     font-weight: 500;
     font-size: 18px;
     line-height: 136%;
     letter-spacing: 0%;
     text-align: center;
     color: #0F3870;
     background: #F4F8FF;
     padding: 17px 0 16px;
     border-top-right-radius: 12px;
     border-top-left-radius: 12px;

 }

 .cal-content {
     font-family: 'Inter';
 }

 .cal-content p:nth-of-type(1) {
     font-family: 'Inter';
     font-weight: 400;
     font-size: 14px;
     line-height: 100%;
     letter-spacing: 0%;
     vertical-align: middle;
     color: #233F8C;
     position: relative;
 }

 .cal-content p:nth-of-type(1) span {
     font-weight: 450;
     font-style: normal;
     font-size: 14px;
     line-height: 100%;
     letter-spacing: 0%;




     font-family: 'Inter';

 }

 .priceBar p {
     font-family: 'inter';
     font-weight: 400;
     font-size: 14px;
     line-height: 150%;
     letter-spacing: 0%;
     vertical-align: middle;
     font-family: 'Inter';
     color: #535353;
 }

 .priceBar p a {
     text-decoration: underline;
     font-family: 'Inter';
     color: #2864E7;

 }

 .priceBar p span {
     font-family: 'Inter';
     color: #2864E7;
 }

 .priceBar p a:hover {
     font-family: 'Inter';
     color: #535353;
 }

 .priceBar p a:hover+span {
     font-family: 'Inter';
     color: #535353;
 }

 .form-wrapper {
     max-width: 1010px;
     width: 100%;
     font-family: 'Inter';
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     margin-bottom: 14px;
     gap: 22px;
 }

 .form-fields input {
     font-family: 'Inter';
     max-width: 490px;
     width: 100%;
     border: 1.02px solid #E7EEF9;
     border-radius: 6px;
     padding: 16px 15px 15px;
 }

 .inputGroup {
     position: relative;
     font-family: 'Inter';
     max-width: 490px;
     width: 100%;
 }

 .inputGroup input,
 .inputGroup select {
     display: block;
     font-family: 'Inter';
     padding: 13px 40px 15px 20px;
     width: 490px;
     background: #fff;
     border: 1.02px solid #E7EEF9;
     border-radius: 6px;
     outline: 0;
     color: #362929;
     font-weight: 400;
     font-size: 14px;
     line-height: 100%;
     letter-spacing: 0%;
     height: 50px;
     --webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     cursor: pointer;
 }

 .inputGroup input::placeholder {
     font-family: 'Inter';
     color: #848FA4;
 }

 .inputGroup .deadline {
     color: #848FA4;
     font-family: 'Inter';
     padding-left: 40px;
     cursor: pointer;
 }

 .inputGroup .deadline.filled {
     font-family: 'Inter';
     color: #362929;
 }

 input[type="date"]::-webkit-calendar-picker-indicator {
     opacity: 0;
     font-family: 'Inter';
     pointer-events: none;
 }

 .inputGroup .selection .select2-selection--single .select2-selection__rendered {
     font-weight: 400;
     font-size: 14px;
     font-family: 'Inter';
     line-height: 102%;
     letter-spacing: 0%;
     color: #848FA4;
 }

 .inputGroup .select2-container--default .select2-selection--single .select2-selection__arrow b {
     font-family: 'Inter';
     border-width: unset;
     border: unset;
     width: 18px;
     height: 18px;
     left: -6px;
     transform: translateY(2px);
     background: url(../images/dropdown-icon.svg);
 }

 .inputGroup .selection .select2-selection--single {
     width: 100%;
     font-family: 'Inter';
     border: 1px solid #E2E8F0;
     border-radius: 6px;
     height: 50px;
     padding: 16px 15px;
 }

 .inputGroup input:hover,
 .inputGroup select:hover {
     font-family: 'Inter';
     border: 1px solid #BDD2F2;
 }

 .inputGroup .selection .select2-selection--single:hover {
     font-family: 'Inter';
     border: 1px solid #BDD2F2;

 }

 /* .inputGroup .selection .select2-selection--single .select2-selection__rendered {
    color: #007BFF; 
} */
 /* .inputGroup .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #362929 ;
} */
 .selected-option {
     color: #362929 !important;
 }

 .cal-img {
     position: absolute;
     left: 15px;
     top: 50%;
     z-index: 1;
     font-family: 'Inter';
     width: 19px;
     height: 19px;
     transform: translateY(-55%);

 }

 .freePagesWrapper input::placeholder {
     font-weight: 400;
     font-size: 14px;
     line-height: 100%;
     font-family: 'Inter';
     letter-spacing: 0%;
     vertical-align: middle;
     color: #362929;
     text-align: center;
     position: relative;
 }

 .pageInput {
     font-family: 'Inter';
     position: relative;
 }

 .pageInput button {
     font-family: 'Inter';
     position: absolute;
 }

 .pageInput button {
     font-family: 'Inter';
     position: absolute;
 }

 #minusPage,
 #plusPage {
     font-family: 'Inter';
     border: 0.86px solid #E7EEF9;
     padding: 17px;
     background: #F4F8FF;
     position: absolute;
     width: 50px;
     height: 50px;
     cursor: pointer;
 }

 #minusPage {
     font-family: 'Inter';
     border-top-left-radius: 6px;
     border-bottom-left-radius: 6px;
     left: 0;
 }

 #plusPage {
     font-family: 'Inter';
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
     right: 0;
     top: 0;
 }

 .freePagesWrapper input {
     font-family: 'Inter';
     text-align: center;
 }

 #minusPage img {
     filter: brightness(0) saturate(100%) invert(23%) sepia(30%) saturate(2976%) hue-rotate(203deg) brightness(88%) contrast(95%);
     font-family: 'Inter';

 }

 #minusPage.disabled,
 #plusPage.disabled {
     font-family: 'Inter';
     background: #F4F8FF;
     pointer-events: none;
     cursor: not-allowed;
 }

 #minusPage.disabled img,
 #plusPage.disabled img {
     filter: brightness(0) saturate(100%) invert(74%) sepia(29%) saturate(317%) hue-rotate(173deg) brightness(95%) contrast(87%);
 }

 .select2-container .select2-search {
     display: none !important;
 }

 /* /Calculator Section */

 /* Price Section */














 .cal-content p:nth-of-type(1) .walletOfferCl {
     font-weight: 450;
     font-style: italic;
     font-size: 14px;
     line-height: 100%;
     padding: 1px 2px;
     margin: 8px 0 20px;
     display: block;
     max-width: max-content;
 }

 .cal-content p:nth-of-type(1) .walletOfferCl.green {
     color: #00B646;
     background: #E3FFEE;
 }

 .cal-content p:nth-of-type(1) .walletOfferCl.blue {
     color: #1B97FF;
     background: #E4F3FF;
 }

 .cal-content p:nth-of-type(1) .walletOfferCl.red {
     color: #D32F2F;
     background: #FFEBEB;
 }

 .icon-animate svg {
     width: 20px;
     height: 20px;
     animation: 4s linear infinite spin;
     -webkit-animation: 4s linear infinite spin;
 }

 @keyframes spin {
     100% {
         transform: rotate(360deg)
     }
 }

 .icon-animate {
     position: absolute;
     top: -5px;
     right: 137px;
 }

 /* /Price Section */




 .section-how-it-works {
     padding: 60px 0px;
     font-family: 'Inter';
 }

 .container {
     width: 100%;
     max-width: 1200px;
     font-family: 'Inter';
     margin: 0 auto;
     padding: 0 15px;
 }

 .how-it-works-heading {
     font-weight: 500;
     font-size: 24px;
     font-family: 'Inter';
     line-height: 150%;
     color: #362929;
     text-align: center;

 }



 .order-steps-parent {
     border: 2px dashed #1B97FF;
     font-family: 'Inter';
     max-width: 764px;
     width: 100%;
     border-radius: 16px;

     margin: 35px auto;

     padding: 35px 30px 56px;

 }


 .order-steps-list {
     font-family: 'Inter';
     padding-left: 20px;
     position: relative;
     top: 7px;
     list-style: none;

 }

 .order-steps-list li {
     font-weight: 400;
     font-size: 14px;
     line-height: 135%;
     font-family: 'Inter';
     color: #6B6E98;
     display: flex;
     align-items: start;
     gap: 20px;

 }

 .order-steps-list {
     font-family: 'Inter';
     position: relative;
 }

 .order-steps-list::before {
     content: '';
     font-family: 'Inter';
     position: absolute;
     left: 28px;
     top: 0px;
     width: 16px;
     height: 472px;
     background: url(../images/line.svg);
     background-repeat: no-repeat;
     background-size: cover;
     z-index: -1;
 }

 .order-steps-list li+li {
     font-family: 'Inter';
     padding-top: 30px;
 }

 .p-style {
     color: #362929;
     font-family: 'Inter';
     font-weight: 500;
     font-size: 16px;
 }

 .pad {
     padding: 60px 0px;
     font-family: 'Inter';
     background: #F9FAFE;
 }


 @media screen and (max-width: 786px) {
     .order-steps-list li {
         font-family: 'Inter';
         font-size: 14px;
     }

     .order-steps-list li:nth-child(2) {
         padding-bottom: 25px;
         font-family: 'Inter';
     }

     .order-steps-list li:nth-child(3) {
         padding-bottom: 24px;
     }


     .price-card-parent {
         font-family: 'Inter';
         flex-direction: column;
         align-items: center;
     }

     .order-steps-parent {

         padding: 20px 10px 34px;
        margin: 35px auto 0;
     }

     .order-steps-list::before {
         content: '';
         position: absolute;
         font-family: 'Inter';
         left: 25px;
         top: 0px;
         width: 20px;
         height: 650px;
         background: url(../images/line.svg);
         background-repeat: no-repeat;
         background-size: cover;
         z-index: -1;
     }
 }

 .price-card-parent {
     font-family: 'Inter';
     display: flex;
     margin-top: 80px;
     gap: 60px;
     justify-content: center;
 }

 .price-card {
     font-family: 'Inter';
     border: 1px solid #E7EBFD;
     position: relative;
     border-top-width: 5px;
     border-top: 10px solid #1B97FF;
     padding: 0px 23px;
     border-radius: 10px;
     text-align: center;
     background: #FFFFFF;
     height: 550px;
     max-width: 330px;
     width: 100%;
     transition: transform 0.3s ease;

 }

 .price-card:hover {
     font-family: 'Inter';
     border: 1px solid #1B97FF;

     border-top: 10px solid #1B97FF;
     transform: scale(1.02);


 }


 .price-card::before {
     position: absolute;
     content: '';
     font-family: 'Inter';
     width: 141px;
     height: 30px;
     background-image: url(../images/best-value.svg);
     background-repeat: no-repeat;
     top: -19px;
     left: 30%;

 }

 .sm-s {
     font-weight: 600;
     font-family: 'Inter';
     font-size: 20px;
     color: #020114;
     padding-top: 20px;

 }

 .if-b {
     font-weight: 500;
     font-size: 13px;
     font-family: 'Inter';
     color: #818DA4;
     line-height: 100%;
     padding-top: 6px;
 }

 .pr-text {
     font-weight: 700;
     font-size: 35px;
     font-family: 'Inter';
     color: #020114;
     line-height: 100%;
     padding-top: 17px;

 }

 .hr {
     border: none;

     font-family: 'Inter';
     height: 1px;

     background-color: #A7D6FE;

     margin: 20px 0;

 }

 .pr-list {
     font-family: 'Inter';
     list-style: none;
     margin-top: 10px;
     text-align: start;
 }

 .pr-list li {


     position: relative;
     font-size: 13px;
     line-height: 100%;
     font-family: 'Inter';
     padding-left: 25px;
     padding-bottom: 22px;
 }

 .pr-list li::before {
     position: absolute;
     content: '';
     font-family: 'Inter';
     width: 20px;
     height: 20px;
     background-image: url(../images/check-mark-blue.svg);
     background-repeat: no-repeat;
     top: 6px;
     left: 0;
 }

 .pr-list li img {
     font-family: 'Inter';
     position: relative;
     top: 4px;
 }


 .pr-list li .tooltip-text {
     visibility: hidden;
     width: 320px;
     background-color: black;
     /* Dark blue background */
     color: #fff;
     /* White text */
     text-align: left;
     /* Align text to the left, per your design */
     padding: 10px;
     font-style: normal;
     border-radius: 4px;
     position: absolute;
     z-index: 1;
     top: -68px;
     left: 43%;
     /* Center relative to the list item */
     transform: translateX(-50%);
     /* Adjust to center the tooltip */
     opacity: 0;
     transition: opacity 0.3s ease;
     white-space: normal;
     /* Allow text wrapping */
     word-wrap: break-word;
     line-height: 160%;

 }

 .pr-list li img:hover+.tooltip-text {
     visibility: visible;
     opacity: 1;
 }

 .pr-list .tooltip-text::after {
     content: "";
     position: absolute;
     top: -66px;
     /* Position at the bottom of the tooltip */
     right: 15px;
     /* Adjust to match your design (bottom-right arrow) */
     border-width: 6px;
     border-style: solid;
     border-color: black transparent transparent transparent;
     /* Downward arrow matching tooltip background */
 }


 #scroll-to-faq {
     cursor: pointer;
 }

 .pr-list li:nth-child(1) .tooltip-text {
     background-color: black;
     /* Custom style for first tooltip */
 }

 .pr-list li:nth-child(1) .tooltip-text::after {
     top: 60px;
     right: 56px;
 }


 .pr-list li:nth-child(2) .tooltip-text {
     top: -52px;
     left: 55%;
     /* Second tooltip - different color */
 }

 .pr-list li:nth-child(2) .tooltip-text::after {
     top: 61px;
     right: 234px;
 }

 .pr-list li:nth-child(3) .tooltip-text {
     top: -67px;
     left: 24px;
     /* Example: remove italic on third */
 }

 .pr-list li:nth-child(3) .tooltip-text::after {
     top: 61px;
     right: 55px;
 }


 .pr-list li:nth-child(4) .tooltip-text {
     top: -74px;
     left: 63px;
     /* Bigger padding for fourth */
 }

 .pr-list li:nth-child(4) .tooltip-text::after {
     top: 61px;
     right: 56px;
 }

 .pr-list li:nth-child(5) .tooltip-text {
     top: -70px;
     left: 121px;
 }

 .pr-list li:nth-child(5) .tooltip-text::after {
     top: 61px;
     right: 51px;
 }

 .pr-list li:nth-child(6) .tooltip-text {
     top: -72px;
     left: 63%;
 }

 .pr-list li:nth-child(6) .tooltip-text::after {
     top: 61px;
     right: 62px;
 }

 .pr-list li:nth-child(7) .tooltip-text {
     left: 63%;
 }

 .pr-list li:nth-child(7) .tooltip-text::after {
     top: 61px;
     right: 63px;
 }




 .price-card-green {
     border: 1px solid #E7EBFD;
     position: relative;
     border-top-width: 5px;
     border-top: 10px solid #00B646;
     padding: 0px 23px;
     border-radius: 10px;
     text-align: center;
     font-family: 'Inter';
     background: #FFFFFF;
     height: 550px;
     max-width: 330px;
     width: 100%;
     transition: transform 0.3s ease;

 }

 .price-card-green:hover {
     border: 1px solid #00B646;
     font-family: 'Inter';
     border-top: 10px solid #00B646;
     transform: scale(1.02);

 }




 .pr-list-green {
     list-style: none;
     font-family: 'Inter';
     margin-top: 10px;
     text-align: start;
 }

 .pr-list-green li {
     position: relative;
     display: inline-block;
     font-size: 13px;
     line-height: 100%;
     font-family: 'Inter';
     padding-left: 25px;
     padding-bottom: 22px;
 }

 .pr-list-green li .tooltip-text {
     visibility: hidden;
     width: 320px;
     background-color: black;
     /* Dark blue background */
     color: #fff;
     /* White text */
     text-align: left;
     /* Align text to the left, per your design */
     padding: 10px;
     font-style: normal;
     border-radius: 4px;
     position: absolute;
     z-index: 1;
     top: -66px;
     left: 54%;
     /* Center relative to the list item */
     transform: translateX(-50%);
     /* Adjust to center the tooltip */
     opacity: 0;
     transition: opacity 0.3s ease;
     white-space: normal;
     /* Allow text wrapping */
     word-wrap: break-word;
     line-height: 160%;

 }

 .pr-list-green li img:hover+.tooltip-text {
     visibility: visible;
     opacity: 1;
 }

 .pr-list-green .tooltip-text::after {
     content: "";
     position: absolute;
     top: -66px;
     /* Position at the bottom of the tooltip */
     right: 15px;
     /* Adjust to match your design (bottom-right arrow) */
     border-width: 6px;
     border-style: solid;
     border-color: black transparent transparent transparent;
     /* Downward arrow matching tooltip background */
 }


 #scroll-to-faq {
     cursor: pointer;
 }

 .pr-list-green li:nth-child(1) .tooltip-text {
     background-color: black;
     /* Custom style for first tooltip */
 }

 .pr-list-green li:nth-child(1) .tooltip-text::after {
     top: 61px;
     right: 56px;
 }


 .pr-list-green li:nth-child(2) .tooltip-text {
     top: -52px;
     left: 55%;
     /* Second tooltip - different color */
 }

 .pr-list-green li:nth-child(2) .tooltip-text::after {
     top: 60px;
     right: 234px;
 }

 .pr-list-green li:nth-child(3) .tooltip-text {
     top: -67px;
     left: 28px;
     /* Example: remove italic on third */
 }

 .pr-list-green li:nth-child(3) .tooltip-text::after {
     top: 62px;
     right: 58px;
 }


 .pr-list-green li:nth-child(4) .tooltip-text {
     top: -65px;
     left: 68px;
     /* Bigger padding for fourth */
 }

 .pr-list-green li:nth-child(4) .tooltip-text::after {
     top: 61px;
     right: 59px;
 }

 .pr-list-green li:nth-child(5) .tooltip-text {
     top: -67px;
     left: 123px;
 }

 .pr-list-green li:nth-child(5) .tooltip-text::after {
     top: 61px;
     right: 51px;
 }

 .pr-list-green li:nth-child(6) .tooltip-text {
     top: -66px;
     left: 64%;
 }

 .pr-list-green li:nth-child(6) .tooltip-text::after {
     top: 61px;
     right: 60px;
 }

 .pr-list-green li:nth-child(7) .tooltip-text {
     left: 64%;
 }

 .pr-list-green li:nth-child(7) .tooltip-text::after {
     top: 61px;
     right: 60px;
 }

 .tooltip-icon {
     width: 20px;
     height: 20px;
     cursor: pointer;
 }

 .pr-list-green li::before {
     position: absolute;
     font-family: 'Inter';
     content: '';
     width: 20px;
     height: 20px;
     background-image: url(../images/check-mark-green.svg);
     background-repeat: no-repeat;
     top: 6px;
     left: 0;
 }

 .list-last::before {
     position: absolute;
     font-family: 'Inter';
     content: '';
     width: 20px;
     height: 20px;
     background-image: url(../images/y-star.svg) !important;
     background-repeat: no-repeat;
     top: -1px !important;
     left: 0;
 }

 .pr-list-green li img {
     font-family: 'Inter';
     position: relative;
     top: 4px;
     left: 2px;
 }


 .price-card-red {
     border: 1px solid #E7EBFD;
     position: relative;
     border-top-width: 5px;
     border-top: 10px solid #D32F2F;
     padding: 0px 23px;
     border-radius: 10px;
     text-align: center;
     font-family: 'Inter';
     background: #FFFFFF;
     height: 550px;
     max-width: 330px;
     width: 100%;
     transition: transform 0.3s ease;

 }


 .price-card-red:hover {
     font-family: 'Inter';
     border: 1px solid #D32F2F;

     border-top: 10px solid #D32F2F;
     transform: scale(1.02);

 }

 .price-card-red::before {
     position: absolute;
     content: '';
     font-family: 'Inter';
     width: 141px;
     height: 30px;
     background-image: url(../images/most-popular.svg);
     background-repeat: no-repeat;
     top: -19px;
     left: 30%;

 }

 .pr-list-red li .tooltip-text {
     visibility: hidden;
     width: 320px;
     background-color: black;
     /* Dark blue background */
     color: #fff;
     /* White text */
     text-align: left;
     /* Align text to the left, per your design */
     padding: 10px;
     font-style: normal;
     border-radius: 4px;
     position: absolute;
     z-index: 1;
     top: -68px;
     left: 44%;
     /* Center relative to the list item */
     transform: translateX(-50%);
     /* Adjust to center the tooltip */
     opacity: 0;
     transition: opacity 0.3s ease;
     white-space: normal;
     /* Allow text wrapping */
     word-wrap: break-word;
     line-height: 160%;

 }

 .pr-list-red li img:hover+.tooltip-text {
     visibility: visible;
     opacity: 1;
 }

 .pr-list-red .tooltip-text::after {
     content: "";
     position: absolute;
     top: -66px;
     /* Position at the bottom of the tooltip */
     right: 15px;
     /* Adjust to match your design (bottom-right arrow) */
     border-width: 6px;
     border-style: solid;
     border-color: black transparent transparent transparent;
     /* Downward arrow matching tooltip background */
 }


 #scroll-to-faq {
     cursor: pointer;
 }

 .pr-list-red li:nth-child(1) .tooltip-text {
     background-color: black;
     /* Custom style for first tooltip */
 }

 .pr-list-red li:nth-child(1) .tooltip-text::after {
     top: 61px;
     right: 58px;
 }


 .pr-list-red li:nth-child(2) .tooltip-text {
     top: -54px;
     left: 55%;
     /* Second tooltip - different color */
 }

 .pr-list-red li:nth-child(2) .tooltip-text::after {
     top: 61px;
     right: 234px;
 }

 .pr-list-red li:nth-child(3) .tooltip-text {
     top: -75px;
     left: 26px;
     /* Example: remove italic on third */
 }

 .pr-list-red li:nth-child(3) .tooltip-text::after {
     top: 61px;
     right: 55px;
 }


 .pr-list-red li:nth-child(4) .tooltip-text {
     top: -72px;
     left: 65px;
     /* Bigger padding for fourth */
 }

 .pr-list-red li:nth-child(4) .tooltip-text::after {
     top: 61px;
     right: 56px;
 }

 .pr-list-red li:nth-child(5) .tooltip-text {
     top: -71px;
     left: 77px;
 }

 .pr-list-red li:nth-child(5) .tooltip-text::after {
     top: 61px;
     right: 56px;
 }

 .pr-list-red li:nth-child(6) .tooltip-text {
     top: -71px;
     left: 54%;
 }

 .pr-list-red li:nth-child(6) .tooltip-text::after {
     top: 61px;
     right: 36px;
 }

 .pr-list-red li:nth-child(7) .tooltip-text {
     left: 48%;
 }

 .pr-list-red li:nth-child(7) .tooltip-text::after {
     top: 61px;
     right: 19px;

 }


 .pr-list-red {
     list-style: none;
     font-family: 'Inter';
     margin-top: 10px;
     text-align: start;
 }

 .pr-list-red li {


     position: relative;
     font-size: 13px;
     line-height: 100%;
     font-family: 'Inter';
     padding-left: 25px;
     padding-bottom: 22px;
 }

 .pr-list-red li::before {
     position: absolute;
     content: '';
     width: 20px;
     font-family: 'Inter';
     height: 20px;
     background-image: url(../images/check-mark-red.svg);
     background-repeat: no-repeat;
     top: 6px;
     left: 0;
 }

 .pr-list-red li img {
     position: relative;
     font-family: 'Inter';
     top: 4px;
     left: 2px;
 }

 .nd-btn {
     text-align: center;
     margin-top: 20px;
     font-family: 'Inter';
 }

 .nd-btn a {
     text-decoration: none;
     background: #00B646;
     color: #FFFFFF;
     padding: 12.5px 30.5px;
     border-radius: 20px;
     font-family: 'Inter';
     font-size: 13px;
     font-weight: 600;
     width: 240px;
     display: inline-block;
     text-align: center;
     transition: transform 0.3s ease;
 }

 .nd-btn a:hover {
     font-family: 'Inter';
     transform: scale(1.03);



 }

 .nd-btn p {
     padding-top: 10px;
     color: #FD8004;
     font-family: 'Inter';
     font-style: italic;
     padding-left: 15px;
     position: relative;
     font-size: 12px;
     font-weight: 400;
     max-width: 160px;
     margin: auto;
     text-align: left;
 }

 .nd-btn p::before {
     position: absolute;
     font-family: 'Inter';
     content: '';
     width: 11px;
     height: 11px;
     background-image: url(../images/clock-three.svg);
     background-repeat: no-repeat;
     top: 12px;
     left: 0;

 }

 .nd-btn-blue {
     text-align: center;
     font-family: 'Inter';
     margin-top: 20px;
 }

 .nd-btn-red {
     text-align: center;
     font-family: 'Inter';
     margin-top: 20px;

 }


 .nd-btn-blue a {
     text-decoration: none;
     background: #1B97FF;
     color: #FFFFFF;
     font-family: 'Inter';
     padding: 12.5px 40.5px;
     border-radius: 20px;
     font-size: 13px;
     font-weight: 600;
     display: inline-block;
     transition: transform 0.3s ease;


 }

 .nd-btn-blue a:hover {
     font-family: 'Inter';
     transform: scale(1.03);



 }

 .nd-btn-red a {
     text-decoration: none;
     background: #D32F2F;
     font-family: 'Inter';
     color: #FFFFFF;
     padding: 12.5px 40.5px;
     border-radius: 20px;
     font-size: 13px;
     display: inline-block;

     font-weight: 600;
     transition: transform 0.3s ease;

 }

 .nd-btn-red a:hover {
     font-family: 'Inter';
     transform: scale(1.03);



 }


 .nd-btn-blue p {
     padding-top: 10px;
     color: #FD8004;
     font-style: italic;
     padding-left: 15px;
     font-family: 'Inter';
     position: relative;
     font-size: 12px;
     font-weight: 400;
     max-width: 160px;
     margin: auto;
     text-align: left;
 }

 .nd-btn-blue p::before {
     position: absolute;
     content: '';
     font-family: 'Inter';
     width: 11px;
     height: 11px;
     background-image: url(../images/clock-three.svg);
     background-repeat: no-repeat;
     top: 12px;
     left: 0px;

 }


 .nd-btn-red p {
     padding-top: 10px;
     font-family: 'Inter';
     color: #FD8004;
     font-style: italic;
     padding-left: 15px;
     position: relative;
     font-size: 12px;
     font-weight: 400;
     max-width: 160px;
     margin: auto;
     text-align: left;
 }

 .nd-btn-red p::before {
     position: absolute;
     font-family: 'Inter';
     content: '';
     width: 11px;
     height: 11px;
     background-image: url(../images/clock-three.svg);
     background-repeat: no-repeat;
     top: 12px;
     left: 0px;

 }


 .pre-head {
     font-weight: 500;
     font-size: 28px;
     font-family: 'Inter';
     color: #362929;
     text-align: center;
 }


 .fq {
     text-align: center;
     margin-top: 50px;
     font-family: 'Inter';
     font-size: 14px;
     color: #818DA4;


 }

 .fq span {
     font-family: 'Inter';
     color: #1B97FF;
     text-decoration: underline;
 }


 .faqSection,
 .secBg {
     background-position: center top;
     font-family: 'Inter';
     overflow: hidden
 }

 .faqSection,
 .secBg {
     font-family: 'Inter';
     background-repeat: no-repeat;
     background-size: cover
 }

 .faq-accord-card-head h3,

 .faqSection h2 {
     color: #020114;

     font-family: 'Inter';

     font-style: normal
 }

 .faqDesc {
     text-align: center;
     color: #818DA4;
     font-family: 'Inter';
     font-size: 14px;
     font-weight: 400;
 }

 .faqSection {
    background-image: url(../images/faq.svg);
    padding: 60px 0;
    background: #F9FAFE;
 }



 .faqWraper .col-cstm .faq-card+.faq-card,
 .wrapDetails {
     font-family: 'Inter';
     margin-top: 14px
 }

 .faq-card {
     max-width: 724px;
     font-family: 'Inter';
     width: 100%;
     margin: auto;

 }

 .faqWraper {


     font-family: 'Inter';
     width: 100%;
     padding-top: 50px;

 }

 .faqWraper .col-cstm .faq-card+.faq-card,
 .wrapDetails {
     font-family: 'Inter';
     margin-top: 14px
 }



 .faq-card {
     background: #fff;
     border: 1px solid rgba(35, 63, 140, .24);
     font-family: 'Inter';
     border-radius: 12.341px
 }

 .faq-card.show,
 .faq-card:hover {
     border: 1px solid rgba(76, 174, 255, .24)
 }

 .faq-card.show .faq-accord-card-head h3,
 .faq-card:hover .faq-accord-card-head h3 {
     font-family: 'Inter';
     color: #143796;
     fill: #143796;
 }

 .faq-card.show .faq-icon,
 .faq-card:hover .faq-icon {
     background: url(../images/faqSvg-lb.svg)
 }

 .faq-card.show .faq-accord-card-head .faq-icon {
     transform: rotate(135deg)
 }

 .faqWraper .col-cstm .faq-card+.faq-card,
 .wrapDetails {
     margin-top: 14px
 }

 .faq-accord-card-head h3,

 .faqSection h2 {
     color: #231f20;

     font-family: 'Inter';
     font-style: normal
 }

 .faq-accord-card-head {
     display: flex;
     justify-content: space-between;
     font-family: 'Inter';
     align-items: center;
     padding: 17px 20px 13px;
     cursor: pointer
 }

 .faq-accord-card-head h3 {
     font-weight: 500;
     font-size: 14px;
     font-family: 'Inter';
     line-height: 164.5%;
     padding-right: 13px;
     color: #231F20;
 }

 .faq-card.show .faq-accord-card-head h3,
 .faq-card:hover .faq-accord-card-head h3 {
     color: #143796;
     fill: #143796;
 }

 .faq-card.show .faq-accord-card-head .faq-icon {
     transform: rotate(135deg)
 }

 .faq-icon {
     display: flex;
     font-family: 'Inter';
     width: 18px;
     height: 18px;
     background: url(../images/plus.svg);
     flex: 0 0 18px
 }

 .faq-card.show .faq-icon,
 .faq-card:hover .faq-icon {
     background: url(../images/plus.svg)
 }

 .faq-card.show .faq-accord-card-head .faq-icon {
     transform: rotate(135deg)
 }

 .faq-accord-card-body {
     padding: 0 20px 30px
 }

 .faq-accord-card-body p {
     border-top: 1px solid #D0E2F3;
     font-family: CircularStd;
     font-family: 'Inter';
     font-style: normal;
     font-weight: 450;
     font-size: 13px;
     padding-top: 12px;
     line-height: 164%;
     color: #6B6E98;
 }
.answerInner p:nth-of-type(2){
    border: none;
}
 .faqSection h2 {
     font-weight: 500;
     font-family: 'Inter';
     font-size: 24px;
     line-height: 142.5%;
     text-align: center;
     max-width: 846px;
     width: 100%;
     margin: 0 auto 14px;
     color: #362929;
 }


 .connection-btns {
     display: none;
     font-family: 'Inter';
     text-align: center;
     margin-top: 45px;


 }


 .str-btn {
     padding: 10px 15px;
     font-size: 13px;
     color: #00B646;
     font-family: 'Inter';
     background: #fff;
     border: 1px solid #00B646;
     border-radius: 20px;
     cursor: pointer;
     transition: background-color 0.3s ease, transform 0.3s ease;
 }




 .ss-btn {
     font-family: 'Inter';
     padding: 10px 15px;
     font-size: 13px;
     color: #1B97FF;
     background: #fff;
     border: 1px solid #1B97FF;
     border-radius: 20px;


     cursor: pointer;
     transition: background-color 0.3s ease, transform 0.3s ease;
 }




 .ms-btn {
     padding: 10px 15px;
     font-size: 13px;
     color: #D32F2F;
     font-family: 'Inter';
     background: #fff;
     border: 1px solid #D32F2F;
     border-radius: 20px;

     cursor: pointer;
     transition: background-color 0.3s ease, transform 0.3s ease;
 }






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

     .starter-saver-container,
     .smart-saver-container,
     .max-saver-container {
         display: none;



     }

     .connection-btns {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         gap: 10px;
     }

     .price-card-parent {

         margin-top: 30px;

     }


     .price-card:hover {
         font-family: 'Inter';
         border: 1px solid #1B97FF;

         border-top: 10px solid #1B97FF;
         transform: scale(1.02);


     }

     .price-card-green:hover {
         border: 1px solid #00B646;
         font-family: 'Inter';
         border-top: 10px solid #00B646;
         transform: scale(1.02);

     }

     .price-card-red:hover {
         font-family: 'Inter';
         border: 1px solid #D32F2F;

         border-top: 10px solid #D32F2F;
         transform: scale(1.02);

     }

 }






 .essayCost {
     padding: 80px 0 87px;
 }

 .essayCost h2 {
     font-family: 'CircularStd';
     font-style: normal;
     font-weight: 500;
     font-size: 32px;
     line-height: 69.82px;
     text-align: center;
     color: #213D56;
     max-width: 59%;
     width: 100%;
     margin: 0 auto;
 }

 .essayCost .essay-para {
     font-weight: 450;
     font-size: 18px;
     line-height: 164.5%;
     text-align: center;
     color: #546B8E;
     max-width: 69%;
     width: 100%;
     margin: 0 auto;
 }

 .costWrapper {
     max-width: 968px;
     width: 100%;
     margin: 60px auto 0;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
 }

 .costCalculator {
     max-width: 346px;
     width: 100%;
     background-color: #FFFFFF;
     border: 1px solid rgb(221, 235, 255);
     box-shadow: 0px 0px 13.6px 0px #9E9E9E40;
     border-radius: 12px;
     position: relative;
 }

 .priceCalculator {
     width: 100%;
 }

 .priceHead {
     background: #233F8C;
     border-radius: 12px 12px 0px 0px;
     padding: 13px 76px;
 }

 .priceHead p {
     font-family: 'CircularStd';
     font-style: normal;
     font-size: 22px;
     line-height: 29.81px;
     font-weight: 450;
     text-align: center;
     color: #FFFFFF;
     /* padding-left: 20px; */
 }

 .priceForm {
     padding: 32px 20px 20px;
 }

 .formFields {
     width: 100%;
     margin-bottom: 16px;
     position: relative;
 }

 .formFields select,
 .formFields input {
     -webkit-appearance: none;
 }

 .formFields input[type="date"]::-webkit-calendar-picker-indicator {
     background: 0 0;
     bottom: 0;
     color: transparent;
     cursor: pointer;
     height: auto;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     width: auto;
 }

 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
     background-color: #F5F9FF;
     color: #546B8E;
 }

 .select2-container--default .select2-results__option--selected {
     background-color: #233F8C;
     color: white;
     padding: 12px;
 }

 .select2-results__option {
     padding: 12px;
     font-family: 'CircularStd';
     font-style: normal;
     font-weight: 450;
     font-size: 13px;
     line-height: 164.5%;
     color: #546B8E;
 }

 .select2-search--dropdown {
     padding: 0;
     border: 0;
 }

 .select2-container--default .select2-results>.select2-results__options {
     background-color: #fff;
     border: 1px solid #E7EEF9;
     box-shadow: -1px 6px 6px rgb(209 231 250 / 20%);
     border-radius: 4px;
 }

 .select2-dropdown.select2-dropdown--below {
     border: none;
 }

 .formFields select,
 .formFields input {
     background: #F5F9FF;
     border: 1.01996px solid #E7EEF9;
     border-radius: 6px;
     padding: 13px 14px;
     font-family: 'CircularStd';
     font-style: normal;
     font-weight: 450;
     font-size: 14px;
     line-height: 18px;
     display: flex;
     align-items: center;
     color: #9DB9DB;
     width: 100%;
     cursor: pointer;
     height: 46px;
     outline: none;
 }

 #pages-num {
     color: #233F8C;
 }

 .select2-container--default .select2-search--dropdown .select2-search__field {
     border: 1px solid #aaa;
     background: #F5F9FF;
     border: 1.01996px solid #233F8C;
     box-shadow: -1px 1px 6px rgb(76 174 255 / 20%);
     border-radius: 6px;
     height: 46px;
     position: absolute;
     top: -46px;
     width: 100%;
     left: 0;
     background-image: url(../../images/search-icon.svg);
     background-repeat: no-repeat;
     background-position: 95% 50%;
     padding: 0 15px;
     font-style: normal;
     font-weight: 450;
     font-size: 14px;
     line-height: 18px;
     display: flex;
     align-items: center;
     color: #000;
     outline: none;
 }

 .select2-results__options::-webkit-scrollbar {
     display: none;
 }

 .selection .select2-selection--single {
     max-height: 46px;
     min-height: 46px;
     padding: 13px 14px;
     border: 1.01996px solid #E7EEF9;
 }

 .select2-container .select2-selection--single .select2-selection__rendered {
     padding: 0;
     font-weight: 450;
     font-size: 14px;
     line-height: 18px;
     color: #9DB9DB;

 }

 .select2-container--default .select2-selection--single {
     background: #F5F9FF;
     border-radius: 6px;
 }

 .select2-selection__arrow {
     display: none;
 }

 .select-pages {
     width: 100%;
     position: relative;
 }

 .select-pages select {
     width: 100%;
     text-indent: 5em;
 }

 .formFields.select:before {
     position: absolute;
     content: '';
     width: 18px;
     height: 18px;
     background-image: url(../../images/cost-arrow-down.png);
     z-index: 1;
     right: 14px;
     top: 13px;
     pointer-events: none;
 }


 .select-pages #plus {
     position: absolute;
     color: #fff;
     font-size: 24.5px;
     top: 27px;
     width: 45px;
     height: 46px;
     text-align: center;
     background-color: #233F8C;
     display: flex;
     align-items: center;
     justify-content: center;
     top: 0;
     cursor: pointer;
 }

 .select-pages #minus {
     position: absolute;
     color: #9DB9DB;
     font-size: 24.5px;
     top: 27px;
     width: 45px;
     height: 46px;
     text-align: center;
     background: #233F8C;
     display: flex;
     align-items: center;
     justify-content: center;
     top: 0;
     cursor: pointer;
     z-index: 1;
 }

 .minusbg {
     color: #fff !important;
     background-color: #233F8C !important;
 }


 .calenderIcon {
     position: absolute;
     top: 50%;
     display: inline-block;
     transform: translateY(-50%);
     left: 16px;
 }

 #deadLine {
     padding-left: 33px;
 }

 #plus {
     right: 1px;
     border-radius: 0px 2px 2px 0px;
 }

 #minus {
     left: 1px;
     border-radius: 2px 0px 0px 2px;
 }

 .priceForm .select2-container--default .select2-selection--single {
     background-color: #F5F9FF !important;
     border: 1px solid #E7EEF9;
 }

 .priceForm .select2-container--default .select2-selection--single .select2-selection__rendered {
     color: #444;
     line-height: 28px;
     font-family: 'CircularStd';
     font-style: normal;
     font-weight: 450;
     font-size: 14px;
     line-height: 18px;
     display: flex;
     align-items: center;
     /* color: #233F8C; */
 }

 .priceForm .select-pages .select2-container--default .select2-selection--single .select2-selection__rendered {
     display: block;
     text-align: center;
 }

 .priceForm .select2-container--default .select2-selection--single .select2-selection__placeholder {
     color: #9DB9DB;
 }

 .priceForm .select2-valid .selection .select2-selection--single .select2-selection__rendered {
     color: #202124;
 }

 .selection .select2-selection--single .select2-selection__rendered {
     line-height: 20px;
     color: #5f6368;
 }

 .priceForm .input-wrapper {
     background-color: #F5F9FF;
     border: 1px solid #E7EEF9;
     border-radius: 4px;
     padding: 13px 15px 14px;
     cursor: pointer;
     margin-bottom: 0;
 }

 .priceForm .input-wrapper input {
     line-height: 17.71px;
     color: #233F8C;
     /* color: #90ABCB; */
     border: none;
     outline: none;
     font-family: 'CircularStd';
     font-style: normal;
     font-weight: 450;
     font-size: 14px;
     background-color: #F5F9FF;
     width: 100%;
     cursor: pointer;
 }

 .formBtn a {
     display: block;
     width: 100%;
     text-align: center;
     padding: 11px 0 12px;
     background-color: #233F8C;
     border-radius: 22px;
     font-weight: 500;
     font-size: 17px;
     line-height: 21.5px;
     color: #FFFFFF;
     align-items: center;
     margin-top: 16px;
 }

 .formBtn a:hover {
     background-color: #3653A5;
 }

 .priceBar {
     padding: 9px 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     background-color: #edf7ff;
     width: calc(100% + 40px);
     transform: translateX(-20px);
 }

 .actualCost {
     display: flex;
     align-items: center;
     column-gap: 6px;
 }

 .discountedCost {
     display: flex;
     column-gap: 6px;
     align-items: baseline;
 }

 .actualCost .discountOff {
     background-color: #E60202;
     border-radius: 3px;
     padding: 0 4px;
 }

 .actualCost .discountOff span {
     font-family: 'CircularStd';
     font-style: normal;
     font-weight: 450;
     font-size: 16px;
     line-height: 165%;
     color: #FFFFFF;
     animation: blink 1s ease infinite;
 }

 @keyframes blink {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }

 }

 .actualCost #actualPrice {
     font-family: 'CircularStd';
     font-style: normal;
     font-weight: 450;
     font-size: 16px;
     line-height: 165%;
     text-align: center;
     color: #213D56;
     display: block;
     text-decoration-line: line-through;
     text-decoration-color: #E60202;
 }

 .discountedCost span {
     font-family: 'CircularStd';
     font-style: normal;
     font-weight: 900;
     font-size: 23px;
     line-height: 165%;
     text-align: center;
     color: #233F8C;
     display: flex;
     align-items: center;
 }

 .costIncludes {
     max-width: 592px;
     width: 100%;
     padding: 20px 30px 30px;
     background-color: #fff;
     box-shadow: 0px 0px 13.6px 0px #9E9E9E40;
     border-radius: 10px;
 }

 .imgGif {
     width: 22px;
     height: 22px;
 }

 .priceForm .custom-dropdown {
     margin-bottom: 12px;
 }


 .cost__head {
     font-weight: 500;
     font-size: 18px;
     line-height: 25.65px;
     color: #1C1C1C;
     padding-bottom: 20px;
 }

 .serviceName p {
     font-weight: 450;
     font-size: 15px;
     line-height: 21.37px;
     color: #233F8C;
     position: relative;
     padding-left: 26px;
 }

 .serviceName p::before {
     position: absolute;
     content: '';
     width: 17px;
     height: 17px;
     background-image: url('../../images/check-icon.svg');
     left: 0;
     top: 2px;
     background-size: cover;
     background-repeat: no-repeat;
 }

 .costIncludes .includeService {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-top: 18px;
     padding-bottom: 12px;
     border-bottom: 0.7px solid #4CAEFF57;
 }

 .costIncludes .includeService:nth-of-type(1) {
     padding-top: 0;
 }

 .costIncludes .includeService:nth-of-type(6) {
     padding-bottom: 0;
     border-bottom: unset;
 }

 .addons-content {
     margin-top: 32px;
 }

 .addons-content .addonsHead {
     font-size: 18px;
     font-weight: 500;
     line-height: 25.65px;
     text-align: left;
     color: #1C1C1C;
 }

 .addons-wrapper {
     display: flex;
     gap: 11px;
     margin-top: 15px;
 }

 .addons-list {
     max-width: max-content;
     width: 100%;
     border-radius: 5px;
     border: 1px solid #E7EEF9;
     background: #F5F9FF;
     padding: 12px;
 }

 .addons-list:hover {
     border: 1px solid #233F8C;
 }

 .addons-list span {
     font-size: 15px;
     font-weight: 450;
     line-height: 21.37px;
     text-align: left;
     color: #233F8C;
 }

 .servicePrice .costWas {
     font-weight: 450;
     font-size: 15px;
     line-height: 21.37px;
     text-align: center;
     text-decoration-line: line-through;
     text-decoration-thickness: 1px;
     color: #9DB9DB;
 }

 .servicePrice {
     display: flex;
     column-gap: 9px;
 }

 .servicePrice .free {
     font-weight: 500;
     font-size: 15px;
     line-height: 21.37px;
     text-align: center;
     color: #EE2424;
 }

 .serviceGuarantee {
     padding-top: 69px;
     display: flex;
     align-items: center;
     column-gap: 26px;
     justify-content: center;
 }

 .serviceGuarantee img {
     display: block;
     max-width: 142px;
     width: 100%;
     max-height: 138px;
     height: 100%;
 }

 .serviceGuarantee p {
     font-family: 'CircularStd';
     font-style: normal;
     font-weight: 450;
     font-size: 32px;
     line-height: 108.5%;
     color: #1C1C1C;
 }

 .serviceGuarantee p span {
     display: inline;
     color: #1683DD;
     font-weight: 500;
 }

 .select2-container--default .select2-results__option--disabled {
     display: none;
 }

 .priceForm .selection .select2-selection--single .select2-selection__rendered {
     line-height: 20px;
     color: #233F8C;
     padding-left: 0;
 }

 .priceForm .pagesSelect .selection .select2-selection--single .select2-selection__rendered {
     color: #233F8C;
     text-align: center;
     display: block;
 }

 .priceForm .select2-valid .selection .select2-selection--single .select2-selection__rendered {
     color: #233F8C;
 }


 .priceForm .padLeftSel .selection .select2-selection--single .select2-selection__rendered {
     padding-left: 30px;
     /* color: #233F8C; */
 }

 .select-pages #plus {
     border-radius: 0px 6px 6px 0px;
 }

 .select-pages #minus {
     border-radius: 6px 0px 0px 6px;
 }

 .priceForm .myDate.select2-valid {
     color: #233F8C;
 }

 #date-select {
     padding-left: 33px;
 }

 .addOns {
     width: 100%;
     padding: 44px 0;
     background-image: url('../../images/addon-bg.svg');
     background-position: top left;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .addOns .addonsDesc {
     font-family: 'CircularStd';
     font-style: normal;
     font-weight: 500;
     font-size: 30px;
     line-height: 142.5%;
     color: #213D56;
     padding-bottom: 22px;
     text-align: center;
 }

 .addOnsWrapper ul {
     list-style: none;
     max-width: 440px;
     width: 100%;
     margin: 0 auto;
 }

 .addOnsWrapper ul li {
     display: block;
     padding-bottom: 18px;
     position: relative;
     font-family: 'CircularStd';
     font-style: normal;
     font-weight: 450;
     font-size: 16px;
     line-height: 142.5%;
     color: #546B8E;
     padding-left: 34px;
 }

 .addOnsWrapper ul li::before {
     position: absolute;
     content: '';
     width: 20px;
     height: 20px;
     background-image: url('../../images/addon-check.svg');
     background-repeat: no-repeat;
     background-size: cover;
     top: 0;
     left: 0;
 }

 .dropdown-menu {
     height: 205px;
     overflow: auto;
 }


 #scroll-to-faq:hover {
     text-decoration: none;
 }
 @media (max-width: 786px) {
     .costWrapper {
         flex-direction: column;
        margin: 20px auto 0;
        gap: 30px;
     }

     .addons-wrapper {
         flex-direction: column;
     }
     .costIncludes {
        max-width: 344px;
    }
 }
 @media (max-width: 575px) {
    .essayCost {
    padding: 0px 0 40px;
}
.section-how-it-works {
    padding: 40px 0px;
}
.how-it-works-heading{
    margin: 0   ;
}
     .content-section {
         padding: 120px 0 30px;
     }

     .content-wrapper h1 {
         font-family: 'Inter';
         font-size: 24px;
         line-height: 150%;
     }

     .content-wrapper p {
         font-family: 'Inter';
         line-height: 150%;
     }

     .inputGroup input,
     .inputGroup select {
         font-family: 'Inter';
         width: 100%;
     }

     .inputGroup {
         font-family: 'Inter';
         width: 100%;
     }

     .priceBar p,
     .cal-content p:nth-of-type(1) {
         font-family: 'Inter';
         font-size: 13px;
     }

     .cal-content p:nth-of-type(1) span {
         font-size: 13px;
     }

     .cal-content {
        font-family: 'Inter';
        padding: 20px 0px 10px;
     }

     .price-row {
         font-family: 'Inter';
         gap: 20px;
     }

     .price-includes {
         font-family: 'Inter';
         padding-right: 0;
     }

     .cal-content p:nth-of-type(1) .walletOfferCl {
         display: block;
         margin-top: 10px;
         max-width: max-content;
     }
     .pr-list-green li:nth-child(3) .tooltip-text {
        top: -67px;
        left: 145px;
    }
     .pr-list-green li:nth-child(3) .tooltip-text::after {
        top: 62px;
        right: 174px;
    }
    .pr-list-green li:nth-child(4) .tooltip-text {
        top: -65px;
        left: 140px;
    }
    .pr-list-green li:nth-child(4) .tooltip-text::after {
        top: 61px;
        right: 130px;
    }
    .pr-list li:nth-child(3) .tooltip-text {
        top: -67px;
        left: 137px;
    }
    .pr-list li:nth-child(3) .tooltip-text::after {
        top: 61px;
        right: 168px;
    }
    .pr-list li:nth-child(4) .tooltip-text {
        top: -74px;
        left: 120px;
    }
    .pr-list li:nth-child(4) .tooltip-text::after {
        top: 61px;
        right: 113px;
    }
    .pr-list-red li:nth-child(3) .tooltip-text {
        top: -75px;
        left: 123px;
    }
    .pr-list-red li:nth-child(3) .tooltip-text::after {
        top: 61px;
        right: 153px;
    }
    .pr-list-red li:nth-child(4) .tooltip-text {
        top: -72px;
        left: 121px;
    }
    .pr-list-red li:nth-child(4) .tooltip-text::after {
        top: 61px;
        right: 112px;
    }
    .pr-list-red li:nth-child(5) .tooltip-text {
        top: -71px;
        left: 123px;
    }
    .pr-list-red li:nth-child(5) .tooltip-text::after {
        top: 61px;
        right: 95px;
    }
    .pre-head {
        font-size: 26px;
        line-height: 150%;
    }
    .pad {
        padding: 40px 0px;
    }
 }