@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&display=swap');

html {
   scroll-behavior: smooth;
}

body {
   position: relative;
   font-family: "Kumbh Sans", sans-serif;
   font-size: 18px;
   font-weight: 400;
   background: #fff;
   color: black;
   padding-top: 80px;
}

h3, h1 {
   letter-spacing: -.0415625em;
}

a:hover {
   text-decoration: none;
}

ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
}

::selection {
   color: white;
   background: #ff7675;
}

::-webkit-selection {
   color: white;
   background: #ff7675;
}

::-moz-selection {
   color: white;
   background: #ff7675;
}

.scrolltotop {
   width: 40px;
   height: 40px;
   border-radius: 20px 20px 0 0;
   background: rgba(0, 0, 0, 0.5);
   display: block;
   text-align: center;
   padding-top: 8px;
   font-size: 22px;
   color: #ffffff;
   position: fixed;
   right: 5px;
   bottom: 5px;
   display: none;
   z-index: 9999999999;
   transition: 0.2s all ease;
   -webkit-transition: 0.2s all ease;
   -moz-transition: 0.2s all ease;
}

.scrolltotop:hover {
   background: #000;
   color: #fff;
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.header-area {
   background: #041b38;
   padding: 25px;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 9999;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.header_menu {
   text-align: right;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 10px;
}

.logo img {
   max-width: 200px;
}

.header_menu .request-a-demo {
   margin-left: 10px;
}

.request-a-demo {
   margin-right: 10px;
   display: flex;
   width: 172px;
   background-color: #e26527;
   color: white;
   padding: 17px;
   line-height: 16px;
   text-decoration: none;
   border-radius: 4px;
   font-size: 15px;
   gap: 5px;
   text-align: center;
   align-items: start;
   justify-content: center;
   font-weight: 500;
}

.header_menu div .header-btns {
   color: #ffffff;
   font-size: 16px;
   text-decoration: none;
   margin-left: 10px;
   margin-right: 10px;
   position: relative;
   transition: color 0.3s;
}

.header_menu div .header-btns:hover,
.header_menu div .header-btns.active {
   color: #E26527;
}

.header_menu div .header-btns::after {
   content: "";
   display: block;
   width: 0;
   height: 2px;
   background: #E26527;
   transition: width 0.3s;
   position: absolute;
   left: 0;
   bottom: -3px;
}

.header_menu div .header-btns:hover::after,
.header_menu div .header-btns.active::after {
   width: 100%;
}

.header_menu div span i {
   margin-right: 8px;
}

.header_menu div span {
   color: #e26527;
   font-weight: bold;
   text-transform: uppercase;
   font-size: 23px;
}

.header_menu div .signUp_btn {
   margin-left: 5px;
   background-color: #61CE7000;
   font-size: 15px;
   text-decoration: none;
   font-weight: 500;
   fill: #FFFFFF;
   color: #FFFFFF;
   border-style: solid;
   border-width: 1px 1px 1px 1px;
   border-radius: 6px 6px 6px 6px;
   padding: 13px 16px;
}

.hero_content .signUp_btn {
   margin-left: 10px;
   background-color: #61CE7000;
   font-size: 16px;
   text-decoration: none;
   font-weight: 500;
   line-height: 22px;
   fill: #FFFFFF;
   color: #FFFFFF;
   border-style: solid;
   border-width: 1px 1px 1px 1px;
   border-radius: 6px 6px 6px 6px;
   padding: 12px 18px 12px 18px;
}

.header_menu div .signUp_btn:hover,
.hero_content .signUp_btn:hover {
   color: #E26527;
   border-color: #E26527;
}

.hero_area {
   position: relative;
   padding: 190px 0px 245px;
   background-image: url(../img/home_bg1.webp);
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   background-color: #041b38;
}

.hero_content {
   position: relative;
   /* text-align: center; */
   max-width: 900px;
   /* margin: 0px auto; */
   z-index: 888;
   color: #ffffff;
   /* min-height: 75vh; */
   /* display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center; */
}

.bg_overlay {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background-color: #1312126b;
   opacity: 0.89;
   transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.hero_content img {
   max-width: 260px;
   margin: 10px auto;
}

.hero_content p {
   font-size: 15px;
}

.hero_content h1 {
   text-transform: capitalize;
   color: #FFFFFF;
   font-size: 62px;
   font-weight: 700;
   letter-spacing: -.0415625em;
   line-height: 1;
}

.border_line {
   width: 120px;
   height: 4px;
   background: #e26527;
   margin: 14px 0px 20px;
}

.hero_btns {
   display: flex;
   align-items: center;
   padding: 14px 0px;
}

/* .hero_btns a {
   background: #022d62;
   border-radius: 50px;
   box-sizing: border-box;
   padding: 14px 26px;
   font-size: 13px;
   color: #ffffff;
   font-weight: 500;
   margin: 0px 10px;
   text-transform: uppercase;
   text-decoration: none;
   transition: 0.2s all ease;
   -webkit-transition: 0.2s all ease;
   -moz-transition: 0.2s all ease;
}

.hero_btns a:hover {
   text-decoration: underline;
} */

.trusted_box {
   position: relative;
   top: -60px;
   background: #f6f6f6;
   max-width: 1300px;
   margin: 0px auto;
   padding: 20px 60px;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
   border-radius: 14px;
   overflow: hidden;
}

.trusted_title h3 {
   font-weight: bold;
   font-size: 28px;
   color: #022d62;
}

.borderline {
   width: 60px;
   height: 6px;
   background: #022d62;
   margin: 10px 0px;
   border-radius: 10px;
}

.software-area {
   padding-top: 20px;
   padding-bottom: 70px;
}

.software_heading {
   max-width: 1160px;
   margin: 0px auto;
   text-align: center;
}

.software_heading img {
   max-width: 260px;
   margin: 10px auto;
}

.software_heading h3 {
   font-size: 21px;
   font-weight: 600;
   color: #022d62;
}

.software_heading p {
   color: #7a7a7a;
}

.features_area .container,
.software-box .container {
   max-width: 1160px;
}

.software-box {
   padding: 60px 0px;
   border-bottom: 1px solid #d6d6d6;
}

.bg_gray {
   background: #f6f6f6;
}

.software_content {
   padding: 10px;
}

.software_content p {
   margin-bottom: 10px;
}

.software_content h3 {
   font-size: 32px;
   color: #022d62;
   margin-bottom: 20px;
}

.software_content .borderline {
   width: 20%;
   border-radius: 0px;
   height: 5px;
   margin-bottom: 20px;
}

.features_area {
   padding: 50px 0px;
   border-bottom: 1px solid #d6d6d6;
}

.feature_title {
   text-align: center;
   padding-bottom: 30px;
}

.feature_title h3 {
   color: #022d62;
   font-size: 32px;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: -1px;
}

.pricing_title p,
.feature_title p {
   color: #7a7a7a;
}

.features_img {
   max-height: 120px;
   text-align: center;
   padding: 20px;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
   margin-bottom: 20px;
}

.features_img img {
   height: 70px;
}

.newsletter_area {
   padding: 40px 0px;
   background: #022d62;
}

.pricing_area {
   padding: 70px 0px;
   background: rgba(241, 243, 245, 0.5);
}

.pricing_title {
   text-align: center;
   margin-bottom: 30px;
}

.pricing_title h3 {
   color: #022d62;
   font-size: 32px;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: -1px;
}

.pricing_table {
   width: 100%;
   max-width: 300px;
   margin: 0px auto;
   text-align: center;
   border-radius: 2px;
   overflow: hidden;
}

.price_head {
   background: #022d62;
   padding: 26px 0px;
   color: #ffffff;
   text-align: center;
}

.price_body {
   padding: 26px 20px;
   border: 1px solid #dfdfdf;
}

.price_body p {
   color: #7a7a7a;
}

.f-28 {
   font-size: 28px;
}

.price_body .start_btn {
   width: 100%;
   padding: 14px;
   text-align: center;
   color: #ffffff;
   background: #022d62;
   text-transform: capitalize;
   display: block;
   text-decoration: none;
   border-radius: 10px;
   margin-top: 30px;
}

.price_body p strong {
   font-size: 34px;
   font-weight: bold;
   color: #000000;
}

.mail_box {
   display: flex;
   align-items: center;
}

.mail_icon {
   max-width: 70px;
   margin-right: 16px;
}

.mail_title {
   color: #ffffff;
   text-transform: uppercase;
}

.mail_title h5 {
   font-size: 24px;
   line-height: 1;
   margin-bottom: 0px;
   letter-spacing: 1px;
}

.mail_title h3 {
   font-size: 32px;
   line-height: 1;
   margin-bottom: 0px;
   font-weight: bold;
}

.newsletter_from {
   position: relative;
}

.newsletter_from form input {
   background: transparent;
   padding: 10px 14px;
   border: none;
   border-bottom: 1px solid #ffffff;
   width: 100%;
   padding-right: 60px;
}

.newsletter_from form button {
   position: absolute;
   right: 0px;
   top: 2px;
   width: 50px;
   height: 50px;
   background: transparent;
   color: #ffffff;
   border: none;
   font-size: 26px;
}

.footer_area {
   padding: 30px 0px 100px;
}

.footer_info {
   text-align: center;
}

.footer_info span {
   font-size: 15px;
}

.footer_copyright span {
   font-size: 16px;
}

.stiky_navigation {
   position: fixed;
   bottom: 0px;
   left: 0px;
   width: 100%;
   height: 80px;
   display: none;
   align-items: center;
   justify-content: center;
   padding: 10px 0px;
   background: #022d628c;
   z-index: 999;
}

.stiky_navigation ul {
   height: 80px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.stiky_navigation ul li a {
   display: flex;
   position: relative;
   top: -8px;
   align-items: center;
   justify-content: center;
   background: #022d62;
   height: 50px;
   border-radius: 50px;
   box-sizing: border-box;
   color: #ffffff;
   font-size: 15px;
   padding: 0px 20px;
   margin: 0px 10px;
   text-transform: uppercase;
   text-decoration: none;
   transition: 0.2s all ease;
   -webkit-transition: 0.2s all ease;
   -moz-transition: 0.2s all ease;
}

.stiky_navigation ul li a:hover {
   text-decoration: underline;
}

/*--- popup1-part---*/
.popup1-part {
   padding: 8px;
}

.popup1-part form {
   width: 100%;
   display: block;
   margin: auto;
}

.exampleModalLabel_h31 {
   color: #022d62;
   font-size: 24px;
   font-weight: 700;
   margin: 0;
   text-transform: uppercase;
}

.popup1-part-inputs p {
   display: block;
   color: black;
   font-size: 15px;
   font-weight: 400;
   margin: 0;
   padding-bottom: 5px;
}

.popup1-part-inputs input[type="text"] {
   color: #000000;
   font-size: 14px;
   padding: 12px 20px;
   font-weight: 400;
   outline: none;
   display: block;
   background: rgba(0, 0, 0, 0.1);
   width: 100%;
   border: 0;
   border-radius: 4px;
   box-sizing: border-box;
   margin-bottom: 13px;
}

.popup1-part-inputs input[type="text"]::placeholder {
   color: #000000;
   font-size: 14px;
   font-weight: 400;
}

.popup1-part-inputs input[type="email"] {
   color: #000000;
   font-size: 14px;
   padding: 12px 20px;
   font-weight: 400;
   outline: none;
   display: block;
   background: rgba(0, 0, 0, 0.1);
   width: 100%;
   border: 0;
   border-radius: 4px;
   box-sizing: border-box;
   margin-bottom: 13px;
}

.popup1-part-inputs input[type="email"]::placeholder {
   color: #000000;
   font-size: 14px;
   font-weight: 400;
}

.popup1-part-inputs input[type="password"] {
   color: #000000;
   font-size: 14px;
   padding: 12px 20px;
   font-weight: 400;
   outline: none;
   display: block;
   background: rgba(0, 0, 0, 0.1);
   width: 100%;
   border: 0;
   border-radius: 4px;
   box-sizing: border-box;
   margin-bottom: 13px;
}

.popup1-part-inputs input[type="password"]::placeholder {
   color: #000000;
   font-size: 14px;
   font-weight: 400;
}

.popup1-part-inputs h3 {
   display: block;
   color: black;
   font-size: 13px;
   font-weight: 400;
   margin: 0;
   padding-bottom: 12px;
   line-height: 20px;
}

.popup1-part-inputs h4 {
   display: block;
   color: black;
   font-size: 13px;
   font-weight: 400;
   margin: 0;
   padding-bottom: 11px;
   line-height: 20px;
   margin-left: -14px;
   padding-top: 3px;
}

.popup1-part-inputs input[type="submit"] {
   color: #fff;
   font-size: 14px;
   padding: 12px 20px;
   font-weight: 400;
   outline: none;
   display: block;
   background: #022d62;
   width: 100%;
   border: 0;
   border-radius: 4px;
   box-sizing: border-box;
   margin-bottom: 13px;
}

.close {
   float: right;
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 1;
   color: #000;
   text-shadow: 0 1px 0 #fff;
   opacity: 1;
   outline: none !important;
}

.popup1-part-inputss {
   position: relative;
}

.popup1-part-inputss p {
   display: block;
   color: black;
   font-size: 15px;
   font-weight: 400;
   margin: 0;
   padding-bottom: 5px;
}

.popup1-part-inputss input[type="text"] {
   color: #000000;
   font-size: 14px;
   padding: 12px 20px;
   padding-left: 59px;
   padding-right: 163px;
   font-weight: 400;
   outline: none;
   display: block;
   background: rgba(0, 0, 0, 0.1);
   width: 100%;
   border: 0;
   border-radius: 4px;
   box-sizing: border-box;
   margin-bottom: 13px;
}

.popup1-part-inputss input[type="text"]::placeholder {
   color: #000000;
   font-size: 14px;
   font-weight: 400;
}

.popup_www {
   font-size: 15px;
   padding-top: 39px;
   right: 24px;
   font-weight: 600;
   position: absolute;
   top: 0;
   left: 19px;
}

.popup_com {
   font-size: 15px;
   padding-top: 39px;
   right: 24px;
   font-weight: 600;
   position: absolute;
   top: 0;
}



.customNextBtn i {
   color: #000000;
   font-size: 15px;
   width: 35px;
   height: 35px;
   background-color: #fff;
   border: 1px solid #000000;
   border-radius: 50%;
   line-height: 35px;
   text-align: center;
   position: absolute;
   top: 47%;
   z-index: 99999;
   margin-left: 12px;
   cursor: pointer;
}


.customPrevBtn i {
   color: #000000;
   font-size: 15px;
   width: 35px;
   height: 35px;
   background-color: #fff;
   border: 1px solid #000000;
   border-radius: 50%;
   line-height: 35px;
   text-align: center;
   position: absolute;
   top: 47%;
   z-index: 99999;
   right: 62px;
   cursor: pointer;
}

.terms_text {

   text-decoration: none;
   color: #8d8686;
   font-size: 15px;
}

/* Footer Main */
#footer-main {
   background-color: #111;
   color: #fff;
   padding: 30px 10px;
}

#footer-main .footer-container {
   max-width: 1440px;
   margin: 0 auto;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

#footer-main .footer-info {
   min-width: 280px;
   margin-bottom: 20px;
   width: 70%;
}

#footer-main .company-logo {
   display: flex;
   align-items: center;
   margin-bottom: 15px;
}

#footer-main .logo-icon {
   display: inline-block;
   margin-right: 5px;
}

