@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.path-0{
    animation:pathAnim-0 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes pathAnim-0{
    0%{
        d: path("M 0,500 L 0,187 C 22.173091518766796,150.7938394549694 44.34618303753359,114.5876789099388 72,141 C 99.65381696246641,167.4123210900612 132.78835936863243,256.44312381521416 161,252 C 189.21164063136757,247.55687618478584 212.5003794879367,149.63982582920443 241,141 C 269.4996205120633,132.36017417079557 303.2101226796208,212.99757286796802 333,212 C 362.7898773203792,211.00242713203198 388.6591297935802,128.3698826989235 411,142 C 433.3408702064198,155.6301173010765 452.1533581460588,265.522896336338 478,257 C 503.8466418539412,248.477103663662 536.7274376221847,121.53853195572441 561,109 C 585.2725623778153,96.46146804427559 600.9368913652023,198.3229758407643 630,250 C 659.0631086347977,301.6770241592357 701.5249969170058,303.1695646812184 731,278 C 760.4750030829942,252.8304353187816 776.9631209667746,200.9987654343621 801,188 C 825.0368790332254,175.0012345656379 856.6225192158964,200.83537358133322 887,222 C 917.3774807841036,243.16462641866678 946.5468021696397,259.6597402403052 974,260 C 1001.4531978303603,260.3402597596948 1027.1902721055444,244.525665457446 1051,228 C 1074.8097278944556,211.474334542554 1096.6921094081827,194.23759792991086 1126,212 C 1155.3078905918173,229.76240207008914 1192.0412902617243,282.5239428229105 1214,279 C 1235.9587097382757,275.4760571770895 1243.1427295449205,215.66663077844714 1268,179 C 1292.8572704550795,142.33336922155286 1335.387791558594,128.80953406330082 1367,134 C 1398.612208441406,139.19046593669918 1419.306104220703,163.0952329683496 1440,187 L 1440,500 L 0,500 Z");
    }
    25%{
        d: path("M 0,500 L 0,187 C 28.534314756462145,237.22725674113326 57.06862951292429,287.4545134822665 85,258 C 112.93137048707571,228.54548651773348 140.25979670476502,119.4092028120672 165,103 C 189.74020329523498,86.5907971879328 211.89218366801566,162.90867526946465 240,176 C 268.10781633198434,189.09132473053535 302.17146862317225,138.95609611007418 329,132 C 355.82853137682775,125.04390388992582 375.4219418392954,161.26694029023864 401,178 C 426.5780581607046,194.73305970976136 458.140764019646,191.97614272897138 486,171 C 513.859235980354,150.02385727102862 538.0150020821209,110.82848879387582 565,108 C 591.9849979178791,105.17151120612418 621.7992276518708,138.70990209552536 650,148 C 678.2007723481292,157.29009790447464 704.7880873103959,142.33190282402268 726,143 C 747.2119126896041,143.66809717597732 763.0484231065457,159.96248660838387 788,188 C 812.9515768934543,216.03751339161613 847.0182202634213,255.81815074244187 879,248 C 910.9817797365787,240.18184925755813 940.8786958397694,184.76491042184867 962,184 C 983.1213041602306,183.23508957815133 995.4669963775007,237.12220757016348 1025,261 C 1054.5330036224993,284.8777924298365 1101.2533186502278,278.74625929749766 1133,262 C 1164.7466813497722,245.25374070250237 1181.5197290215883,217.89275523984603 1202,203 C 1222.4802709784117,188.10724476015397 1246.6677652634187,185.68271974311838 1275,191 C 1303.3322347365813,196.31728025688162 1335.8092099247374,209.37636578768044 1364,210 C 1392.1907900752626,210.62363421231956 1416.0953950376313,198.81181710615976 1440,187 L 1440,500 L 0,500 Z");
    }
    50%{
        d: path("M 0,500 L 0,187 C 22.648026029395282,210.8073210594534 45.296052058790565,234.61464211890677 69,248 C 92.70394794120944,261.3853578810932 117.46381779423305,264.34875258382624 150,246 C 182.53618220576695,227.6512474161738 222.8486767642774,187.99034754578824 254,188 C 285.1513232357226,188.00965245421176 307.14147514865743,227.68985723302083 333,227 C 358.85852485134257,226.31014276697917 388.58542264109286,185.2502235221284 414,154 C 439.41457735890714,122.74977647787158 460.51683428697095,101.30924867846551 487,98 C 513.483165713029,94.69075132153449 545.3472402110232,109.5127817640095 572,147 C 598.6527597889768,184.4872182359905 620.0942048689361,244.6396242654966 642,274 C 663.9057951310639,303.3603757345034 686.2759403132321,301.9287211740042 710,248 C 733.7240596867679,194.07127882599582 758.802033878135,87.64549103848664 790,104 C 821.197966121865,120.35450896151336 858.5159241742276,259.48931467204926 889,269 C 919.4840758257724,278.51068532795074 943.1342694249541,158.39725027331644 966,122 C 988.8657305750459,85.60274972668357 1010.946998125956,132.92168423468505 1038,177 C 1065.053001874044,221.07831576531495 1097.0777380712216,261.9160127879435 1124,251 C 1150.9222619287784,240.0839872120565 1172.742049589157,177.41426461354092 1198,139 C 1223.257950410843,100.58573538645906 1251.9540635721498,86.4269287578928 1282,100 C 1312.0459364278502,113.5730712421072 1343.4416961222428,154.87802035488775 1370,174 C 1396.5583038777572,193.12197964511225 1418.2791519388786,190.0609898225561 1440,187 L 1440,500 L 0,500 Z");
    }
    75%{
        d: path("M 0,500 L 0,187 C 29.443377066949047,153.13150288522706 58.886754133898094,119.26300577045413 83,150 C 107.1132458661019,180.73699422954587 125.89636053135663,276.0794798034106 149,262 C 172.10363946864337,247.9205201965894 199.5278037406753,124.41907501590349 226,96 C 252.4721962593247,67.58092498409651 277.9924245059422,134.2442201329754 305,182 C 332.0075754940578,229.7557798670246 360.502498235556,258.6040444521949 393,241 C 425.497501764444,223.3959555478051 461.99758255183417,159.33960205824496 488,142 C 514.0024174481658,124.66039794175504 529.507171557107,154.03754731482522 557,162 C 584.492828442893,169.96245268517478 623.973731219738,156.5102086824541 649,161 C 674.026268780262,165.4897913175459 684.5979035639413,187.92161795535827 709,204 C 733.4020964360587,220.07838204464173 771.6346545244968,229.8033194961129 800,198 C 828.3653454755032,166.1966805038871 846.8634783380713,92.8651040601902 875,98 C 903.1365216619287,103.1348959398098 940.9114321232179,186.73626426312634 966,189 C 991.0885678767821,191.26373573687366 1003.4907931690566,112.1898388873044 1025,102 C 1046.5092068309434,91.8101611126956 1077.1253952005566,150.50438018765598 1106,202 C 1134.8746047994434,253.49561981234402 1162.0076260287165,297.7926403620716 1189,275 C 1215.9923739712835,252.2073596379284 1242.8441006845765,162.3250583640576 1271,133 C 1299.1558993154235,103.67494163594237 1328.6159712329782,134.9071261816978 1357,154 C 1385.3840287670218,173.0928738183022 1412.692014383511,180.0464369091511 1440,187 L 1440,500 L 0,500 Z");
    }
    100%{
        d: path("M 0,500 L 0,187 C 22.173091518766796,150.7938394549694 44.34618303753359,114.5876789099388 72,141 C 99.65381696246641,167.4123210900612 132.78835936863243,256.44312381521416 161,252 C 189.21164063136757,247.55687618478584 212.5003794879367,149.63982582920443 241,141 C 269.4996205120633,132.36017417079557 303.2101226796208,212.99757286796802 333,212 C 362.7898773203792,211.00242713203198 388.6591297935802,128.3698826989235 411,142 C 433.3408702064198,155.6301173010765 452.1533581460588,265.522896336338 478,257 C 503.8466418539412,248.477103663662 536.7274376221847,121.53853195572441 561,109 C 585.2725623778153,96.46146804427559 600.9368913652023,198.3229758407643 630,250 C 659.0631086347977,301.6770241592357 701.5249969170058,303.1695646812184 731,278 C 760.4750030829942,252.8304353187816 776.9631209667746,200.9987654343621 801,188 C 825.0368790332254,175.0012345656379 856.6225192158964,200.83537358133322 887,222 C 917.3774807841036,243.16462641866678 946.5468021696397,259.6597402403052 974,260 C 1001.4531978303603,260.3402597596948 1027.1902721055444,244.525665457446 1051,228 C 1074.8097278944556,211.474334542554 1096.6921094081827,194.23759792991086 1126,212 C 1155.3078905918173,229.76240207008914 1192.0412902617243,282.5239428229105 1214,279 C 1235.9587097382757,275.4760571770895 1243.1427295449205,215.66663077844714 1268,179 C 1292.8572704550795,142.33336922155286 1335.387791558594,128.80953406330082 1367,134 C 1398.612208441406,139.19046593669918 1419.306104220703,163.0952329683496 1440,187 L 1440,500 L 0,500 Z");
    }
}

* {
    box-sizing: border-box;
    margin: 0;
    border: 0;
    text-decoration: none;
    color: inherit;
    font-family: inherit;

    --font-size-multiple: 1; 
}

body {
    font-family: poppins, sans-serif;
}

.disp-none {
    display: none !important;
}

.cover_entire_page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.cover_entire_page > svg {
    position: fixed;
    display: block;
    bottom: 0;
    z-index: -1;
}

.brand_details {
    text-align: center;
    font-size: calc(1.75rem*var(--font-size-multiple));
    margin: 1rem 0;
}
.content_01 {
    
}

.company_de,
.auth_section {
    padding: 0 5% 2rem;
}

.brand_details {}

.daily_quote {
    font-family: "Playfair Display", serif;
    padding: 0.8rem 2rem;
    /* backdrop-filter: blur(9px); */
    max-width: 517px;
    text-align: justify;
    color: #835059;
    /* background: linear-gradient(45deg, #8f8f8f, #835059); */
    /* background-clip: text; */
    letter-spacing: 1px;
}

.quote {
    font-size: calc(85% * var(--font-size-multiple));
}

.quote>span:last-child,
.quote .double_quote_icon:last-child {
    transform: rotate(180deg);
    display: inline-block;
}

.author{
    text-align: end;
    padding: 10px 0;
    font-size: calc(80% * var(--font-size-multiple));
}
.input_group {
    position: relative;
}

.input_group>label {
    font-size: calc(79% * var(--font-size-multiple));
    position: absolute;
    top: calc(-1.25rem * var(--font-size-multiple));
    color: #444;
    left: 31%;
}

.input_text_field {
    --input-highlight-color: hsla(0, 0%, 93%, 0.459);
    outline: 0;
    padding: calc(0.5rem * var(--font-size-multiple)) calc(0.75rem * var(--font-size-multiple));
    max-width: calc(12rem * var(--font-size-multiple));
    /* border: 1px solid var(--input-highlight-color); */
    border-radius: calc(0.3rem * var(--font-size-multiple) * 1.2);
    /* border-radius: 1.2rem; */
    /* box-shadow: 0px 0px 3px 0px var(--input-highlight-color); */
    background: var(--input-highlight-color);
    color: #222;
    letter-spacing: 1px;
    font-size: calc(1rem * var(--font-size-multiple));
    text-align: center;
}

.form_action {
    display: flex;
    justify-content: center;
    justify-content: space-between;
    margin: 1rem 0;
}

.input_text_field:focus {
    border: 2px solid rgb(195, 195, 255);
}

input#username {
    font-weight: 600;
}

