/*** Spinner Start ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .8s ease-out, visibility 0s linear .5s;
    z-index: 99999;
 }

 #spinner.show {
     transition: opacity .8s ease-out, visibility 0s linear .0s;
     visibility: visible;
     opacity: 1;
 }

.logo {
    width: 150px; 
    height: 100px;          
}

.footer-badge {
    width: 300px;
    height: 200px;
}

.badge-message {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    background-color: red;
    color: white;
    font-size: 0.75rem;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    font-weight: bold;
}
    /* promo-banner-background */
    /* width: 100vw;
    background-image: url('data:image/svg+xml,<svg id="visual" viewBox="0 0 960 540" width="960" height="540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><rect x="0" y="0" width="960" height="540" fill="%23ffb524"></rect><path d="M0 418L7 416.8C14 415.7 28 413.3 41.8 406.2C55.7 399 69.3 387 83.2 386.3C97 385.7 111 396.3 125 403.3C139 410.3 153 413.7 167 407.5C181 401.3 195 385.7 208.8 384.2C222.7 382.7 236.3 395.3 250.2 404.5C264 413.7 278 419.3 292 422.5C306 425.7 320 426.3 334 422.3C348 418.3 362 409.7 375.8 401.8C389.7 394 403.3 387 417.2 384C431 381 445 382 459 387C473 392 487 401 501 406.3C515 411.7 529 413.3 542.8 412.8C556.7 412.3 570.3 409.7 584.2 401.2C598 392.7 612 378.3 626 378C640 377.7 654 391.3 668 401.3C682 411.3 696 417.7 709.8 417.7C723.7 417.7 737.3 411.3 751.2 406.3C765 401.3 779 397.7 793 393.2C807 388.7 821 383.3 835 381.3C849 379.3 863 380.7 876.8 376.8C890.7 373 904.3 364 918.2 373.3C932 382.7 946 410.3 953 424.2L960 438L960 541L953 541C946 541 932 541 918.2 541C904.3 541 890.7 541 876.8 541C863 541 849 541 835 541C821 541 807 541 793 541C779 541 765 541 751.2 541C737.3 541 723.7 541 709.8 541C696 541 682 541 668 541C654 541 640 541 626 541C612 541 598 541 584.2 541C570.3 541 556.7 541 542.8 541C529 541 515 541 501 541C487 541 473 541 459 541C445 541 431 541 417.2 541C403.3 541 389.7 541 375.8 541C362 541 348 541 334 541C320 541 306 541 292 541C278 541 264 541 250.2 541C236.3 541 222.7 541 208.8 541C195 541 181 541 167 541C153 541 139 541 125 541C111 541 97 541 83.2 541C69.3 541 55.7 541 41.8 541C28 541 14 541 7 541L0 541Z" fill="%23ff9640"></path><path d="M0 393L7 397.3C14 401.7 28 410.3 41.8 412.8C55.7 415.3 69.3 411.7 83.2 415.3C97 419 111 430 125 429.2C139 428.3 153 415.7 167 406.5C181 397.3 195 391.7 208.8 391.2C222.7 390.7 236.3 395.3 250.2 405.5C264 415.7 278 431.3 292 436.7C306 442 320 437 334 430C348 423 362 414 375.8 416.5C389.7 419 403.3 433 417.2 442C431 451 445 455 459 454.7C473 454.3 487 449.7 501 448.8C515 448 529 451 542.8 451.7C556.7 452.3 570.3 450.7 584.2 447.8C598 445 612 441 626 436.7C640 432.3 654 427.7 668 424C682 420.3 696 417.7 709.8 417.8C723.7 418 737.3 421 751.2 425.8C765 430.7 779 437.3 793 435.3C807 433.3 821 422.7 835 412.8C849 403 863 394 876.8 394.2C890.7 394.3 904.3 403.7 918.2 413.5C932 423.3 946 433.7 953 438.8L960 444L960 541L953 541C946 541 932 541 918.2 541C904.3 541 890.7 541 876.8 541C863 541 849 541 835 541C821 541 807 541 793 541C779 541 765 541 751.2 541C737.3 541 723.7 541 709.8 541C696 541 682 541 668 541C654 541 640 541 626 541C612 541 598 541 584.2 541C570.3 541 556.7 541 542.8 541C529 541 515 541 501 541C487 541 473 541 459 541C445 541 431 541 417.2 541C403.3 541 389.7 541 375.8 541C362 541 348 541 334 541C320 541 306 541 292 541C278 541 264 541 250.2 541C236.3 541 222.7 541 208.8 541C195 541 181 541 167 541C153 541 139 541 125 541C111 541 97 541 83.2 541C69.3 541 55.7 541 41.8 541C28 541 14 541 7 541L0 541Z" fill="%23fd8f35"></path><path d="M0 439L7 443.5C14 448 28 457 41.8 455.3C55.7 453.7 69.3 441.3 83.2 436.7C97 432 111 435 125 441.5C139 448 153 458 167 465.2C181 472.3 195 476.7 208.8 468.7C222.7 460.7 236.3 440.3 250.2 440C264 439.7 278 459.3 292 468.2C306 477 320 475 334 473.7C348 472.3 362 471.7 375.8 462.8C389.7 454 403.3 437 417.2 432C431 427 445 434 459 437.7C473 441.3 487 441.7 501 445C515 448.3 529 454.7 542.8 458.2C556.7 461.7 570.3 462.3 584.2 462.2C598 462 612 461 626 459C640 457 654 454 668 456.5C682 459 696 467 709.8 471.5C723.7 476 737.3 477 751.2 477C765 477 779 476 793 469.8C807 463.7 821 452.3 835 444C849 435.7 863 430.3 876.8 427.5C890.7 424.7 904.3 424.3 918.2 431C932 437.7 946 451.3 953 458.2L960 465L960 541L953 541C946 541 932 541 918.2 541C904.3 541 890.7 541 876.8 541C863 541 849 541 835 541C821 541 807 541 793 541C779 541 765 541 751.2 541C737.3 541 723.7 541 709.8 541C696 541 682 541 668 541C654 541 640 541 626 541C612 541 598 541 584.2 541C570.3 541 556.7 541 542.8 541C529 541 515 541 501 541C487 541 473 541 459 541C445 541 431 541 417.2 541C403.3 541 389.7 541 375.8 541C362 541 348 541 334 541C320 541 306 541 292 541C278 541 264 541 250.2 541C236.3 541 222.7 541 208.8 541C195 541 181 541 167 541C153 541 139 541 125 541C111 541 97 541 83.2 541C69.3 541 55.7 541 41.8 541C28 541 14 541 7 541L0 541Z" fill="%23fb872a"></path><path d="M0 468L7 471.3C14 474.7 28 481.3 41.8 486.5C55.7 491.7 69.3 495.3 83.2 488.8C97 482.3 111 465.7 125 464.3C139 463 153 477 167 484.7C181 492.3 195 493.7 208.8 491.5C222.7 489.3 236.3 483.7 250.2 479C264 474.3 278 470.7 292 466C306 461.3 320 455.7 334 455.8C348 456 362 462 375.8 469C389.7 476 403.3 484 417.2 481.8C431 479.7 445 467.3 459 462.2C473 457 487 459 501 459.7C515 460.3 529 459.7 542.8 460.5C556.7 461.3 570.3 463.7 584.2 465C598 466.3 612 466.7 626 471.8C640 477 654 487 668 488.3C682 489.7 696 482.3 709.8 475.7C723.7 469 737.3 463 751.2 467.7C765 472.3 779 487.7 793 493.5C807 499.3 821 495.7 835 489.3C849 483 863 474 876.8 474.3C890.7 474.7 904.3 484.3 918.2 485.8C932 487.3 946 480.7 953 477.3L960 474L960 541L953 541C946 541 932 541 918.2 541C904.3 541 890.7 541 876.8 541C863 541 849 541 835 541C821 541 807 541 793 541C779 541 765 541 751.2 541C737.3 541 723.7 541 709.8 541C696 541 682 541 668 541C654 541 640 541 626 541C612 541 598 541 584.2 541C570.3 541 556.7 541 542.8 541C529 541 515 541 501 541C487 541 473 541 459 541C445 541 431 541 417.2 541C403.3 541 389.7 541 375.8 541C362 541 348 541 334 541C320 541 306 541 292 541C278 541 264 541 250.2 541C236.3 541 222.7 541 208.8 541C195 541 181 541 167 541C153 541 139 541 125 541C111 541 97 541 83.2 541C69.3 541 55.7 541 41.8 541C28 541 14 541 7 541L0 541Z" fill="%23f97f1e"></path><path d="M0 523L7 520.2C14 517.3 28 511.7 41.8 510.7C55.7 509.7 69.3 513.3 83.2 515.2C97 517 111 517 125 515.7C139 514.3 153 511.7 167 510.8C181 510 195 511 208.8 512.2C222.7 513.3 236.3 514.7 250.2 510.3C264 506 278 496 292 496.2C306 496.3 320 506.7 334 511.2C348 515.7 362 514.3 375.8 511.3C389.7 508.3 403.3 503.7 417.2 500.3C431 497 445 495 459 493.7C473 492.3 487 491.7 501 496.2C515 500.7 529 510.3 542.8 513.2C556.7 516 570.3 512 584.2 509.8C598 507.7 612 507.3 626 504C640 500.7 654 494.3 668 490.5C682 486.7 696 485.3 709.8 485C723.7 484.7 737.3 485.3 751.2 488.7C765 492 779 498 793 501.2C807 504.3 821 504.7 835 506.2C849 507.7 863 510.3 876.8 506.8C890.7 503.3 904.3 493.7 918.2 491.7C932 489.7 946 495.3 953 498.2L960 501L960 541L953 541C946 541 932 541 918.2 541C904.3 541 890.7 541 876.8 541C863 541 849 541 835 541C821 541 807 541 793 541C779 541 765 541 751.2 541C737.3 541 723.7 541 709.8 541C696 541 682 541 668 541C654 541 640 541 626 541C612 541 598 541 584.2 541C570.3 541 556.7 541 542.8 541C529 541 515 541 501 541C487 541 473 541 459 541C445 541 431 541 417.2 541C403.3 541 389.7 541 375.8 541C362 541 348 541 334 541C320 541 306 541 292 541C278 541 264 541 250.2 541C236.3 541 222.7 541 208.8 541C195 541 181 541 167 541C153 541 139 541 125 541C111 541 97 541 83.2 541C69.3 541 55.7 541 41.8 541C28 541 14 541 7 541L0 541Z" fill="%23f7770f"></path></svg>');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; */

    /* Footer-background
    width: 100vw;
    background-image: url('data:image/svg+xml,<svg id="visual" viewBox="0 0 960 540" width="960" height="540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><rect x="0" y="0" width="960" height="540" fill="%2345595b"></rect><path d="M0 91L5.2 77.5C10.3 64 20.7 37 31 23.3C41.3 9.7 51.7 9.3 62 8.5C72.3 7.7 82.7 6.3 93 14.7C103.3 23 113.7 41 124 42.2C134.3 43.3 144.7 27.7 155 25.2C165.3 22.7 175.7 33.3 186 45.2C196.3 57 206.7 70 217 69.7C227.3 69.3 237.7 55.7 248 48.5C258.3 41.3 268.7 40.7 279 38.7C289.3 36.7 299.7 33.3 310 36.3C320.3 39.3 330.7 48.7 341 48.5C351.3 48.3 361.7 38.7 372 43.8C382.3 49 392.7 69 403 76.8C413.3 84.7 423.7 80.3 434 77C444.3 73.7 454.7 71.3 464.8 67.3C475 63.3 485 57.7 495.2 63.8C505.3 70 515.7 88 526 92.3C536.3 96.7 546.7 87.3 557 84.7C567.3 82 577.7 86 588 82.5C598.3 79 608.7 68 619 68C629.3 68 639.7 79 650 71.5C660.3 64 670.7 38 681 24.3C691.3 10.7 701.7 9.3 712 15.2C722.3 21 732.7 34 743 47.5C753.3 61 763.7 75 774 70.7C784.3 66.3 794.7 43.7 805 31.7C815.3 19.7 825.7 18.3 836 28.2C846.3 38 856.7 59 867 72.5C877.3 86 887.7 92 898 79.5C908.3 67 918.7 36 929 29.8C939.3 23.7 949.7 42.3 954.8 51.7L960 61L960 0L954.8 0C949.7 0 939.3 0 929 0C918.7 0 908.3 0 898 0C887.7 0 877.3 0 867 0C856.7 0 846.3 0 836 0C825.7 0 815.3 0 805 0C794.7 0 784.3 0 774 0C763.7 0 753.3 0 743 0C732.7 0 722.3 0 712 0C701.7 0 691.3 0 681 0C670.7 0 660.3 0 650 0C639.7 0 629.3 0 619 0C608.7 0 598.3 0 588 0C577.7 0 567.3 0 557 0C546.7 0 536.3 0 526 0C515.7 0 505.3 0 495.2 0C485 0 475 0 464.8 0C454.7 0 444.3 0 434 0C423.7 0 413.3 0 403 0C392.7 0 382.3 0 372 0C361.7 0 351.3 0 341 0C330.7 0 320.3 0 310 0C299.7 0 289.3 0 279 0C268.7 0 258.3 0 248 0C237.7 0 227.3 0 217 0C206.7 0 196.3 0 186 0C175.7 0 165.3 0 155 0C144.7 0 134.3 0 124 0C113.7 0 103.3 0 93 0C82.7 0 72.3 0 62 0C51.7 0 41.3 0 31 0C20.7 0 10.3 0 5.2 0L0 0Z" fill="%23ffb524" stroke-linecap="round" stroke-linejoin="miter"></path></svg>');
    background-repeat: no-repeat;
    background-size: cover;
    */

    /* Header-background <Not done>
    width: 100vw;
    background-image: url('data:image/svg+xml,<svg id="visual" viewBox="0 0 960 540" width="960" height="540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><rect x="0" y="0" width="960" height="540" fill="%23FFFFFF"></rect><path d="M0 510L5.2 507.5C10.3 505 20.7 500 31 500.7C41.3 501.3 51.7 507.7 62 512.8C72.3 518 82.7 522 93 521.7C103.3 521.3 113.7 516.7 124 514.5C134.3 512.3 144.7 512.7 155 512.7C165.3 512.7 175.7 512.3 186 510.3C196.3 508.3 206.7 504.7 217 502.8C227.3 501 237.7 501 248 502.8C258.3 504.7 268.7 508.3 279 510.5C289.3 512.7 299.7 513.3 310 514.7C320.3 516 330.7 518 341 519.2C351.3 520.3 361.7 520.7 372 515C382.3 509.3 392.7 497.7 403 492C413.3 486.3 423.7 486.7 434 491.3C444.3 496 454.7 505 464.8 508.3C475 511.7 485 509.3 495.2 510.3C505.3 511.3 515.7 515.7 526 513.7C536.3 511.7 546.7 503.3 557 502C567.3 500.7 577.7 506.3 588 512.2C598.3 518 608.7 524 619 519.8C629.3 515.7 639.7 501.3 650 497.5C660.3 493.7 670.7 500.3 681 506.2C691.3 512 701.7 517 712 516.5C722.3 516 732.7 510 743 503.8C753.3 497.7 763.7 491.3 774 490.5C784.3 489.7 794.7 494.3 805 501.3C815.3 508.3 825.7 517.7 836 516.7C846.3 515.7 856.7 504.3 867 505.8C877.3 507.3 887.7 521.7 898 520.8C908.3 520 918.7 504 929 497C939.3 490 949.7 492 954.8 493L960 494L960 541L954.8 541C949.7 541 939.3 541 929 541C918.7 541 908.3 541 898 541C887.7 541 877.3 541 867 541C856.7 541 846.3 541 836 541C825.7 541 815.3 541 805 541C794.7 541 784.3 541 774 541C763.7 541 753.3 541 743 541C732.7 541 722.3 541 712 541C701.7 541 691.3 541 681 541C670.7 541 660.3 541 650 541C639.7 541 629.3 541 619 541C608.7 541 598.3 541 588 541C577.7 541 567.3 541 557 541C546.7 541 536.3 541 526 541C515.7 541 505.3 541 495.2 541C485 541 475 541 464.8 541C454.7 541 444.3 541 434 541C423.7 541 413.3 541 403 541C392.7 541 382.3 541 372 541C361.7 541 351.3 541 341 541C330.7 541 320.3 541 310 541C299.7 541 289.3 541 279 541C268.7 541 258.3 541 248 541C237.7 541 227.3 541 217 541C206.7 541 196.3 541 186 541C175.7 541 165.3 541 155 541C144.7 541 134.3 541 124 541C113.7 541 103.3 541 93 541C82.7 541 72.3 541 62 541C51.7 541 41.3 541 31 541C20.7 541 10.3 541 5.2 541L0 541Z" fill="%23ffb524" stroke-linecap="round" stroke-linejoin="miter"></path></svg>');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    */

    /* Carousel Background
    width: 100vw;
    background-image: url('data:image/svg+xml,<svg id="visual" viewBox="0 0 960 540" width="960" height="540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><rect x="0" y="0" width="960" height="540" fill="%23fdd79c"></rect><g fill="%23ffca7c"><circle r="34" cx="55" cy="369"></circle><circle r="20" cx="860" cy="3"></circle><circle r="24" cx="741" cy="528"></circle><circle r="29" cx="696" cy="184"></circle><circle r="30" cx="562" cy="487"></circle><circle r="25" cx="132" cy="11"></circle><circle r="30" cx="367" cy="217"></circle><circle r="20" cx="236" cy="216"></circle><circle r="30" cx="58" cy="287"></circle><circle r="20" cx="845" cy="75"></circle><circle r="22" cx="863" cy="238"></circle><circle r="28" cx="886" cy="387"></circle><circle r="28" cx="599" cy="118"></circle><circle r="28" cx="17" cy="128"></circle><circle r="27" cx="299" cy="42"></circle><circle r="32" cx="411" cy="46"></circle><circle r="29" cx="841" cy="321"></circle><circle r="32" cx="442" cy="129"></circle><circle r="21" cx="747" cy="267"></circle><circle r="27" cx="643" cy="310"></circle><circle r="22" cx="68" cy="487"></circle><circle r="19" cx="935" cy="267"></circle><circle r="31" cx="364" cy="128"></circle><circle r="30" cx="666" cy="423"></circle><circle r="22" cx="201" cy="404"></circle><circle r="22" cx="284" cy="136"></circle><circle r="27" cx="103" cy="207"></circle><circle r="19" cx="763" cy="149"></circle><circle r="21" cx="67" cy="50"></circle><circle r="23" cx="638" cy="511"></circle><circle r="23" cx="617" cy="231"></circle></g></svg>');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    */

    /* Sections Background
    width: 100vw;
    background-image: url('data:image/svg+xml,<svg id="visual" viewBox="0 0 960 540" width="960" height="540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><path d="M892 540L879.2 527.2C866.3 514.3 840.7 488.7 821.5 463C802.3 437.3 789.7 411.7 788 386C786.3 360.3 795.7 334.7 811.7 308.8C827.7 283 850.3 257 863.2 231.2C876 205.3 879 179.7 869.3 154C859.7 128.3 837.3 102.7 832.5 77C827.7 51.3 840.3 25.7 846.7 12.8L853 0L960 0L960 12.8C960 25.7 960 51.3 960 77C960 102.7 960 128.3 960 154C960 179.7 960 205.3 960 231.2C960 257 960 283 960 308.8C960 334.7 960 360.3 960 386C960 411.7 960 437.3 960 463C960 488.7 960 514.3 960 527.2L960 540Z" fill="%23ffa052"></path><path d="M844 540L832.8 527.2C821.7 514.3 799.3 488.7 770.5 463C741.7 437.3 706.3 411.7 690.3 386C674.3 360.3 677.7 334.7 696.8 308.8C716 283 751 257 767 231.2C783 205.3 780 179.7 778.5 154C777 128.3 777 102.7 780.2 77C783.3 51.3 789.7 25.7 792.8 12.8L796 0L854 0L847.7 12.8C841.3 25.7 828.7 51.3 833.5 77C838.3 102.7 860.7 128.3 870.3 154C880 179.7 877 205.3 864.2 231.2C851.3 257 828.7 283 812.7 308.8C796.7 334.7 787.3 360.3 789 386C790.7 411.7 803.3 437.3 822.5 463C841.7 488.7 867.3 514.3 880.2 527.2L893 540Z" fill="%23ffaa5a"></path><path d="M633 540L626.5 527.2C620 514.3 607 488.7 586.2 463C565.3 437.3 536.7 411.7 527.2 386C517.7 360.3 527.3 334.7 532.2 308.8C537 283 537 257 529 231.2C521 205.3 505 179.7 524.2 154C543.3 128.3 597.7 102.7 589.7 77C581.7 51.3 511.3 25.7 476.2 12.8L441 0L797 0L793.8 12.8C790.7 25.7 784.3 51.3 781.2 77C778 102.7 778 128.3 779.5 154C781 179.7 784 205.3 768 231.2C752 257 717 283 697.8 308.8C678.7 334.7 675.3 360.3 691.3 386C707.3 411.7 742.7 437.3 771.5 463C800.3 488.7 822.7 514.3 833.8 527.2L845 540Z" fill="%23ffb462"></path><path d="M489 540L477.7 527.2C466.3 514.3 443.7 488.7 426 463C408.3 437.3 395.7 411.7 394.2 386C392.7 360.3 402.3 334.7 415.2 308.8C428 283 444 257 428 231.2C412 205.3 364 179.7 378.3 154C392.7 128.3 469.3 102.7 475.7 77C482 51.3 418 25.7 386 12.8L354 0L442 0L477.2 12.8C512.3 25.7 582.7 51.3 590.7 77C598.7 102.7 544.3 128.3 525.2 154C506 179.7 522 205.3 530 231.2C538 257 538 283 533.2 308.8C528.3 334.7 518.7 360.3 528.2 386C537.7 411.7 566.3 437.3 587.2 463C608 488.7 621 514.3 627.5 527.2L634 540Z" fill="%23ffbd6b"></path><path d="M364 540L351.2 527.2C338.3 514.3 312.7 488.7 296.7 463C280.7 437.3 274.3 411.7 277.5 386C280.7 360.3 293.3 334.7 306.2 308.8C319 283 332 257 322.5 231.2C313 205.3 281 179.7 292.2 154C303.3 128.3 357.7 102.7 357.7 77C357.7 51.3 303.3 25.7 276.2 12.8L249 0L355 0L387 12.8C419 25.7 483 51.3 476.7 77C470.3 102.7 393.7 128.3 379.3 154C365 179.7 413 205.3 429 231.2C445 257 429 283 416.2 308.8C403.3 334.7 393.7 360.3 395.2 386C396.7 411.7 409.3 437.3 427 463C444.7 488.7 467.3 514.3 478.7 527.2L490 540Z" fill="%23ffc675"></path><path d="M47 540L48.7 527.2C50.3 514.3 53.7 488.7 58.5 463C63.3 437.3 69.7 411.7 68 386C66.3 360.3 56.7 334.7 55 308.8C53.3 283 59.7 257 59.7 231.2C59.7 205.3 53.3 179.7 56.5 154C59.7 128.3 72.3 102.7 82 77C91.7 51.3 98.3 25.7 101.7 12.8L105 0L250 0L277.2 12.8C304.3 25.7 358.7 51.3 358.7 77C358.7 102.7 304.3 128.3 293.2 154C282 179.7 314 205.3 323.5 231.2C333 257 320 283 307.2 308.8C294.3 334.7 281.7 360.3 278.5 386C275.3 411.7 281.7 437.3 297.7 463C313.7 488.7 339.3 514.3 352.2 527.2L365 540Z" fill="%23ffcf80"></path><path d="M0 540L0 527.2C0 514.3 0 488.7 0 463C0 437.3 0 411.7 0 386C0 360.3 0 334.7 0 308.8C0 283 0 257 0 231.2C0 205.3 0 179.7 0 154C0 128.3 0 102.7 0 77C0 51.3 0 25.7 0 12.8L0 0L106 0L102.7 12.8C99.3 25.7 92.7 51.3 83 77C73.3 102.7 60.7 128.3 57.5 154C54.3 179.7 60.7 205.3 60.7 231.2C60.7 257 54.3 283 56 308.8C57.7 334.7 67.3 360.3 69 386C70.7 411.7 64.3 437.3 59.5 463C54.7 488.7 51.3 514.3 49.7 527.2L48 540Z" fill="%23ffd88b"></path></svg>');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
    < Add White Background to Bottom for each element. >
    */

