:root {
    /* --variable-name : R, G, B */
    --pm-white: 255, 255, 255; /* #ffffff */
    --pm-black: 51, 51, 51; /* #333333 */
    --pm-grey: 128, 128, 128; /* #808080 */
    --pm-realblack: 0, 0, 0; /* #000000 */
    
    --pm-yellow: 246, 203, 98; /* #F6CB62 */
    --pm-pink: 236, 165, 90; /* #ECA55A */
    --pm-darkyellow: 241, 183, 94; /*#F1B75E */
    --snd-lightgrey: 221, 221, 221; /* #DDDDDD */
    --snd-late: 254, 249, 232; /* #FEF9E8 */
    --snd-almond: 255, 240, 205; /* #FFF0CD */
    --snd-banana: 251, 229, 177; /* #FBE5B1 */
    --snd-apricot: 246, 210, 173; /* #F6D2AD */
    --snd-babypink: 241, 196, 186; /* #F1C4BA */
    --link : var(--pm-pink); /*#0074D9*/
    --menu-bg: var(--pm-realblack),.5; /* #000000 */
    --menu-link: var(--pm-white);
    --menu-arrow: var( --pm-yellow);
    --icon-color: var(--pm-yellow); 
    --icon-color-inverse: var(--pm-white); 
    --carosel-dot: var(--pm-pink); 
    --carosel-dot-active: var(--pm-yellow); 
    --pm-btn-bg: var(--pm-pink); /* #ECA55A */
    --pm-btn-text: var(--pm-black); /* #333333 */
    --snd-btn-bg: var(--pm-white); /* #ffffff */
    --snd-btn-text: var(--pm-pink); /* #ECA55A */
    --pm-btn-from: var(--pm-yellow); 
    --pm-btn-to: var(--pm-pink); 
    --primary-btn-text: var(--pm-btn-right); 
    --snd-btn-text: var(--pm-black); 
    --footer-link-bg: var(--snd-almond);
    --font-2xsm: .625rem;
    --font-xsm: .75rem;
    --font-sm: .875rem;
    --font-base: clamp(.875rem, 1vw + .875rem, 1rem);
    --font-l: clamp(0.8rem, 1vw + 0.8rem, 1.125rem);
    --font-xl: clamp(0.9rem, 1vw + 0.9rem, 1.25rem);
    --font-xl-5: calc(clamp(1rem, 1vw + 1rem, 1.5rem));
    --font-2xl: clamp(1.125rem, 1vw + 1.125rem, 1.5rem);
    --font-3xl: clamp(1.25rem, 1vw + 1.25rem, 1.75rem);
    --font-3-5xl: clamp(1.3rem, 1vw + 1.3rem, 1.85rem);
    --font-4xl: clamp(1.375rem, 1vw + 1.375rem, 2rem);
    --font-5xl: clamp(1.5rem, 1vw + 1.5rem, 2.25rem);
    --font-6xl: clamp(1.5rem, 1vw + 1.5rem, 2.5rem);
    --font-7xl: clamp(2.25rem, 1rem + 2.5vw, 3.5rem);
    --font-7xxl: clamp(2.875rem, 1vw + 2.875rem, 4.5rem);
    --lh-text: 1.4;
    --lh-head: 1.1;
}