#footer-main .logo-icon span {
   display: inline-block;
   height: 15px;
   width: 8px;
   margin-right: 2px;
}

#footer-main .logo-icon span:nth-child(1) {
   background-color: #ff6b6b;
}

#footer-main .logo-icon span:nth-child(2) {
   background-color: #4ecdc4;
}

#footer-main .logo-icon span:nth-child(3) {
   background-color: #ffe66d;
}

#footer-main .company-name {
   font-size: 1.4rem;
   font-weight: bold;
   letter-spacing: 1px;
}

#footer-main .company-description {
   font-size: 16px;
   line-height: 1.5;
   color: #ccc;
   margin-bottom: 20px;
   width: 30%;
}

#footer-main .footer-links {
   display: flex;
   flex-wrap: wrap;
}

#footer-main .links-column {
   margin-right: 40px;
   margin-bottom: 20px;
}

#footer-main .links-column h3 {
   font-size: 16px;
}

#footer-main .links-column ul {
   font-size: 16px;
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   gap: 10px;
}

#footer-main .links-column li {
   margin-bottom: 15px;
   margin: 0;
   padding: 0;
   font-size: 16px;
   display: flex;
   flex-direction: column;
   gap: 5px;
}

#footer-main .links-column a {
   color: #ccc;
   text-decoration: none;
   font-size: 16px;
   transition: color .2s;
   display: flex;
   gap: 5px;
}

#footer-main .links-column a:hover {
   color: #e26527;
}

#footer-main .links-column a:hover .contact-item svg {
   fill: #e26527;
}

#footer-main .links-column a:hover img {
   filter: brightness(0) saturate(100%) invert(45%) sepia(75%) saturate(562%) hue-rotate(340deg);
}

#footer-main .contact-info {
   flex: 0 0 auto;
}

#footer-main .contact-item {
   display: flex;
   align-items: center;
   margin-bottom: 5px;
   color: #ccc;
   font-size: 16px;
   gap: 10px;
}

#footer-main .contact-item svg {
   margin-right: 10px;
   fill: #ccc;
}

#footer-main .footer-bottom {
   max-width: 1440px;
   margin: 0 auto;
   margin-top: 30px;
   padding-top: 20px;
   border-top: 1px solid #333;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

#footer-main .copyright {
   color: #999;
   font-size: 16px;
}

#footer-main .social-links a {
   margin-top: 10px;
   display: inline-block;
   color: #ccc;
}

#footer-main .social-links a:hover {
   color: #e26527;
}

.request-a-demo:hover {
   background-color: black !important;
   color: white;
}

@media (max-width: 768px) {
   #footer-main .company-description {
      width: 100%;
   }

   #footer-main .footer-container {
      flex-direction: column;
   }

   #footer-main .footer-info {
      padding-right: 0;
   }

   #footer-main .contact-info {
      margin-top: 20px;
   }

   #footer-main .footer-bottom {
      flex-direction: column;
      align-items: flex-start;
   }

   #footer-main .social-links {
      margin-top: 15px;
   }
}

/* Signup form */
.signup-page {
   /* min-height: 100vh;
   display: flex; */
}

.signup-page .signup-container {
   width: 100%;
   display: flex;
   min-height: 100vh;
}

.signup-page .signup-left {
   flex: 1;
   background-image: url(../img/signup_bg.png) !important;
   position: relative;
   overflow: hidden;
   /* display: flex;
    align-items: center; */
   background-size: cover;
}

.signup-page .signup-content {
   position: relative;
   z-index: 2;
   color: white;
   /* padding: 90px 60px; */
}

.signup-page .signup-label {
   font-size: 18px;
   opacity: 0.9;
   margin-bottom: 16px;
   display: block;
}

.signup-page .signup-title {
   font-size: 62px;
   font-weight: 700;
   line-height: 1.2;
   margin-bottom: 24px;
}

.signup-page .signup-description {
   font-size: 16px;
   margin-bottom: 1rem;
   opacity: 0.9;
   font-weight: 600;
   color: white !important;
}

.signup-page .signup-right {
   flex: 1;
   /* background: #f9f9f9; */
   /* display: flex; */
   align-items: center;
   justify-content: center;
   padding: 70px 40px;
}

.signup-content h1 {
    margin-bottom: 15px !important;
}

.signup-page .form-wrapper {
   /* width: 100%;
   max-width: 1000px;
   background: white;
   border-radius: 16px;
   padding: 40px;
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); */
}

.signup-page .step-form {
   display: none;
}

