.coffeeSection .coffeeSec-cont .mn-groupBtn {
    padding-top: 30px;
}
.mn-hd .hd1{
    margin-bottom: 20px;
}

.priceCard1-top p{
    font-size: 14px;
    
}

.priceCard1-body ul {
    max-height: 218px;
    overflow: hidden;
    overflow-y: scroll;
}


.priceCard1-price h6{
    font-size: 55px;
}

.priceCard1-price span {
    font-size: 12px;
    font-weight: 400;
    margin-top: 0px;
    flex-wrap: wrap;
    gap: 3px;
    text-align: center;
}

.section5 .sec5-cont p {
    font-size: 18px;
    color: #fff;
     font-weight: 300;
}

.section5 .sec5-cont .hd1 {
    color: #fff;
    margin-bottom: 4px;
}

.section5 .sec5-img {
    margin-top: 0px;

}

.section5 .sec5-cont .chatBtn {
    color: #Fff;
}

.section5 .sec5-cont .themeBtn:hover {
    color: #010101;
    background-color: #ffffff;
}

.section5 .sec5-cont .chatBtn span {
    color: #fff;
}


.section5 .sec5-cont .chatBtn:hover{
    color: #7f54b3;
}


.reviewSection .reviewSec-cont .reviewSec-bottomCont .reviewSec-sliderSec .reviewSec-sliderItem span {
    text-align: center;
    margin-top: 20px;
    line-height: 1.5;
}

.reviewSection .reviewSec-cont .reviewSec-bottomCont .reviewSec-sliderSec .reviewSec-sliderItem {
    text-align: center;
}


.faqSec-body .accordion li .acc_desc p {
    font-size: 16px;
    line-height: 2;
}

.lastSection .faq-sec .faqHeading p{
        line-height: 1.8;
}

.ctaSection .ctaCont p i {
    color: #7f54b4;
}

.mainBanner.pb-0 .maniBanner-cont{
    padding: 0px 30px 80px 0;
}

.mainBanner .maniBanner-cont h1 span {
    color: #7f54b4;
}

.logoDesignSection2 .logoDesignSec2-card .cont {
    width: 45%;
}

.logoDesignSection3 .logoDesignSec3-main ul li {
    flex: 0 0 25%;
    padding: 12px;
    height: 100%;
    max-height: 400px;
    overflow: hidden;
    background-size: 400px;
    border-radius: 10px;
    background-repeat: no-repeat;
    position: relative;
}

.socialBanner {
    background-color: #afd8f8;
}

.porWrp video {
    width: 100%;
}



.terms ul {
    line-height: 25px;
    font-size: 16px;
    color: #333;
}

.terms ul ul {
    list-style: disc;
    padding-left: 18px;
}

.terms ul li {
    margin-bottom: 1rem;
}

.terms ul li::marker {
    font-size: 22px;
    font-weight: 500;
}

.terms h4 {
    font-size: 24px;
    margin: 1rem 0;
}

.terms p {
    margin-bottom: 2rem;
}

.maniBanner-cont.center {
    text-align: center;
}

.mn-groupBtn.center {
    text-align: center;
    display: flex;
    justify-content: center;
}

.copyright .copyright-cont p {

    text-align: left;

}


/* terms */


/* ==========================================================================
   Lead-capture popup + form
   --------------------------------------------------------------------------
   Scoped to the #PopUpSha.lead-popup ID so these rules beat the legacy class-based
   `!important` declarations in the per-page <style> blocks, and beat the
   inline `style="background:#fff"` on .popup-all-cont.
   `display` is deliberately never set here — jQuery fadeIn/fadeOut owns it.
   ========================================================================== */

#PopUpSha.lead-popup {
   width: 100% !important;
   max-width: 540px !important;
   height: auto !important;
   max-height: 92vh !important;
   border-radius: 20px !important;
   background: #fff !important;
   overflow: hidden !important;          /* was overflow-y:scroll — permanent scrollbar */
   box-shadow: 0 30px 80px rgba(24, 16, 38, .38) !important;
}

/* Empty left-hand column from the old two-up layout. */
#PopUpSha.lead-popup .closingPopUpSha-main {
   display: none !important;
}

#PopUpSha.lead-popup .popupCont {
   width: 100% !important;
   max-width: 100% !important;
   padding: 0 !important;
   background: #fff !important;
   border-radius: 20px !important;
   max-height: 92vh !important;
   overflow-y: auto !important;
   overflow-x: hidden !important;
}