.chakri-top {
    

    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
}
    
.chakri-revert-top {    
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}    

.hero_img_big {
    object-fit: cover;
    transform: scale(1.5,1.5);
    transition: transform 1s ease-in-out;
    transition-property: opacity;
    opacity: 0;
    visibility: hidden;
 }

.hero_img:hover {
    object-fit: cover;
    
    opacity: 0.8;
} 

.hero_img {
    transition: transform 0.5s ease-in-out;
    transition-property: opacity;
    opacity: 1;
}

 .back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    z-index: 99;
}

 .chat-box {
    position: fixed;
    color: white;
    right: 90px;
    bottom: 30px;
    display: flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    z-index: 99;
}


.typing-indicator {
  width: 50px;
  height: 30px;
  padding: 0 15px;
  background: #e6e6e6;
  border-radius: 20px;
  display: flex;
  align-items: center;
  margin: 8px 0;
}
.typing-dot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #8d8c91;
  margin: 0 3px;
  opacity: 0;
  animation: typingDot 1s infinite;
}
.typing-dot:nth-child(1) { animation-delay: 0s; }
.typing-dot:nth-child(2) { animation-delay: 0.2s; }
.typing-dot:nth-child(3) { animation-delay: 0.4s; }
@keyframes typingDot {
  0% { opacity: 0; }
  50% { opacity: 0.8; }
  100% { opacity: 0; }
}

