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

:root { 
--website-background: #f7f7f7;
--theme-font-family: 'Poppins';
--theme-color: #009fe3;
--theme-color-rgb: 0, 159, 227;
--font-color: #252525;
--font-color-rgb: 37, 37, 37;
--button-background: #252525;
--button-color: #ffffff;
--heading-color: #000;
--bg-color: #ffffff;
--primary-color: #007bff;
--success-color: #43c77e;
--danger-color: #dc3545;
--warning-color: #ffc107;
--dark-color: #343a40;
--muted-color: #6c757d;
--favorite-color: #c5012f;
--twitter-color: #1d9bf0;
--facebook-color: #1877F2;
--box-shadow-color: #00c1e2;
--scroll-hide: 17px;
--theme-radius-small: 15px;
--theme-radius-big: 25px;
--theme-gradient: linear-gradient(90deg, var(--theme-color) 0%, #47c3f6 40%, #81fff4 100%);
--theme-gradient-top: linear-gradient(180deg, var(--theme-color) 0%, #47c3f6 40%, #81fff4 100%);
--theme-gradient-bottom: linear-gradient(0deg, var(--theme-color) 0%, #47c3f6 40%, #81fff4 100%);
--theme-gradient2: linear-gradient(90deg, var(--theme-color) 0%, #47c3f6 40%, #00e0f3 100%);
--theme-gradient2-top: linear-gradient(180deg, var(--theme-color) 0%, #47c3f6 40%, #00e0f3 100%);
--theme-gradient2-bottom: linear-gradient(0deg, var(--theme-color) 0%, #47c3f6 40%, #00e0f3 100%);
--theme-shadow: 0px 0px 50px -25px rgba(0, 0, 0, 0.1);
}

.theme-gradient { background: var(--theme-gradient); }
.theme-gradient2 { background: var(--theme-gradient2); }
.text-fill { -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.theme-shadow { box-shadow: var(--theme-shadow); }