/* ---- close button ---- */
#PopUpSha.lead-popup .popupCont .close-btn {
   position: absolute !important;
   top: 14px !important;
   right: 14px !important;
   width: 34px !important;
   height: 34px !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   border-radius: 50% !important;
   background: rgba(255, 255, 255, .18) !important;
   z-index: 5 !important;
   transition: background .2s ease, transform .25s ease !important;
}

#PopUpSha.lead-popup .popupCont .close-btn:hover {
   background: rgba(255, 255, 255, .34) !important;
   transform: rotate(90deg) !important;
}

#PopUpSha.lead-popup .popupCont .close-btn i {
   font-size: 17px !important;
   font-weight: 400 !important;
   color: #fff !important;
   line-height: 1 !important;
}

/* ---- purple header band ---- */
#PopUpSha.lead-popup .popup-all-cont {
   width: 100% !important;
   max-width: 100% !important;
   box-sizing: border-box !important;
   padding: 34px 34px 0 !important;
   background: linear-gradient(135deg, #7F54B3 0%, #5E3892 100%) !important;
   border-radius: 0 !important;
   overflow: visible !important;
   max-height: none !important;
}

#PopUpSha.lead-popup .popup-all-cont h5 {
   color: #fff !important;
   font-size: 27px !important;
   font-weight: 700 !important;
   line-height: 1.24 !important;
   letter-spacing: -.2px !important;
   text-align: left !important;
   margin: 0 0 9px !important;
   padding: 0 !important;
}

#PopUpSha.lead-popup .popup-all-cont h6 {
   color: rgba(255, 255, 255, .88) !important;
   font-size: 15px !important;
   font-weight: 400 !important;
   line-height: 1.5 !important;
   text-align: left !important;
   margin: 0 !important;
   padding: 0 !important;
}

/* was bright red — off-palette. Highlighted without leaving the theme. */
#PopUpSha.lead-popup .popup-all-cont h6 span {
   display: inline-block !important;
   color: #fff !important;
   font-weight: 700 !important;
   background: rgba(255, 255, 255, .2) !important;
   padding: 1px 9px !important;
   border-radius: 6px !important;
}

/* ---- white form card, bleeding to the popup edges ---- */
#PopUpSha.lead-popup .banner-form {
   background: #fff !important;
   border-radius: 20px 20px 0 0 !important;
   box-shadow: none !important;
   width: auto !important;
   max-width: none !important;
   margin: 26px -34px 0 !important;
   padding: 26px 34px 30px !important;
   font-family: inherit !important;
   box-sizing: border-box !important;
}

/* The <form> carries its own 30px padding, which doubled up with the card's
   and left a dead band above the first field and below the button. */
#PopUpSha.lead-popup .banner-form form {
   padding: 0 !important;
   margin: 0 !important;
}

/* One tidy line instead of two competing headings. */
#PopUpSha.lead-popup .form-heading-wrap {
   margin: 0 0 18px !important;
}

#PopUpSha.lead-popup .form-heading-wrap h3 {
   font-size: 15px !important;
   font-weight: 600 !important;
   color: #4a4458 !important;
   text-align: center !important;
   line-height: 1.45 !important;
   margin: 0 !important;
}

#PopUpSha.lead-popup .form-heading-wrap h3 br {
   display: none !important;
}

#PopUpSha.lead-popup .form-heading-wrap h3 span {
   display: inline !important;
   font-size: 15px !important;
   font-weight: 800 !important;
   color: #7F54B3 !important;
}

/* the <br> supplied the gap; it is hidden above */
#PopUpSha.lead-popup .form-heading-wrap h3 span::before {
   content: " ";
}

/* ---- fields ---- */
#PopUpSha.lead-popup .newlay input[type="text"],
#PopUpSha.lead-popup .newlay input[type="email"],
#PopUpSha.lead-popup .newlay input[type="number"],
#PopUpSha.lead-popup .newlay input[type="tel"],
#PopUpSha.lead-popup .newlay textarea {
   width: 100% !important;
   box-sizing: border-box !important;
   border: 1.5px solid #e4ddef !important;
   border-radius: 10px !important;
   background: #faf9fc !important;
   padding: 13px 15px !important;
   margin: 0 0 12px !important;
   font-size: 14.5px !important;
   font-family: inherit !important;
   color: #2f2839 !important;
   line-height: 1.4 !important;
   outline: none !important;
   transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