/* Chat Window */
.chat-window {
    position: fixed;
    bottom: 80px;
    right: 20px;
    width: 300px;
    height: 400px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
    display: none;
    flex-direction: column;
    z-index: 2000;
}

.chat-header {
    background: var(--bs-primary) !important;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    border-radius: 10px;
}

.chat-body {
    flex: 1;
    padding: 10px;
    overflow-y: auto;
    scrollbar-width: thin;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.chat-body::-webkit-scrollbar {
    width: 6px;           /* thin scrollbar for Chrome/Edge */
}

.message {
    padding: 8px 8px;
    margin: 5px 0;
    border-radius: 15px;
    max-width: fit-content;
    word-wrap: break-word;
}

.message.left {
    background: #f1f1f1;
    text-align: left;
}

.message.right {
    background: var(--bs-secondary) !important;
    color: white;
    margin-left: auto;
}

.chat-footer {
    display: flex;
    padding: 10px;
    border-top: 1px solid #ddd;
    flex-shrink: 0;
}

.chat-footer input {
    flex: 1;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 20px;
    outline: none;
    margin-right: 10px;
}

.chat-footer button {
    background: var(--bs-secondary) !important;
    color: white;
    border: none;
    padding: 8px 14px;
    border-radius: 20px;
    cursor: pointer;
}
/*** Spinner End ***/


/*** Button Start ***/
.btn {
    font-weight: 600;
    transition: .5s;
}

.btn-square {
    width: 32px;
    height: 32px;
}

.btn-sm-square {
    width: 34px;
    height: 34px;
}

.btn-md-square {
    width: 44px;
    height: 44px;
}

.btn-lg-square {
    width: 56px;
    height: 56px;
}

.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.btn.border-secondary {
    transition: 0.5s;
}

.btn.border-secondary:hover {
    background: var(--bs-secondary) !important;
    color: var(--bs-white) !important;
}

/*** Topbar Start ***/
.fixed-top {
    transition: top 0.5s cubic-bezier(.4,0,.2,1);
    background-color: white;
    border: 0;
}

.topbar {
    padding: 20px;
    border-radius: 230px 100px;
}

@media (min-width: 1200px) {
    .topbar .top-info {
        font-size: 15px;
        line-height: 0;
        letter-spacing: 1px;
        display: flex;
        align-items: center;
    }

}

@media (min-width: 1200px) {
.topbar .top-link {
    font-size: 15px;
    line-height: 0;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
}

}

@media (max-width: 1200px) {
    .topbar .top-info {
        font-size: 13px;
        line-height: 0;
        
        
        align-items: center;
    }
}

@media (max-width: 1200px) {
    .topbar .top-link {
        font-size: 13px;
        line-height: 0;
        
      
        align-items: center;
    }
}

.topbar .top-link a {
    letter-spacing: 1px;
}

.topbar .top-info small a:hover {
    color: var(--bs-secondary) !important;
    transition: 0.5s;
}


.topbar .top-link a small:hover {
    color: var(--bs-secondary) !important;
    transition: 0.5s;
}

.topbar .top-info a small:hover i {
    color: var(--bs-secondary) !important;
}
/*** Topbar End ***/

/*** Navbar Start ***/
.navbar .navbar-nav .nav-link {
    padding: 10px 15px;
    font-size: 16px;
    transition: .5s;
}

@media (min-width: 1200px) {
    .navbar {
        height: 125px;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }
}

@media (max-width: 1200px) {
    .navbar {
        height: 175px;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }
}


.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active,
.fixed-top.bg-white .navbar .navbar-nav .nav-link:hover,
.fixed-top.bg-white .navbar .navbar-nav .nav-link.active {
    color: var(--bs-primary);
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    vertical-align: middle;
    margin-left: 8px;
}

@media (min-width: 1200px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        border: 0;
        transition: .5s;
        opacity: 0;
    }
}