.theme-gray-green {
    --accent: 153, 174, 171;
    --text-hightlight: 249, 184, 116;
    --snd-light: 241, 249, 249;
    --snd-light-2: 227, 242, 243;
	--snd-light-3: 208, 229, 230;
	--snd-light-4: 177, 211, 214;
	--snd-light-5: 155, 198, 202;
    
    --pm-btn-left: var(--text-hightlight:);
    --pm-btn-right: var(--snd-light-4);
    --snd-btn: var(--snd-light-4);
    --pm-yellow: var(--snd-light-3); 
    --pm-darkyellow: var(--snd-light-4); 
    --pm-pink: var(--snd-light-5);
    --snd-lightgrey: 255, 220, 184; 
    --snd-late: var(--snd-light);  
    --snd-almond: var(--snd-light);
    --snd-banana: var(--snd-light-2); 
    --snd-apricot: var(--snd-light-3); 
    --snd-babypink: var(--snd-light-4); 
    --link : 236, 165, 90; 
    --menu-bg: var(--pm-realblack),0.5;
    --menu-link: var(--pm-white);
    --menu-arrow: var( --pm-yellow);
    --icon-color: var(--snd-light-3); 
    --icon-color-inverse: 255, 255, 255; 
    --carosel-dot: var(--snd-light-3); 
    --carosel-dot-active: var(--snd-light-5); 
    --pm-btn-from: var(--snd-light-3); 
    --pm-btn-to: var(--snd-light-5); 
    --primary-btn-text: var(--pm-btn-right); 
    --snd-btn-from: 255, 255, 255;
    --snd-btn-to: 255, 255, 255;
    --snd-btn-text: var(--pm-black); 
    --footer-link-bg: var(--snd-light-3); 
}
.theme-yoga {
    --accent: 249, 157, 108;
    --text-hightlight: 253, 203, 213;
    --snd-light: 254, 245, 240;
    --snd-light-2: 254, 235, 226;
	--snd-light-3: 252, 213, 191;
    --snd-light-4: 245, 206, 189;
	--snd-light-5: 251, 187, 152;
	

    --pm-btn-left: var(--text-hightlight);
    --pm-btn-right: var(--snd-light-4);
    --snd-btn: var(--snd-light-4);
    --pm-yellow: var(--snd-light-4); 
    --pm-darkyellow: var(--snd-light-5); 
    --pm-pink: var(--snd-light-5);
    --snd-lightgrey: 255, 220, 184; 
    --snd-almond: var(--snd-light-3);  
    --snd-late: var(--snd-light);
    --snd-banana: var(--snd-light-4); 
    --snd-babapink: var(--text-hightlight); 
    --snd-apricot: var(--snd-light); 
    --link : 236, 165, 90; 
    --menu-bg: var(--pm-realblack),.5;
    --menu-link: var(--pm-white);
    --menu-arrow: var( --pm-yellow);
    --icon-color: var(--snd-light-3); 
    --icon-color-inverse: 255, 255, 255; 
    --carosel-dot: var(--snd-light-3); 
    --carosel-dot-active: var(--snd-light-5); 
    --pm-btn-from: var(--text-hightlight); 
    --pm-btn-to: var(--snd-light-5); 
    --primary-btn-text: var(--pm-btn-right); 
    --snd-btn-from: 255, 255, 255;
    --snd-btn-to: 255, 255, 255;
    --snd-btn-text: var(--pm-black); 
    --footer-link-bg: var(--text-hightlight);
}

.theme-yellow {
    --accent: 153, 174, 171;
    --text-hightlight: 249, 184, 116;
    --snd-light: 241, 249, 249;
    --snd-light-2: 227, 242, 243;
	--snd-light-3: 208, 229, 230;
	--snd-light-4: 177, 211, 214;
	--snd-light-5: 155, 198, 202;
    --pm-btn-left: var(--text-hightlight:);
    --pm-btn-right: var(--snd-light-4);
    --snd-btn: var(--snd-light-4);
    --pm-yellow: var(--snd-light-3); 
    --pm-darkyellow: var(--snd-light-4); 
    --pm-pink: var(--snd-light-5);
    --snd-lightgrey: 255, 220, 184; 
    --snd-late: var(--snd-light);  
    --snd-almond: var(--snd-light-2);
    --snd-banana: var(--snd-light-3); 
    --snd-apricot: var(--snd-light-4); 
    --snd-babypink: var(--snd-light-5); 
    --link : 236, 165, 90; 
    --menu-bg: var(--pm-realblack),.5;
    --menu-link: var(--pm-white);
    --menu-arrow: var( --pm-yellow);
    --icon-color: var(--snd-light-3); 
    --icon-color-inverse: 255, 255, 255; 
    --carosel-dot: var(--snd-light-3); 
    --carosel-dot-active: var(--snd-light-5); 
    --pm-btn-from: var(--text-hightlight); 
    --pm-btn-to: var(--snd-light-5); 
    --primary-btn-text: var(--pm-btn-right); 
    --snd-btn-from: 255, 255, 255;
    --snd-btn-to: 255, 255, 255;
    --snd-btn-text: var(--pm-black); 
    --footer-link-bg: var(--snd-light-2); 
}
                                                                                                      