#PopUpSha.lead-popup .newlay input[type="text"]:focus,
#PopUpSha.lead-popup .newlay input[type="email"]:focus,
#PopUpSha.lead-popup .newlay input[type="number"]:focus,
#PopUpSha.lead-popup .newlay input[type="tel"]:focus,
#PopUpSha.lead-popup .newlay textarea:focus {
   border-color: #7F54B3 !important;
   background: #fff !important;
   box-shadow: 0 0 0 3px rgba(127, 84, 179, .14) !important;
}

#PopUpSha.lead-popup .newlay textarea {
   height: 88px !important;
   min-height: 88px !important;
   resize: none !important;
}

#PopUpSha.lead-popup .newlay input::placeholder,
#PopUpSha.lead-popup .newlay textarea::placeholder {
   color: #9a93a6 !important;
   font-weight: 400 !important;
   opacity: 1 !important;
}

#PopUpSha.lead-popup .newlay input[type="number"]::-webkit-outer-spin-button,
#PopUpSha.lead-popup .newlay input[type="number"]::-webkit-inner-spin-button {
   -webkit-appearance: none !important;
   margin: 0 !important;
}

#PopUpSha.lead-popup .newlay input[type="number"] {
   -moz-appearance: textfield !important;
}

/* validation text injected by the submit handler */
#PopUpSha.lead-popup .newlay .error-message {
   display: block !important;
   color: #d64545 !important;
   font-size: 12.5px !important;
   font-weight: 500 !important;
   margin: -7px 0 10px 2px !important;
}

/* ---- submit ---- */
#PopUpSha.lead-popup .newlay input[type="submit"] {
   width: 100% !important;
   box-sizing: border-box !important;
   margin: 6px 0 0 !important;
   padding: 14px 20px !important;
   border: none !important;
   border-radius: 10px !important;
   background: linear-gradient(135deg, #7F54B3 0%, #6A3FA0 100%) !important;
   color: #fff !important;
   font-size: 15px !important;
   font-weight: 700 !important;
   font-family: inherit !important;
   letter-spacing: .4px !important;
   text-transform: uppercase !important;
   cursor: pointer !important;
   box-shadow: 0 8px 20px rgba(127, 84, 179, .32) !important;
   transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease !important;
}

#PopUpSha.lead-popup .newlay input[type="submit"]:hover {
   transform: translateY(-2px) !important;
   box-shadow: 0 12px 26px rgba(127, 84, 179, .42) !important;
}

#PopUpSha.lead-popup .newlay input[type="submit"]:disabled {
   opacity: .62 !important;
   transform: none !important;
   cursor: not-allowed !important;
   box-shadow: none !important;
}

/* ---- small screens ---- */
@media (max-width: 575px) {
   #PopUpSha.lead-popup {
      max-width: 94vw !important;
      border-radius: 16px !important;
   }

   #PopUpSha.lead-popup .popupCont {
      border-radius: 16px !important;
   }

   #PopUpSha.lead-popup .popup-all-cont {
      padding: 28px 22px 0 !important;
   }

   #PopUpSha.lead-popup .popup-all-cont h5 {
      font-size: 22px !important;
   }

   #PopUpSha.lead-popup .popup-all-cont h6 {
      font-size: 14px !important;
   }

   #PopUpSha.lead-popup .banner-form {
      margin: 22px -22px 0 !important;
      padding: 22px 22px 26px !important;
      border-radius: 16px 16px 0 0 !important;
   }

   #PopUpSha.lead-popup .newlay textarea {
      height: 76px !important;
      min-height: 76px !important;
   }
}


/* ==========================================================================
   Package / plugin popup (image column + .popup-field rows)
   --------------------------------------------------------------------------
   The second popup variant, used by package-details/*.html, the plugin page,
   and the #PopUpSha2 / #PopUpShaLogo modals. Here .popupCont is nested INSIDE
   .closingPopUpSha-main beside a real image, so it keeps its two-column
   layout and just picks up the same field, button and shell treatment.
   Selector chains are deliberately long: they have to out-specify the
   !important rules in style.css and in each page's inline style block.
   ========================================================================== */

.closingPopUpSha:not(.lead-popup) {
   width: 100% !important;
   max-width: 880px !important;
   height: auto !important;
   max-height: 92vh !important;
   border-radius: 20px !important;
   background: #fff !important;
   overflow: hidden !important;
   box-shadow: 0 30px 80px rgba(24, 16, 38, .38) !important;
}

.closingPopUpSha:not(.lead-popup) .closingPopUpSha-main {
   display: flex !important;
   align-items: stretch !important;
   justify-content: flex-start !important;
   max-height: 92vh !important;
}