.dropdown .dropdown-menu a:hover {
    background: var(--bs-secondary);
    color: var(--bs-primary);
}

.navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    background: var(--bs-light) !important;
    border-radius: 10px !important;
    transition: .5s;
    opacity: 1;
}

#searchModal .modal-content {
    background: rgba(255, 255, 255, .8);
}

.search {
    width: auto;
}

/* .search:focus {
    box-shadow: 0 0 55px var(--bs-secondary);
} */

/* .search:hover {
    box-shadow: 0 0 55px var(--bs-secondary);
} */

.search-box {
    width: 100%;
    height: auto;
    display: none;
    background-color: white;
    z-index: 1;
    border-radius: 10px;

}

.manage-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* .search-box:hover {
    box-shadow: 0 0 55px var(--bs-secondary); 
} */
/*** Navbar End ***/

/*** Hero Header ***/
.hero-header {
    background: linear-gradient(rgba(248, 223, 173, 0.1), rgba(248, 223, 173, 0.1)), url(https://snf-public.s3.us-east-2.amazonaws.com/img/header-back.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel-item {
    position: relative;
}

.carousel-item a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 25px;
    background: linear-gradient(rgba(255, 181, 36, 0.7), rgba(255, 181, 36, 0.7));
}

.carousel-control-next,
.carousel-control-prev {
    width: 48px;
    height: 48px;
    border-radius: 48px;
    border: 1px solid var(--bs-white);
    background: var(--bs-primary);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.carousel-control-next {
    margin-right: 20px;
    margin-top: 20px;
}

.carousel-control-prev {
    margin-left: 20px;
}

.page-header {
    position: relative;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(https://snf-public.s3.us-east-2.amazonaws.com/img/GeminiHeader.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 992px) {
    .hero-header,
    .page-header {
        margin-top: 222px !important;
    }
}

@media (max-width: 992px) {
    .hero-header,
    .page-header {
        margin-top: 172px !important;
    }
}
/*** Hero Header end ***/


/*** featurs Start ***/
.featurs .featurs-item .featurs-icon {
    position: relative;
    width: 120px;
    height: 120px;
}

.featurs .featurs-item .featurs-icon::after {
    content: "";
    width: 35px;
    height: 35px;
    background: var(--bs-secondary);
    position: absolute;
    bottom: -10px;
    transform: translate(-50%);
    transform: rotate(45deg);
    background: var(--bs-secondary);
    
}

.featurs-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
    transition: .5s;
}

.featurs-item:hover {
    background: var(--bs-primary);
}

.featurs-item .featurs-icon .featurs-content  {
    transition: .5s;
}

featurs-item:hover * {
    color: var(--bs-light) !important;
}
/*** featurs End ***/


/*** service Start ***/

.service-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
    transition: .5s;
}