.theme-iwc{
    --accent: 232, 221, 255;
    --text-hightlight: 254, 230, 234;
    --snd-light: 235, 222, 251;
    --snd-light-2: 228, 209, 251;
	--snd-light-3: 219, 191, 254;
	--snd-light-4: 208, 169, 254;
	--snd-light-5: 196, 148, 249;
    --pm-btn-left: var(--text-hightlight);
    --pm-btn-right: var(--snd-light-4);
    --snd-btn: var(--snd-light-4);
    --pm-yellow: var(--snd-light-4); 
    --pm-darkyellow: var(--snd-light-4); 
    --pm-pink: var(--snd-light-5);
    --snd-lightgrey: 255, 220, 184; 
    --snd-late: var(--text-hightlight);  
    --snd-almond: var(--snd-light);
    --snd-banana: var(--snd-light-3); 
    --snd-apricot: var(--text-hightlight); 
    --snd-babypink: var(--snd-light); 
    --link : 236, 165, 90; 
    --menu-bg: var(--pm-realblack),.5;
    --menu-link: var(--pm-white);
    --menu-arrow: var( --pm-yellow);
    --icon-color: var(--snd-light-3); 
    --icon-color-inverse: 255, 255, 255; 
    --carosel-dot: var(--snd-light-3); 
    --carosel-dot-active: var(--snd-light-5); 
    --pm-btn-from: var(--text-hightlight); 
    --pm-btn-to: var(--snd-light-5); 
    --primary-btn-text: var(--pm-btn-right); 
    --snd-btn-from: 255, 255, 255;
    --snd-btn-to: 255, 255, 255;
    --snd-btn-text: var(--pm-black); 
    --footer-link-bg: var(--text-hightlight);
}
html[lang="in-kn"]:root {
    
    --font-2xsm: calc(0.625rem - 1px);
    --font-xsm: calc(0.75rem - 1px);
    --font-sm: calc(0.875rem - 1px);

    --font-base: calc(clamp(0.875rem, 1vw + 0.875rem, 1rem) - 1px);
    --font-l: calc(clamp(0.8rem, 1vw + 0.8rem, 1.125rem) - 1px);
    --font-xl: calc(clamp(0.9rem, 1vw + 0.9rem, 1.25rem) - 1px);
    --font-xl-5: calc(clamp(1rem, 1vw + 1rem, 1.5rem) - 1px);
    --font-2xl: calc(clamp(1.125rem, 1vw + 1.125rem, 1.5rem) - 1px);
    --font-3xl: calc(clamp(1.25rem, 1vw + 1.25rem, 1.75rem) - 1px);
    --font-3-5xl: calc(clamp(1.3rem, 1vw + 1.3rem, 1.85rem) - 1px);
    --font-4xl: calc(clamp(1.375rem, 1vw + 1.375rem, 2rem) - 1px);
    --font-5xl: calc(clamp(1.5rem, 1vw + 1.5rem, 2.25rem) - 1px);
    --font-6xl: calc(clamp(1.5rem, 1vw + 1.5rem, 2.5rem) - 1px);
    --font-7xxl: calc(clamp(2.875rem, 1vw + 2.875rem, 4.5rem) - 1px); 
    --lh-text: 1.6;
    --lh-head: 1.4;
}

html[lang="in-kn"]:root .api-data-text{
    --font-2xsm: calc(0.625rem + 1px);
    --font-xsm: calc(0.75rem + 1px);
    --font-sm: calc(0.875rem + 1px);

    --font-base: calc(clamp(0.875rem, 1vw + 0.875rem, 1rem) + 1px);
    --font-l: calc(clamp(0.8rem, 1vw + 0.8rem, 1.125rem) + 1px);
    --font-xl: calc(clamp(0.9rem, 1vw + 0.9rem, 1.25rem) + 1px);
    --font-xl-5: calc(clamp(1rem, 1vw + 1rem, 1.5rem) + 1px);
    --font-2xl: calc(clamp(1.125rem, 1vw + 1.125rem, 1.5rem) + 1px);
    --font-3xl: calc(clamp(1.25rem, 1vw + 1.25rem, 1.75rem) + 1px);
    --font-3-5xl: calc(clamp(1.3rem, 1vw + 1.3rem, 1.85rem) + 1px);
    --font-4xl: calc(clamp(1.375rem, 1vw + 1.375rem, 2rem) + 1px);
    --font-5xl: calc(clamp(1.5rem, 1vw + 1.5rem, 2.25rem) + 1px);
    --font-6xl: calc(clamp(1.5rem, 1vw + 1.5rem, 2.5rem) + 1px);
    --font-7xxl: calc(clamp(2.875rem, 1vw + 2.875rem, 4.5rem) + 1px); 
    --lh-text: 1.6;
    --lh-head: 1.4;
}
html[lang="in-ml"]:root {

    --font-reduce: 4px;
    
    --font-2xsm: calc(0.625rem - var(--font-reduce));
    --font-xsm: calc(0.75rem - var(--font-reduce));
    --font-sm: calc(0.875rem - var(--font-reduce));

    --font-base: calc(clamp(0.875rem, 1vw + 0.875rem, 1rem) - var(--font-reduce));
    --font-l: calc(clamp(0.8rem, 1vw + 0.8rem, 1.125rem) - var(--font-reduce));
    --font-xl: calc(clamp(0.9rem, 1vw + 0.9rem, 1.25rem) - var(--font-reduce));
    --font-xl-5: calc(clamp(1rem, 1vw + 1rem, 1.5rem) - var(--font-reduce));
    --font-2xl: calc(clamp(1.125rem, 1vw + 1.125rem, 1.5rem) - var(--font-reduce));
    --font-3xl: calc(clamp(1.25rem, 1vw + 1.25rem, 1.75rem) - var(--font-reduce));
    --font-3-5xl: calc(clamp(1.3rem, 1vw + 1.3rem, 1.85rem) - var(--font-reduce));
    --font-4xl: calc(clamp(1.375rem, 1vw + 1.375rem, 2rem) - var(--font-reduce));
    --font-5xl: calc(clamp(1.5rem, 1vw + 1.5rem, 2.25rem) - var(--font-reduce));
    --font-6xl: calc(clamp(1.5rem, 1vw + 1.5rem, 2.5rem) - var(--font-reduce));
    --font-7xxl: calc(clamp(2.875rem, 1vw + 2.875rem, 4.5rem) - var(--font-reduce)); 
    --lh-text: 1.6;
    --lh-head: 1.4;
}