.closingPopUpSha:not(.lead-popup) .popupImage {
   flex: 0 0 42% !important;
   width: 42% !important;
   margin: 0 !important;
   padding: 0 !important;
   overflow: hidden !important;
   background: #f3eefa !important;
}

.closingPopUpSha:not(.lead-popup) .popupImage img {
   width: 100% !important;
   height: 100% !important;
   object-fit: cover !important;
   display: block !important;
   border-radius: 0 !important;
}

.closingPopUpSha:not(.lead-popup) .popupCont {
   flex: 1 1 auto !important;
   width: auto !important;
   max-width: none !important;
   padding: 0 !important;
   border-radius: 0 !important;
   background: #fff !important;
   max-height: 92vh !important;
   overflow-y: auto !important;
   overflow-x: hidden !important;
}

.closingPopUpSha:not(.lead-popup) .popupCont .close-btn {
   position: absolute !important;
   top: 12px !important;
   right: 12px !important;
   width: 32px !important;
   height: 32px !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   border-radius: 50% !important;
   background: #f1ecf8 !important;
   z-index: 5 !important;
   transition: background .2s ease, transform .25s ease !important;
}

.closingPopUpSha:not(.lead-popup) .popupCont .close-btn:hover {
   background: #e2d7f2 !important;
   transform: rotate(90deg) !important;
}

.closingPopUpSha:not(.lead-popup) .popupCont .close-btn i {
   font-size: 16px !important;
   font-weight: 400 !important;
   color: #4a4458 !important;
   line-height: 1 !important;
}

.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont {
   background: #fff !important;
   padding: 34px 32px 32px !important;
   box-sizing: border-box !important;
   max-height: none !important;
}

.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont h5 {
   color: #241d2e !important;
   font-size: 26px !important;
   font-weight: 700 !important;
   line-height: 1.24 !important;
   letter-spacing: -.2px !important;
   text-align: left !important;
   margin: 0 0 8px !important;
   padding: 0 !important;
}

.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont h6 {
   color: #5f5a68 !important;
   font-size: 15px !important;
   font-weight: 400 !important;
   line-height: 1.5 !important;
   text-align: left !important;
   margin: 0 0 22px !important;
   padding: 0 !important;
}

.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont h6 span {
   color: #7F54B3 !important;
   font-weight: 700 !important;
}

/* ---- fields ---- */
.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont form .popup-field {
   padding-bottom: 12px !important;
}