.signup-page .step-form.active {
   display: block;
}

.signup-page .step-header {
   margin-bottom: 32px;
}

.signup-page .step-number {
   font-size: 12px;
   color: #6c757d;
   font-weight: 600;
   letter-spacing: 1px;
   display: block;
   margin-bottom: 8px;
}

.signup-page .step-title {
   font-size: 24px;
   font-weight: 700;
   color: #212529;
   margin-bottom: 8px;
}

.signup-page .step-description {
   font-size: 14px;
   color: #212529;
   line-height: 1.5;
}

.signup-page .form-fields {
   margin-bottom: 32px;
}

.signup-page .form-row {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 16px;
}

.signup-page .form-group {
   margin-bottom: 20px;
}

.signup-page .form-group label {
   display: block;
   font-size: 14px;
   font-weight: 500;
   color: #495057;
   margin-bottom: 6px;
}

.form-group input,
.signup-page .form-group select {
     width: 100%;
    padding: 14px 16px;
    border: 1.5px solid #dcd7ca !important;
    border-radius: 0;
    font-size: 14px;
    background: white;
    transition: all 0.2s 
ease;
    box-shadow: none !important;
}

.form-group input:focus,
.signup-page .form-group select:focus {
   outline: none;
   border-color: #ff6b47;
   box-shadow: 0 0 0 3px rgba(255, 107, 71, 0.1);
}

.signup-page .form-group input::placeholder {
   color: #adb5bd;
}

.signup-page .password-wrapper {
   position: relative;
}

.signup-page .password-toggle {
   position: absolute;
   right: 12px;
   top: 50%;
   transform: translateY(-50%);
   cursor: pointer;
   color: #6c757d;
   padding: 4px;
}

.signup-page .generate-password {
   display: inline-block;
   margin-top: 8px;
   color: #ff6b47;
   cursor: pointer;
   font-size: 13px;
   font-weight: 500;
   text-decoration: underline;
   text-decoration-color: transparent;
   transition: text-decoration-color 0.2s ease;
}

.signup-page .generate-password:hover {
   text-decoration-color: #ff6b47;
}

.signup-page .domain-input-container {
   display: flex;
   align-items: center;
   border: 1.5px solid #dee2e6;
   border-radius: 8px;
   background: white;
   overflow: hidden;
   transition: border-color 0.2s ease;
}

.signup-page .domain-input-container:focus-within {
   border-color: #ff6b47;
   box-shadow: 0 0 0 3px rgba(255, 107, 71, 0.1);
}

.domain-prefix,
.signup-page .domain-suffix {
   background: #f9f9f9;
   padding: 14px 16px;
   font-size: 14px;
   color: #6c757d;
   font-weight: 500;
}

.signup-page .domain-input {
   border: none !important;
   padding: 14px 12px !important;
   flex: 1;
   background: transparent;
}

.signup-page .domain-input:focus {
   outline: none;
   box-shadow: none !important;
}

.signup-page .radio-group {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
   gap: 16px;
   margin-top: 16px;
}

.signup-page .radio-option {
   display: flex;
   align-items: center;
   cursor: pointer;
   padding: 12px;
   border: 1.5px solid #dee2e6;
   border-radius: 8px;
   transition: all 0.2s ease;
}

.signup-page .radio-option:hover {
   border-color: #ff6b47;
   background: rgba(255, 107, 71, 0.05);
}

.signup-page .radio-option input {
   opacity: 0;
   position: absolute;
   width: 18px;
   height: 18px;
   z-index: 1;
   margin: 0;
}

.signup-page .radio-custom {
   display: inline-block;
   top: 3px;
   width: 18px !important;
   height: 18px !important;
   border: 2px solid #dee2e6;
   border-radius: 50%;
   margin-right: 8px;
   position: relative;
   transition: all 0.2s ease;
}

.signup-page .radio-option input:checked+.radio-custom {
   border-color: #ff6b47;
   background: #ff6b47;
}

.signup-page .radio-option input:checked+.radio-custom::after {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 6px;
   height: 6px;
   background: white;
   border-radius: 50%;
}

.signup-page .radio-text {
   font-size: 14px;
   font-weight: 500;
   color: #495057;
}

.signup-page .checkbox-group {
   margin-top: 16px;
}

.signup-page .checkbox-option {
   display: flex;
   align-items: flex-start;
   cursor: pointer;
   margin-bottom: 16px;
}

.signup-page .checkbox-option input {
   opacity: 0;
   position: absolute;
   width: 18px;
   height: 18px;
   z-index: 1;
   margin: 0;
}

.signup-page .checkbox-custom {
   display: inline-block;
   top: 3px;
   width: 18px;
   height: 18px;
   border: 2px solid #dee2e6;
   border-radius: 4px;
   margin-right: 12px;
   margin-top: 2px;
   position: relative;
   transition: all 0.2s ease;
   flex-shrink: 0;
}

.signup-page .checkbox-option input:checked+.checkbox-custom {
   border-color: #ff6b47;
   background: #ff6b47;
}

.signup-page .checkbox-option input:checked+.checkbox-custom::after {
   content: '✓';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: white;
   font-size: 12px;
   font-weight: bold;
}

.signup-page .checkbox-text {
   font-size: 14px;
   color: #495057;
   line-height: 1.4;
}

.signup-page .checkbox-text a {
   color: #ff6b47;
   text-decoration: none;
   font-weight: 500;
}

.signup-page .checkbox-text a:hover {
   text-decoration: underline;
}

.signup-page .continue-btn {
      padding: 12px 24px;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s ease;
    font-size: 16px;
    width: 100%;
    background-color: #ff6b35 !important;
    text-decoration: none !important;
    text-transform: capitalize;
    color: white;
}

.by-cmpltng-cl {
    margin-bottom: 40px;
}


