@font-face {
     font-family: 'Urbanist';
     font-style: italic;
     font-weight: 100 900;
     font-display: swap;
     src: url(https://fonts.gstatic.com/s/urbanist/v15/L0x4DF02iFML4hGCyMqgXSFsjlC0V7q7Ag.woff2) format('woff2');
     unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }

 @font-face {
     font-family: 'Urbanist';
     font-style: italic;
     font-weight: 100 900;
     font-display: swap;
     src: url(https://fonts.gstatic.com/s/urbanist/v15/L0x4DF02iFML4hGCyMqgXS9sjlC0V7o.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }

 @font-face {
     font-family: 'Urbanist';
     font-style: normal;
     font-weight: 100 900;
     font-display: swap;
     src: url(https://fonts.gstatic.com/s/urbanist/v15/L0x-DF02iFML4hGCyMqrbS1miXK2Z7s.woff2) format('woff2');
     unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }

 @font-face {
     font-family: 'Urbanist';
     font-style: normal;
     font-weight: 100 900;
     font-display: swap;
     src: url(https://fonts.gstatic.com/s/urbanist/v15/L0x-DF02iFML4hGCyMqlbS1miXK2.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }

 html {
     background-color: var(--color-bg);
 }


 .animate__delay-0_1s {
     animation-delay: 0.1s;
 }

 .animate__delay-0_3s {
     animation-delay: 0.3s;
 }

 .animate__delay-0_6s {
     animation-delay: 0.6s;
 }

 .animate__delay-1_0s {
     animation-delay: 1.0s;
 }

 .animate__delay-1_2s {
     animation-delay: 1.2s;
 }

 .animate__delay-1_6s {
     animation-delay: 1.6s;
 }


 * {
     transition: 0.2s all ease !important;
 }

 .nav-shadow {
     box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
 }


 /* NAVBAR SECTION STARTS */

 .navbar-container {
     margin: 0px;
     padding: 0px;
     display: flex;
     height: fit-content;
     position: relative;
     width: 100%;
     display: flex;
     margin: auto;
     max-width: var(--global-max-width);
     background-color: var(--color-white);

 }

 .navbar-container-inner {
     margin: 0px;
     padding: 0px;
     display: flex;
     height: 80px;
     position: relative;
     width: var(--global-width);
     display: flex;
     margin: 0 auto;
     max-width: var(--global-max-width);
     align-items: center;
 }


 .share-navabr-logo-container {
     display: flex;
     flex-direction: column;
     text-decoration: none;


 }

 .share-navabr-logo-container>p {
     margin: 0px;
     padding: 0px;
     color: var(--color-black);
     font-size: var(--font-large);
     font-weight: 900;
     text-transform: uppercase;
     -webkit-text-stroke: 1px var(--color-black);
     width: fit-content;
 }

 .share-navabr-poweredby {
     display: flex;
     align-items: center;
     width: 200px;
 }

 .share-navabr-poweredby>p {
     margin: 0px;
     padding: 0px;
     color: var(--color-black);
     font-size: var(--font-small);
     display: flex;
     flex-shrink: none;
 }

 .share-navabr-poweredby>img {
     height: 18px;
     margin-left: var(--dim-4px);
     cursor: pointer;
     object-fit: contain;
 }



 .navbar-item-container {
     margin: 0px;
     padding: 0px;
     display: flex;
     align-items: center;
     height: 100%;
     flex: 1;


 }

 .navbar-item {
     list-style: none;
     cursor: pointer;
     margin: 0px;
     padding: 0px;
     font-size: var(--font-small);
     cursor: pointer;
     color: var(--color-black);

     margin-left: var(--dim-8px);


 }

 .navbar-item:hover {
     transition: 0.5s all ease;
     background-color: var(--color-hover);
     border-radius: var(--roundness-full);
 }

 .navbar-item>a {
     font-size: var(--font-small);
 }

 .navbar-link {
     display: flex;
     justify-content: center;
     width: 100% !important;
     height: 100% !important;
     align-items: center;
     margin: 0px;
     padding: 0px;
     display: block;
     width: 100%;
     height: 100%;
     border-radius: var(--roundness-full);
     padding: var(--dim-8px) var(--dim-12px);
     text-decoration: none;
     font-size: var(--font-medium);
     color: var(--color-black);

 }

 .active-navbar-item {
     background-color: var(--color-brand);
     border: 0px solid var(--color-stroke) !important;
 }

 .active-navbar-item>a {
     color: white;
 }

 .navbar-item-login {
     display: none;
     background-color: var(--color-lightgray);
     border-radius: var(--roundness-full);
     border: 1px solid var(--color-stroke);
 }

 .navbar-item-register {
     display: none;
     background-color: var(--color-lightgray);
     border-radius: var(--roundness-full);
     border: 1px solid var(--color-stroke);
 }

 .navbar-item-dashboard {
     display: none;
     background-color: var(--color-lightgray);
     border-radius: var(--roundness-full);
     border: 1px solid var(--color-stroke);
 }

 .navbar-item-left {
     margin-left: auto;
 }



 /* NAVBAR SECTION ENDS */
 /* ************************************************************** */
 /* ************************************************************** */
 /* ************************************************************** */
 /* HERO SECTION STARTS */

 .hero-container {
     margin: 0px;
     padding: 0px;
     width: 100%;
     display: flex;
     flex-direction: column;
     margin: 0 auto;
     right: 0;
     left: 0;
     max-width: var(--global-max-width);
     height: fit-content;
     height: 700px;
     min-height: 600px;

 }

 .hero-container-inner {
     margin: 0px;
     padding: 0px;
     width: var(--global-width);
     display: flex;
     margin: 0 auto;
     height: fit-content;
     height: 100%;
     padding: var(--dim-separator-gap) 0px;
 }

 .hero-container-inner-left {

     display: flex;
     flex-direction: column;
     width: 50%;
 }

 .hero-container-inner-left>h1 {

     font-size: var(--font-large-extra);
     font-weight: 400;
     margin-bottom: var(--dim-16px);

 }

 .hero-container-inner-left>h1 strong {
     font-weight: 800;
     font-size: var(--font-large-extra);
     text-decoration: underline;
     text-transform: uppercase;
     color: var(--color-black);
     -webkit-text-stroke: 1px;

 }

 .hero-container-inner-left>h1 span {
     font-weight: 800;
     font-size: var(--font-large-extra);
     margin-right: var(--dim-8px);
     margin-left: var(--dim-8px);
     text-decoration: none !important;

 }

 .hero-container-inner-left>p {
     display: flex;
     font-size: var(--font-medium);
     margin-bottom: var(--dim-32px);
     color: var(--color-gray);

 }

 .hero-container-cta {
     display: flex;
     margin-bottom: var(--dim-32px);

 }



 .hero-container-general-btn {
     margin: 0px;
     padding: 0px;
     display: flex;
     color: var(--color-white);
     font-size: var(--font-medium);
     text-align: center;
     border-radius: var(--roundness-full);
     padding: var(--dim-16px);
     cursor: pointer;
     outline: 0px;
     border: none;
     width: fit-content;
     height: fit-content;
     background-color: var(--color-brand);
     align-items: center;
     text-decoration: none;

     transform: scale(1);
 }

 .hero-container-general-btn>img {
     display: flex;
     width: 20px;

     object-fit: contain;
     height: 20px;
     margin-left: var(--dim-8px);
     filter: invert(1);
 }

 .hero-container-general-btn:hover {
     color: var(--color-black) !important;
     background-color: var(--color-white) !important;
     box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px !important;

     transform: scale(1.1);
 }

 .hero-container-general-btn:hover img {
     filter: invert(0);
 }


 .hero-container-get-started {

     display: flex;
 }

 .hero-container-our-features {

     display: flex;
     margin-left: var(--dim-16px);
     background-color: var(--color-bg);
     border: 1px solid var(--color-white);
     color: var(--color-black);
 }

 .hero-container-our-features>img {
     display: flex;
     width: 20px;
     object-fit: contain;
     height: 20px;
     margin-left: var(--dim-8px);
     filter: invert(0);
 }


 .hero-container-network-partner {

     display: flex;
     flex-direction: column;
     margin-top: auto;
 }

 .hero-container-network-partner>p {
     color: var(--color-gray);
     display: flex;
     width: fit-content;

 }

 .hero-container-network-partner>img {

     display: flex;
     flex-direction: column;
     height: 40px;
     width: fit-content;
     margin-top: var(--dim-8px);
 }

 .hero-container-inner-right {
     display: flex;
     flex-direction: column;
     width: 450px;
     height: auto;
     max-height: 520px;
     margin-left: auto;
     border-radius: var(--roundness);
     background-image: url(https://ik.imagekit.io/rapidoconnect/share/share-hero.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
 }


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

     .hero-container-inner-right {

         width: 350px;
         height: 350px;
     }

 }

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

     .hero-container-inner-left {

         width: 100%;
     }

     .hero-container-inner-right {

         display: none;
     }

     .hero-container {
         height: 60vh;

     }

 }

 @media only screen and (max-width: 400px) {
     .hero-container {
         height: fit-content;

     }

     .hero-container-cta {
         flex-direction: column;
         margin-top: var(--dim-16px);
     }

     .hero-container-our-features {

         margin-left: 0px;
         margin-top: var(--dim-16px);
     }
 }



 /* HERO SECTION ENDS */
 /* ************************************************************** */
 /* ************************************************************** */
 /* ************************************************************** */
 /* SUPPORTED SECTION STARTS */

 .supported-by-container {
     margin: 0px;
     padding: 0px;
     width: 100%;
     display: flex;
     flex-direction: column;
     margin: 0 auto;
     right: 0;
     left: 0;
     max-width: var(--global-max-width);
     align-items: center;
     justify-content: center;
     height: fit-content;
     background-color: var(--color-white);
 }

 .supported-by-container-inner {
     margin: 0px;
     padding: 0px;
     width: var(--global-width);
     display: flex;
     flex-direction: column;
     margin: 0 auto;
     height: fit-content;
     padding: var(--dim-separator-gap) 0px;
     overflow: auto !important;
 }

 .supported-by-container-inner>h2 {
     font-size: var(--font-large);
     display: flex;
     margin-bottom: var(--dim-32px);
     color: var(--color-black);
 }

 .supported-by-details-container {
     display: flex;
     flex-wrap: wrap;
 }

 .supported-by-details-item {
     display: flex;
     height: fit-content;
     width: fit-content;
     min-height: 60px;
     justify-content: center;
     align-items: center;
     margin-right: var(--dim-48px);
 }

 .supported-by-details-item>img {
     height: 40px;
     width: fit-content;
     object-fit: contain;
 }

 @media only screen and (max-width: 600px) {
     .supported-by-details-item>img {
         height: 30px;
     }

     .supported-by-details-item {

         margin-right: var(--dim-16px);
     }
 }


 /* SUPPORTED SECTION ENDS */
 /* ************************************************************** */
 /* ************************************************************** */
 /* ************************************************************** */
 /* ACCEPT PAYMENTS SECTION STARTS */


 .accept-payments-container {
     margin: 0px;
     padding: 0px;
     width: 100%;
     display: flex;
     flex-direction: column;
     margin: 0 auto;
     right: 0;
     left: 0;
     max-width: var(--global-max-width);
     align-items: center;
     justify-content: center;
     height: fit-content;

     background: #1d183b;
     background: linear-gradient(45deg, #1d183b, #0c091c, #1d183b);
     background-size: 300% 300%;
     animation: diagonalFlow 5s ease-in-out infinite;

 }

 .accept-payments-container-inner {
     margin: 0px;
     padding: 0px;
     width: var(--global-width);
     display: flex;
     margin: 0 auto;
     flex-direction: column;
     height: fit-content;
     padding: var(--dim-separator-gap) 0px;
 }

 .accept-payments-psc {
     display: flex;
     justify-content: center;
     width: fit-content;
     margin: 0 auto;
     background-color: var(--color-white);
     border-radius: var(--roundness-full);
     padding: var(--dim-8px);
     border: 2px solid var(--color-white);
     background-color: transparent;
     margin-bottom: var(--dim-64px);
 }

 .accept-payments-psc-inner {
     display: flex;
     justify-content: center;
     width: fit-content;
     margin: 0 auto;
     background-color: var(--color-white);
     border-radius: var(--roundness-full);
 }

 .accept-payments-pm:hover {
     cursor: pointer;
     background-color: var(--color-hover);
     overflow: hidden;
     border-radius: var(--roundness-full);
 }

 .accept-payments-pm {
     display: flex;
     box-sizing: border-box;
     padding: var(--dim-16px) var(--dim-16px);
 }

 .accept-payments-pm:hover {
     cursor: pointer;
     background-color: var(--color-hover);
     overflow: hidden;
     border-radius: var(--roundness-full) 0px 0px var(--roundness-full);
 }

 .accept-payments-sc {
     display: flex;
     box-sizing: border-box;
     padding: var(--dim-16px) var(--dim-16px);
 }

 .accept-payments-sc:hover {
     cursor: pointer;
     background-color: var(--color-hover);
     overflow: hidden;
 }

 .accept-payments-cu {
     display: flex;
     box-sizing: border-box;
     padding: var(--dim-16px) var(--dim-16px);
 }

 .accept-payments-cu:hover {
     cursor: pointer;
     background-color: var(--color-hover);
     overflow: hidden;
     border-radius: 0px var(--roundness-full) var(--roundness-full) 0px;
 }

 .accept-payments-pm-active {
     background-color: var(--color-brand);
     color: var(--color-white);
     border-radius: var(--roundness-full) 0px 0px var(--roundness-full);
     pointer-events: none;
 }

 .accept-payments-pm-active:focus,
 .accept-payments-pm-active:hover {
     background-color: var(--color-brand);
     color: var(--color-white);
     border-radius: var(--roundness-full) 0px 0px var(--roundness-full);
     pointer-events: none;
 }

 .accept-payments-sc-active {
     background-color: var(--color-brand);
     color: var(--color-white);
     pointer-events: none;
 }

 .accept-payments-sc-active:focus,
 .accept-payments-sc-active:hover {
     background-color: var(--color-brand);
     color: var(--color-white);
     pointer-events: none;
 }

 .accept-payments-cu-active {
     background-color: var(--color-brand);
     color: var(--color-white);
     border-radius: 0px var(--roundness-full) var(--roundness-full) 0px;
     pointer-events: none;
 }

 .accept-payments-cu-active:focus,
 .accept-payments-cu-active:hover {
     background-color: var(--color-brand);
     color: var(--color-white);
     border-radius: 0px var(--roundness-full) var(--roundness-full) 0px;
     pointer-events: none;
 }

 .accept-payments-container-inner-left-right {
     display: flex;
     align-items: center;
 }

 .accept-payments-pm-container-inner-left {
     display: flex;
     flex-direction: column;
     width: 40%;
 }

 .accept-payments-pm-container-inner-left>h2 {
     font-size: var(--font-large);
     display: flex;
     margin-bottom: var(--dim-8px);
     color: var(--color-white);
 }

 .accept-payments-pm-container-inner-left>p {
     display: flex;
     font-size: var(--font-medium);
     color: var(--color-white);
 }

 .accept-payments-how-it-works {
     display: flex;
     font-size: var(--font-small) !important;
     margin: var(--dim-16px) 0px;
     margin-top: var(--dim-32px);
     color: var(--color-white) !important;
 }

 .accept-payments-pm-container-inner-left>ul {
     list-style: none;
 }

 .accept-payments-pm-container-inner-left>ul>li {
     margin-bottom: var(--dim-8px);
     color: var(--color-white) !important;
 }

 .accept-payments-pm-container-inner-right {
     display: inline-flex;
     flex-wrap: wrap;
     gap: var(--dim-16px);
     width: 35%;
     border-radius: var(--roundness);
     justify-content: center;
     align-items: center;
     margin-left: auto;
     height: fit-content;
     height: fit-content;
 }

 .accept-payments-pm-container-inner-right>img {
     width: fit-content;
     height: 60px;
     object-fit: contain;
     display: flex;
     background-color: var(--color-white);
     padding: var(--dim-16px);
     box-sizing: border-box;
     border-radius: var(--roundness);

 }

 .accept-payments-sc-container-inner-left {
     display: flex;
     flex-direction: column;
     width: 40%;
 }

 .accept-payments-sc-container-inner-left>h2 {
     font-size: var(--font-large);
     display: flex;
     margin-bottom: var(--dim-8px);
     color: var(--color-white);
 }

 .accept-payments-sc-container-inner-left>p {
     display: flex;
     font-size: var(--font-medium);
     color: var(--color-white) !important;
 }

 .accept-payments-supported-countries-images {
     display: flex;
     margin-top: var(--dim-32px);
 }

 .accept-payments-supported-countries-images>img {
     display: flex;
     width: 40px;
     height: 40px;
     object-fit: contain;
     margin-right: var(--dim-8px);
 }

 .accept-payments-sc-container-inner-right {
     display: flex;
     width: 45%;
     box-sizing: border-box;
     border-radius: var(--roundness);
     justify-content: center;
     align-items: center;
     margin-left: auto;
 }

 .accept-payments-sc-container-inner-right>img {
     object-fit: cover;
     object-position: center;
     border-radius: var(--roundness);
     height: 400px;
 }

 .accept-payments-cu-container-inner-left {
     display: flex;
     flex-direction: column;
     width: 40%;
 }

 .accept-payments-cu-container-inner-left>h2 {
     font-size: var(--font-large);
     display: flex;
     margin-bottom: var(--dim-8px);
     color: var(--color-white);
 }

 .accept-payments-cu-container-inner-left>p {
     display: flex;
     font-size: var(--font-medium);
     color: var(--color-white) !important;
 }

 .accept-payments-supported-countries-images {
     display: flex;
     margin-top: var(--dim-32px);
 }

 .accept-payments-supported-countries-images>img {
     display: flex;
     width: 40px;
     height: 40px;
     object-fit: contain;
     margin-right: var(--dim-8px);
 }

 .accept-payments-cu-container-inner-right {
     display: flex;
     width: 45%;
     box-sizing: border-box;
     border-radius: var(--roundness);
     justify-content: center;
     align-items: center;
     margin-left: auto;
 }

 .accept-payments-cu-container-inner-right>img {
     object-fit: cover;
     object-position: center;
     border-radius: var(--roundness);
     height: 400px;
 }

 @media only screen and (max-width: 850px) {
     .accept-payments-container-inner-left-right {
         flex-direction: column;
     }

     .accept-payments-pm-container-inner-left {
         width: 100%;
     }

     .accept-payments-pm-container-inner-right {
         width: 100%;
         margin-top: var(--dim-32px);
         justify-content: flex-start;
         height: fit-content;
     }

     .accept-payments-sc-container-inner-left {
         width: 100%;
     }

     .accept-payments-sc-container-inner-right {
         width: 100%;
     }

     .accept-payments-sc-container-inner-right>img {
         width: 100%;
     }

     .accept-payments-cu-container-inner-left {
         width: 100%;
     }

     .accept-payments-cu-container-inner-right {
         width: 100%;
         display: none;
     }

     .accept-payments-cu-container-inner-right>img {
         width: 100%;
     }
 }

 @media only screen and (max-width: 540px) {
     .accept-payments-psc {
         padding: 0px;
         border: 0px solid var(--color-white);
         background-color: transparent;
     }
 }

 @media only screen and (max-width: 500px) {
     .accept-payments-psc-inner>p {
         text-align: center;
         justify-content: center;
         align-items: center;
     }
 }


 /* ACCEPT PAYMENTS SECTION ENDS */
 /* ************************************************************** */
 /* ************************************************************** */
 /* ************************************************************** */
 /* CALCULATE PAYOUT SECTION STARTS */

 .calculate-payout-container {
     margin: 0px;
     padding: 0px;
     width: 100%;
     display: flex;
     flex-direction: column;
     margin: 0 auto;
     right: 0;
     left: 0;
     max-width: var(--global-max-width);
     align-items: center;
     justify-content: center;
     height: fit-content;
 }

 .calculate-payout-container-inner {
     margin: 0px;
     padding: 0px;
     width: var(--global-width);
     display: flex;
     margin: 0 auto;
     height: fit-content;
     padding: var(--dim-separator-gap) 0px;
 }

 .calculate-payout-container-inner-left {
     display: flex;
     flex-direction: column;
     width: 50%;
 }

 .calculate-payout-container-inner-left>h2 {
     font-size: var(--font-large-extra);
     display: flex;
     margin-bottom: var(--dim-8px);
 }

 .calculate-payout-container-inner-left>p {
     display: flex;
     font-size: var(--font-medium);
     color: var(--color-gray);
 }

 .calculate-payout-fees-title {
     display: flex;
     margin-top: var(--dim-32px);
     margin-left: var(--dim-4px);
     margin-bottom: var(--dim-8px);
     font-size: var(--font-small) !important;
 }

 .calculate-payout-fees-container {
     display: flex;
     box-sizing: border-box;
 }

 .calculate-payout-fees-container>div {
     display: flex;
     height: fit-content;
     margin-right: var(--dim-16px);
     width: fit-content;
     background-color: var(--color-lightgray);
     border: 1px solid var(--color-stroke);
     border-radius: var(--roundness);
     flex-direction: column;
     padding: var(--dim-16px);
     width: 140px;
 }

 .calculate-payout-fees-container>div>p:nth-child(1) {
     display: flex;
     font-size: var(--font-large);
     align-items: center;
 }

 .calculate-payout-fees-container>div>p:nth-child(1)>span {
     display: flex;
     font-size: var(--font-small);
     margin-left: var(--dim-4px);
 }

 .calculate-payout-fees-container>div>p:nth-child(2) {
     display: flex;
     font-size: var(--font-small);
     margin-top: var(--dim-4px);
     color: var(--color-gray);
 }

 .calculate-payout-container-inner-right {
     display: flex;
     flex-direction: column;
     width: 50%;
     width: 360px;
     height: fit-content;
     background-color: transparent;
     border-radius: var(--roundness);
     margin-left: auto;
     box-sizing: border-box;
 }

 .calculate-payout-container-inner-right>div {
     display: flex;
     flex-direction: column;
     height: fit-content;
     background-color: var(--color-white);
     border-radius: var(--roundness);
     padding: var(--dim-16px);
     box-sizing: border-box;
     box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
         rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
 }

 .calculate-payout-select-plan {
     display: flex;
     margin-bottom: var(--dim-32px);
 }

 .calculate-payout-select-free {
     display: flex;
     font-size: var(--font-medium);
     cursor: pointer;
     margin-right: var(--dim-16px);
     color: var(--color-gray);
 }

 .calculate-payout-select-free:hover {
     text-decoration: underline;
 }


 .calculate-payout-select-pro {
     display: flex;
     font-size: var(--font-medium);
     cursor: pointer;
     color: var(--color-gray);
 }

 .calculate-payout-select-pro:hover {
     text-decoration: underline;
 }

 .calculate-payout-select-active {
     pointer-events: none;
     color: var(--color-brand);
     text-decoration: none;
 }


 .calculate-payout-select-pro:focus {
     background-color: var(--color-brand) !important;
     pointer-events: none !important;
     border: 1px solid var(--color-brand-dark) !important;
     color: var(--color-white) !important;
 }

 .calculate-payout-select-free:focus {
     background-color: var(--color-brand) !important;
     pointer-events: none !important;
     border: 1px solid var(--color-brand-dark) !important;
     color: var(--color-white) !important;
 }

 .selling-pricing-currency-container {
     display: flex;
 }

 .calculate-payout-clients-pay-container {
     display: flex;
 }

 .calculate-payout-clients-you-will-get-container {
     display: flex;
 }

 .calculate-payout-margin-top {
     margin-top: var(--dim-16px);
 }

 .calculate-payout-title {
     margin-left: var(--dim-4px);
     font-size: var(--font-medium) !important;
     margin-bottom: var(--dim-8px);
 }

 .calculate-payout-price-container {
     display: flex;
     margin: 0px;
     padding: 0px;
     height: 50px !important;
     min-height: 50px;
     border: 1px solid var(--color-stroke);
     border-radius: var(--roundness);
     display: flex;
     align-items: center;
     width: auto;
     flex: 1;
     margin-right: var(--dim-16px);
 }

 .calculate-payout-price-image {
     margin: 0px;
     padding: 0px;
     min-width: 20px;
     object-fit: contain;
     height: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-left: var(--dim-16px);
     filter: invert(0);
 }

 .calculate-payout-price-input {
     margin: 0px;
     padding: 0px;
     height: 100%;
     width: 100%;
     border-radius: var(--roundness);
     border: none;
     padding: 0px var(--dim-16px);
     padding-left: var(--dim-8px);
     padding-right: 0px;
     caret-color: var(--color-black) !important;
     outline: 0px;
 }

 .calculate-payout-price-input:hover,
 .calculate-payout-price-input:active {
     outline: 0px;
 }

 .calculate-payout-currency-container {
     display: flex;
     margin: 0px;
     padding: 0px;
     height: 50px;
     border: 1px solid var(--color-stroke);
     border-radius: var(--roundness);
     display: flex;
     align-items: center;
     width: 100px !important;
     margin-left: auto;
 }

 .calculate-payout-currency-image {
     margin: 0px;
     padding: 0px;
     min-width: 20px;
     object-fit: cover;
     height: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-left: var(--dim-16px);
     border-radius: var(--roundness-full);
 }

 .calculate-payout-currency-select {
     display: flex;
     cursor: pointer;
     width: 100%;
     height: 100%;
     outline: 0px;
     border: none;
     appearance: none;
     background: url("https://rapidoconnect.com/img/arrow_down.png") no-repeat right var(--dim-16px) center;
     background-size: var(--dim-12px);
     cursor: pointer;
     margin-left: var(--dim-8px);
     font-size: var(--font-small);
     align-items: center;
 }

 .calculate-payout-currency-select:hover {
     outline: 0px;
     border: none;
 }

 .calculate-payout-platform-fee-container {
     margin: 0px var(--dim-8px);
     margin-top: var(--dim-32px);
     display: flex;

 }

 .calculate-payout-platform-fee-title {
     display: flex;
     font-size: var(--font-medium);
 }

 .calculate-payout-platform-fee-value {
     display: flex;
     margin-left: auto;
     font-size: var(--font-medium);
     align-items: center;
 }

 .calculate-payout-platform-fee-value>span {
     display: flex;
     margin-left: auto;
     font-size: var(--font-medium);
     margin-left: var(--dim-4px);
 }

 .calculate-payout-info {
     display: flex;
     font-size: var(--font-small);
     margin-top: var(--dim-32px);
     color: var(--color-gray);
 }

 .calculate-payout-exclude-charges {
     font-size: var(--font-small);
     margin-top: var(--dim-12px);
     width: fit-content;

 }

 @media only screen and (max-width: 950px) {
     .calculate-payout-fees-container {
         flex-direction: column;
     }

     .calculate-payout-fees-container>div {
         width: 200px;
     }

     .calculate-payout-margin-bottom-16 {
         margin-bottom: var(--dim-16px);
     }
 }

 @media only screen and (max-width: 850px) {
     .calculate-payout-container-inner {
         flex-direction: column;
     }

     .calculate-payout-container-inner-left {
         margin-bottom: var(--dim-32px);
         width: 100%;
     }

     .calculate-payout-container-inner-right {
         display: flex;
         width: 100% !important;
         margin-left: 0px;
     }

     .calculate-payout-container-inner-right>div {
         width: 100% !important;
     }

     .calculate-payout-fees-container {
         flex-direction: row;
         display: flex !important;
         grid-template-columns: 1fr 1fr 1fr;
         gap: var(--dim-16px);
         box-sizing: initial
     }

     .calculate-payout-fees-container>div {
         display: flex;
         margin: 0px !important;
         justify-content: center;
         align-items: center;
         margin-bottom: var(--dim-16px) !important;
     }

     .calculate-payout-fees-container>div:nth-child(1) {

         width: 28% !important;
     }

     .calculate-payout-fees-container>div:nth-child(2) {

         margin-left: auto !important;
         width: 70% !important;
     }




 }


 /* CALCULATE PAYOUT SECTION ENDS */
 /* ************************************************************** */
 /* ************************************************************** */
 /* ************************************************************** */
 /* FEATURE 1 SECTION STARTS */

 .features1-container {
     margin: 0px;
     padding: 0px;
     width: 100%;
     display: flex;
     flex-direction: column;
     margin: 0 auto;
     right: 0;
     left: 0;
     max-width: var(--global-max-width);
     align-items: center;
     justify-content: center;
     height: fit-content;
     box-sizing: border-box;
     padding: var(--dim-separator-gap) 0px;
     padding-bottom: var(--dim-16px);
 }

 .features1-container-inner {
     margin: 0px;
     padding: 0px;
     width: var(--global-width);
     display: flex;
     flex-direction: column;
     margin: 0 auto;
     height: fit-content;
     padding: var(--dim-32px);
     box-sizing: border-box;
     border-radius: var(--roundness);

     background: #1d183b;
     background: linear-gradient(45deg, #1d183b, #0c091c, #1d183b);
     background-size: 300% 300%;
     animation: diagonalFlow 5s ease-in-out infinite;
 }

 .features1-container-inner>div {
     width: 100%;
 }

 .features1-grid {
     display: grid;
     gap: var(--dim-16px);
     grid-template-columns: 1fr;
 }

 .features1-grid-item {
     display: flex;
 }

 .features1-grid-item-left {
     display: flex;
     width: 48%;
     flex-direction: column;
 }

 .features1-grid-item-title {
     display: flex;
     font-size: var(--font-large);
     color: var(--color-white);
     font-size: var(--font-large-extra);
     margin-bottom: var(--dim-8px);
     flex-direction: column;
 }

 .features1-grid-item-title>strong {
     display: flex;
     color: var(--color-brand);
     font-weight: 800;
     font-size: var(--font-large-extra);
     margin-right: var(--dim-8px);
     text-transform: uppercase;
     color: var(--color-brand);
     -webkit-text-stroke: 1px;
 }

 .features1-grid-item-desc {
     margin-top: var(--dim-8px);
     font-size: var(--font-medium);
     color: var(--color-white);
     margin-bottom: var(--dim-32px);
 }

 .features1-grid-item-ul {}

 .features1-grid-item-li {
     display: flex;
     font-size: var(--font-medium);
     color: var(--color-white);
     margin-bottom: var(--dim-8px);
 }

 .features1-grid-item-li>div {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--dim-16px) !important;
 }

 .features1-grid-item-li:last-child {
     margin-bottom: 0px;
     margin-bottom: var(--dim-32px) !important;
 }

 .features1-grid-item-li>div>p:nth-child(1) {
     display: flex;
     font-size: var(--font-large);
     color: var(--color-white);
     margin-bottom: var(--dim-8px);
 }

 .features1-grid-item-li>div>p:nth-child(2) {
     display: flex;
     font-size: var(--font-medium);
     color: var(--color-white);
 }

 .features1-general-btn {
     margin: 0px;
     padding: 0px;
     display: flex;
     color: var(--color-white);
     font-size: var(--font-medium);
     text-align: center;
     border-radius: var(--roundness-full);
     padding: var(--dim-16px);
     cursor: pointer;
     outline: 0px;
     border: none;
     width: fit-content;
     height: fit-content;
     background-color: var(--color-brand);
     align-items: center;
     text-decoration: none;
     transform: scale(1);
     margin-top: auto;
 }

 .features1-general-btn>img {
     display: flex;
     width: 20px;

     object-fit: contain;
     height: 20px;
     margin-left: var(--dim-8px);
     filter: invert(1);
 }

 .features1-general-btn:hover {
     color: var(--color-black) !important;
     background-color: var(--color-white) !important;
     box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
         rgba(0, 0, 0, 0.3) 0px 8px 16px -8px !important;

     transform: scale(1.1);
 }

 .features1-general-btn:hover img {
     filter: invert(0);
 }

 .features1-grid-item-right {
     display: flex;
     width: 48%;
     flex-direction: column;
     margin-left: auto;
 }

 .features1-grid-item-right>img {
     display: flex;
     width: 100%;
 }

 @media only screen and (max-width: 950px) {
     .features1-grid-item-left {
         width: 100%;
     }

     .features1-grid-item-right {
         display: none;
     }

     .features1-container {
         padding: var(--dim-separator-gap) 0px;
         box-sizing: none;

         background: #1d183b;
         background: linear-gradient(45deg, #1d183b, #0c091c, #1d183b);
         background-size: 300% 300%;
         animation: diagonalFlow 5s ease-in-out infinite;
     }

     .features1-container-inner {
         margin: 0px !important;
         padding: 0px !important;
         border-radius: 0px;
         background: initial;
         background: none;
         background-size: none;
     }
 }




 /* FEATURE 1 SECTION ENDS */
 /* ************************************************************** */
 /* ************************************************************** */
 /* ************************************************************** */
 /* FEATURE 2 SECTION STARTS */

 .features2-container {
     margin: 0px;
     padding: 0px;
     width: 100%;
     display: flex;
     flex-direction: column;
     margin: 0 auto;
     right: 0;
     left: 0;
     max-width: var(--global-max-width);
     align-items: center;
     justify-content: center;
     height: fit-content;
     box-sizing: border-box;
     padding: var(--dim-separator-gap) 0px;
     padding-top: 0px;

 }

 .features2-container-inner {
     margin: 0px;
     padding: 0px;
     width: var(--global-width);
     display: flex;
     flex-direction: column;
     margin: 0 auto;
     height: fit-content;
     border-radius: var(--roundness);
 }

 .features2-container-inner>div {
     width: 100%;
 }


 .features2-grid {
     display: grid;
     gap: var(--dim-16px);
     grid-template-columns: 1fr 1fr 1fr;
 }

 .features2-grid-item {
     display: flex;
     border-radius: var(--roundness);
     flex-direction: column;
     box-sizing: border-box;

     background-color: var(--color-white);
     padding: var(--dim-16px);
     box-sizing: border-box;

 }

 .features2-grid-item-title {
     display: flex;
     font-size: var(--font-large);
     color: var(--color-black);
     font-size: var(--font-large);
     margin-bottom: var(--dim-8px);
     flex-direction: column;
 }

 .features2-grid-item-title>strong {
     display: flex;
     color: var(--color-brand);
     font-size: var(--font-medium);
     margin-right: var(--dim-8px);
     color: var(--color-brand);
     -webkit-text-stroke: 0px;
 }

 .features2-grid-item-desc {
     margin-top: var(--dim-8px);
     font-size: var(--font-medium);
     color: var(--color-gray);

 }

 .features2-grid-item-img-container {
     width: 20px;
     height: 20px;
     display: flex;
     background-color: var(--color-white);
     border-radius: var(--roundness);
     margin-bottom: var(--dim-16px);
     justify-content: center;
     align-items: center;
     display: none;
 }

 .features2-grid-item-img {
     height: 20px;
     width: 20px;
     object-position: center;
     object-fit: contain;

 }

 @media only screen and (max-width: 1200px) {
     .features2-grid {
         grid-template-columns: 1fr 1fr;
     }
 }

 @media only screen and (max-width: 950px) {
     .features2-grid {
         grid-template-columns: 1fr 1fr;
     }


     .features2-container {
         padding: var(--dim-separator-gap) 0px;
         box-sizing: none;

         background: var(--color-white);
     }

     .features2-container-inner {
         margin: 0px !important;
         padding: 0px !important;
         border-radius: 0px;
         background: initial;
         background: none;
         background-size: none;
     }

     .features2-grid-item {
         padding: var(--dim-16px);

     }
 }

 @media only screen and (max-width: 650px) {
     .features2-grid {
         grid-template-columns: 1fr;
     }


 }

 /* FEATURE 2 SECTION ENDS */
 /* ************************************************************** */
 /* ************************************************************** */
 /* ************************************************************** */
 /* ************************************************************** */
 /* WHAT SELL SECTION STARTS */

 .what-sell-container {
     margin: 0px;
     padding: 0px;
     width: 100%;
     display: flex;
     flex-direction: column;
     margin: 0 auto;
     right: 0;
     left: 0;
     max-width: var(--global-max-width);
     align-items: center;
     justify-content: center;
     height: fit-content;
     background-color: var(--color-brand-light);

     background: #1d183b;
     background: linear-gradient(45deg, #1d183b, #0c091c, #1d183b);
     background-size: 300% 300%;
     animation: diagonalFlow 5s ease-in-out infinite;
 }

 .what-sell-container-inner {
     margin: 0px;
     padding: 0px;
     width: var(--global-width);
     display: flex;
     margin: 0 auto;
     height: fit-content;
     padding: var(--dim-separator-gap) 0px;
     align-items: center;
 }

 .what-sell-container-inner-left {

     display: flex;
     flex-direction: column;
     width: 50%;
 }

 .what-sell-container-inner-right {

     display: flex;
     flex-direction: column;
     width: 40%;
     margin-left: auto;
 }

 .what-sell-container-inner-left>h2 {
     font-size: var(--font-large-extra);
     color: var(--color-white);
 }

 .what-sell-container-inner-left>p:nth-child(2) {
     font-size: var(--font-large);
     margin-top: var(--dim-4px);
     margin-bottom: var(--dim-8px);
     color: var(--color-white);
 }

 .what-sell-container-inner-left>p {
     display: flex;
     font-size: var(--font-medium);
     color: var(--color-white);
 }

 .what-sell-container-inner-left>p:nth-child(4) {
     margin-top: var(--dim-16px);
     margin-bottom: var(--dim-32px);
     color: var(--color-white);
 }


 .what-sell-container-general-btn {
     margin: 0px;
     padding: 0px;
     display: flex;
     color: var(--color-white);
     font-size: var(--font-medium);
     text-align: center;
     border-radius: var(--roundness-full);
     padding: var(--dim-16px);
     cursor: pointer;
     outline: 0px;
     border: none;
     width: fit-content;
     height: fit-content;
     background-color: var(--color-brand);
     align-items: center;
     text-decoration: none;

 }

 .what-sell-container-general-btn>img {
     display: flex;
     width: 20px;

     object-fit: contain;
     height: 20px;
     margin-left: var(--dim-8px);
     filter: invert(1);
 }

 .what-sell-container-general-btn:hover {
     color: var(--color-black) !important;
     background-color: var(--color-white) !important;
     box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px !important;
 }

 .what-sell-container-general-btn:hover img {
     filter: invert(0);
 }

 .what-sell-container-general-btn:hover {
     color: var(--color-black) !important;
     background-color: var(--color-white) !important;
     box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px !important;

     transform: scale(1.1);
 }


 .what-sell-grid {
     display: grid;
     gap: var(--dim-16px);
     grid-template-columns: 1fr 1fr;
     margin-top: var(--dim-16px);
 }

 .what-sell-grid-item {
     display: flex;
     height: 180px;
     width: 100%;
     background-color: var(--color-white);
     border-radius: var(--roundness);
     justify-content: center;
     align-items: center;
     flex-direction: column;
 }

 .what-sell-grid-item:hover {
     box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
 }

 .what-sell-grid-item-1 {
     span: 1
 }

 .what-sell-grid-item-2 {
     span: 2
 }

 .what-sell-grid-item-3 {
     span: 3
 }

 .what-sell-grid-item-4 {
     span: 4
 }

 .what-sell-grid-item>img {
     display: flex;
     width: fit-content;
     height: 100px;
     object-fit: cover;
 }

 .what-sell-grid-item>p {
     display: flex;
     font-size: var(--font-medium);
     color: var(--color-black);
     margin-top: var(--dim-16px);

 }

 @media only screen and (max-width: 950px) {
     .what-sell-container-inner {
         flex-direction: column;
     }

     .what-sell-container-inner-left {
         width: 100%;

     }

     .what-sell-container-inner-right {
         width: 100%;
         margin-top: var(--dim-16px);
     }

     .what-sell-grid {

         grid-template-columns: 1fr 1fr 1fr;

     }
 }

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

     .what-sell-grid {
         grid-template-columns: 1fr 1fr;
     }
 }

 /* WHAT SELL SECTION ENDS */
 /* ************************************************************** */
 /* ************************************************************** */
 /* ************************************************************** */
 /* TESTIMONIALS SECTION STARTS */

 .testimonials-container {
     margin: 0px;
     padding: 0px;
     width: 100%;
     display: flex;
     flex-direction: column;
     margin: 0 auto;
     right: 0;
     left: 0;
     max-width: var(--global-max-width);
     align-items: center;
     justify-content: center;
     height: fit-content;

 }

 .testimonials-container-inner {
     margin: 0px;
     padding: 0px;
     width: var(--global-width);
     display: flex;
     flex-direction: column;
     margin: 0 auto;
     height: fit-content;
     padding: var(--dim-separator-gap) 0px;
 }


 .testimonials-container-inner>h2 {

     font-size: var(--font-large-extra);

 }


 .testimonials-swiper {
     width: 100%;
     margin-top: var(--dim-32px);
 }

 .testimonials-swiper-slide {
     height: 200px;
     padding: var(--dim-16px);
     box-sizing: border-box;
     background-color: var(--color-white);
     border-radius: var(--roundness);
     display: flex;
     flex-direction: column;
     border: 1px solid var(--color-stroke);
 }

 .testimonials-reviews-container {
     display: flex;
 }

 .testimonials-reviews-container>img {
     width: 20px;
     height: 20px;
     object-fit: contain;
     margin-right: var(--dim-8px);
 }

 .testimonials-quote {
     display: flex;
     font-size: var(--font-medium);
     color: var(--color-black);
     margin-top: var(--dim-16px);

     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     overflow: hidden;


 }

 .testimonials-person-container {
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     align-items: flex-end;
     align-self: flex-end;
     margin-top: auto;

 }

 .testimonials-person-container>p:nth-child(1) {
     font-size: var(--font-medium);
     color: var(--color-black);

 }

 .testimonials-person-container>p:nth-child(2) {
     font-size: var(--font-medium);
     color: var(--color-gray);
 }

 /* TESTIMONIALS SECTION ENDS */
 /* ************************************************************** */
 /* ************************************************************** */
 /* ************************************************************** */
 /* PRICING SECTION STARTS */


 .pricing-container {
     margin: 0px;
     padding: 0px;
     width: 100%;
     display: flex;
     flex-direction: column;
     margin: 0 auto;
     right: 0;
     left: 0;
     max-width: var(--global-max-width);
     align-items: center;
     justify-content: center;
     height: fit-content;
     background-color: var(--color-white);
 }

 .pricing-container-inner {
     margin: 0px;
     padding: 0px;
     width: var(--global-width);
     display: flex;
     flex-direction: column;
     margin: 0 auto;
     height: fit-content;
     padding: var(--dim-separator-gap) 0px;
     overflow: auto !important;
 }

 .pricing-details-container {
     display: flex;
     flex-direction: column;
     border-radius: var(--roundness);
 }

 .pricing-details-item {
     display: flex;
     height: fit-content;
     border-bottom: 1px solid var(--color-stroke);
     width: 100%;
     align-items: center;
     min-height: 200px;
 }

 .pricing-pro-value>span {
     font-size: var(--font-small);
     margin-left: var(--dim-4px);
 }

 .pricing-details-item:last-child {
     border-bottom: 0px solid var(--color-stroke);
 }

 .pricing-feature-title-container {
     width: 68%;
 }

 .pricing-feature-title-container>p:nth-child(1) {
     display: flex;
     font-size: var(--font-large);
 }

 .pricing-feature-title-container>p:nth-child(2) {
     display: flex;
     font-size: var(--font-medium);
     color: var(--color-gray);
     margin-top: var(--dim-8px);
     width: 80%;
 }

 .pricing-free-title-container {
     display: flex;
     width: 16%;
     justify-content: flex-end;
     align-items: flex-end;
 }

 .pricing-free-title-container>p {
     display: flex;
     font-size: var(--font-large);
     align-items: center;
 }

 .pricing-pro-title-container {
     display: flex;
     width: 16%;
     justify-content: flex-end;
     align-items: flex-end;
 }

 .pricing-pro-title-container>p {
     display: flex;
     font-size: var(--font-large);
     align-items: center;
 }

 .pricing-details-item-plans {
     min-height: fit-content !important;
     padding-bottom: var(--dim-16px);
 }

 .pricing-details-item-plans p {
     min-height: fit-content !important;
     font-size: var(--font-large-extra) !important;
 }

 .pricing-feature-yes {
     filter: invert(1);
     width: 20px;
     height: 20px;
     object-fit: contain;
 }

 .pricing-feature-no {
     width: 20px;
     height: 20px;
     object-fit: contain;
 }

 .pricing-green {
     background-color: var(--color-green) !important;
     padding: var(--dim-4px) var(--dim-8px) !important;
     border-radius: 8px;
     font-size: var(--font-medium) !important;
     width: fit-content !important;
     color: var(--color-white) !important;
 }

 .pricing-span {
     font-size: var(--font-medium);
     margin-left: var(--dim-4px);
 }

 .pricing-container-general-btn {
     margin: 0px;
     padding: 0px;
     display: flex;
     color: var(--color-white);
     font-size: var(--font-medium);
     text-align: center;
     border-radius: var(--roundness-full);
     padding: var(--dim-16px);
     cursor: pointer;
     outline: 0px;
     border: none;
     width: fit-content;
     height: fit-content;
     background-color: var(--color-brand);
     align-items: center;
     text-decoration: none;
     transform: scale(1);
     margin: 0 auto;
 }

 .pricing-container-general-btn>img {
     display: flex;
     width: 20px;

     object-fit: contain;
     height: 20px;
     margin-left: var(--dim-8px);
     filter: invert(1);
 }

 .pricing-container-general-btn:hover {
     color: var(--color-black) !important;
     background-color: var(--color-white) !important;
     box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
         rgba(0, 0, 0, 0.3) 0px 8px 16px -8px !important;

     transform: scale(1.1);
 }

 .pricing-container-general-btn:hover img {
     filter: invert(0);
 }

 @media only screen and (max-width: 700px) {
     .pricing-feature-title-container {
         min-width: 200px !important;
     }

     .pricing-free-title-container {
         min-width: 100px !important;
     }

     .pricing-pro-title-container {
         min-width: 130px !important;
     }

     .pricing-free-title-container>p {
         font-size: var(--font-medium);
     }

     .pricing-pro-title-container>p {
         font-size: var(--font-medium);
     }

     .pricing-feature-title-container>p:nth-child(2) {
         width: 100%;
     }
 }

 /* PRICING SECTION STARTS */
 /* ************************************************************** */
 /* ************************************************************** */
 /* ************************************************************** */
 /* FOOTER SECTION STARTS */

 .footer-container {
     margin: 0px;
     padding: 0px;
     display: flex;
     height: fit-content;
     position: relative;
     width: 100%;
     display: flex;
     max-width: var(--global-max-width);
     margin: auto;

     background: #1d183b;
     background: linear-gradient(45deg, #1d183b, #0c091c, #1d183b);
     background-size: 300% 300%;
     animation: diagonalFlow 5s ease-in-out infinite;

 }

 .footer-container-inner {
     margin: 0px;
     padding: 0px;
     width: var(--global-width);
     display: flex;
     flex-direction: column;
     margin: 0 auto;
     height: fit-content;
     padding: var(--dim-32px) 0px;
 }

 .footer-top {
     display: flex;
     width: 100%;


 }

 .footer-main {

     display: flex;
     flex-direction: column;
 }


 .footer-section-title {
     margin: 0px;
     padding: 0px;
     font-size: var(--font-medium);
     color: var(--color-white);
     width: 80%;
 }



 .footer-logo-container {
     display: flex;
     flex-direction: column;
     margin-bottom: var(--dim-16px);


 }

 .footer-logo-container>p {
     margin: 0px;
     padding: 0px;
     color: var(--color-white);
     font-size: var(--font-large-extra);
     font-weight: 900;
     text-transform: uppercase;
     -webkit-text-stroke: 1px var(--color-white);
     width: fit-content;


 }

 .footer-poweredby {
     display: flex;
     align-items: center;
     width: 100%;

 }

 .footer-poweredby>p {
     margin: 0px;
     padding: 0px;
     color: var(--color-white);
     font-size: var(--font-small);
     display: flex;

 }

 .footer-poweredby>img {

     height: 18px;
     margin-left: var(--dim-4px);
     cursor: pointer;
     object-fit: contain;
 }


 .footer-social-icons {
     display: flex;
     margin-top: auto;
     margin-left: auto;
     justify-self: flex-end;
     align-items: flex-end;

 }

 .footer-social-icons>a {
     width: 40px;
     height: 40px;
     cursor: pointer;

     margin-left: var(--dim-16px);
 }

 .footer-social-icons>a:hover {

     transform: scale(var(--scale-down-effect));
 }

 .footer-social-icons>a>img {
     width: 40px;
     height: 40px;
 }










 .footer-section-ul {
     margin: 0px;
     padding: 0px;
     list-style: none;
     margin-top: var(--dim-16px);
 }

 .footer-section-li {
     margin: 0px;
     padding: 0px;
     font-size: var(--font-small);
     margin-bottom: var(--dim-2px);
     color: var(--color-white);
 }

 .footer-section-a {
     color: var(--color-black);
     text-decoration: none;
     cursor: pointer;
     color: var(--color-white);
     font-size: var(--font-small);
 }

 .footer-section-a:hover {
     color: var(--color-brand);
     text-decoration: underline;
 }


 .footer-middle {
     display: flex;
     margin-top: var(--dim-64px);
     margin-bottom: var(--dim-64px);
 }

 .footer-middle-section {
     width: 25%;
     display: flex;
     flex-direction: column;

 }

 .footer-bottom {
     width: 100%;
     height: fit-content;
     display: flex;
     align-items: center;
 }

 .footer-rights {
     margin: 0px;
     padding: 0px;
     color: var(--color-white);
     font-size: var(--font-medium);
 }

 .footer-payment-method {
     margin-left: auto;
 }

 .footer-company {
     color: var(--color-white);
 }


 .footer-no-pointer {
     pointer-events: none;
 }

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

     .footer-top {
         flex-direction: column;
     }

     .footer-main {
         width: 100%;
     }

     .footer-social-icons {
         width: 100%;

         margin-top: var(--dim-16px);
         margin-left: 0px;
         justify-self: initial;
         align-items: initial;
         flex-wrap: wrap;

     }

     .footer-social-icons>a {
         margin-right: var(--dim-16px);
         margin-left: 0px;
         margin-bottom: var(--dim-16px);
     }

     .footer-middle {
         display: flex;
         margin-top: var(--dim-32px);
         margin-bottom: var(--dim-32px);
     }

     .footer-section-title {
         width: 100%;
     }
 }

 @media only screen and (max-width: 1060px) {
     .footer-middle-section {
         width: 25% !important;
     }

     .footer-middle {
         flex-wrap: wrap;
     }

     .footer-middle-margin-bottom-16 {
         margin-bottom: var(--dim-16px);
     }

     .footer-middle-margin-left-auto {
         margin-left: auto !important;
     }
 }

 @media only screen and (max-width: 550px) {
     .footer-middle-section {
         width: 49% !important;
     }

     .footer-middle {
         flex-wrap: wrap;
     }

     .footer-middle-margin-bottom-16 {
         margin-bottom: var(--dim-16px);
     }

     .footer-middle-margin-left-auto {
         margin-left: auto !important;
     }
 }


 /* ************************************************************** */
 /* ************************************************************** */
 /* ************************************************************** */