:root {
    /*colors*/
    --primary-bg: #00509d;
    --heading-text: #00509d;
    --paragraph-text: #263c50;
    --white: #ffffff;
}

body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: var(--paragraph-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Plus Jakarta Sans", sans-serif;
    padding: 0;
    margin: 0;
    line-height: 1;
}

p {
    margin: 0;
}

a,
button,
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.btn {
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    height: 50px;
}

.btn-primary {
    background-color: var(--primary-bg);
}

.navbar {
    --bs-navbar-padding-y: 2rem;
    --bs-navbar-nav-link-padding-x: 1rem;
    --bs-nav-link-font-size: 1rem;
    --bs-navbar-active-color: var(--heading-text);
    transition: padding-top 0.3s ease, padding-bottom 0.3s ease;
}

.nav-link:hover {
    color: var(--heading-text);
    transition: all 0.3s ease;
}

.navbar-nav .appstore-link {
    transition: transform 0.3s ease-in-out;
}

.navbar-nav .appstore-link:hover {
    transform: scale(1.1);
}

.main-top {
    background-image: url("../images/banner_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 155px;
}

/*animation hover and active state*/

.nav-link {
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
    color: #222;
    text-decoration: none;
}

.nav-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 2px;
    width: 0;
    /* start hidden */
    background-color: var(--heading-text);
    transition: width 0.3s ease, left 0.3s ease;
    transform: translateX(-50%);
}

.nav-link:hover::after,
.nav-link.active::after {
    width: 40px;
    /* small underline width */
}

.nav-link.appstore-link::after {
    display: none;
}

.home-btn{
    padding-left:1rem!important;
    padding-right: 1.5rem!important;
    
}

.home-btn:hover{
    text-decoration: none;
}
.home-btn::after {
    display: none;
}
.footer-links{
    color: #ffffff;
}
.footer-links a{
  color: #ffffff;
  text-decoration: none;
}
.footer-links a:hover{
  text-decoration: underline;
}
.copyright-text{
    font-size: 14px;
}
.subpage-banner-bg{
    
    background-image: url("../images/subpage_banner_bg.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 155px;
    background-position: top left;
}
.subpage-sec{
    
    padding-bottom: 50px;
}
.subpage-sec p{
    
    font-size: 16px;
    /*line-height: 1.3rem;*/
    margin-bottom: 16px;
}

.subpage-sec p a{
     color: #00509D;
    text-decoration: none;
}
.subpage-sec p a:hover{
  text-decoration: underline;
}

.subpage-sec ul{
    list-style: disc;
    margin-bottom: 16px;
    padding-left:40px;
}
.subpage-sec li{
list-style: disc;
padding-bottom: 6px;

}
.subpage-sec li:last-child{
    padding-bottom: 0;
}
.subpage-sec .main-title {
    color: var(--heading-text);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
}

.subpage-sec .section-title {
            color: #00509D;
            font-weight: 700;
            margin-bottom: 16px;
            font-size: 20px;
        }

.subpage-sec .subsection-title {
            color: #00509D;
            font-weight: 700;
            margin-bottom: 8px;
            font-size: 16px;
        }


/* Custom styles for hamburger to X animation */
.navbar-toggler {
    border: none;
    padding: 0.5rem;
}

.navbar-toggler-icon {
    position: relative;
    width: 1.5em;
    height: 2px;
    background-color: #000;
    /* Adjust color as needed */
    transition: all 0.3s ease-in-out;
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
    content: '';
    position: absolute;
    width: 1.5em;
    height: 2px;
    background-color: #000;
    /* Adjust color as needed */
    transition: all 0.3s ease-in-out;
    left: 0;
}

.navbar-toggler-icon::before {
    top: -8px;
}

.navbar-toggler-icon::after {
    top: 8px;
}

/* When navbar is expanded (toggler is clicked) */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background: transparent;
    /* Hide middle bar */
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
    transform: rotate(45deg);
    top: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
    transform: rotate(-45deg);
    top: 0;
}




.banner-text-container {
    margin-bottom: 90px;
    max-width: 730px;
    width: 100vw;
}