.signup-page .continue-btn:hover {
   transform: translateY(-2px);
   box-shadow: 0 8px 25px rgba(255, 107, 71, 0.3);
}
.signup-page .next-step:hover{
  background-color: black !important;
}
.signup-page .button-group {
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.signup-page .back-btn {
   padding: 12px 24px;
   background: transparent;
   color: #6c757d;
   border: 1.5px solid #dee2e6;
   border-radius: 8px;
   font-size: 14px;
   font-weight: 500;
   cursor: pointer;
   transition: all 0.2s ease;
}

.signup-page .back-btn:hover {
   border-color: #adb5bd;
   color: #495057;
}

.signup-page .submit-btn {
   background: linear-gradient(135deg, #28a745, #20c997);
}

.signup-page .submit-btn:hover {
   box-shadow: 0 8px 25px rgba(40, 167, 69, 0.3);
}

/* Error states */
.form-group input.error,
.signup-page .form-group select.error {
   border-color: #dc3545;
   box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);
}

/* Responsive Design */
@media (max-width: 768px) {
   .signup-page .signup-container {
      flex-direction: column;
   }

   .signup-page .signup-left {
      flex: none;
      min-height: 300px;
      padding: 40px 20px;
      text-align: center;
   }

   .signup-page .signup-title {
      font-size: 36px;
   }

   .signup-page .signup-right {
      padding: 70px 6px;
   }

   .signup-page .form-wrapper {
      padding: 30px 20px;
   }

   .signup-page .form-row {
      grid-template-columns: 1fr;
      gap: 0;
   }

   .signup-page .radio-group {
      grid-template-columns: 1fr 1fr;
   }
}

@media (max-width: 480px) {
   .signup-page .radio-group {
      grid-template-columns: 1fr;
   }

   .signup-page .signup-title {
      font-size: 28px;
      
   }
}

/* Thank you page */
.thankyou-page {
   margin: 70px;
   padding: 20px 40px;
   background: linear-gradient(180deg, #f8fafc 0%, #e9ecef 100%);
   border-radius: 16px;
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
   color: #7a7a7a;
   text-align: left;
}

.thankyou-page h1 {
   margin-top: 0;
   font-size: 2rem;
   letter-spacing: 1px;
   font-weight: 500;
}

.thankyou-page p {
   margin: 14px 0;
   font-size: 1.07rem;
   line-height: 1.6;
}

.thankyou-page .thankyou-subhead {
   margin-top: 24px;
   font-size: 1.07rem;
   font-weight: 400;
}

.thankyou-page strong {
   font-weight: 600;
}

.thankyou-page .thankyou-link {
   font-size: 1.07rem;
   text-decoration: none;
   transition: color 0.2s;
}

.form-messages {
   padding: 10px 15px;
   margin-top: 10px;
   border-radius: 4px;
   font-size: 14px;
}

.form-messages.success {
   background-color: #d4edda;
   color: #155724;
   border: 1px solid #c3e6cb;
}

.form-messages.error {
   background-color: #f8d7da;
   color: #721c24;
   border: 1px solid #f5c6cb;
}

.text-form-messages {
   margin-top: 10px;
   border-radius: 4px;
   font-size: 14px;
}

.text-form-messages.success {
   color: #00bf2c;
}

.text-form-messages.error {
   color: #d70000;
}

/* Prices */

/* Image Header Section */
.image-header-section {
   /* background-image: url(../img/bg-color-img.png); */
   background-size: cover;
   color: white;
   position: relative;
   overflow: hidden;
   max-height: 446px;
   background: linear-gradient(90deg, #051A34 0%, #022B5E 100%);
 
}

.image-header-section img {
   padding: 40px 0 0px;
}


.image-header-section h1 {
   font-size: 60px;
   font-weight: 800;
   margin-top: -50px;
}

.home-page .container-fluid,
.pricing-page .container-fluid,
.testimonials-page .container-fluid,
.newsletter-section,
.features-page .container-fluid {
   padding: 0px 10px;
   max-width: 1440px;
}

.container-fluid {
   max-width: 1440px;
}

/* Navigation */
.pricing-page .navbar {
   background: #1e3a5f !important;
   padding: 15px 0;
}

.pricing-page .navbar-brand {
   font-size: 1.5rem;
   font-weight: 700;
   color: white !important;
}

.pricing-page .nav-link {
   color: white !important;
   margin: 0 15px;
   font-weight: 500;
}

.pricing-page .btn-demo {
   background: #022d62;
   color: white;
   border: none;
   padding: 8px 20px;
   border-radius: 20px;
   font-weight: 600;
}

/* Pricing Toggle */
.pricing-page .pricing-toggle {
   background: white;
   border-radius: 50px;
   padding: 4px;
   display: inline-flex;
   margin-top: 20px;
   margin-bottom: 40px;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.pricing-page .toggle-btn {
   padding: 12px 30px;
   border-radius: 50px;
   border: none;
   background: transparent;
   color: #666;
   font-weight: 500;
   transition: all 0.3s ease;
   cursor: pointer;
}

.pricing-page .toggle-btn.active {
   background: #1e3a5f;
   color: white;
   box-shadow: 0 2px 10px #022d62;
}

/* Pricing Section */
.pricing-page .pricing-section {
   padding: 40px 0;
   background: #f9f9f9;
}

.pricing-page .pricing-plans {
   background: white;
   border-radius: 15px;
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   margin-bottom: 70px;
}

.pricing-page .plans-header {
   display: flex;
   background: white;
   border-bottom: 2px solid #e9ecef;
   min-height: 257px;
}

.pricing-page .plan-column {
   flex: 1;
   background: #f9f9f9;
   padding: 45px 10px 0px 10px;
   text-align: center;
   position: relative;
}

.pricing-page .plan-column p{
   color: #383838;
}

.pricing-page .plan-column:last-child {
   border-right: none;
}

.pricing-page .plan-column.featured {
   background: #022d62;
   color: white;
   position: relative;
}

.pricing-page .plan-column.featured::before {
   position: absolute;
   top: -15px;
   left: 50%;
   transform: translateX(-50%);
   background: #022d62;
   ;
   color: white;
   padding: 5px 20px;
   border-radius: 20px;
   font-size: 0.8rem;
   font-weight: 600;
}

.pricing-page .empty-column {
   flex: 1.2;
   padding: 30px 20px;
   background: #f9f9f9;
}

.pricing-page .plan-column p{
   font-family: "Roboto", Sans-serif;
}
.pricing-page .plan-name {
   font-family: "Inter", Sans-serif;
   font-size: 40px;
   font-weight: 600;
   margin-bottom: 5px;
   color: black;
}

.pricing-page .plan-users {
   font-size: 18px;
   font-weight: 700;
}

.pricing-page .plan-price {
   font-size: 2.5rem;
   font-weight: 700;
   margin-bottom: 5px;
}

.pricing-page .plan-period {
   font-size: 0.9rem;
   color: #5cb355;
   margin-top: 6px;
}

/* Feature Categories */
.pricing-page .feature-section {
   background: white;
   border-bottom: 1px solid #e9ecef;
}

.pricing-page .feature-category-row {
   display: flex;
   align-items: center;
   min-height: 90px;
   border-bottom: 1px solid #e9ecef;
}

.pricing-page .category-header {
   padding: 15px 20px;
   font-weight: 700;
   font-size: 25px;
   flex: 1.16;
   margin: 0;
   color: black;
}

.pricing-page .category-content {
   flex: 4;
   padding: 15px 20px;
   font-weight: 600;
}

.pricing-page .feature-row {
   display: flex;
   align-items: stretch;
   min-height: 60px;
   background: white;
}

.pricing-page .feature-name {
   flex: 1.2;
   padding: 15px 16px;
   font-weight: 500;
   color: white;
   border-right: 1px solid #c9602c;
   border-bottom: 1px solid #c9602c;
   background-color: #e26527;
}

.pricing-page .feature-img {
   flex: 1.2;
   padding: 5px 16px;
   border-right: 1px solid #e9ecef;
   border-bottom: 1px solid #e9ecef;
}

.pricing-page .feature-img img {
   height: 47px;
}

.pricing-page .feature-value {
   flex: 1;
   text-align: center;
   padding: 15px 10px;
   font-weight: 500;
   border-bottom: 1px solid #e9ecef;
}

.pricing-page .feature-tick {
   flex: 1;
   text-align: center;
   padding: 15px 10px;
   font-weight: 500;
   border-bottom: 1px solid #e9ecef;
   background: #d3e3e8;
}

.pricing-page .feature-value:last-child {
   border-right: none;
}

.pricing-page .feature-value.featured {
   background: #022d62;
   color: white;
   border-right: 1px solid #172c46;
   border-bottom: 1px solid #172c46;
}

.pricing-page .feature-included {
   color: #a4c439;
   font-size: 1.4rem;
}

.pricing-page .feature-number {
   padding: 6px 12px;
   border-radius: 15px;
   font-weight: 600;
   display: inline-block;
}

.pricing-page .feature-value.featured .feature-number {
   color: white;
}

.pricing-page .add-on-text {
   color: #666;
   font-size: 0.9rem;
}

.pricing-page .btn-secondary {
   background: transparent;
   color: #1e3a5f;
   border: 2px solid #1e3a5f;
}

.pricing-page .btn-secondary:hover {
   background: #1e3a5f;
   color: white;
}

/* Testimonials */
.testimonials-section {
   padding-top: 30px;
   background: white;
}

.testimonials-section .section-title {
   font-size: 2.5rem;
   font-weight: 700;
   color: black;
   margin-bottom: 20px;
}

.testimonials-section .section-subtitle {
   color: #666;
   font-size: 1.1rem;
   margin-bottom: 50px;
}

.testimonial-card {
   background: #f9f9f9;
   border-radius: 15px;
   padding: 30px;
   margin-bottom: 30px;
   border-left: 4px solid #022d62;
   ;
   height: 100%;
}

.testimonial-text {
   font-style: italic;
   font-size: 1rem;
   line-height: 1.6;
   color: #333;
   margin-bottom: 20px;
}

.testimonial-author {
   font-weight: 600;
   color: #1e3a5f;
   margin-bottom: 5px;
}

.testimonial-company {
   color: #666;
   font-size: 0.9rem;
}

.testimonials-section hr {
   margin: 1.4rem 0;
}

.testimonials-section h5 {
   font-size: 1.1rem;
}

.testimonials-section p {
   font-size: 0.97rem;
}

.testimonials-section .card {
   border-radius: 20px;
}

.testimonials-section .col-md-12 .card {
   padding: 0px 40px;
}

.testimonials-section .row.justify-content-center .col-md-4 {
   position: relative;
}

.testimonials-section .request-a-demo {
   width: 200px;
}

.pricing-page .company-logo {
   height: 40px;
   margin-bottom: 15px;
}

/* Newsletter */
.newsletter-section {
   background: #022d62;
   color: white;
   padding: 40px;
   margin: 60px 0;
   border-radius: 13px;
}

.newsletter-content h1 {
   font-size: 42px;
   font-weight: 800;
}

.newsletter-form {
   display: flex;
   max-width: 400px;
   gap: 10px;
}

.newsletter-form form {
   width: 380px;
}

.newsletter-input {
   width: 250px !important;
}

.newsletter-btn {
   border-radius: 0 5px 5px 0;
   background-color: #F46122;
   color: #fff;
   border: none;
   font-size: 16px;
   padding: 10px 15px;
   transition: background 0.2s;
}

.newsletter-btn:hover {
   background: black;
   color: #fff;
}

/* Footer */
.pricing-page .footer {
   background: #1a1a1a;
   color: white;
   padding: 50px 0 20px;
}

.pricing-page .footer-content {
   margin-bottom: 30px;
}

.pricing-page .footer-logo {
   font-size: 1.5rem;
   font-weight: 700;
   margin-bottom: 15px;
}

.pricing-page .footer-text {
   color: #ccc;
   line-height: 1.6;
   margin-bottom: 20px;
}

.pricing-page .footer-links h5 {
   font-weight: 600;
   margin-bottom: 15px;
}

.pricing-page .footer-links ul {
   list-style: none;
   padding: 0;
}

.pricing-page .footer-links li {
   margin-bottom: 8px;
}

.pricing-page .footer-links a {
   color: #ccc;
   text-decoration: none;
   transition: color 0.3s ease;
}

.pricing-page .footer-links a:hover {
   color: white;
   text-decoration: none;
}

.pricing-page .footer-bottom {
   border-top: 1px solid #333;
   padding-top: 20px;
   color: #ccc;
   font-size: 0.9rem;
}

/* Responsive */
@media (max-width: 768px) {
   .image-header-section h1 {
      font-size: 2.5rem;
   }

   .pricing-page .plans-header,
   .pricing-page .feature-category-row,
   .pricing-page .feature-row,
   .pricing-page .cta-section {
      flex-direction: column;
   }

   .pricing-page .plan-column,
   .pricing-page .feature-name,
   .pricing-page .feature-value,
   .pricing-page .cta-column {
      border-right: none;
      border-bottom: 1px solid #e9ecef;
      flex: none;
   }

   .pricing-page .plan-price {
      font-size: 2rem;
   }

   .newsletter-form {
      flex-direction: column;
   }
}

/* Hide/Show pricing based on toggle */
.pricing-page .pricing-content.hidden {
   display: none;
}

.pricing-section .signUp_btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 0 20px;
   height: 52px;
   border: 2px solid #222;
   border-radius: 4px;
   background: none;
   color: #222;
   font-size: 16px;
   text-decoration: none;
   font-weight: 500;
   box-sizing: border-box;
}

.pricing-section .signUp_btn:hover {
   color: #E26527;
   border-color: #E26527;
}

/* Features Section */
.features-section {
   padding: 75px 0px;
}

.features-section .font-weight-bold {
   font-weight: 600;
}

.features-page h1 {
   font-weight: 700;
}

.features-page .text-darker {
   color: black;
   letter-spacing: -1px;
}

.features-page .fa-check {
   color: #e3682b;
   font-size: 1.4rem;
   margin-right: 8px;
}

/* Apps Section */
.features-page .apps-section {
   background-color: #0a2a5c;
   background-image: url(../img/features_apps.png);
   background-repeat: no-repeat;
   background-position: top right;
   color: #fff;
   padding-top: 4rem !important;
   padding-bottom: 4rem !important;
}
.features-page .apps-section h1 {
   font-size: 45px;
   margin-bottom: 15px;
}

.features-page .apps-subtitle {
   font-size: 16px;
   font-weight: 300;
   margin-bottom: 50px;
   line-height: 1.6;
}

/* Card Styling */
.features-page .apps-card {
   border: none;
   border-radius: 12px;
   background-color: #fff;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
   transition: transform 0.2s ease-in-out;
}

.features-page .apps-card img {
   margin-bottom: 10px;
}

.features-page .apps-card:hover {
   transform: translateY(-5px);
}

.features-page .card-heading {
   font-weight: 600;
   font-size: 18px;
   margin-bottom: 20px;
   color: #000;
}

.features-page .card-logo {
   max-height: 40px;
   max-width: 100%;
}

.features-page .card-text {
   font-size: 17px;
   color: #212529;
   line-height: 1.6;
}

.features-page .card-text-sm {
   font-size: 15px;
   color: black;
   line-height: 1.5;
}

.features-page .sub-card {
   background-color: #f1f1f1;
   padding: 20px;
   border: 8px solid white;
   border-radius: 20px;
}

/* Home page */
.home-page .hero2-section {
   padding: 80px 30px;
   min-height: 100vh;
   display: flex;
   align-items: center;
   padding-left: 11px;
}

.home-page .hero2-title {
   font-size: 42px;
   font-weight: 700;
   color: black;
   line-height: 1.2;
   margin-bottom: 2rem;
   padding: 0;
}

.hero2-section .mb-4 {
    padding: 0;
}

.home-page .hero2-description {
   font-size: 1.1rem;
   margin-bottom: 2rem;
   line-height: 1.6;
   padding: 0;
}

.home-page .hero2-features-section {
   padding: 80px 0;
   background: white;
}

.home-page .hero2-feature-card {
   background: #f1f1f1;
   padding: 20px 18px;
   border-radius: 12px;
   box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
   height: 100%;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   margin-bottom: 30px;
}

.home-page .hero2-feature-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.home-page .feature-title {
   font-size: 19px;
   font-weight: 600;
   color: black;
   margin-bottom: 15px;
}

.home-page .feature-description {
   font-size: 17px;
   line-height: 1.6;
   margin-bottom: 0px;
}

/* Responsive Design */
@media (max-width: 991px) {
   .home-page .hero2-title {
      font-size: 2.5rem;
   }
}

@media (max-width: 767px) {
   .home-page .hero2-section {
      padding: 60px 20px;
      text-align: center;
   }

   .home-page .hero2-title {
      font-size: 2rem;
   }

   .home-page .hero2-features-section {
      padding: 60px 8px;
   }
}

@media (max-width: 575px) {
   .home-page .hero2-title {
      font-size: 1.75rem;
   }
}

/* Merchsearch section */
.merchsearch-section {
   position: relative;
   padding: 80px 0 120px 0;
   overflow: hidden;
   color: white;
   z-index: 1;
   text-align: center;
}

.merchsearch-section::after {
   content: '';
   position: absolute;
   top: 0px;
   left: -15%;
   width: 125%;
   height: 500px;
   background: #032a5a;
   border-radius: 0 0 50% 50% / 0 0 100% 100%;
   z-index: -1;
}

.merchsearch-section .merch-logo {
   max-width: 360px;
   width: 100%;
   height: auto;
   margin-bottom: 30px;
}

.merchsearch-section .merch-bg {
   max-width: 1000px;
   width: 100%;
   height: auto;
   margin-top: 30px;
}

.merchsearch-section .merch-description {
   font-size: 21px;
}

/* Favourite Apps section */
.favapps-section {
   background-image: url(../img/home_bg3.png);
   background-size: cover;
   background-repeat: no-repeat;
   text-align: center;
   color: white;
   padding: 50px 0px;
}

.favapps-section .favapps-description {
   font-size: 20px;
}

.favapps-section .favapps-bg {
   width: 100%;
   height: auto;
   margin-top: 30px;
}

/* How It Works Section */
.how-it-works-section {
   padding: 80px 0;
   background-color: #f8f9fa;
}

.how-it-works-section .section-header {
   text-align: center;
   margin-bottom: 20px;
}

.how-it-works-section .section-header h2 {
   font-size: 45px;
   font-weight: 700;
   color: #333;
   margin-bottom: 15px;
}

.how-it-works-section .section-description {
   text-align: center;
   font-size: 18px;
   line-height: 1.6;
   margin-bottom: 60px;
   max-width: 85%;
   margin-left: auto;
   margin-right: auto;
}

.how-it-works-section .steps-nav {
   margin-bottom: 40px;
}

.how-it-works-section .step-button {
   flex: 1;
   padding: 16px 20px;
   text-align: center;
   border: none;
   cursor: pointer;
   font-weight: 600;
   color: white;
   transition: all 0.3s ease;
   font-size: 16px;
   border-radius: 6px;
   background-color: #0b2f5e;
   white-space: nowrap;
}

.how-it-works-section .step-button.active {
   background-color: #e86a33;
}

.how-it-works-section .step-button:not(.active):hover {
   background-color: #000;
   color: white;
}

.how-it-works-section .step-button:focus {
   outline: none;
   box-shadow: none;
}

.how-it-works-section .step-content {
   background-color: #222;
   color: white;
   border-radius: 6px;
   min-height: 400px;
   padding: 0;
   overflow: hidden;
   display: none;
}

.how-it-works-section .step-content.active {
   display: block;
}

.how-it-works-section .step-content-inner {
   padding: 50px;
   height: 100%;
   min-height: 400px;
}

.how-it-works-section .step-info h3 {
   color: white;
   font-size: 40px;
   font-weight: 700;
   margin-bottom: 25px;
   line-height: 1.2;
}

.how-it-works-section .step-info p {
   color: white;
   font-size: 21px;
   line-height: 1.6;
   margin-bottom: 0;
}

.how-it-works-section .step-image {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 20px;
}

.how-it-works-section .step-image img {
   max-width: 100%;
   height: auto;
   border-radius: 6px;
}

/* Mobile Responsive */
@media (max-width: 991px) {
   .how-it-works-section .section-header h2 {
      font-size: 36px;
   }

   .how-it-works-section .step-button {
      font-size: 14px;
      padding: 12px 15px;
   }

   .how-it-works-section .step-info h3 {
      font-size: 28px;
   }

   .how-it-works-section .step-content-inner {
      padding: 30px;
   }
}

@media (max-width: 767px) {
   .how-it-works-section .how-it-works-section {
      padding: 60px 0;
   }

   .how-it-works-section .section-header h2 {
      font-size: 28px;
   }

   .how-it-works-section .steps-nav .d-flex {
      flex-direction: column;
      gap: 10px;
   }

   .how-it-works-section .step-button {
      margin-bottom: 10px;
      white-space: normal;
      padding: 15px;
   }

   .how-it-works-section .step-content {
      min-height: auto;
   }

   .how-it-works-section .step-content-inner {
      padding: 25px 20px;
      min-height: auto;
   }

   .how-it-works-section .step-info {
      margin-bottom: 30px;
      text-align: center;
   }

   .how-it-works-section .step-info h3 {
      font-size: 24px;
      margin-bottom: 20px;
   }

   .how-it-works-section .step-image {
      padding: 10px;
   }
}

@media (max-width: 575px) {
   .how-it-works-section .section-header h2 {
      font-size: 24px;
   }

   .how-it-works-section .step-info h3 {
      font-size: 20px;
   }

   .how-it-works-section .step-info p {
      font-size: 14px;
   }
}

/* Simplify Section */
.simplify-section {
   background-image: url(../img/home_bg5.png);
   color: white;
   padding: 20px 0px;
   margin-bottom: 30px;
}

.simplify-section .request-a-demo {
   background-color: white;
   color: black;
   align-items: right;
}

.simplify-section .request-a-demo:hover {
   color: white;
}

.simplify-section .request-a-demo:hover path {
   stroke: white;
}

.simplify-section .section-title {
   font-size: 43px;
   font-weight: 600;
}

.simplify-section .col-md-4 {
   display: flex;
   justify-content: end;
}

.infrmtn-top{text-align: center}
        .infrmtn-top h1{    font-size: 40px;
                margin-bottom: 25px;
    font-weight: 600;
    color: #000000;}
        .infrmtn-top p{    color: #7a7a7a;
    font-size: 18px;}
        
        .infrmtn-top hr{
        margin-top: 50px;
    margin-bottom: 60px;
    border: 0;
    border-top: 1px solid #000;}
        
        .tbl-wrpr-cl-new{}
        .tbl-wrpr-cl-new h3{    color: black;
    font-weight: 600;
    margin-bottom: 35px;
    font-size: 20px;}
        .tbl-wrpr-cl-new table{}
        .tbl-wrpr-cl-new table thead{}
        .tbl-wrpr-cl-new table thead th{    font-weight: 600;
    font-size: 14px;}
        .tbl-wrpr-cl-new table body td{}
        
          .tbl-wrpr-cl-new table th,
        .tbl-wrpr-cl-new table td{    border: 0.1rem solid #dcd7ca !important;
 
    overflow: visible;
        padding: 10px !important;}
        
        
        .tbl-wrpr-cl-new {
    border-bottom: 1px solid black;
    padding-bottom: 50px;
                margin-bottom: 70px;
}

.container-wrapper {
   margin: 80px auto;
   max-width: 80%;
}

/* New */



.wpr-mobile-toggle {
    display: inline-block;
    padding: 7px;
    cursor: pointer;
    border-style: solid;
    text-align: center;
    border-color: #333;
    width: 50px;
    border-width: 0px;
}

.wpr-mobile-toggle-line {
    background-color: #333;
    height: 4px;
    margin-bottom: 6px;
    display: block;
    width: 100%;
}

.header-container{
    max-width: 1440px;
    padding: 0 10px;
    width: 100%;
    margin: 0 auto;
}

.mobile-logo{display: none;}

.mobile-hero-img{display: none;}


.rght-ftr-wrap {
    display: flex;
}

.request-demo-panel{margin-top: 36px;    position: relative;}

.request-demo-panel::before{
  content: "";
    background-image: url(../img/signup_bg.webp) !important;
    position: absolute;
    overflow: hidden;
    width: 50%;
        background-color: #036;
    background-size: cover, 20px 20px;
    width: 45%;
    top:0; 
   bottom: 0;}

   .req-dm-lft-dt{      position: relative;
    z-index: 99;
    align-items: start;
    padding: 50px 0;}


    .signup-content h4 {
    font-size: 18px;
    font-weight: 600 !important;
    margin: 0;
    color: white !important;
}

.signup-content h1 {
    font-size: 62px;
    margin-bottom: 0px !important;
    font-weight: 700 !important;
    width: 70%;
    margin: 0;
    padding-top: 20px;
    color: white !important;
        margin-bottom: 20px !important;
}

.signup-content p {
      font-size: 16px;
    margin-bottom: 1rem;
    opacity: .9;
    width: 75%;
    color: white !important;
    font-weight: 600;
}


.tb-head-wrap{  justify-content: center; 
    background: white;
    border-radius: 50px;
    padding: 4px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    width: 100%;
    justify-content: space-between;
    max-width: 270px;
    margin: 0 auto;     flex-wrap: nowrap;     margin-bottom: 40px;} 
.tb-head-wrap li{}

.tb-head-wrap li a{      padding: 12px 30px;
    border-radius: 50px !important;
    border: none !important;
    background: transparent;
        color: #666;
    font-weight: 500;
    transition: all 0.3s ease;
    cursor: pointer;     display: block;     text-decoration: none;}

    .tb-head-wrap li a.active{background: #1e3a5f;
    color: white;
    box-shadow: 0 2px 10px #022d62;}

.mobile-prc-mbl {
    background: #f9f9f9;
    padding: 40px 0;
}


.mbl-price-tbl-wrp td img{     height: 40px;
    width: 140px;
    object-fit: contain;}

.mbl-price-tbl-wrp td{    min-width: 170px;
    text-align: center; vertical-align: middle;     font-size: 15px;}

.orange-bg{    background-color: #f36f21 !important;
    color: white;}

    .mbl-price-tbl-wrp td i{    color: #a4c439;
    font-size: 25px;}

     .mbl-price-tbl-wrp tr th{    position: sticky;
    left: 0;
    z-index: 2;
    background-color: #f5f5f5;
    box-shadow: 2px 0 5px rgba(0, 0, 0, .1);     text-align: center;     min-width: 170px;}

 .mbl-price-tbl-wrp tr:nth-child(1) th{
    height: 100px;
 }

 .mbl-price-tbl-wrp tr:nth-child(2) th{
    background-color: #dae8f0;
 }

 .mbl-price-tbl-wrp tr:nth-child(3) th{
    background-color: white;
 }

 .mbl-price-tbl-wrp tr:nth-child(4) th{
    background-color: #0a3361;
    color: white;
 }

 .mbl-price-tbl-wrp tr th h4{    font-weight: 600;     font-size: 15px;}
 .mbl-price-tbl-wrp tr th h3{    font-size: 15px; }
  .mbl-price-tbl-wrp tr th h2{    font-size: 16px;
    font-weight: 600;}
    
   .rq-sgn-dt{}
   
   .rq-sgn-dt .request-a-demo{    width: 100%;}

    .rq-sgn-dt .signUp_btn{     width: 100%;
    display: block;
    text-align: center;
    display: block;
    width: 100%;
    padding: 13px;
    background-color: white;
    color: #333;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-weight: bold;
    font-size: 15px !important;
    margin-top: 15px;}

    .mbl-price-tbl-wrp h5 {
    color: green;
    font-size: 14px;
    margin-bottom: 0;
}

.mbl-price-tbl-wrp tr:nth-child(5) th {
    background-color: #f0f0f0;
  
}

.mobile-prc-mbl{display: none;}

.tp-mrgn-zr {
    position: relative;
}


/*============Responsive============*/
 
 
 
/*Mobile*/
 
@media(max-width:767px) {
 
   .logo img{           width: 170px;
        height: auto;
        max-width: 170px !important;}

        .header-area {
    background: white;}

    .wpr-mobile-toggle {
    width: 50px; padding-bottom: 0;}

    .wpr-mobile-toggle-line {
         height: 3px;
        margin-bottom: 7px;}

    .navbar-toggler:focus {

    box-shadow: none !important;
    outline: 0 !important;
}

 .signup-page .signup-title {
      font-size: 28px;
          width: 100%;
    margin: 0;
    padding-top: 0;
            margin-bottom: 10px !important;
   }


   ul.navbar-nav.header_menu .request-a-demo {
  width: 90%;
        margin: 0 auto;
      
        color: black;
        font-size: 16px;
        color: white;
        font-weight: 400;
        background-color: #e26527 !important;
}

 ul.navbar-nav.header_menu .request-a-demo path{stroke: #fff;}
  ul.navbar-nav.header_menu .request-a-demo svg{    position: relative;
    top: 2px;}


    .header_menu div .signUp_btn {
    margin-left: 0;
    background-color: #61CE7000;
    font-size: 16px;
    text-decoration: none;
    font-weight: 400;
    fill: #333;
    color: #333 !important;
    border-style: solid;
    border-width: 0;
    border-radius: 0;
    padding: 13px 16px;
    display: block;
    padding: 12px;
    border-top: 1px solid #e8e8e8 !important }

   .software-app-notice .infrmtn-top h1{        font-size: 28px;}

   .software-app-notice .container-wrapper {
    margin: 60px auto;}

   h1.signup-title br {
    display: none;
}

.header-area {
    padding: 0px 0;}

    .navbar-toggler-icon {
    display: inline-block;
    width: 100%;
    height: auto;}

        .logo {
        text-align: center;
        margin-bottom: 0 !important;
    }

    body {

    padding-top: 55px;
}

.header_menu li{width: 100%;}

.header_menu {
   
    gap: 0px;
}

.header_menu div .header-btns {
    font-size: 16px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    transition: color 0.3s;
    width: 100%;
    display: block;
    color: #333;
    border-bottom: 1px solid #e8e8e8;
    text-decoration: none;
    padding: 10px;
}

.header_menu div .header-btns::after {
    content: "";
    display: none !important; }

    .hide-for-mobile{display: none;}

    .header_menu {
   
        position: absolute;
        left: 0;
        right: 0;
        background-color: white;
        padding-bottom: 10px;
    }

    .header-container {
    padding: 0 0px;}

    .navbar {
    padding-left: 15px;
    padding-right: 15px;
}

.navbar-toggler {
    padding: 0;}

    .desktop-logo{display: none;}
    .mobile-logo{display: block;}

    .hero_area {
    padding: 30px;
    background-image: none;
    background-color: #032a5a;
}

.mobile-hero-img{}
    .mobile-hero-img img {
        width: 320px;
        margin: 30px auto;
                margin-top: 0;
    }

    .hero_content {
    position: relative;
    text-align: center;
    max-width: 100%;}

        .hero_area {
        padding: 60px 8px 30px;}

            .mobile-hero-img {
        text-align: center;
    }

    .hero_btns {
    justify-content: center;
}

.hero_btns a {
    width: 100%;
    margin: 0 !important;
    margin-bottom: 20px !important;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .hero_content h1 {
        font-size: 32px;
        font-weight: 500;
        line-height: 37px;
        margin-bottom: 15px;
    }

.hero_btns {
    align-items: center;
    padding: 14px 0px;
    justify-content: center;
    flex-direction: column;
}

.hero_content p {
        font-size: 16px;
    }

    .mobile-hero-img{display: block;}

    .newsletter-section {
    padding: 50px 10px;
    margin: 60px 0;
    border-radius: 13px;
}

.newsletter-form .input-group {
    flex-direction: column;
}

.newsletter-form form {
    width: 100%;
}

    .nws-ltr-wrap .container-fluid {
        padding: 0;
    }

        .newsletter-section {
        margin: 0px 16px 50px !important;}

        .newsletter-content h1 {
           font-size: 28px;
        text-align: center;
    font-weight: 700;
    line-height: 1.3em;
    letter-spacing: 1px;
    margin-bottom: 25px;
}

.lst-dt-cl {
    padding: 0 6px;
}

.exprnc-ds {
    padding: 0 8px;
}

.fr-pgn-lr {
    padding: 0 20px;
}

.simplify-section .section-title {
    font-size: 27px;
    text-align: center;}

.newsletter-form .input-group input {
    width: 100% !important;
    padding: 11px;
    border-radius: 10px !important;
    margin-bottom: 10px;
}

button.btn.newsletter-btn {
    width: 100%;
    border-radius: 10px;
}

.home-page .hero2-section {
    min-height: auto; padding-bottom: 0;}

   .home-page .hero2-title {
        font-size: 24px;
        text-align: center;
        line-height: 1.3em;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }

    .hero2-section .hero2-title br {
    display: none;
}

.home-page .hero2-description {
   
    text-align: center;
}

.hero2-section a.request-a-demo {
    display: none;
}

.hero2-section img {
    width: 200px;
}

.merchsearch-section .merch-description {
    font-size: 16px;
}

.merchsearch-section .merch-logo {
    max-width: 100%;
    width: 280px;
}

.merchsearch-section .merch-description {
    padding-left: 0px;
    padding-right: 0px;
}

.merchsearch-section {
    padding: 40px 0 120px 0;}
      
    .merchsearch-section .merch-bg {
    max-width: 100%;
    width: 98%;}

    .merchsearch-section::after {
  
    height: 450px;
    background: #032a5a;
    border-radius: 0 0 42% 48% / 0 0 66% 66%;
    z-index: -1;
}

.favapps-section h1 {
    text-align: center;
}

.favapps-section .favapps-description {
    font-size: 16px;
    text-align: center;
}

.how-it-works-section .step-info p {
        font-size: 16px;
    }

    .simplify-section .d-flex.justify-content-end {
    justify-content: start !important;
    width: 100%;
    flex-direction: column;
}



.simplify-section .d-flex.justify-content-end a {
        width: 60%;
        margin: 20px 0;
        margin: 15px auto !important;
    }

    .how-it-works-section .step-info h3 {
        font-size: 24px;
    }

    .steps-nav .d-flex {
    gap: 5px !important;
}

.favapps-section .favapps-bg {
    padding: 0 8px;
}

.steps-content {
    margin-left: 8px;
    margin-right: 8px;
}

.testimonials-section {
    padding-left: 6px;
    padding-right: 6px;
}

.how-it-works-section .steps-nav {
    margin-bottom: 20px;
            padding-left: 8px;
        padding-right: 8px;
}

.testimonials-section a.request-a-demo {
    display: none;
}

.testimonials-section .section-title {
    font-size: 27px;         text-align: center;}

    .contact-info a.request-a-demo {
    width: 280px !important;
}

.testimonials-section .section-subtitle {
    text-align: center;
}


.rght-ftr-wrap {

   
}

#footer-main .footer-info {
    min-width: 100%;
    margin-bottom: 20px;
    width: 100%;
}

.footer-links {
    width: 50%;
}

#footer-main .links-column {
    margin-right: 0;
    margin-bottom: 20px;
}

#footer-main .contact-info {
        margin-top: 0;
    }


    .image-header-section img {
    position: absolute;
    top: 0;
}

.image-header-section {
   height: 180px;
        display: flex;
        align-items: center;
}

.image-header-section img {
    width: 320px;
    right: -10px;
    bottom: -3px;
    top: inherit;
    opacity: 0.6;
    padding: 0 !important;
}

.testimonials-section .col-md-4{
    top: 0 ;
}

.features-page h1 {
    text-align: center;
    position: relative;
    z-index: 999;
}

.abt-pltfm{}
.abt-pltfm h1{}
.abt-pltfm p{text-align: center; font-size: 18px !important;}

.exprnc-ds p{}

.lst-dt-cl h4 {
    font-size: 18px;
}

.exprnc-ds {
    font-size: 18px !important;
}

.lst-dt-cl p {
    font-size: 18px !important;
}

.lst-dt-cl i{}

.rqws-cl-n a{    margin: 0 auto;
    margin-bottom: 30px;}

    .features-page .apps-section {
    margin-bottom: 40px;
            padding-left: 8px;
        padding-right: 8px;
}

.image-header-section h1 {
                 margin-top: 0;
        position: relative;
        z-index: 999;
        text-align: center;
        font-size: 30px;
        font-weight: 600;
}

.tp-mrgn-zr{top: 0 !important; margin-bottom: 35px !important;}

.request-demo-panel {
    margin-top: 0;
}

.signup-page .signup-content {
    position: relative;
    z-index: 2;
    color: white;
    padding: 40px 6px;
}

.req-dm-lft-dt {
    padding: 15px 0;
}

#footer-main {
    padding: 30px 18px;
}

.mbl-rght-dt-wrp {
    width: 50%;
}

.mbl-rght-dt-wrp .request-a-demo{    width: 100% !important;}

.request-demo-panel::before {
    width: 100%;
    height: 270px;
}

.signup-page .form-wrapper {
        padding: 0px 0px;
    }

    .wrap-price-on-mbl {
    padding: 0 8px;
}

.rq-sgn-dt {
    padding: 0 8px;
}

    .signup-content p {
    width: 100%;}

.hide-for-mobile-price{display: none;}

.mobile-prc-mbl{display: block;}


.container-wrapper {
 
    max-width: 92%;
}

 
}
 
 
 
/*For small mobile devices*/
@media (min-width:320px) and (max-width:479px) {
    
    
}
 
 
/*For landscape mobiles devices*/
@media (max-width:736px) and (orientation:landscape) {
 
}
 
 
/*tablet devices (both orentations)*/
@media (min-width:768px) and (max-width:979px) {

  .logo img{           width: 170px;
        height: auto;
        max-width: 170px !important;}

        .header-area {
    background: white;}

    .wpr-mobile-toggle {
    width: 50px; padding-bottom: 0;}

    .wpr-mobile-toggle-line {
         height: 3px;
        margin-bottom: 7px;}

    .navbar-toggler:focus {

    box-shadow: none !important;
    outline: 0 !important;
}

.header-area {
    padding: 0px 0;}

    .navbar-toggler-icon {
    display: inline-block;
    width: 100%;
    height: auto;}

        .logo {
        text-align: center;
        margin-bottom: 0 !important;
    }

    body {

    padding-top: 55px;
}

.header_menu li{width: 100%;}

.header_menu {
   
    gap: 0px;
}

.header_menu div .header-btns {
    font-size: 16px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    transition: color 0.3s;
    width: 100%;
    display: block;
    color: #333;
    border-bottom: 1px solid #e8e8e8;
    text-decoration: none;
    padding: 10px;
}

.header_menu div .header-btns::after {
    content: "";
    display: none !important; }

    .hide-for-mobile-price{display: none;}

    .header_menu {
   
        position: absolute;
        left: 0;
        right: 0;
        background-color: white;
    }

    .header-container {
    padding: 0 0px;}

    .navbar {
    padding-left: 15px;
    padding-right: 15px;
}

.navbar-toggler {
    padding: 0;}

    .desktop-logo{display: none;}
    .mobile-logo{display: block;}

    .hero_area {
    padding: 30px;
    background-image: none;
    background-color: #032a5a;
}

.mobile-hero-img{}
    .mobile-hero-img img {
        width: 320px;
        margin: 30px auto;
                margin-top: 0;
    }

    .hero_content {
    position: relative;
    text-align: center;
    max-width: 100%;}

        .hero_area {
        padding: 60px 0 30px;}

            .mobile-hero-img {
        text-align: center;
    }

    .hero_btns {
    justify-content: center;
}

.hero_btns a {
    width: 100%;
    margin: 0 !important;
    margin-bottom: 20px !important;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .hero_content h1 {
        font-size: 32px;
        font-weight: 500;
        line-height: 37px;
        margin-bottom: 15px;
    }

.hero_btns {
    align-items: center;
    padding: 14px 0px;
    justify-content: center;
    flex-direction: column;
}

.hero_content p {
        font-size: 16px;
    }

    .mobile-hero-img{display: block;}

    .newsletter-section {
    padding: 50px 10px;
    margin: 60px 0;
    border-radius: 13px;
}

.newsletter-form .input-group {
    flex-direction: column;
}

.newsletter-form form {
    width: 100%;
}

    .nws-ltr-wrap .container-fluid {
        padding: 0;
    }

        .newsletter-section {
        margin: 0px 0 50px !important;}

        .newsletter-content h1 {
    font-size: 35px;
    font-weight: 700;
    line-height: 1.3em;
    letter-spacing: 1px;
    margin-bottom: 25px;
            text-align: center;
}

.newsletter-form .input-group input {
    width: 100% !important;
    padding: 11px;
    border-radius: 10px !important;
    margin-bottom: 10px;
}

button.btn.newsletter-btn {
    width: 100%;
    border-radius: 10px;
}

.home-page .hero2-section {
    min-height: auto; padding-bottom: 0;}

   .home-page .hero2-title {
        font-size: 27px;
        text-align: left;
        line-height: 1.3em;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }

    .hero2-section .hero2-title br {
    display: none;
}

.home-page .hero2-description {
   
    text-align: left;
}

.hero2-section a.request-a-demo {
    display: none;
}

.merchsearch-section .merch-description {
    font-size: 16px;
}

.merchsearch-section .merch-logo {
    max-width: 100%;
    width: 280px;
}

.merchsearch-section .merch-description {
    padding-left: 15px;
    padding-right: 15px;
}

.merchsearch-section {
    padding: 40px 0 120px 0;}
      
    .merchsearch-section .merch-bg {
    max-width: 100%;
    width: 98%;}

    .merchsearch-section::after {
  
    height: 450px;
    background: #032a5a;
    border-radius: 0 0 42% 48% / 0 0 66% 66%;
    z-index: -1;
}

.favapps-section h1 {
    text-align: left;
}

.favapps-section .favapps-description {
    font-size: 16px;
    text-align: left;
}

.how-it-works-section .step-info p {
        font-size: 16px;
    }

 .simplify-section .d-flex.justify-content-end {
        justify-content: start !important;
        width: 30%;
        flex-direction: column;
        margin: 0 auto;
    }

.simplify-section .d-flex.justify-content-end a {
    width: 100%;
    margin: 20px 0;
}

    .how-it-works-section .step-info h3 {
        font-size: 24px;
    }

    .steps-nav .d-flex {
        gap: 14px !important;
        flex-direction: column;
}

.how-it-works-section .steps-nav {
    margin-bottom: 20px;
}

.testimonials-section a.request-a-demo {
    /* display: none; */
}

.testimonials-section .section-title {
    font-size: 27px;}

    .contact-info a.request-a-demo {
    width: 280px !important;
}

.hero_area .row {
    flex-direction: column;
}

.hero_area .row .col-md-6 {
    width: 100%;
}

.hero_content h1 {

        line-height: 60px;
    }

    .job-mngmnt-wrap{}

    .home-page .hero2-features-section {
    padding: 20px 0;
}

.how-it-works-section .step-info h3 {
        font-size: 35px;
        line-height: 50px;
    }

    p.favapps-description {
    text-align: center !important;
}

.favapps-section h1 {
    text-align: center;
    margin-bottom: 18px;
}

section.hero2-section {
    text-align: center;
}

h1.hero2-title {
    text-align: center !important;
}

    .home-page .hero2-description {
        text-align: center !important;
        margin-bottom: 0;
    }

    .simplify-section .section-title {
    font-size: 38px;
    text-align: center;
}

.testimonials-section h2.section-title {
    text-align: left;
}

.testimonials-section p.section-subtitle {
    text-align: left;
    margin-bottom: 0;
}

.our-cstmr-cl-hd{        align-items: center; margin-bottom: 50px;}

.testimonials-section .card-body img {
    width: 190px;
    object-fit: contain;
}

.newsletter-form {
        flex-direction: column;
        margin: 0 auto;
    }

    #footer-main .footer-container {
        flex-direction: inherit;
                gap: 10px;
    }

.rght-ftr-wrap{}

#footer-main .footer-info {
    min-width: 280px;
    width: 45%;
}

.rght-ftr-wrap {
        width: 50%;
    }

      .testimonials-section .col-lg-10 {
    width: 70%;
}

.testimonials-section .col-lg-2 {
    width: 30%;
    text-align: right;
}

.testimonials-section .request-a-demo {
    width: 190px;
    margin: 0 auto;}


    .simplify-section .col-lg-8,
    .simplify-section .col-lg-4  {
    width: 100%;
    text-align: center;
}

    .navbar {
    padding-top: 15px;
    padding-bottom: 15px;
}

.header_menu div .header-btns {
        text-align: center;
    }

   .image-header-section img {
               position: absolute;
        top: inherit;
        right: -20px;
        padding: 0 0 0px !important;
        opacity: 0.7;
        width: 350px;
        bottom: 0;
}

.image-header-section {
   height: 210px;
        display: flex;
        align-items: center;
}

.features-page h1 {
    text-align: center;
    position: relative;
    z-index: 999;
}

    .rqws-cl-n a {
        margin: 0 auto;
        margin-bottom: 30px;
    }

.features-page .apps-section h1 {
    text-align: center;
}

.features-page .apps-section {
    margin-bottom: 40px;
}

.features-page .sub-card {
    padding: 10px;}

    .features-page .card-text {
    font-size: 15px;}


    .header-area {
    padding: 0px 0px;}

    .signup-content p {
    width: 100%;}

    .signup-page .form-group {
    margin-bottom: 10px;
}

    .image-header-section h1{margin-top: 0 !important;}
.tp-mrgn-zr{position: relative;}
    .testingcodepush .tp-mrgn-zr:nth-child(4){
        top: -90px !important;
        
    }

      .testingcodepush .tp-mrgn-zr:nth-child(3){
        top: -20px !important;
        
    }

     .testingcodepush .tp-mrgn-zr:nth-child(5){
        top: -250px !important;
        
    }

     .testingcodepush .tp-mrgn-zr:nth-child(6){
        top: -110px !important;
        
    }

     .testingcodepush .tp-mrgn-zr:nth-child(7){
        top: -270px !important;
        
    }

     .testingcodepush .tp-mrgn-zr:nth-child(8){
        top: -240px !important;
        
    }

    .testingcodepush .tp-mrgn-zr:nth-child(9){
        top: -290px !important;
        
    }

    .testingcodepush .tp-mrgn-zr:nth-child(10){
        top: -420px !important;
        
    }

    .testingcodepush .tp-mrgn-zr:nth-child(11){
        top: -420px !important;
        
    }

     .testingcodepush .tp-mrgn-zr:nth-child(12){
        top: -430px !important;
        
    }


     .testingcodepush .tp-mrgn-zr:nth-child(13){
        top: -430px !important;
        
    }

     .testingcodepush .tp-mrgn-zr:nth-child(14){
        top: -550px !important;
        
    }

    .testingcodepush {
    position: relative;
    top: 25px;
}

.request-demo-panel {
    margin-top: 0;
}

    .signup-page .signup-right {
        padding: 30px 25px;
    }

    .request-demo-panel::before {
    width: 50%;}


    .signup-page .signup-title {
    font-size: 35px;
    width: 100%;}

    #footer-main .company-description {
    width: 100%;
}

.rq-sgn-dt .row {
    
    margin: 0 auto;
}

.rq-sgn-dt .signUp_btn{margin-top: 0 !important;}

.rq-sgn-dt .col-md-2{width: 100%;}

.rq-sgn-dt {
    max-width: 60%;
    margin: 0 auto;
}

.mobile-prc-mbl{display: block;}

.testimonials-section .row.justify-content-center {
    margin-top: 30px;
}

.container-wrapper {

    max-width: 90%;
}

.navbar-nav.header_menu li.nav-item.hide-for-mobile {
    display: none;
}

}
 
 
/*For small screens and laptops devices*/
@media (min-width:980px) and (max-width:1199px) {
 
   .testimonials-section .col-lg-10 {
    width: 70%;
}

.testimonials-section .col-lg-2 {
    width: 30%;
    text-align: right;
}

.testimonials-section .request-a-demo {
    width: 190px;
    margin: 0 auto;         margin-right: 0;}


    .simplify-section .col-lg-8,
    .simplify-section .col-lg-4  {
    width: 100%;
    text-align: center;
}

.simplify-section .justify-content-end {
    justify-content: center !important;
}

.simplify-section .section-title {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 25px;
}

.newsletter-section .col-lg-8 {
    width: 100%;
    text-align: center;
}

.newsletter-section .col-lg-4 {
    width: 100%;
    text-align: center;
}

.newsletter-form {
    display: flex;
    max-width: 100%;
    gap: 10px;
    justify-content: center;
    margin-top: 20px;
}

#footer-main .footer-container {
    flex-wrap: inherit;}

    .merchsearch-section .merch-description {
    font-size: 20px;
    max-width: 80%;
    margin: 0 auto;
}

.steps-nav .d-flex {
    gap: 10px;
}

.how-it-works-section .step-button {
    font-size: 14px;}

.image-header-section h1 {
    margin-top: 0;
}

.image-header-section {
    height: 220px;
    display: flex;
    align-items: center;
}

.features-page .sub-card {
    padding: 10px;}

    .features-page .card-text {
    font-size: 15px;}

    .header-area {
    padding: 25px 10px;}


    .image-header-section h1 {
    font-size: 40px;}

    .tp-mrgn-zr img {
    width: 200px;
    object-fit: contain;
}

.tp-mrgn-zr{position: relative;}

 .testingcodepush .tp-mrgn-zr:nth-child(4){
        top: -28px !important;
        
    }

    

     .testingcodepush .tp-mrgn-zr:nth-child(5){
        top: -120px !important;
        
    }

      .testingcodepush .tp-mrgn-zr:nth-child(6){
        top: -115px !important;
        
    }

    .testingcodepush .tp-mrgn-zr:nth-child(7){
        top: -102px !important;
        
    }

     .testingcodepush .tp-mrgn-zr:nth-child(8){
        top: -145px !important;
        
    }

    
     .testingcodepush .tp-mrgn-zr:nth-child(9){
        top: -255px !important;
        
    }

     .testingcodepush .tp-mrgn-zr:nth-child(10){
        top: -162px !important;
        
    }

    .testingcodepush .tp-mrgn-zr:nth-child(11){
        top: -370px !important;
        
    }

      .testingcodepush .tp-mrgn-zr:nth-child(12){
        top: -280px !important;
        
    }

    .testingcodepush .tp-mrgn-zr:nth-child(13){
        top: -470px !important;
        
    }

    .testingcodepush .tp-mrgn-zr:nth-child(14){
        top: -390px !important;
        
    }

    .signup-page .signup-title {
    font-size: 45px;}

    .signup-page .signup-right {
    padding: 80px 10px;
}

#footer-main .company-description {
    width: 60%;
}

.hide-for-mobile-price {
    display: none;
}

.rq-sgn-dt .row {

    margin: 0 auto;
}

.rq-sgn-dt .col-md-2{width: 100%;}

.rq-sgn-dt {
    max-width: 50%;
    margin: 0 auto;
}

.rq-sgn-dt .signUp_btn {
    margin-top: 0px;
}

.mobile-prc-mbl{display: block;}

.image-header-section img {
    padding: 20px 0 0px;
    width: 370px;
    position: absolute;
    top: 0;
    right: -11px;
    bottom: 0;
}

 
}
.cookie-policy-page p, .privacy-policy-page p, .tnc-page p{
   color: black;
   text-align: left;
}
.cookie-policy-page .cookie_policy_ul, .privacy-policy-page .privacy_policy_ul{
   list-style-type: disc;
   margin-left: 40px;
}
.cookie-policy-page .cookie_policy_ul li, .privacy-policy-page .privacy_policy_ul li{
   padding-bottom: 20px;
}
.cookie-policy-page p a, .privacy-policy-page li a, .privacy-policy-page p a, .tnc-page .tnc_li a{
   text-decoration: none
}
.cookie-policy-page .tbl-wrpr-cl-new, .privacy-policy-page .tbl-wrpr-cl-new{
   border-bottom : 0px;
   padding-bottom : 0px;
}
.privacy-policy-page .tbl-wrpr-cl-new hr{
   margin-top: 50px;
   margin-bottom: 60px;
}
.privacy-policy-page .privacy_policy_ul .privacy_policy_li{
   margin-left: 20px;
   padding-bottom: 0px;
}
.pb-20{
   padding-bottom : 20px !important;
}
.mb-20{
   margin-bottom : 20px !important;
}
.privacy_policy_ol li a{
   color: black;
}
.tnc-page .tnc_clild_heading{
   margin-left: 30px;
}
.tnc-page .tnc_ul .tnc_li{
   margin-left: 55px;
   padding-bottom: 0px;
}
.request-demo-panel input.error {
   border: 2px solid #FF0000 !important;
   background-color: #fff6f6;
}

.request-demo-panel .error-message {
   color: red;;
   font-size: 0.875rem;
   margin-top: 4px;
   display: block;
}

.request-demo-panel .form-messages {
   display: none;
   margin-bottom: 15px;
   padding: 12px 18px;
   border-radius: 6px;
   font-weight: 500;
   font-size: 15px;
}

.request-demo-panel .form-messages.error {
   background-color: #fff6f6;
   color: #FF0000;
   border: 2px solid #FF0000;
}
.g-recaptcha.error {
   border: 2px solid #FF0000 !important;
   display: inline-block;
}