.service-item:hover {
    background: var(--bs-primary);
}

.service-item * {
    transition: .5s;
}

.service-item:hover * {
    color: var(--bs-light) !important;
}

/* .service .service-item .service-content {
    position: relative;
    width: 250px; 
    height: 130px; 
    top: -50%; 
    left: 50%; 
    transform: translate(-50%, -50%);
} */

/*** service End ***/


/*** Fruits Start ***/
.fruite .tab-class .nav-item a.active {
    background: var(--bs-secondary) !important;
}

.fruite .tab-class .nav-item a.active span {
    color: var(--bs-white) !important; 
}

.fruite .fruite-categorie .fruite-name {
    line-height: 40px;
}

.fruite .fruite-categorie .fruite-name a {
    transition: 0.5s;
}

.fruite .fruite-categorie .fruite-name a:hover {
    color: var(--bs-secondary);
}

.fruite .seed-item {
    height: 100%;
    transition: 0.5s;
}
.fruite .seed-item:hover {
    box-shadow: 0 0 55px var(--bs-secondary);
}

.fruite .fruite-item .fruite-img {
    overflow: hidden;
    transition: 0.5s;
}

.fruite .nut-item {
    height: 100%;
    transition: 0.5s;
}
.fruite .nut-item:hover {
    box-shadow: 0 0 55px var(--bs-primary);
}