.banner h1 {
    font-size: 65px;
    color: var(--heading-text);
    line-height: 74px;
}

.banner .lead {
    background: linear-gradient(270deg,
        rgba(255, 255, 255, 0) 16.16%,
        #c9e6ff 96.34%);
    border-left: 4px solid transparent;
    padding: 20px 16px 20px 24px;
    border-image-source: url('data:image/svg+xml,<svg width="4" height="21" viewBox="0 0 4 21" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_488_1458" fill="white"><path d="M0 0H4V21H0V0Z"/></mask><path d="M0 0H-2V1.05H0H2V0H0ZM0 3.15H-2V5.25H0H2V3.15H0ZM0 7.35H-2V9.45H0H2V7.35H0ZM0 11.55H-2V13.65H0H2V11.55H0ZM0 15.75H-2V17.85H0H2V15.75H0ZM0 19.95H-2V21H0H2V19.95H0ZM0 0H-4V1.05H0H4V0H0ZM0 3.15H-4V5.25H0H4V3.15H0ZM0 7.35H-4V9.45H0H4V7.35H0ZM0 11.55H-4V13.65H0H4V11.55H0ZM0 15.75H-4V17.85H0H4V15.75H0ZM0 19.95H-4V21H0H4V19.95H0Z" fill="%238FB5DA" mask="url(%23path-1-inside-1_488_1458)"/></svg>');
    border-image-slice: 4;
    border-image-repeat: round;
}

.banner .lead-text {
    font-size: 20px;
    font-weight: 400;
}

.banner-img {
    z-index: 99;
    position: relative;
}

.top-blue-bg {
    position: absolute;
    bottom: 0;
    left: 47%;
    z-index: 1;
    height: 123px;
    width: 53%;
    background-image: url('data:image/svg+xml,<svg width="3831" height="123" viewBox="0 0 3831 123" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3831 0L186.595 0C163.588 0 141.285 7.93319 123.445 22.462L0 123H3831V0Z" fill="url(%23paint0_linear_456_498)"/><defs><linearGradient id="paint0_linear_456_498" x1="763.152" y1="14.1998" x2="358.351" y2="440.463" gradientUnits="userSpaceOnUse"><stop stop-color="%230269CD"/><stop offset="1" stop-color="%2300488D" stop-opacity="0.3"/></linearGradient></defs></svg>');
    background-position: left 0;
    background-repeat: no-repeat;
}




section {
    padding: 100px 0;
}

section .section-title {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    letter-spacing: 0.2em;
}

section h2 {
    color: var(--paragraph-text);
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: 78px;
}

section h3 {
    color: var(--heading-text);
    font-weight: 700;
    font-size: 48px;
    line-height: 68px;
}

section h4 {
    color: var(--paragraph-text);
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 56px;
}

section p {
    font-size: 20px;
}

section .card {
    padding: 38px;
}

section .card p {
    font-size: 16px;
}

section .card .appstore-link {
    margin-top: 36px;
    align-self: center;
    max-width: 192px;
    transition: all 0.3s ease-out 0s;
    z-index: 99;
}

section .card .appstore-link:hover {
    transform: translateY(-10px);
}

.features .card {
    background-image: url('data:image/svg+xml,<svg width="388" height="918" viewBox="0 0 388 918" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="388" height="459" rx="32" fill="url(%23paint0_linear_483_1455)"/><rect width="388" height="459" rx="32" transform="matrix(1 0 0 -1 0 918)" fill="url(%23paint1_linear_483_1455)"/><defs><linearGradient id="paint0_linear_483_1455" x1="194" y1="0" x2="194" y2="459" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="%23B0DAFF"/></linearGradient><linearGradient id="paint1_linear_483_1455" x1="194" y1="0" x2="194" y2="459" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="%23B0DAFF"/></linearGradient></defs></svg>');
    background-position: center calc(50% + 45px);
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 85px;
    position: relative;
}

.features .card::after {
    content: "";
    background: linear-gradient(0deg, #FFFFFF 23.97%, rgba(255, 255, 255, 0) 99.99%);
    width: 100%;
    height: 55px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.features .card.portfolio,
.features .card.ai {
    background-image: url('data:image/svg+xml,<svg width="388" height="820" viewBox="0 0 388 820" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="388" height="459" rx="32" fill="url(%23paint0_linear_489_2438)"/><rect width="388" height="361" rx="32" transform="matrix(1 0 0 -1 0 820)" fill="url(%23paint1_linear_489_2438)"/><defs><linearGradient id="paint0_linear_489_2438" x1="194" y1="0" x2="194" y2="459" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="%23B0DAFF"/></linearGradient><linearGradient id="paint1_linear_489_2438" x1="194" y1="0" x2="194" y2="361" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="%23B0DAFF"/></linearGradient></defs></svg>');
    background-position: center calc(50% + 60px);
}

.mt-115 {
    margin-top: 115px;
}

.blue-gradient-bg {
    background: linear-gradient(0deg, #ffffff 0%, #e1edff 100%);
}

.dark-blue-gradient-bg {
    background: linear-gradient(99.81deg,
        #006b9d 0.13%,
        #005d9d 47.76%,
        #005d9d 97.26%);
}

/*splide carousel styles*/

.splide-content {
    background: linear-gradient(180deg, #ffffff 0%, #f5f9fc 100%);
    border: 1px solid #e1edff;
    border-radius: 50px;
    text-align: left;
}

.splide-content .border-bottom {
    border-color: #d9e8fe !important;
}

.splide__pagination {
    position: relative;
    margin-top: 45px;
    bottom: 0;
}

.splide__pagination__page {
    background: #d2e5ff;
    opacity: 1;
}

.splide__pagination__page.is-active {
    background: var(--primary-bg);
    transform: none;
}

.testimonial-user {
    width: 92px;
    line-height: 92px;
    border: 5px solid #fff;
    border-radius: 20px;
}

.testimonials .name {
    color: var(--heading-text);
    font-size: 24px;
}

.testimonials .designation {
    color: var(--paragraph-text);
}

.missions {
    background-color: #d6e3f2;
    background-image: url("../images/mission_img.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 625px;
}

.missions:after {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(81.22deg,
        #00509d 0.54%,
        rgba(21, 104, 183, 0.8) 38.63%,
        rgba(45, 130, 212, 0) 79.7%);
    transform: rotate(180deg);
}

.missions-text {
    z-index: 99;
}

footer {
    background-color: #02407c;
    background-image: url('data:image/svg+xml,<svg width="2984" height="191" viewBox="0 0 2984 191" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_467_1371" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="2984" height="191"><rect width="2984" height="191" fill="%2302407C"/></mask><g mask="url(%23mask0_467_1371)"><g opacity="0.6"><path d="M1268.47 300.697L1321.96 181.596L1286.33 153.355L1148 205.203L1183.18 233.086L1264.31 203.005L1233.33 272.843L1268.47 300.697Z" fill="%23D8E3EF" fill-opacity="0.1"/><path d="M1349.62 228.372L1402.37 109.929L1366.75 81.6881L1229.15 132.878L1264.33 160.762L1345.03 131.065L1314.48 200.519L1349.62 228.372Z" fill="%23D8E3EF" fill-opacity="0.1"/><path d="M1430.04 156.705L1483.52 37.6042L1447.9 9.36363L1309.57 61.2112L1344.74 89.0947L1425.88 59.0132L1394.9 128.852L1430.04 156.705Z" fill="%23D8E3EF" fill-opacity="0.05"/></g><g opacity="0.15"><path d="M1479.41 300.697L1532.9 181.596L1497.27 153.355L1358.95 205.203L1394.12 233.086L1475.26 203.005L1444.27 272.843L1479.41 300.697Z" fill="%23D8E3EF" fill-opacity="0.6"/><path d="M1560.57 228.372L1613.32 109.929L1577.69 81.6881L1440.1 132.878L1475.27 160.762L1555.98 131.065L1525.43 200.519L1560.57 228.372Z" fill="%23D8E3EF" fill-opacity="0.4"/><path d="M1640.98 156.705L1694.47 37.6042L1658.84 9.36363L1520.51 61.2112L1555.69 89.0947L1636.83 59.0132L1605.84 128.852L1640.98 156.705Z" fill="%23D8E3EF" fill-opacity="0.2"/></g><g opacity="0.1"><path d="M1690.36 300.697L1743.85 181.596L1708.22 153.355L1569.89 205.203L1605.07 233.086L1686.2 203.005L1655.22 272.843L1690.36 300.697Z" fill="%23D8E3EF" fill-opacity="0.6"/><path d="M1771.51 228.372L1824.26 109.929L1788.64 81.6881L1651.04 132.878L1686.22 160.762L1766.92 131.065L1736.37 200.519L1771.51 228.372Z" fill="%23D8E3EF" fill-opacity="0.4"/><path d="M1851.93 156.705L1905.42 37.6042L1869.79 9.36363L1731.46 61.2112L1766.64 89.0947L1847.77 59.0132L1816.79 128.852L1851.93 156.705Z" fill="%23D8E3EF" fill-opacity="0.2"/></g><g opacity="0.1"><path d="M1902.47 300.697L1955.96 181.596L1920.33 153.355L1782 205.203L1817.18 233.086L1898.31 203.005L1867.33 272.843L1902.47 300.697Z" fill="%23D8E3EF" fill-opacity="0.6"/><path d="M1983.62 228.372L2036.37 109.929L2000.75 81.6881L1863.15 132.878L1898.33 160.762L1979.03 131.065L1948.48 200.519L1983.62 228.372Z" fill="%23D8E3EF" fill-opacity="0.4"/><path d="M2064.04 156.705L2117.52 37.6042L2081.9 9.36363L1943.57 61.2112L1978.74 89.0947L2059.88 59.0132L2028.9 128.852L2064.04 156.705Z" fill="%23D8E3EF" fill-opacity="0.2"/></g><g opacity="0.6"><path d="M2115.47 299.96L2168.96 180.859L2133.33 152.618L1995 204.466L2030.18 232.349L2111.31 202.268L2080.33 272.106L2115.47 299.96Z" fill="%23D8E3EF" fill-opacity="0.1"/><path d="M2196.62 227.636L2249.37 109.192L2213.75 80.9513L2076.15 132.141L2111.33 160.025L2192.03 130.328L2161.48 199.782L2196.62 227.636Z" fill="%23D8E3EF" fill-opacity="0.1"/><path d="M2277.04 155.969L2330.52 36.8674L2294.9 8.62681L2156.57 60.4744L2191.74 88.3579L2272.88 58.2764L2241.9 128.115L2277.04 155.969Z" fill="%23D8E3EF" fill-opacity="0.05"/></g><g opacity="0.15"><path d="M2326.41 299.96L2379.9 180.859L2344.27 152.618L2205.95 204.466L2241.12 232.349L2322.26 202.268L2291.27 272.106L2326.41 299.96Z" fill="%23D8E3EF" fill-opacity="0.6"/><path d="M2407.57 227.636L2460.32 109.192L2424.69 80.9513L2287.1 132.141L2322.27 160.025L2402.98 130.328L2372.43 199.782L2407.57 227.636Z" fill="%23D8E3EF" fill-opacity="0.4"/><path d="M2487.98 155.969L2541.47 36.8674L2505.84 8.62681L2367.51 60.4744L2402.69 88.3579L2483.83 58.2764L2452.84 128.115L2487.98 155.969Z" fill="%23D8E3EF" fill-opacity="0.2"/></g><g opacity="0.1"><path d="M2537.36 299.96L2590.85 180.859L2555.22 152.618L2416.89 204.466L2452.07 232.349L2533.2 202.268L2502.22 272.106L2537.36 299.96Z" fill="%23D8E3EF" fill-opacity="0.6"/><path d="M2618.51 227.636L2671.26 109.192L2635.64 80.9513L2498.04 132.141L2533.22 160.025L2613.92 130.328L2583.37 199.782L2618.51 227.636Z" fill="%23D8E3EF" fill-opacity="0.4"/><path d="M2698.93 155.969L2752.42 36.8674L2716.79 8.62681L2578.46 60.4744L2613.64 88.3579L2694.77 58.2764L2663.79 128.115L2698.93 155.969Z" fill="%23D8E3EF" fill-opacity="0.2"/></g><g opacity="0.1"><path d="M2749.47 299.96L2802.96 180.859L2767.33 152.618L2629 204.466L2664.18 232.349L2745.31 202.268L2714.33 272.106L2749.47 299.96Z" fill="%23D8E3EF" fill-opacity="0.6"/><path d="M2830.62 227.636L2883.37 109.192L2847.75 80.9513L2710.15 132.141L2745.33 160.025L2826.03 130.328L2795.48 199.782L2830.62 227.636Z" fill="%23D8E3EF" fill-opacity="0.4"/><path d="M2911.04 155.969L2964.52 36.8674L2928.9 8.62681L2790.57 60.4744L2825.74 88.3579L2906.88 58.2764L2875.9 128.115L2911.04 155.969Z" fill="%23D8E3EF" fill-opacity="0.2"/></g></g></svg>');
    background-position: 20% top;
    background-size: cover;
    background-repeat: no-repeat;
}

.demo {
    background-image: url("../images/abstract_bg.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: calc(50% - 330px) bottom;
}

.ai-suggestions {
    background-image: url("../images/abstract_bg.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: calc(50% + 280px) bottom;
}

.demo p,
.ai-suggestions p {
    max-width: 520px;
    width: 100%;
}

.missions p {
    max-width: 420px;
    width: 100%;
}

.scroll-to-top {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0f81ea;
    position: fixed;
    bottom: 20px;
    right: 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.3s ease-out 0s;
    z-index: 999;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
}


body.modal-open .scroll-to-top {
    display: none;
}


.scroll-to-top:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

/* Scroll-to-top styles */
#scrollToTopBtn {
    opacity: 0;
    visibility: hidden;
}

#scrollToTopBtn.show {
    opacity: 1;
    visibility: visible;
}

.main-top header .sticky {
    background-color: rgba(255, 255, 255, 0.8) !important;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    transition: padding-top 0.3s ease, padding-bottom 0.3s ease;
}

.main-top header .sticky.navbar {
    padding: 10px 0;
}

@media only screen and (max-width: 1366px) {
    .banner h1 {
        max-width: 650px;
    }

    .banner .lead-text {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1199px) {
    .banner h1 {
        font-size: 60px;
    }

    .banner-text-container {
        max-width: 650px;
    }
}

@media only screen and (max-width: 991px) {
    .main-top {
        padding-top: 130px;
    }

    .navbar-collapse {
        max-height: 80vh;
        overflow-y: auto;
    }

    .navbar {
        --bs-navbar-padding-y: 1rem;
    }

    .nav-link {
        padding: 1rem 0;
        font-size: 20px;
        width: 100%;
    }

    .nav-link::after {
        display: none;
    }

    .main-top header .navbar {
        /*background-color: #ffffff;*/
    }

    .banner-text-container {
        width: 100%;
        margin-bottom: 50px;
    }

    .banner h1 {
        font-size: 50px;
        line-height: normal;
    }

    section h2 {
        font-size: 42px;
        line-height: normal;
    }

    section h3 {
        font-size: 38px;
        line-height: normal;
    }

    section h4 {
        font-size: 35px;
        line-height: normal;
    }

    .demo p,
    .ai-suggestions p,
    .missions-text p {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .missions {
        min-height: auto;
    }

    .mt-115 {
        margin-top: 0px;
    }

    .features .card {
        /*background: none!important;*/
        padding-bottom: 50px;
    }

    .demo,
    .ai-suggestions {
        background-image: none;
    }

    section {
        padding: 50px 0;
    }
}

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

    .missions {
        background-position: 35% center;
    }
}

@media only screen and (max-width: 575px) {
    .banner h1 {
        font-size: 35px;
    }

    section h2 {
        font-size: 34px;
    }

    section h3 {
        font-size: 32px;
    }

    section h4 {
        font-size: 30px;
    }

    section .section-title {
        font-size: 18px;
    }
}


/*video frame styles*/


.profile-phone,
.suggestion-phone {
    position: relative;
    max-width: 432px;
    margin: auto;
    overflow: hidden;
    z-index: 0;
}

.profile-phone .frame,
.suggestion-phone .frame {
    position: relative;
    z-index: 10;
    pointer-events: none;

}


.profile-phone .frame-video-wrapper,
.suggestion-phone .frame-video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    perspective: 350px;
}

.profile-phone .frame-video {
    position: absolute;
    max-width: 350px;
    left: 40px;
    top: 0;
    border-radius: 0;
    transform: rotateX(3deg) rotateY(3deg) rotateZ(-4deg) translateY(54px) translateZ(30px) skewX(2deg) skewY(4deg);
}

.suggestion-phone .frame-video {
    position: absolute;
    max-width: 350px;
    left: 29px;
    top: 0;
    border-radius: 0;
    transform: rotateX(2deg) rotateY(-1deg) rotateZ(-2deg) translateY(50px) translateZ(1px) skewX(-7deg) skewY(-1deg);
}


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

    .profile-phone,
    .suggestion-phone {
        margin: 0;
    }

    .profile-phone .frame-video {
        left: 24px;
        top: -2px;
    }

    .suggestion-phone .frame-video {
        left: auto;
        right: 40px;
        top: -2px;
    }
}

@media only screen and (max-width: 414px) {
    .profile-phone .frame-video {
        left: 21px;
    }

    .suggestion-phone .frame-video {
        right: 30px;
    }
}

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

    .profile-phone,
    .suggestion-phone {
        margin: 0;
    }

    .profile-phone .frame-video {
        left: auto;
        top: -10px;
    }

    .suggestion-phone .frame-video {
        right: 10px;
        top: -10px;
    }
}

@media only screen and (max-width: 390px) {
    .suggestion-phone .frame-video {
        right: 16px;
    }
}

@media only screen and (max-width: 375px) {
    .suggestion-phone .frame-video {
        right: 10px;
    }
}


/*form styles*/

.ac-input .form-control {
    border: 1px solid #b6c9db;
    height: 56px;
    padding: 12px 16px;
    font-size: 16px;
    border-radius: 25px;
}

.ac-input textarea.form-control {
    border-radius: 16px;
    min-height: 125px;
}

.ac-input label {
    font-weight: 600;
    color: #475766;
}

.form-control:focus,
.form-control:active,
.form-control.active {
    border-color: #00509d !important;
    box-shadow: none;
}

.form-control::placeholder {
    opacity: 0.5;
}


.captcha-digit-placer {

    background-image: url('data:image/svg+xml,<svg width="67" height="59" viewBox="0 0 67 59" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect width="67" height="59" fill="%23F8FBFF"/><rect width="67" height="59" fill="url(%23pattern0_6671_2)"/><defs><pattern id="pattern0_6671_2" patternUnits="userSpaceOnUse" patternTransform="matrix(32.3146 0 0 36.5828 0.962402 2.66016)" preserveAspectRatio="none" viewBox="0.962402 2.66016 32.3146 36.5828" width="1" height="1"><use xlink:href="%23pattern0_6671_2_inner" transform="translate(-32.3146 0)"/><g id="pattern0_6671_2_inner"><path d="M3.77056 10.901C4.03729 10.9725 4.19554 11.2476 4.12407 11.5143L3.18169 15.0299L7.77056 16.2604C7.92071 16.3006 8.04408 16.4088 8.10357 16.5524C8.16285 16.6959 8.15191 16.8593 8.07427 16.9938L5.89946 20.7584L9.77056 21.7965C10.0373 21.868 10.1955 22.1421 10.1241 22.4088C10.0526 22.6755 9.77845 22.8338 9.51177 22.7623L5.01177 21.5563C4.8617 21.5161 4.73827 21.4088 4.67876 21.2653C4.61932 21.1218 4.63049 20.9584 4.70806 20.8239L6.88189 17.0573L2.4395 15.8678C2.17297 15.7962 2.01455 15.5211 2.08599 15.2545L3.15825 11.2545C3.2299 10.9881 3.50401 10.8297 3.77056 10.901Z" fill="%23A8CFFF"/><path d="M28.9932 12.5598C28.9351 12.8298 28.6683 13.0015 28.3983 12.9434L24.8401 12.1773L23.8397 16.8218C23.807 16.9738 23.7052 17.1024 23.5647 17.1689C23.4243 17.2353 23.2605 17.2325 23.1224 17.1617L19.2541 15.1771L18.4101 19.0951C18.352 19.365 18.0861 19.5367 17.8161 19.4786C17.5463 19.4205 17.3745 19.1546 17.4326 18.8847L18.413 14.3302C18.4457 14.1783 18.5467 14.0497 18.6871 13.9831C18.8274 13.9166 18.9911 13.9196 19.1294 13.9904L22.9996 15.9739L23.9663 11.4778C24.0245 11.208 24.2913 11.0361 24.5612 11.0942L28.6096 11.9659C28.8793 12.0242 29.0512 12.2901 28.9932 12.5598Z" fill="%23A8CFFF"/><path d="M34.5016 10.7044C34.2422 10.7989 33.9547 10.6645 33.8602 10.405L32.6144 6.98509L28.1502 8.61082C28.0042 8.66404 27.8411 8.64627 27.71 8.5628C27.5791 8.47929 27.4942 8.33918 27.4806 8.1845L27.1013 3.8534L23.3353 5.22476C23.0759 5.31928 22.789 5.18564 22.6944 4.92619C22.6 4.66678 22.7336 4.37984 22.993 4.2853L27.3704 2.69058C27.5164 2.6374 27.679 2.65443 27.8101 2.7378C27.9411 2.82121 28.0257 2.96139 28.0394 3.1161L28.4207 7.44824L32.7414 5.87299C33.0007 5.77867 33.2883 5.91301 33.3828 6.17236L34.8002 10.0635C34.8944 10.3228 34.7608 10.6098 34.5016 10.7044Z" fill="%23A8CFFF"/><path d="M20.5428 32.8258C20.2703 32.7812 20.0855 32.5232 20.13 32.2507L20.718 28.6587L16.0295 27.8909C15.8761 27.8658 15.7425 27.7705 15.6691 27.6335C15.5958 27.4966 15.5904 27.3329 15.6543 27.1914L17.4437 23.229L13.4886 22.5813C13.2161 22.5367 13.0313 22.2797 13.0759 22.0072C13.1205 21.7347 13.3775 21.5499 13.65 21.5945L18.2477 22.3468C18.401 22.3719 18.5345 22.4664 18.608 22.6033C18.6814 22.7402 18.6865 22.9038 18.6227 23.0454L16.8344 27.0096L21.3731 27.7512C21.6455 27.7959 21.8305 28.0538 21.7859 28.3262L21.1169 32.4131C21.0721 32.6853 20.8151 32.8702 20.5428 32.8258Z" fill="%23A8CFFF"/><path d="M34.0794 34.4895C33.9414 34.7287 33.6347 34.8103 33.3955 34.6723L30.2436 32.8521L27.8674 36.9661C27.7897 37.1007 27.6533 37.1919 27.4992 37.2122C27.3452 37.2323 27.1902 37.1795 27.0804 37.0697L24.0069 33.9946L22.0023 37.4651C21.8642 37.7042 21.5585 37.7862 21.3193 37.6481C21.0803 37.51 20.9983 37.2043 21.1363 36.9652L23.466 32.9306C23.5437 32.7961 23.6792 32.7046 23.8333 32.6843C23.9873 32.664 24.1421 32.7171 24.252 32.8269L27.3277 35.9015L29.6264 31.9183C29.7645 31.6794 30.0712 31.5976 30.3102 31.7356L33.8964 33.8066C34.1352 33.9447 34.2173 34.2505 34.0794 34.4895Z" fill="%23A8CFFF"/><path d="M0.965625 35.8839C0.996573 35.6095 1.24502 35.4121 1.51942 35.443L5.13618 35.8513L5.66952 31.1304C5.68694 30.9759 5.77551 30.8378 5.90866 30.7576C6.04173 30.6776 6.20496 30.6641 6.3495 30.7208L10.3961 32.3107L10.8461 28.3282C10.877 28.0538 11.1245 27.8565 11.3989 27.8874C11.6732 27.9184 11.8706 28.1659 11.8396 28.4403L11.3172 33.0697C11.2998 33.2241 11.2121 33.3621 11.079 33.4423C10.946 33.5225 10.7828 33.5357 10.6382 33.4791L6.58985 31.8905L6.07526 36.4604C6.04415 36.7347 5.79576 36.9323 5.52147 36.9014L1.40639 36.4368C1.13227 36.4056 0.934768 36.1581 0.965625 35.8839Z" fill="%23A8CFFF"/><path d="M8.6509 3.0729C8.9265 3.09014 9.13609 3.32844 9.11884 3.60404L8.8912 7.23666L13.6328 7.53419C13.788 7.54389 13.9303 7.62547 14.0171 7.75446C14.1036 7.88339 14.1252 8.04574 14.0758 8.19293L12.6894 12.3137L16.6894 12.5647C16.965 12.582 17.1744 12.8193 17.1571 13.0949C17.1398 13.3704 16.9025 13.5799 16.627 13.5627L11.9772 13.2715C11.8222 13.2618 11.68 13.181 11.5932 13.0522C11.5065 12.9233 11.4851 12.7609 11.5345 12.6137L12.9195 8.49124L8.3296 8.20491C8.05417 8.18749 7.84442 7.94925 7.86166 7.67376L8.12071 3.54065C8.13819 3.26532 8.37551 3.05573 8.6509 3.0729Z" fill="%23A8CFFF"/><path d="M29.2636 30.3592C29.5172 30.2501 29.6343 29.9551 29.5252 29.7014L28.0867 26.358L32.4507 24.48C32.5935 24.4185 32.7 24.2938 32.7382 24.1431C32.7762 23.9925 32.7419 23.8324 32.6457 23.7105L29.9518 20.298L33.6332 18.7136C33.8869 18.6045 34.004 18.3105 33.8949 18.0568C33.7858 17.8033 33.4918 17.686 33.2381 17.7951L28.9585 19.6362C28.8158 19.6976 28.7091 19.8215 28.6709 19.9721C28.6327 20.1227 28.6672 20.2827 28.7634 20.4047L31.4566 23.8193L27.2316 25.6356C26.9782 25.7448 26.861 26.0398 26.97 26.2934L28.6068 30.0974C28.716 30.3508 29.0101 30.4681 29.2636 30.3592Z" fill="%23A8CFFF"/></g></pattern></defs></svg>');
    background-repeat: repeat;
    border: 1px solid #bee3e5;
    height: 60px;
    border-radius: 8px;
    max-width: 177px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8CC2F5;
    font-size: 22px;
    font-weight: 400;
    line-height: 24px;
}

.captcha-digit-placer .first-digit {
    font-style: italic;
    transform: rotate(15deg);
    padding: 0 10px;
}


.captcha-digit-placer .sign {
    font-style: normal;
    padding: 0 6px;

}

.captcha-digit-placer .last-digit {
    font-style: italic;
    transform: rotate(-19.18deg);
    padding: 0 10px;
}

.captcha .equal-sign {
    font-size: 22px;
    line-height: 24px;
    padding: 0 16px;
    color: #475766;
}

.captcha-input .form-control {
    height: 56px;
    max-width: 77px;

}

.captcha-retry {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 500;
    color: #475766;
}

.captcha-retry a {
    color: #00509D;
    text-decoration: underline;

}


/*modal styles*/
.modal-title {
    color: var(--heading-text);
    font-weight: 600;
    font-size: 22px;

}

.modal-header {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    background-color: #EFF5FC;
}

.modal-content {
    border-radius: 24px;
}

.modal-footer,
.modal-header {
    border-color: #DCE9FE;
}

.btn-close {
    --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6274 1L1.00029 15.6272' stroke='%2383A4C3' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M1.00024 1L15.6274 15.6272' stroke='%2383A4C3' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    opacity: 1;
}

.contact-btn {
    background: #fff;
    color: var(--heading-text);
}

footer .appstore-link img {
    height: 50px;
}