@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');
html {overflow-x: hidden;}
body {margin: 0;padding: 0;font-family: "Red Hat Display", sans-serif; overflow: hidden; background: #f7f7f8;font-size: 18px;line-height: normal;color: #504E4E;overflow-x: hidden;cursor: none;}
html {cursor: none;}
ul, ol, p, form, input, textarea, select, pre, em, sub, sup, canvas, section, article, aside, img, a, li, iframe, table, nav, header, footer, body, menu, button {margin: 0;padding: 0;vertical-align: baseline;box-sizing: border-box;-webkit-box-sizing: border-box;list-style: none;text-decoration: none;outline: none;border: 0;border-spacing: 0;border-collapse: collapse;}
*, after, before {box-sizing: border-box;-webkit-box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-weight: normal;}
body {line-height: 1;}
select{background-image: none !important;}
a {color: var(--black-color);text-decoration: none;transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;}
a:hover {text-decoration: none;color: var(--blue-color);}
p {line-height: 1.6;font-size: 18px;color: var(--black-color);font-family: "Red Hat Display", sans-serif;}
b, strong {font-weight: 600;}
a:focus {background: none;}
u {text-decoration: underline;}
i, em {font-style: italic;}
img {max-width: 100%;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {appearance: none;-webkit-appearance: none;-webkit-appearance: none;}
input[type="button"], input[type="submit"], input[type="reset"] {cursor: pointer;font-size: 14px;}
.clearfix {clear: both;}
::-moz-selection {color: #fff;background: var(--blue-color);}
::selection {color: #fff;background: var(--blue-color);}
:root {--black-color: #000;--white-color: #fff;--blue-color: #2895FC;}

@media screen and (min-width:1500px) {
    .container {max-width: 1470px !important;}
}

.btn {border: 1px solid transparent;padding: 10px 20px;font-size: 18px;font-weight: 600;color: rgba(0, 0, 0, 1);transition: 0.4s;-webkit-transition: 0.4s;background: transparent;border-radius: 10px;text-align: center;}
.btn:focus{box-shadow: none; outline: none;}
.btn-primaryx{background: rgba(212, 78, 82, 1); color: #fff;}
.btn-primaryx:hover,
.btn-primaryx:focus{background: transparent; color: rgba(212, 78, 82, 1); border-color: rgba(212, 78, 82, 1);}
.btn-defaultx{background: transparent; color: rgba(0, 0, 0, 1); border-color: rgba(212, 78, 82, 1);}
.btn-defaultx:hover,
.btn-defaultx:focus{background: rgba(212, 78, 82, 1); color: #fff; border-color: rgba(212, 78, 82, 1);}


.logo img {max-width: 130px;}
header {position: fixed;top: 20px;left: 0;right: 0;width: 100%; z-index: 9;}
.header-bg-effect{background: rgba(255, 255, 255, 1);border-radius: 50px;padding: 13px 20px;box-shadow: 0 4px 34px rgb(0 0 0 / 6%);}
.header-menu ul {display: flex;align-items: center;justify-content: center;gap: 40px;}
.header-btn ul {display: flex;align-items: center;justify-content: end;gap: 10px;}
.header-menu ul li a {color: rgba(0, 0, 0, 1);font-size: 18px;font-weight: 600;line-height: 1.4;margin: 0;}
header.header.is-sticky {top: 0;background: #fff;box-shadow: 0 4px 34px rgb(0 0 0 / 6%); animation: slideDown 0.35s ease-out;}
@keyframes slideDown {
  from {transform: translateY(-100%);}
  to {transform: translateY(0);}
}
header.header.is-sticky .header-bg-effect {box-shadow: none;}

section.banner-section{background: url(../images/banner-bg-image.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; padding: 10rem 0;}
.main-banner-content-wrapper {max-width: 1050px;margin: 0 auto;}
.banner-content-wrapper {text-align: center;}
.banner-content-wrapper h1 {color: rgba(0, 0, 0, 1);font-size: 59px;font-weight: 900;line-height: 1.1;margin: 0 0 10px;}
.banner-content-wrapper h1 strong{color: rgba(212, 78, 82, 1); font-style: italic; font-weight: 900;}
.banner-content-wrapper p{color: rgba(139, 139, 158, 1); font-size: 18px; font-weight: 500; line-height: 1.6; margin: 0;}
.banner-btn-parent ul {margin: 2rem 0 0;display: flex;align-items: center;justify-content: center;gap: 15px;}
.banner-btn-parent ul li .btn{min-width: 200px;}
.banner-textarea-wrapper {margin: 3rem 0 0;}
.banner-textarea-wrapper strong {color: rgba(0, 0, 0, 1);font-size: 18px;font-weight: 600;line-height: 1.4;margin: 0;}

.main-textarea-box-wrapper {margin: 1rem 0 0;background: rgba(255, 255, 255, 0.26);border: 3px solid rgba(255, 255, 255, 1);border-radius: 20px; position: relative;}
.banner-textarea-header {background: rgba(255, 255, 255, 1);padding: 15px 15px;border-bottom: 1px solid rgba(255, 255, 255, 1);display: flex;align-items: center;justify-content: flex-start;}
.banner-textarea-header ul {display: flex;align-items: center;justify-content: flex-start;gap: 5px; margin-right: 10px;}
.banner-textarea-header ul li {width: 10px;height: 10px;border-radius: 50%;background: #000;}
.banner-textarea-header span {color: rgba(131, 131, 131, 1);font-size: 14px;font-weight: 500;line-height: 1.4;margin: 0;display: inline-block;}
.banner-textarea-header ul li.red{background: rgba(212, 78, 82, 1);}
.banner-textarea-header ul li.yellow{background: rgba(255, 157, 0, 1);}
.banner-textarea-header ul li.green{background: rgba(57, 190, 97, 1);}
.main-textarea-box-wrapper textarea {background: rgba(255, 255, 255, 0.26);width: 100%;height: 200px;padding: 15px;color: rgba(0, 0, 0, 1);font-size: 18px;font-weight: 600;line-height: 1.4;margin: 0;}
.textarea-bottom-fixed-box {display: flex;align-items: center;justify-content: space-between;position: absolute;bottom: 10px;left: 10px;right: 10px;}
.add-category-parent {display: flex;align-items: center;justify-content: flex-start;}
.add-category ul {display: flex;align-items: center;justify-content: flex-start;gap: 8px;margin-left: 20px;}
.add-category ul li {display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 0.24); padding: 10px 10px; border-radius: 20px; font-size: 16px; color: rgba(0, 0, 0, 1); font-weight: 600; box-shadow: 0 4px 64px rgba(0, 0, 0, 0.06); }
.add-category ul li figure {margin: 0;}
.add-category ul li figure img, .add-category ul li a img {max-height: 16px;}
.textarea-right-btn .btn.btn-primaryx {padding: 8px 15px;font-size: 15px;}
.add-category.category-main-parent-wrapper ul {justify-content: center;margin: 1rem 0 0;gap: 20px;}
.add-category ul li a {font-size: 16px;color: rgba(0, 0, 0, 1);font-weight: 600;}
.add-category ul li a img{vertical-align: middle; margin-right: 5px;}
.header-btn ul li .btn {padding: 7px 20px;}

.technologies-main-wrapper ul {display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;}
.technologies-main-wrapper ul li {width: 19%;}
.technologies-main-wrapper ul li a {border: 4px solid rgba(255, 255, 255, 1);background: #eee;display: inline-block;width: 100%;border-radius: 20px;height: 100%;padding: 15px;}
section.same-section {padding: 5rem 0;}
section.same-section.technologies-section {margin-top: -9rem;}
.technologies-main-wrapper {border: 9px solid rgba(255, 255, 255, 1);background: rgba(255, 255, 255, 0);border-radius: 20px;padding: 50px 20px;}
.technologies-main-wrapper ul li a figure {margin: 0 0 15px;}
.technologies-main-wrapper ul li a span {color: rgba(0, 0, 0, 1);font-size: 16px;font-weight: 600;line-height: 1.4;margin: 0;display: block;}
.technologies-main-wrapper ul li a.colorone {background: rgba(212, 78, 82, 0.2);}
.technologies-main-wrapper ul li a.colortwo {background: rgba(239, 187, 91, 0.29);}
.technologies-main-wrapper ul li a.colorthree {background: rgba(81, 117, 179, 0.15);}
.technologies-main-wrapper ul li a.colorfour {background: rgba(177, 223, 218, 0.6);}
.technologies-main-wrapper ul li a.colorfive {background: rgba(237, 215, 233, 0.6);}
.technologies-main-wrapper ul li a.colorsix {background: rgba(255, 177, 148, 0.5);}
.technologies-main-wrapper ul li a.colorseven {background: rgba(249, 193, 220, 0.6);}
.technologies-main-wrapper ul li a.coloreight {background: rgba(180, 221, 242, 0.6);}
.technologies-main-wrapper ul li a.colornine {background: rgba(249, 214, 215, 0.6);}

section.same-section.module-section {background: url(../images/module-bg.png); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
.module-box-parent {background: rgba(255, 255, 255, 0.71);box-shadow: 0 4px 64px rgba(0, 0, 0, 0.06);padding: 15px;position: relative;height: 100%;}
.module-box-parent figure {width: 50px;height: 50px;background: rgba(212, 78, 82, 0.06);margin: 0 0 15px;display: flex;align-items: center;justify-content: center;border-radius: 8px;}
.module-box-parent h2 {color: rgba(0, 0, 0, 1);font-size: 36px;font-weight: 800;line-height: 1.4;margin: 0 0 5px;}
.module-box-parent p {color: rgba(131, 131, 131, 1);font-size: 18px;font-weight: 600;line-height: 1.4;margin: 0;}
.module-box-parent:after {content: "";position: absolute;right: -1px;top: 50%;transform: translateY(-50%);border-right: 2px solid rgba(212, 78, 82, 1);width: 1px;height: 110px;background: rgba(212, 78, 82, 1);}
.module-box-parent:before {content: "";position: absolute;left: -1px;top: 50%;transform: translateY(-50%);border-right: 2px solid rgba(212, 78, 82, 1);width: 1px;height: 110px;background: rgba(212, 78, 82, 1);}

.same-heading-parent span {border: 1px solid rgba(212, 78, 82, 0.13);border-radius: 30px;background: rgba(212, 78, 82, 0.1);padding: 8px 15px;color: rgba(212, 78, 82, 1);font-size: 16px;font-weight: 600;line-height: 1.4;display: inline-block; margin: 0 0 15px;}
.same-heading-parent span img{margin: 0 5px; vertical-align: middle;}
.same-heading-parent h2 {color: rgba(0, 0, 0, 1);font-size: 44px;font-weight: 800;line-height: 1.4;margin: 0 0 8px;}
.same-heading-parent h2 strong {color: rgba(212, 78, 82, 1);font-style: italic;font-weight: 800;}
.same-heading-parent p {color: rgba(131, 131, 131, 1);font-size: 20px;font-weight: 700;line-height: 1.4;margin: 0;}
.fixed-box-content-parent .fixed-right-box a {border: 1px solid rgba(255, 255, 255, 1);padding: 10px 15px;background: rgba(255, 255, 255, 0.44);display: inline-block;margin: 10px 0 0;color: rgba(44, 196, 160, 1);font-size: 14px;font-weight: 500;border-radius: 30px;}
.fixed-box-content-parent .fixed-right-box p {color: rgba(0, 0, 0, 1);font-size: 16px;font-weight: 400;line-height: 1.6;margin: 0;}
.fixed-box-content-parent .fixed-right-box h3 {color: rgba(212, 78, 82, 1);font-size: 22px;font-weight: 700;line-height: 1.4;margin: 0;}
.fixed-box-content-parent .fixed-left-box figure {width: 70px;height: 70px;background: rgba(212, 78, 82, 1);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;}
.fixed-box-content-parent .fixed-left-box span {color: rgba(0, 0, 0, 1);font-size: 18px;font-weight: 700;line-height: 1.4;margin: 0;text-align: center;}
.fixed-box-content-parent .fixed-left-box {width: 50%;text-align: center;}
.fixed-section-wrapper .fixed-box-content-parent{display: flex;border: 7px solid rgba(255, 255, 255, 1);background: rgba(255, 255, 255, 0);padding: 20px 20px;border-radius: 20px;}
.fixed-right-box {padding-left: 30px;border-left: 1px solid rgba(217, 217, 217, 1);}
section.same-section.appstore-section .row {margin-top: 4rem;}
.fixed-section-wrapper .fixed-box-content-parent + .fixed-box-content-parent {margin-top: 1rem;}
.animated-box-parent .same-heading-parent {justify-content: center;display: flex;align-items: center;flex-wrap: wrap;gap: 15px; margin: 40px 0 0;}
.animated-box-parent .same-heading-parent span {margin: 0;}
.animated-box-parent {border: 7px solid rgba(255, 255, 255, 1);background: rgba(255, 255, 255, 0);padding: 20px 20px;border-radius: 20px; background: url(../images/animation-box-bg.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; padding-bottom: 100px;}
.animated-image-box {position: relative;height: 400px;overflow: hidden;}
.animated-box-box img {position: absolute;top: 100%;transform: translate(-50%, -50%);left: 50%; user-select: none;}

/*.animated-box-box img{animation: circle-rotate 20s linear infinite;}*/
.animation-img01{animation: circle-rotate 20s linear infinite;}
.animation-img02{animation: circle-rotatetwo 20s linear infinite;}
.animation-img03{animation: circle-rotateone 20s linear infinite;}

@keyframes circle-rotate {
  from {transform: translate(-50%, -50%) rotate(45deg);}
  to {transform: translate(-50%, -50%) rotate(405deg);}
}

@-webkit-keyframes circle-rotate {
  from {-webkit-transform: translate(-50%, -50%) rotate(45deg);}
  to {-webkit-transform: translate(-50%, -50%) rotate(405deg);}
}

@keyframes circle-rotatetwo {
  from {transform: translate(-50%, -50%) rotate(45deg);}
  to {transform: translate(-50%, -50%) rotate(405deg);}
}

@-webkit-keyframes circle-rotatetwo {
  from {-webkit-transform: translate(-50%, -50%) rotate-45deg);}
  to {-webkit-transform: translate(-50%, -50%) rotate-405deg);}
}

@keyframes circle-rotateone {
  from {transform: translate(-50%, -50%) rotate(-45deg);}
  to {transform: translate(-50%, -50%) rotate(-405deg);}
}

@-webkit-keyframes circle-rotateone {
  from {-webkit-transform: translate(-50%, -50%) rotate(-45deg);}
  to {-webkit-transform: translate(-50%, -50%) rotate(-405deg);}
}


section.same-section.appstore-section {padding-bottom: 1rem;}
.real-app-wrapper {border: 7px solid rgba(255, 255, 255, 1);border-radius: 20px;padding: 20px 20px 0;height: 100%;position: relative; background: url(../images/real-app-bg01.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
.real-app-header-parent {position: relative;padding-left: 5rem;margin-bottom: 2rem;}
.real-app-header-parent figure {position: absolute;left: 0;top: 0;margin: 0;width: 70px;height: 70px;}
.real-app-header-parent p {color: rgba(0, 0, 0, 1);font-size: 16px;font-weight: 400;line-height: 1.6;margin: 0;}
.real-app-header-parent h3 {color: rgba(0, 0, 0, 1);font-size: 26px;font-weight: bold;line-height: 1.4;margin: 0;}
section.same-section.real-app-section .same-heading-parent.text-center + .row {margin-top: 3rem;}
.real-app-image-parent img {margin-bottom: -3px;}

.real-app-wrapper.bgtwo {background: url(../images/real-app-bg02.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.real-app-wrapper.bgthree{background: url(../images/real-app-bg03.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.real-app-wrapper.bgfour{background: url(../images/real-app-bg04.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.real-app-wrapper.bgfive{background: url(../images/real-app-bg05.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.real-app-wrapper.bgsix{background: url(../images/real-app-bg06.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.real-app-wrapper.bgfive .real-app-header-parent.aws-depoloyment-parent figure {position: initial;margin: 0 0 15px;}
.real-app-wrapper.bgfive .real-app-header-parent.aws-depoloyment-parent {padding: 0;}
section.same-section.real-app-section .col-lg-7 .row.bottom-row-center-box {margin-top: 30px;}
section.same-section.real-app-section .col-lg-7 .row.bottom-row-center-box .col-lg-6 .col-lg-12:last-child {margin-top: 30px;}

.main-table-wrapper {border: 8px solid rgba(255, 255, 255, 1);border-radius: 20px;padding: 20px;background: rgba(255, 255, 255, 0.22);margin: 3rem 0 0;}
.main-table-wrapper table {width: 100%;}
.main-table-wrapper table tr td:first-child {width: 35%;}
.main-table-wrapper table tr th {color: rgba(0, 0, 0, 1);font-size: 20px;font-weight: 600;line-height: 1.4;margin: 0;padding: 15px;}
.table-text-parent p {color: rgba(131, 131, 131, 1);font-size: 16px;font-weight: 500;line-height: 1.4;margin: 0;}
.table-text-parent h3 {font-size: 20px;font-weight: 700;color: rgba(0, 0, 0, 1);line-height: 1.4;margin: 0;}
.main-table-wrapper table tr td {padding: 15px; font-size: 20px; font-weight: 500; line-height: 1.4;}
.main-table-wrapper table {width: 100%;background: rgba(255, 255, 255, 1);border-radius: 20px;}
.main-table-wrapper table tr:nth-child(even) {background: rgba(255, 255, 255, 0.22);}
.main-table-wrapper table tr:nth-child(even) td {background: rgb(241 241 241 / 22%);}

.main-table-wrapper table tr:nth-child(odd){background: rgba(255, 255, 255, 0.52);}
.main-table-wrapper table tr:nth-child(odd) td{background: rgba(255, 255, 255, 0.52);}
.main-table-wrapper table tr th:nth-child(2) {background: rgba(14, 164, 126, 0.05);border-left: 1px solid rgba(14, 164, 126, 0.33);border-right: 1px solid rgba(14, 164, 126, 0.33);color: rgba(14, 164, 126, 1);border-bottom: 1px solid rgba(14, 164, 126, 0.33);}
.main-table-wrapper table tr:nth-child(even) td:nth-child(2) {background: rgba(14, 164, 126, 0.05);}
.main-table-wrapper table tr td:nth-child(2) {border-left: 1px solid rgba(14, 164, 126, 0.33);border-right: 1px solid rgba(14, 164, 126, 0.33);color: rgba(14, 164, 126, 1);}
.main-table-wrapper table tr td.redtext {color: rgba(212, 78, 82, 1);}

.clients-content-wrapper ul {display: flex;align-items: center;justify-content: flex-start;margin: 0 0 20px; gap:5px;}
.clients-content-wrapper img {width: auto !important;}
.clients-content-wrapper {border: 7px solid rgba(255, 255, 255, 1);border-radius: 20px;background: rgba(255, 255, 255, 0.22);padding: 20px;}
.client-header-info {border: 1px solid rgba(255, 255, 255, 1);background: rgba(255, 255, 255, 0.22);border-radius: 13px;padding: 15px;box-shadow: 0 4px 64px rgba(0, 0, 0, 0.06); position: relative; padding-left: 85px;}
.client-header-info p {color: rgba(131, 131, 131, 1);font-size: 16px;font-weight: 500;line-height: 1.6;margin: 0;}
.client-header-info figure {width: 60px;height: 60px;margin: 0;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);}
.clients-content-wrapper .client-header-info + p {color: rgba(0, 0, 0, 1);font-size: 20px;font-weight: 400;line-height: 1.4;margin: 20px 0 0;}
.clients-content-wrapper .client-header-info + p strong {color: rgba(212, 78, 82, 1);font-weight: 400;}
.client-header-info h3 {color: rgba(0, 0, 0, 1);font-size: 20px;font-weight: bold;line-height: 1.4;margin: 0;}
.home-review-wrapper {margin-top: 3rem; margin-right: -20%;}

.home-review-wrapper .owl-nav button {width: 50px; height: 50px;border-radius: 50%;display: flex !important;align-items: center;justify-content: center;border: 1px solid rgba(255, 255, 255, 1) !important;background-color: rgba(255, 255, 255, 0.22) !important;opacity: 1;}
.home-review-wrapper .owl-nav button.owl-prev {background-image: url(../images/arrow-left.png) !important;background-repeat: no-repeat !important;background-position: center !important;background-size: 15px !important;}
.home-review-wrapper .owl-nav button.owl-next {background-image: url(../images/arrow-right.png) !important;background-repeat: no-repeat !important;background-position: center !important;background-size: 15px !important;}
.home-review-wrapper .owl-nav {margin: 0;position: absolute;top: -40%;left: 77%;display: flex !important;align-items: center;justify-content: end;}
.home-review-wrapper .owl-nav button span{display: none;}
.home-review-wrapper .owl-nav button:hover {border-color: rgba(212, 78, 82, 1) !important;}

section.same-section.plan-section {background: url(../images/plan-bg-img.png);background-size: 100% 100%;background-position: center;background-repeat: no-repeat;}
.plan-main-content-parent {border: 7px solid rgba(255, 255, 255, 1);border-radius: 20px;height: 100%;padding: 15px;background: rgba(255, 255, 255, 0.22);box-shadow: 0 4px 25px rgba(0, 0, 0, 0.04);}
.plan-main-content-parent p {color: rgba(0, 0, 0, 1);font-size: 17px;font-weight: 800;line-height: 1.4;margin: 0;padding: 0 0 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.plan-tier-label {display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.plan-popular-badge {display: inline-block;padding: 4px 12px;font-size: 12px;font-weight: 600;line-height: 1.4;border-radius: 20px;background: rgba(212, 78, 82, 0.12);color: rgba(212, 78, 82, 1);white-space: nowrap;}
.plan-main-content-parent.colorfullbox .plan-popular-badge {background: rgba(255, 255, 255, 0.22);color: rgba(255, 255, 255, 1);}
.plan-price {margin: 20px 0;}
.plan-price h3 {color: rgba(212, 78, 82, 1);font-size: 50px;font-weight: 800;line-height: 1.4;margin: 0;}
.plan-price h3 strong {color: rgba(0, 0, 0, 1);font-size: 19px;font-weight: 500;line-height: 1.4;margin: 0;}
.plan-main-content-parent .btn.btn-defaultx {background: rgba(115, 115, 115, 0.17);border-color: rgba(115, 115, 115, 0.17);color: rgba(0, 0, 0, 1);width: 100%;padding: 8px 15px;font-size: 18px;font-weight: 700;}
.plan-main-content-parent .btn.btn-defaultx:hover{background: transparent;}
.plan-list-parent{margin: 20px 0 0;}
.plan-list-parent p {color: rgba(0, 0, 0, 1);font-size: 18px;font-weight: 600;line-height: 1.4;margin: 0;border: none;padding: 0;}
.plan-list-parent ul{margin: 10px 0 0;}
.plan-list-parent ul li{color: rgba(0, 0, 0, 1); font-size: 18px; font-weight: 600; line-height: 1.4; margin: 0;}
.plan-list-parent ul li + li{margin-top: 10px;}
.plan-list-parent ul li img {max-height: 15px;margin-right: 7px;}
.plan-main-wrapper {margin: 4rem 0 0;}

.plan-main-content-parent.colorfullbox {background: rgba(212, 78, 82, 1);border-color: rgba(212, 78, 82, 1);}
.plan-main-content-parent.colorfullbox p {color: rgba(255, 255, 255, 1);border-color: rgba(255, 255, 255, 0.31);}
.plan-main-content-parent.colorfullbox .plan-price h3 {color: rgba(255, 255, 255, 1);}
.plan-main-content-parent.colorfullbox .plan-price h3 strong {color: rgba(255, 255, 255, 1);}
.plan-main-content-parent.colorfullbox .btn.btn-defaultx {background: rgba(255, 255, 255, 1);border-color: rgba(255, 255, 255, 1);color: #d44e52;}
.plan-main-content-parent.colorfullbox .btn.btn-defaultx:hover{background: transparent; color: #fff;}
.plan-main-content-parent.colorfullbox ul li {color: rgba(255, 255, 255, 1);}
.plan-main-content-parent.colorfullbox ul li img {filter: brightness(0) invert(1);}
.cta-wrapper {background: url(../images/cta-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;padding: 80px 30px;border-radius: 25px;text-align: center;border: 10px solid rgba(255, 255, 255, 1);}
.cta-wrapper .same-heading-parent p {color: rgba(74, 74, 74, 1);}
.cta-access-parent {display: flex;align-items: center;justify-content: center;margin: 30px 0;}
.cta-access-parent ul{display: flex;align-items: center;justify-content: center;}
.cta-access-parent ul li + li{margin-left: -10px;}
.cta-access-parent ul li:nth-child(2){position: relative;z-index: 1;}
.cta-access-parent ul li:nth-child(3){position: relative;z-index: 2;}
.cta-access-parent ul li:nth-child(4){position: relative;z-index: 3;}
.cta-access-parent p {color: rgba(74, 74, 74, 1);font-size: 16px;font-weight: 500;line-height: 1.4;margin-left: 10px;}
.cta-btn-parent .btn {min-width: 210px;}
.cta-btn-parent .btn + .btn{margin-left: 10px;}

footer {background: rgba(180, 180, 180, 0.12);padding: 25px 0;}
.footer-menu ul {display: flex;align-items: center;justify-content: center;}
.footer-menu ul li + li{margin-left: 30px;}
.footer-menu ul li a{color: rgba(74, 74, 74, 1); font-size: 16px; font-weight: 600; line-height: 1.4; margin: 0;}
.footer-menu ul li a:hover{color: rgba(212, 78, 82, 1);}
.footer-light p {text-align: right;color: rgba(74, 74, 74, 1);font-size: 16px;font-weight: 600;line-height: 1.6;margin: 0;}

.modal.login-model-parent .modal-dialog {max-width: 500px;}
.modal.login-model-parent .modal-dialog .modal-content{border: 5px solid rgba(255, 255, 255, 1);border-radius: 20px;background: rgba(242, 242, 245, 1);box-shadow: 0 4px 64px rgba(0, 0, 0, 0.23);}
.modal.login-model-parent .modal-dialog .modal-content {border: none;}
.modal.login-model-parent .modal-dialog .modal-content .modal-header {border: none;padding: 0;}

.modal.login-model-parent .modal-dialog .modal-content .modal-header button.btn-close {width: 30px; height: 30px; padding: 0; margin: 0 0 0 auto; display: flex; align-items: center; justify-content: center; opacity: 1; box-shadow: none; outline: none; position: absolute; top: 5px; right: 5px; background-size: 14px; z-index: 1;}
.login-modal-content {padding: 50px 0 30px;text-align: center;}
.login-modal-content h2 {color: rgba(0, 0, 0, 1);font-size: 22px;font-weight: bold;line-height: 1.4;margin: 0 0 10px;}
.login-modal-content strong {color: rgba(212, 78, 82, 1);font-weight: bold;}
.login-modal-content ul {margin: 30px 0 0;}
.login-modal-content ul li a,
.login-modal-content ul li button {display: flex; align-items: center; justify-content: center; border: 2px solid rgba(255, 255, 255, 1); background: rgba(247, 247, 248, 1); padding: 10px 15px; border-radius: 13px; color: rgba(0, 0, 0, 1); font-size: 18px; font-weight: 600; line-height: 1.4; gap: 15px; width: 100%;}
.login-modal-content ul li + li {margin-top: 15px;}
.login-modal-content figure {margin: 0 0 25px;}
.modal.login-model-parent {padding-right: 0 !important;}
.back-btn-paent a {display: flex;align-items: center;justify-content: flex-start;gap: 10px;margin: 0 0 20px;color: rgba(212, 78, 82, 1);font-size: 16px;font-weight: 500;line-height: 1.4;}
.modal-form-parent .form-group label {color: rgba(0, 0, 0, 1);font-size: 16px;font-weight: 500;line-height: 1.4;margin: 0 0 5px;display: block;text-align: left;}
.form-control {border: 1px solid rgba(210, 210, 210, 1);background: rgba(255, 255, 255, 1);padding: 10px 15px;border-radius: 10px;color: rgba(0, 0, 0, 1);font-size: 16px;font-weight: 500;line-height: 1.4;margin: 0;}
.form-control:focus{border-color: rgba(212, 78, 82, 1); box-shadow: none; outline: none;}
.modal-form-parent .form-group {margin: 0 0 25px;}
.password-fields {position: relative;}
.password-fields .toggle-password {position: absolute;top: 50%;right: 10px;transform: translateY(-50%);cursor: pointer;color: rgba(0, 0, 0, 0.45);}

.checkbox-parent .form-check {padding: 0;margin: 0;position: relative;text-align: left;padding-left: 25px;}
.checkbox-parent .form-check input {margin: 0; position: absolute; left: 0; top: 39%; transform: translateY(-50%); background: rgba(217, 217, 217, 1); width: 20px; height: 20px; border-color: transparent; box-shadow: none !important; outline: none;}
.checkbox-parent .form-check label.form-check-label {margin: 0;color: rgba(0, 0, 0, 1);font-size: 14px;font-weight: 500;line-height: 1.4; cursor: pointer;}
.checkbox-parent .form-check label.form-check-label a{color: rgba(212, 78, 82, 1);}
.checkbox-parent .form-check .form-check-input:checked[type=checkbox] {background-color: rgba(212, 78, 82, 1);}
.sucess-icon-parent{position: relative;}
.sucess-icon-parent img {position: absolute;top: 50%;transform: translateY(-50%);right: 10px;max-height: 15px;}
.sucess-icon-parent input {padding-right: 35px;}
.form-group .btn {width: 100%;}
.form-bottom-content p {color: rgba(0, 0, 0, 1);font-size: 14px;font-weight: 500;line-height: 1.4;margin: 0;}
.form-bottom-content p a{color: rgba(212, 78, 82, 1);}
.forgot-password {text-align: right;margin: 5px 0 0;}
.forgot-password a {color: rgba(0, 0, 0, 1);font-size: 14px;font-weight: 500;line-height: 1.4;margin: 0;}

section.same-section.privacy-policy-section {padding-top: 9rem; background: url(../images/privacy-policy-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}
.privacy-policy-wrapper p {color: rgba(0, 0, 0, 1);font-size: 20px;font-weight: bold;line-height: 1.6;margin: 0;}


.privacy-policy-content {margin: 3rem 0 0;border: 9px solid rgba(255, 255, 255, 1);background: rgba(255, 255, 255, 0);border-radius: 20px;padding: 25px 25px;}
.privacy-policy-content p {color: rgba(0, 0, 0, 1);font-weight: 500;font-size: 20px;line-height: 1.6;margin: 0;}
.privacy-policy-content p + p{margin-top: 30px;}
.footer-logo img {max-width: 130px;}
.animation-banner-text-wrapper {position: relative;transform: skew(-20deg);flex: 0 0 auto;min-width: 520px;margin: 0;}
.animation-banner-text-wrapper:after {content: "";position: absolute;right: 0;top: 0;bottom: 0;width: 10px;background: rgba(212, 78, 82, 1);}
.animation-banner-text-wrapper:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 10px;background: rgba(212, 78, 82, 1);}
.animation-banner-text-wrapper p span {width: 15px;height: 15px;background: rgba(212, 78, 82, 0.2);display: inline-block;border-radius: 50%;margin: 0 5px;}
.animation-banner-text-wrapper p {color: rgba(212, 78, 82, 0.34);font-size: 24px;font-weight: 700;line-height: 1.4;margin: 0;border: 1px solid rgba(0, 0, 0, 0.15);background: rgba(255, 255, 255, 1);padding: 10px;}
.animated-box-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 3rem 0;
}

.animation-banner-track {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    animation: marquee 9.5s linear infinite;
    will-change: transform;
    transform: translate3d(0, 0, 0);
}

@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

:root{
  --gold:#000;
}

#cur{position:fixed;width:8px;height:8px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .12s;}
#cur-r{position:fixed;width:32px;height:32px;border:1px solid #000;border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .25s,height .25s,border-color .25s;}

/* Hidden Google GIS button — triggered programmatically by custom button */
.auth-google-hidden {
  position: fixed !important;
  left: -10000px !important;
  top: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

.auth-google-hidden iframe,
.auth-google-hidden div[role="button"] {
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

.auth-field-error {
  color: rgba(212, 78, 82, 1);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  margin: 6px 0 0;
  text-align: left;
}

.auth-error,
.auth-saved-note {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 10px;
}

.auth-error {
  color: rgba(212, 78, 82, 1);
}

.auth-saved-note {
  color: rgba(74, 74, 74, 1);
}

.app-toast {
  position: fixed;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10000;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  background: #1a1a1a;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  animation: app-toast-in 0.3s ease;
  pointer-events: none;
}

.app-toast-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #22c55e;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
}

@keyframes app-toast-in {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

/* Auth login form — text-only validation, no field icons */
.auth-login-form .form-control.field-has-error {
  border-color: rgba(212, 78, 82, 1);
  background-image: none;
  padding-right: 15px;
}

.auth-login-form .form-control:focus.field-has-error {
  border-color: rgba(212, 78, 82, 1);
  box-shadow: none;
}

/* Standalone login page (/login) */
.login-page {
  position: relative;
  background: #f8fafc;
  font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
}

.login-page-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.08);
  pointer-events: none;
}

.login-card {
  max-width: 480px;
  z-index: 1;
  background: #fff;
}

.login-logo-mark {
  width: 40px;
  height: 40px;
  background: #e11d48;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 800;
}

.login-input {
  border-radius: 10px !important;
  border-color: #e2e8f0;
  background: #f8fafc;
  background-image: none !important;
}

.login-input:focus {
  border-color: #fda4af;
  box-shadow: 0 0 0 0.2rem rgba(225, 29, 72, 0.15);
  background: #fff;
}

.login-submit {
  background: #e11d48;
  border-color: #e11d48;
  font-weight: 600;
}

.login-submit:hover:not(:disabled) {
  background: #be123c;
  border-color: #be123c;
}

.login-link {
  color: #e11d48 !important;
  font-weight: 600;
}

.login-close {
  z-index: 2;
}

.login-google-wrap > div {
  width: 100% !important;
}

@media (max-width: 576px) {
  .login-card .card-body {
    padding: 1.25rem !important;
  }
}

.same-section.real-app-section .col-lg-5 {
  margin: 30px 0 0;
}

.plan-main-content-parent.colorfullbox p.plan-tier-label {
  justify-content: flex-start;
}
.plan-main-content-parent.colorfullbox p.plan-tier-label span.plan-popular-badge {
  background: #932C2F;
  padding: 6px 6px;
  border-radius: 5px;
}