.fruite .nut-item {
    overflow: hidden;
    transition: 0.5s;
    border-radius: 10px 10px 0 0;
}

.fruite .snc-item {
    height: 100%;
    transition: 0.5s;
}
.fruite .snc-item:hover {
    box-shadow: 0 0 55px var(--bs-danger);
}

.fruite .snc-item {
    overflow: hidden;
    transition: 0.5s;
    border-radius: 10px 10px 0 0;
}


.fruite-img-packs {
    overflow: hidden;
    /* transition: 0.5s; */
    border-radius: 10px 10px 0 0;
    /* width: 200px; */
    height: 400px;
    object-fit: cover;
}

.sns-img {
    border-radius: 50%;
}

.bigger:hover {
    background-color: var(--bs-secondary);
    color: white;
}

.one_lb:hover {
    background-color: var(--bs-secondary);
    color: white;
}

/* .fruite .fruite-item .fruite-img-packs img {
    transition: transform 0.5s ease-in-out;
}

.fruite .fruite-item .fruite-img-packs img:hover {
    transform: scale(1.3,1.3);
} */

.fruite-img img {
    transition: transform 0.5s ease-in-out;
    height: 290px;
}

.fruite .fruite-item .fruite-img img:hover {
    transform: scale(1.3);
}
/*** Fruits End ***/