.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont form .popup-field input,
.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont form .popup-field textarea {
   width: 100% !important;
   box-sizing: border-box !important;
   border: 1.5px solid #e4ddef !important;
   border-radius: 10px !important;
   background: #faf9fc !important;
   padding: 13px 15px !important;
   font-size: 14.5px !important;
   font-family: inherit !important;
   color: #2f2839 !important;
   line-height: 1.4 !important;
   outline: none !important;
   transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont form .popup-field input:focus,
.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont form .popup-field textarea:focus {
   border-color: #7F54B3 !important;
   background: #fff !important;
   box-shadow: 0 0 0 3px rgba(127, 84, 179, .14) !important;
}

.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont form .popup-field textarea {
   height: 84px !important;
   resize: none !important;
}

.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont form .popup-field input::placeholder,
.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont form .popup-field textarea::placeholder {
   color: #9a93a6 !important;
   opacity: 1 !important;
}

/* country code + phone share one bordered row */
.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont form .popup-field .newcountrycode {
   display: flex !important;
   align-items: center !important;
   height: auto !important;
   border: 1.5px solid #e4ddef !important;
   border-radius: 10px !important;
   background: #faf9fc !important;
   /* the flag sprite is absolutely positioned at left:10px/19px wide, so the
      row needs a left inset or the country code renders on top of it */
   padding: 0 6px 0 36px !important;
   transition: border-color .18s ease, box-shadow .18s ease !important;
}

.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont form .popup-field .newcountrycode:focus-within {
   border-color: #7F54B3 !important;
   background: #fff !important;
   box-shadow: 0 0 0 3px rgba(127, 84, 179, .14) !important;
}

.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont form .popup-field .newcountrycode .countrycode {
   width: 34px !important;
   flex: 0 0 34px !important;
   margin: 0 !important;
   padding: 13px 0 !important;
   border: 0 !important;
   background: transparent !important;
   box-shadow: none !important;
   text-align: center !important;
   color: #5f5a68 !important;
}

.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont form .popup-field .newcountrycode .phone-field {
   flex: 1 1 auto !important;
   border: 0 !important;
   background: transparent !important;
   box-shadow: none !important;
   padding: 13px 12px 13px 4px !important;
}

/* ---- submit ---- */
.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont form .popupBtn button {
   width: 100% !important;
   box-sizing: border-box !important;
   margin: 6px 0 0 !important;
   padding: 14px 20px !important;
   border: none !important;
   border-radius: 10px !important;
   background: linear-gradient(135deg, #7F54B3 0%, #6A3FA0 100%) !important;
   background-color: #7F54B3 !important;   /* was rgb(10,211,10) - off-palette green */
   color: #fff !important;
   font-size: 15px !important;
   font-weight: 700 !important;
   font-family: inherit !important;
   letter-spacing: .3px !important;
   cursor: pointer !important;
   box-shadow: 0 8px 20px rgba(127, 84, 179, .32) !important;
   transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease !important;
}

.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont form .popupBtn button:hover {
   transform: translateY(-2px) !important;
   box-shadow: 0 12px 26px rgba(127, 84, 179, .42) !important;
}

.closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont form .popupBtn button:disabled {
   opacity: .62 !important;
   transform: none !important;
   cursor: not-allowed !important;
}

@media (max-width: 991px) {
   .closingPopUpSha:not(.lead-popup) {
      max-width: 540px !important;
   }

   /* .popupImage is already display:none at this width in style.css */
   .closingPopUpSha:not(.lead-popup) .popupCont {
      flex: 1 1 100% !important;
   }
}

@media (max-width: 575px) {
   .closingPopUpSha:not(.lead-popup) {
      max-width: 94vw !important;
      border-radius: 16px !important;
   }

   .closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont {
      padding: 28px 22px 26px !important;
   }

   .closingPopUpSha:not(.lead-popup) .popupCont .popup-all-cont h5 {
      font-size: 22px !important;
   }
}


/* ==========================================================================
   Package / pricing cards - equal height, CTA pinned to the bottom
   --------------------------------------------------------------------------
   .priceCard1 already declares height:100% and flex-direction:column, but the
   left-hand card on package-details/*.html carries an inline
   `style="max-height: fit-content"` that stops it growing to match the taller
   "PACKAGE INCLUDES" card beside it. That left the Get Started button and the
   phone number floating near the top with dead space underneath.
   ========================================================================== */

.priceSection1 .priceSec1-main .priceCard1 {
   max-height: none !important;   /* inline style="max-height: fit-content" */
   height: 100%;
}

/* Only has an effect when the card is taller than its content, i.e. exactly
   the equal-height case - content-sized cards are left alone. */
.priceSection1 .priceSec1-main .priceCard1 .priceCard1-btn {
   margin-top: auto;
}

/* Keep the button and the phone number on one baseline, wrapping as a pair
   rather than the number dropping away from the button. */
.priceSection1 .priceSec1-main .priceCard1 .priceCard1-btn.flex-row {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 14px 20px;
   width: 100%;
}

.priceSection1 .priceSec1-main .priceCard1 .priceCard1-btn .telBtn {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   white-space: nowrap;
}


/* ==========================================================================
   Homepage banner - matched to the landing page
   --------------------------------------------------------------------------
   On lp/index.html the header and the hero share one background, so the nav
   sits inside the banner with no seam between them. The homepage had a white
   header butting against an #EBF1F3 banner, which drew a hard line across the
   page. Scoped to body.home-banner (index.html / index-2.html) so the inner
   pages, which use .mainBanner as a plain page-title strip, are unaffected.
   ========================================================================== */

body.home-banner header,
body.home-banner .mainBanner {
   background: #edf4f6 !important;
}

/* the dark contact strip keeps its own colour */
body.home-banner header .top-header {
   background-color: #2b2b2b !important;
}

body.home-banner header {
   margin-bottom: 0 !important;
   border-bottom: 0 !important;
   box-shadow: none !important;
}

body.home-banner .mainBanner {
   margin-top: 0 !important;
   border-top: 0 !important;
}

body.home-banner .mainBanner .maniBanner-cont h1,
body.home-banner .mainBanner .maniBanner-cont p {
   color: #000000 !important;
}

body.home-banner .mainBanner .maniBanner-cont .chatBtn,
body.home-banner .mainBanner .maniBanner-cont .chatBtn span {
   color: #000000 !important;
}

body.home-banner .mainBanner .maniBanner-cont .themeBtn,
body.home-banner .mainBanner .maniBanner-cont .themeBtn i {
   color: #ffffff !important;
}