@charset "UTF-8";

/* Import Google Fonts */

@import url('https://fonts.googleapis.com/css2?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');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');


:root {
    --themeprimaryclr: #662979;
    --themesecondaryclr: #061a6c;
    --themethirdclr: #007BFF;
    --plainclr: #fff;
    --darkclr: #000;
    --lightbg: #F6F2F7;
    --bodyclr: #737373;
    --body-bgclr: #afb3ab;
    --headerclr: #fff;
    --headerbgclr: #defffc;
    --footerclr: #ffdada;
    --footerbgclr: #ffffff;
    --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: #737373;
    --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:#D8D8D8;
    --bordertwo: #EAE2EF;
    --border-three: #ff0000;
    /* section colors */



   


    /* 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 */
 
    /* Pink blend */
    --gradientone: linear-gradient(90deg, #253E82 29%, #293E80 50%, #672B7A 99%);
    /* Green blend */
   




    /* 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: 'Poppins', sans-serif;
    --secondaryfont: "Rubik", 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;



}