.btn {
    background: inherit;
}

.btn-next {
    background: rgb(247 247 247 / 62%);
    padding: 0.65rem 1rem;
    border-radius: calc(1.2rem * var(--font-size-multiple));
}

.show_on_hovered {
    transition: all 0.5s ease 0s;
    cursor: pointer;
}

.show_on_hovered .hidden_ {
    visibility: hidden;
    width: 0;
    opacity: 0;
    display: none;
    transition: all 500ms ease-in 200ms;
}

.show_on_hovered:hover .hidden_{
    opacity: 1;
    visibility: visible;
    width: auto;
    max-width: 100px;
    display: unset;
}

button.auth_submit_btn {
    padding: 0.5rem 1.25rem;
    border-radius: 0.3rem;
    background: #000;
    color: #fff;
    font-size: calc(70% * var(--font-size-multiple));
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: 0px 0px 2px 5px rgba(0,0,0,0.05);
    cursor: pointer;
}

button.auth_submit_btn:hover {
    background: #222;
    color: #eee;
    box-shadow: 0px 0px 2px 5px rgba(0,0,0,0.02);
}
/* loader */
/* HTML: <div class="loader"></div> */
.loader {
    width: 22px;
    aspect-ratio: 1;
    --g: radial-gradient(farthest-side, #0000 calc(95% - 1px), #756d6d calc(100% - 3px) 98%, #0000 101%) no-repeat;
    background: var(--g), var(--g), var(--g);
    background-size: 10px 10px;
    animation: l10 1.5s infinite;
}
@keyframes l10 {
    0% {
      background-position: 0 0, 0 100%, 100% 100%;
    }
    25% {
      background-position: 100% 0, 0 100%, 100% 100%;
    }
    50% {
      background-position: 100% 0, 0 0, 100% 100%;
    }
    75% {
      background-position: 100% 0, 0 0, 0 100%;
    }
    100% {
      background-position: 100% 100%, 0 0, 0 100%;
    }
  }



/* wiggle a element to draw attention */
@keyframes wiggle {
    0% { transform: rotate(0deg); }
    10% { transform: rotate(5deg); }
    20% { transform: rotate(-5deg); }
    30% { transform: rotate(3deg); }
    40% { transform: rotate(-3deg); }
    50% { transform: rotate(2deg); }
    60% { transform: rotate(-2deg); }
    70% { transform: rotate(1deg); }
    80% { transform: rotate(-1deg); }
    90% { transform: rotate(0.5deg); }
    100% { transform: rotate(0deg); }
}

.wiggle {
    display: inline-block;
    animation: wiggle 0.5s ease-in-out 3; /* Adjust the duration and number of iterations as needed */
}

/* contact info */
.site_information {
    position: relative;
    left: 0;
}

span.target_trigger_btn {
    font-size: 1.75rem;
    padding: 0.75rem 1.25rem;
    position: fixed;
    top: 0;
}

span.target_trigger_btn.active {
    display: none;
}

span.target_close_btn {
    text-align: end;
    font-size: 1.25rem;
    margin-bottom: -0.5rem;
    transform: translate(0px, 0.8rem);
}

#site_info_expandable_ux01id3 {
    max-width: 100%;
    max-height: 100vh;
    padding: 1.5rem 2rem 1rem 1.75rem;
    margin: 0 1rem;
    width: min(92%, 424px);
    height: 93vh;
    letter-spacing: 1px;
    line-height: 1.5rem;
    text-align: justify;
    background: linear-gradient(-180deg, rgba(255, 255, 255, 1), transparent);
    backdrop-filter: blur(24px);
    border-radius: 0.8rem;
    box-shadow: 0px 0px 18px 7px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 3vh;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    z-index: 2;
}

.contact_info {
    margin: 1rem 0 1rem 0;
    font-family: serif;
}

.info_label {
    font-size: 1.1rem;
    font-family: serif;
    display: block;
    color: hsl(258 3% 35% / 1);
}

.info_value {
    padding: 0.35rem 0;
    color: hsl(258 3% 35% / 1);
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    font-size: 92.5%;
    flex-wrap: wrap;
}

.contact_email_id {
    color: hsl(250 30% 54% / 1);
}

.backdrop_layer {
    background: rgb(222 222 222 / 26%);
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    z-index: 1;
}


@media screen and (min-width: 1200px) {
    * {
        --font-size-multiple: 1.15;
    }
}