/*** vesitable Start ***/
/* .vesitable .seed-item {
    height: 100%;
    transition: 0.5s;
    border-radius: 50%;
} */

.vesitable .seed-item:hover {
    box-shadow: 0 0 55px var(--bs-secondary);
}

.vesitable .plant-item:hover {
    box-shadow: 0 0 55px var(--bs-primary);
}

/* .vesitable .spice-item {
    height: 100%;
    transition: 0.5s;
    border-radius: 50%;
} */

.vesitable .spice-item:hover {
    box-shadow: 0 0 55px var(--bs-danger);
}

@media (min-width: 1200px) {
    .vesitable-img {
        height: 300px;
        width: 300px;
        border-radius: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 992px) {
    .vesitable-img {
        height: 220px;
        width: 220px;
        border-radius: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 768px) {
    .vesitable-img {
        height: 192px;
        width: 192px;
        border-radius: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .vesitable-img {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}



/* .vesitable  .vesitable-img img {
    transition: 0.5s;
} */




.vesitable .owl-stage {
    margin: 50px 0;
    position: relative;
}

.vesitable .owl-nav .owl-prev {
    position: absolute;
    top: -8px;
    right: 0;
    color: var(--bs-primary);
    padding: 5px 25px;
    border: 1px solid var(--bs-secondary);
    border-radius: 20px;
    transition: 0.5s;

}

.vesitable .owl-nav .owl-prev:hover {
    background: var(--bs-secondary);
    color: var(--bs-white);
}

.vesitable .owl-nav .owl-next {
    position: absolute;
    top: -8px;
    right: 88px;
    color: var(--bs-primary);
    padding: 5px 25px;
    border: 1px solid var(--bs-secondary);
    border-radius: 20px;
    transition: 0.5s;
}

.weight-hover-box:hover {
    background-color: var(--bs-secondary);   /* dark background */
    color: #fff;                 /* white text */       /* optional: darken border */
}

.weight-hover-box:hover .text-muted {
    color: #fff !important;
}

.vesitable .owl-nav .owl-next:hover {
    background: var(--bs-secondary);
    color: var(--bs-white);
}
/*** vesitable End ***/


/*** Banner Section Start ***/
.banner .banner-btn:hover {
    background: var(--bs-primary);
}

/*** Banner Section End ***/

.best-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
    transition: .5s;
}


.chosen-pic {
	object-fit: cover;
    overflow: hidden;
    height: 600px;
    margin-bottom: 20px;
    border-radius: 15px;
}

.chosen-pic:hover {
    box-shadow: 0 0 55px 10px var(--bs-secondary);
    border-radius: 0px;

}

.chosen-pic.zoomIn {
    position: relative;
    overflow: hidden; /* This is crucial */
}

@media (min-width: 1200px) {
    .productView {
        display: block;
        margin: auto;
        object-fit: cover;
        height: 600px;
    }
}

@media (max-width: 942px) {
    .productView {
        display: block;
        margin: auto;
        object-fit: contain;
        max-height: 400px;
    }
}


.chosen-thumb {
    border: 2px solid var(--bs-secondary);
}

.best-view {
    object-fit: cover;
    overflow: hidden;
}

.best-view:hover {
    box-shadow: 0 0 55px 10px var(--bs-secondary);
}

.attractive-text {
  font-family: 'Palatino', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #222;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
  letter-spacing: 0.05em;
  font-style: italic;
}


/*** Facts Start ***/

.fact-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
    transition: .5s;
}

.fact-item:hover {
    background: var(--bs-secondary);
}

.fact-item * {
    transition: .5s;
}

.fact-item:hover * {
    color: var(--bs-light) !important;
}




.counter {
    height: 100%;
    text-align: center;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}

.counter i {
    font-size: 60px;
    margin-bottom: 25px;
}

.counter h4 {
    color: var(--bs-primary);
    letter-spacing: 1px;
    text-transform: uppercase;
}

.counter h1 {
    margin-bottom: 0;
}
/*** Facts End ***/


/*** testimonial Start ***/
.testimonial .owl-nav .owl-prev {
    position: absolute;
    top: -58px;
    right: 0;
    color: var(--bs-primary);
    padding: 5px 25px;
    border: 1px solid var(--bs-secondary);
    border-radius: 20px;
    transition: 0.5s;
}

.testimonial .owl-nav .owl-prev:hover {
    background: var(--bs-secondary);
    color: var(--bs-white);
}

.testimonial .owl-nav .owl-next {
    position: absolute;
    top: -58px;
    right: 88px;
    color: var(--bs-primary);
    padding: 5px 25px;
    border: 1px solid var(--bs-secondary);
    border-radius: 20px;
    transition: 0.5s;
}

.testimonial .owl-nav .owl-next:hover {
    background: var(--bs-secondary);
    color: var(--bs-white);
}
/*** testimonial End ***/


/*** Single Page Start ***/
.pagination {
    display: inline-block;
}
  
.pagination a {
    color: var(--bs-dark);
    padding: 10px 16px;
    text-decoration: none;
    transition: 0.5s;
    border: 1px solid var(--bs-secondary);
    margin: 0 4px;
}
  
.pagination a.active {
    background-color: var(--bs-primary);
    color: var(--bs-light);
    border: 1px solid var(--bs-secondary);
}
  
.pagination a:hover:not(.active) {background-color: var(--bs-primary)}

.nav.nav-tabs .nav-link.active {
    border-bottom: 2px solid var(--bs-secondary) !important;
}
/*** Single Page End ***/


/*** Footer Start ***/
.footer .footer-item .btn-link {
    line-height: 35px;
    color: rgba(255, 255, 255, .5);
    transition: 0.5s;
}

.footer .footer-item .btn-link:hover {
    color: var(--bs-secondary) !important;
}

.footer .footer-item p.mb-4 {
    line-height: 35px;
}
/*** Footer End ***/