/* .theme-school {
    --accent: 242, 204, 143; 
    --text-hightlight: 224, 122, 95;

    --snd-light: 255, 239, 213;    
    --snd-light-2: 242, 204, 143;  
	--snd-light-3: 129, 178, 154; 
    --snd-light-4: 242, 204, 143;  
	--snd-light-5: 244, 241, 222; 

    --pm-btn-left: var(--text-hightlight);
    --pm-btn-right: var(--snd-light-4);
    --snd-btn: var(--snd-light-4);
    --pm-yellow: var(--snd-light-5); 
    --pm-darkyellow: var(--accent); 
    --pm-pink: var(--text-hightlight);
    --snd-lightgrey: 255, 220, 184; 
    --snd-almond: var(--snd-light-4);  
    --snd-late: var(--snd-light-4);
    --snd-banana: var(--snd-light-4); 
    --snd-babapink: var(--snd-light-5); 
    --snd-apricot: var(--snd-light-4); 
    --link :  var(--text-hightlight); 
    --menu-bg: var(--text-hightlight);
    --icon-color: var(--text-hightlight); 
    --icon-color-inverse: 255, 255, 255; 
    --carosel-dot: var(--snd-light-3); 
    --carosel-dot-active: var(--snd-light-5); 
    --pm-btn-from: var(--text-hightlight); 
    --pm-btn-to: var(--snd-light-5); 
    --primary-btn-text: var(--pm-btn-right); 
    --snd-btn-from: 255, 255, 255;
    --snd-btn-to: 255, 255, 255;
    --snd-btn-text: var(--pm-black); 
    --footer-link-bg: var(--snd-light-5);
} */


.theme-school {
    --accent: 244, 241, 222;
    --text-hightlight: 224, 122, 95;
    --snd-light-2: 129, 178, 154;
    --snd-light: 227, 242, 243;
	--snd-light-3: 244, 241, 222;
	--snd-light-4: 242, 204, 143;
	--snd-light-5: 255, 239, 213;

    --pm-btn-left: var(--snd-light-4),.8;
    --pm-btn-right: var(--text-hightlight),.8;
    --snd-btn: var(--snd-light-4);
    --pm-yellow: var(--snd-light-4); 
    --pm-darkyellow: var(--snd-light-4); 
    --pm-pink: var(--text-hightlight);
    --snd-lightgrey: 255, 220, 184; 
    --snd-late: var(--snd-light-5);  
    --snd-almond: var(--snd-light-3);
    --snd-banana: var(--snd-light-4); 
    --snd-apricot: var(--snd-light-5); 
    --snd-babypink: var(--snd-light-4); 
    --link : 236, 165, 90; 
    --menu-bg: var(--snd-light-4),1;
    --menu-link: var(--pm-realblack);
    --menu-arrow: var( --text-hightlight);
    --icon-color: var(--snd-light-4); 
    --icon-color-inverse: 255, 255, 255; 
    --carosel-dot: var(--accent); 
    --carosel-dot-active: var(--text-hightlight); 
    --pm-btn-from: var(--snd-light-4); 
    --pm-btn-to: var(--text-hightlight); 
    --primary-btn-text: var(--pm-btn-right); 
    --snd-btn-from: 255, 255, 255;
    --snd-btn-to: 255, 255, 255;
    --snd-btn-text: var(--pm-black); 
    --footer-link-bg: var(--snd-light-4); 
}