@charset "UTF-8";

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    /* Theme Colors (1 to 10) */
    --themeprimaryclr: #fbc108;
    --themesecondaryclr: #061a6c;
    --themethirdclr: #007BFF;
    --plainclr: #fff;
    --darkclr: #000;
    --lightbg: #fafafa;
    --bodyclr: #3f4041;
    --body-bgclr: #afb3ab;
    --headerclr: #fff;
    --headerbgclr: #defffc;
    --footerclr: #ffdada;
    --footerbgclr: #eebbbb;
    --headingclr: #000000;
    --li-clr: #dfd8d8;
    --lihover-clr: #474747;
    --anchorclr: #cdcdcd;
    --btnhover: #6c63ff;
    --anchor-hover-clr: #ffa1a1;
    --linkclr: #7cb5ff;
    --link-hover-clr: #3288f8;
    /* newly added colors */
    --link-hover-bg-clr: #f5f5f5;
    --link-bg-clr: #f0f0f0;
    --hoverclr: #000;
    --paragraph: #5f6368;
    --iconclr: #ff0000;
    --icon-hover-clr: #fff000;
    --tablehover: #cdcdcd;
    /* dark mode clrs*/
    --dark-text-color: #c0aaaa;
    --dark-section-color: #2a2a2a;
    --dark-menu-bg-color: #3f404e;
    --dark-menu-icon-color: #404654;
    /* borderclrs */
    --main-border: #e0e0e0;
    --light-border: #51535f;
    --borderone: #cdcdcd;
    --bordertwo: #EDF5FA;
    --border-three: #ff0000;
    /* section colors */
    --section-color: #fafafa;
    --section-color-two: #000000;
    --section-color-three: #9b9b9b;
    --section-color-four: #313131;
    --section-color-five: #f8bfbf;


    /* Named Colors */
    --greenclr: #1bb174;
    --orangecolor: #ff9900;
    --redclr: #ff2b2b;
    --yellowclr: #FFAB0A;
    --icon-hover-grey: invert(47%) sepia(12%) saturate(257%) hue-rotate(173deg) brightness(94%) contrast(88%) !important;

    /* badges color */
    --badge-danger: #ff0000;
    --badge-warning: #ff9900;
    --badge-success: #1bb174;
    --badge-light: #eff0f6;
    --badge-dark: #343a40;
    --badge-semi-dark: #495057;
    --badge-semi-light: #f8f9fa;
    --badge-info: #17a2b8;

    /* Overlay Colors */
    --overlayone: rgba(0, 0, 0, 0.3);
    /* Light black overlay */
    --overlaytwo: rgba(0, 0, 0, 0.5);
    /* Medium black overlay */
    --overlaythree: rgba(0, 0, 0, 0.7);
    /* Dark black overlay */
    --overlayfour: rgba(255, 255, 255, 0.2);
    /* Light white overlay */
    --overlayfive: rgba(226, 5, 143, 0.4);
    /* Themed pink overlay */


    /* Gradient Backgrounds */
    --gradientone: linear-gradient(135deg,

            var(--themesecondaryclr) 50%,
            var(--themeprimaryclr) 100%);
    /* Pink blend */
    --gradienttwo: linear-gradient(342.1deg, #ffebaa 29.57%, #eaedf9 107.48%);
    /* Green blend */
    --gradientthree: linear-gradient(16.46deg, #5956E9 11.15%, #9B99FF 99.48%);
    /* Orange blend */
    --gradientfour: linear-gradient(342.1deg, #ffe48c 29.57%, #ced8ff 107.48%);
    /* Dark blend */
    --gradientfive: linear-gradient(135deg, #f7cd73, #ffcc00);
    /* Yellow gold blend */
    --gradientsix: linear-gradient(135deg, #5d5d5d, #1c1c1c);
    /* Grey-black blend */

    --gradientseven: linear-gradient(180.21deg, #FFF9F9 -64.58%, rgba(255, 255, 255, 0.1) 115.31%),
        linear-gradient(90deg, #FFC368 0%, #D569E1 50%, #4164E1 100%);
    --gradienteight: linear-gradient(180deg, rgba(255, 255, 255, 0.0224) 0%, rgba(255, 255, 255, 0) 100%);




    /* Box Shadows */
    --shadowone: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadowtwo: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadowthree: 0 10px 15px rgba(0, 0, 0, 0.15);
    --shadowfour: 0 12px 24px rgba(0, 0, 0, 0.2);
    --shadowfive: 0 20px 40px rgba(0, 0, 0, 0.25);



    /* Font Families (1 to 6) */
    --primaryfont: "Plus Jakarta Sans", sans-serif;
    --secondaryfont: 'Inter', sans-serif;
    --thirdfont: 'Roboto', sans-serif;
    --fourthfont: 'Montserrat', sans-serif;
    --fifthfont: 'Open Sans', sans-serif;
    --sixthfont: 'Poppins', sans-serif;


    /* new added  variables related to components*/

    /* footer */
    --footer-li-clr: #F5F5FA99;
    --footer-li-clr-two: #F5F5FA;


    /* payments mode */
    --pay-theme-2: #AEE87C;
    --pay-grey-1: #5F6368;


    /* About Stories  n*/
    --themeelevenclr: #FF7A59;
    --themetwelve: #FFE01B;
    --themethirteen: #AAE0F4;
    --themefourthen: #03363D;
    --themesixteen: #5B6CFF;
    --themeseventeen: #1117a0;
    --shadowsix: 20px 30px 100px rgba(5, 12, 31, 0.1);

}