/*Purpose of File:: hold variable of document */
/* ----fonts---- */

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

/* ----global style--------- */


/*----Custom Css variables---*/

 :root {
    --color: var(--black);
    --backroundColor: var(--white);
    --fontFamily: var(--themeFont);
    --fontSize: 17px;
    --lineHeight: 18px;
    --fontWeight: 600;
    --fontStyle: normal;
    --textTransformation: normal;
    --textDecoration: none;
    --textAlign: left;
    --display: block;
    --justyContent: flex-start;
    --alignItems: flex-Start;
    --paddingLeft: 0;
    --paddingRight: 0;
    --paddingTop: 0;
    --paddingBottom: 0;
    --marginLeft: 0;
    --marginRight: 0;
    --marginTop: 0;
    --marginBottom: 0;
    --borderLeft: 0;
    --borderLeftColor: #000;
    --borderRight: 0;
    --borderRightColor: #000;
    --borderTop: 0;
    --borderTopColor: #000;
    --borderBottom: 0;
    --borderBottomColor: #000;
    --borderLeftRadius: 0;
    --borderRightRadius: 0;
    --borderTopRadius: 0;
    --borderBottomRadius: 0;
    --position: relative;
    /* bg color End */
    --black: #000000;
    --black900: #0d0e10;
    --black800: #646f79;
    --black700: #475569;
    --black600: #9ca6af;
    --black500: #b7bfc6;
    --black400: #d5dce0;
    --black300: #edf1f2;
    --black250: #f4f6f6;
    --black200: #f6f8f9;
    --black100: #fafafa;
    --white: #fff;
    --green: #28a745;
    --greenHover: #38e788;
    --orange: #ffc107;
    --skyblue: #17a2b8;
    --orangeHover: #ffc925;
    --red: #dc3545;
    --redLight: #e66666;
    --redDark: #cf3246;
    --blue: #4e3bc2;
    --blueBtn: #4e3bc2;
    --blackBtn: #444444;
    --purple: #E918ED;
    --inputControlHoverBG: #eaf7ff;
    --blueLight: #8780cd;
    --yellow: #FFEB3B;
    --lightYellow: #FCFF70;
    --btnLinkHoverColor: #eaf7ff;
    --veryLighblue:#eaf7ff;
    --lightpinkColor:#fff8e8;
    --lightBlackColor:#e5e8f3;
    --veryLight: 100;
    --light: 200;
    --regular: 300;
    --medium: 300;
    --semiBold: 400;
    --bold: 500;
    --veryBold: 600;
    --themeFont: 'Nunito', sans-serif;
    --themeFont2: 'Montserrat', sans-serif;
    --themeFont3: 'Inter', sans-serif;
    --themeFont4: 'Poppins', sans-serif;
    --themeFont5:'Pacifico', cursive;;

    --baseFontSize: 14px;
    --normalSpeed: all 0.5s linear;
    /* custom Styles */
    --headerBoxShadow: 0px 1px 5px rgb(41 85 115 / 21%);
    --sideMenuBoxShadow: 0 17px 12px rgb(42 62 82 / 20%);
    --bodyBgColor: #F5F9FD;
    --activeMainSidemenu: 0px 8px 20px rgba(0, 0, 0, 0.06);
    /* primary and Secondary Color */
    --primaryColor: #764abc;
    --secondaryColor: #ff508d;
    --tertiaryColor:#E918ED;
    --secondaryColorLight: #ffe5ee;
    --veryLightPink:#ddf3ff;
    /* New Variable for Dynamic Change */
  
   
}
/* .titleComponnnent,
.imgComponent,
.subParagraphComponent,
.component_textBlockWrapper,
.component_textBlock,
.component_textBlock h1,
.component_textBlock h2,
.component_textBlock h3,
.component_textBlock h4,
.component_textBlock h5,
.component_textBlock h6,
.component_textBlock p,
.component_textBlock span,
.component_textBlock a,
.component_textBlock div,
.component_textBlock ul,
.component_textBlock li,
.component_textBlock button,
.component_textBlock input,
.component_textBlock select,
.component_textBlock textarea,
.editableText,
.websitePageContainer,



.subHeader,
.subHeaderLeft,
.subHeaderLeftLink,
.subHeaderDevider,
.subHeaderRight,
.linkIcon,
.iconLogin,
.headerLogo,
.navbar,
.btnnTheme,
header .dropdown-toggle::after,
header .dropdown-toggle,
.navbar-expand-md .navbar-nav,
.footerWrapper,
.footerWrapper h3,
.subFooterWrapper,
.footerWrapper p,
.footerWrapper ul,
.footerWrapper ul li,
.footerWrapper ul li a,
.footerWrapper ul li span,
.copyright,
.copyright p,
.copyright li a,
.OneColumn_component,
.layoutColumns,
.threeColumn_component,
.component_textComponent h2,
.component_textComponent,
.layoutColumns.OneColumn_component,
.layoutColumns.twoColumn_component,
.layoutColumns.threeColumn_component,
.componentPlaceholder,
.pageContainer,
.cm_title_paragraph,
.cm_title_paragraph h2 span,
.cm_title_paragraph p span,
.cm_title_paragraph h2.styleOne span small,
.addComponentButton,
.cm_slider_media,
.cm_slider_media_item,
.cm_slider_media_item_media,
.cm_slider_media_title,
.cm_slider_media_title .titleText span,
.titleText,
.titleText span,
.cm_slider_media_details,
.cm_slider_media_details a,
.cm_slider_media_details a span,
.cm_slider_media_details p span,
.titleText.titleTextWithBar span,
.cm_strip_bar_innner,
.cm_strip_bar,
.cm_strip_bar_innner span,
.cm_faq,
.cm_faq_title span,
.cm_faq .cm_faq_heading button,
.cm_faq .card.card-body p span,
.cm_faq_item,
.cm_solidlight,
.cm_solidlight_inner,
.cm_tiles,
.cm_tiles_item,
.cm_tiles_item_icon,
.cm_tiles_item_text,
.cm_tiles_innner,
.cm_tiles_subtitle,
.cm_tiles_subtitle span,
.dark_mode .cm_tiles_item a,
.cm_title_paragraph_pagestyle,
.cm_title_paragraph_pagestyle_subtitle span,
.cm_title_paragraph_pagestyle_innner,
.cm_title_paragraph_pagestyle_img,
.cm_title_paragraph_pagestyle_text,
.cm_title_paragraph_pagestyle_item,
.cm_cardbox,
.cm_cardbox_innner,
.cm_cardbox_img,
.cm_cardbox_text_wrapper,
.cm_cardbox_badge,
.cm_cardbox_text,
.cm_cardbox_item ,
.cm_quicklinks,
.cm_quicklinks_innner,
.cm_quicklinks_item,
.cm_quicklinks_img,
.cm_quicklinks_text,
.cm_list_flat,
.cm_subtitle span,
.cm_list_flat_innner,
.cm_list_flat_item,
.cm_list_flat_item_icon,
.cm_list_flat_item_text,
.cm_faq_title,
.cm_main_hero,
.cm_main_hero_item,
.cm_main_hero_item h2 span,
.cm_main_hero_item p span,
.cm_main_hero_item .btnTheme,
.cm_main_hero_item_textwrapper,
.cm_main_hero_item_imgWrapper,
.cm_main_hero_item_imgWrapper img,
.cm_jumbotron_media,
.cm_jumbotron_media_inner,
.cm_jumbotron_media_textwrapper,
.cm_jumbotron_media_textwrapper h2,
.cm_jumbotron_media_textwrapper h2 span,
.cm_jumbotron_media_textwrapper p span,
.cm_jumbotron_media_imgWrapper,
.cm_jumbotron_media_imgWrapper img,
.cm_title_paragraph_media,
.cm_title_paragraph_media_title,
.cm_title_paragraph_media_innner,
.cm_title_paragraph_media_img,
.cm_title_paragraph_media_iframe,
.cm_tiles_media,
.cm_tiles_media_innner,
.cm_tiles_media_item,
.cm_tiles_media_img,
.cm_tiles_media_text a span,
.cm_tiles_media_text p span,
.cm_story,
.cm_story_innner,
.cm_story_text,
.cm_story_text p span,
.cm_story_img,
.cm_story_item,
.cm_cardbox_textinside,
.cm_cardbox_textinside_title h2 span,
.cm_tiles_subtitle span,
.cm_cardbox_textinside_innner,
.cm_cardbox_textinside_item,
.cm_cardbox_textinside_img,
.cm_cardbox_textinside_text_wrapper,
.cm_cardbox_textinside_link span,
.cm_gallery_image,
.cm_gallery_image .cm_gallery_image_title,
.cm_gallery_image_categories a,
.cm_gallery_image_innner,
.cm_gallery_image_item,
.cm_gallery_image_item .cm_gallery_image_item_img,
.cm_mini_Promotion_strip_wpr,
.cm_mini_Promotion_strip_inner,
.cm_mini_Promotion_strip_text span,
.btnWprContainer,
.cm_long_Promotion_strip_wpr,
.cm_long_Promotion_strip_inner,
.cm_long_Promotion_strip_text_wpr,
.cm_long_Promotion_strip_text,
.cm_logo_Promotion_strip_btnn,
.cm_long_Promotion_strip_inner .btnWprContainer,
.cm_long_Promotion_strip_text_title span,
.cm_long_Promotion_strip_text_percengate span,
.cm_long_Promotion_strip_text_description span,
.cm_media_number_cardbox,
.cm_media_number_cardbox_inner,
.cm_media_number_cardbox_itemWpr,
.cm_media_number_cardbox_item,
.cm_media_number_cardbox_item_title span,
.cm_media_number_cardbox_item_description span,
.cm_media_number_cardbox_inner .btnWprContainer,
.cm_logo_Promotion_strip_btnn,
.cm_media_number_cardbox_item_number,
.cm_media_number_cardbox_heading,
.btnnTheme.cm_media_number_cardbox_btnn,
.textupdateTextarea ,
.componentWrapperstyles,
.subHero_section_wrapper,
.subHero_section_title,
.subHero_section_title a,
.subHero_section_title .subHero_section_title_seperator,
.heroBig_section_wrapper,
.heroBig_section_wrapperText_wrapper,
.heroBig_section_linksWrapper,
.heroBig_section_linksWrapper a,
.heroBig_section_wrapperText,
.heroBig_section_wrapperImage,
.heroBig_section_wrapperImage img,
.cm_title_paragraph_pagestyle_item.mission-visionNewDesign .cm_title_paragraph_pagestyle_img img,
.badgeBlue,
.heroBgColor,
.cm_media_video_iframe,
.cm_video_jumbotron,
.grid,
.column-3,
.cm_media_video_iframe,
.image_jumbotron,
.image_jumbotron_img,
.cm_image_jumbotron,
.video_jumbotron,
.cm_sec_photoGallery,
.cm_heading_paragraph_cta,
.cm_heading,
.cm_paragraph,
.cm_cta,
.cm_images_grid,
.cm_images_grid_item,
.blog_list_item_wrapper,
.blog_list_item_wrapper_img_wrapper,
.blog_list_item_img,
.blog_list_item_wrapper_imgbadge,
.blog_list_item_detailWrapper,
.blog_list_item_detail_title,
.blog_list_item_detail_desc,
.cm_blog_components,
.blog_details_highliter,
.blog_details_highliter p,
.blog_details_highliter span svg,
.blog_details_highliter span svg path,
.cm_category_list_wrapper,
.cm_category_list_wrapper,
.cm_category_list_wrapper ul,
.cm_category_list_wrapper ul li,
.cm_category_list_wrapper ul li a,
.cm_category_list_wrapper ul li a span,
.cm_recent_post_list_wrapper,
.cm_recent_post_list__title,
.cm_recent_post_list_item,
.cm_recent_post_list_item_img,
.cm_recent_post_list_item_desc_wpr,
.cm_recent_post_list_item_desc_title,
.cm_recent_post_list_item_desc_dtl,
.cm_tag_list_wrapper,
.cm_tag_list__title,
.cm_tag_list_item_wpr,
.cm_tag_list_item,
.cm_cta_list,
.cm_blank_iframe,
.cm_blank_iframe_wrapper,
.cm_calander_wrapper,
.cm_full_page_event_canlander,
.cm_event_thumbnailWrapper,
.cm_event_thumbnail_img,
.cm_event_thumbnail_dtl a,
.cm_event_thumbnail_dtl span,
.cm_event_thumbnail_title,
.cm_event_thumbnail_dtl,
.cm_news_list_wrapper,
.cm_news_list_item_img,
.cm_news_list_item,
.cm_news_list_item_desc_dtl,
.cm_news_list_item_desc_dtl p,
.cm_news_list_item_desc_dtl  a,
.cm_news_list_item_desc_dtl p span,
.cm_news_list_item_title,
.cm_upcoming_event_wrapper,
.cm_upcoming_event_dateMonth,
.cm_upcoming_event_date,
.cm_upcoming_event_month,
.cm_upcoming_event_dtl,
.cm_upcoming_event_title,
.cm_upcoming_event_desc,
.cm_upcoming_event_desc span,
.cm_upcoming_event_desc span i,
.cm_upcoming_event_desc span i svg,
.cm_upcoming_event_desc span i svg path,
.cm_upcoming_event_item,
.cm_blank_downloads,
.cm_download_doc_item_wrapper,
.cm_download_doc_item_title,
.cm_download_doc_item,
.cm_download_doc_item:after,
.cm_guidelines_wrapper,
.cm_guidelines_list_wpr,
.cm_guidelines_list_wpr ul,
.cm_guidelines_list_wpr ul li,
.cm_guidelines_list_wpr ul li:before,

.header_Component,
.header_componentTop,
.header_componentTop_Left,
.header_componentTop_Left_Logo,
.header_componentTop_Left_Logo img,
.header_componentTop_Left_Detais,
.header_componentTop_Left_Detais h4,
.header_componentTop_Left_Detais p,
.header_componentTop_Right,
.header_componentTop_Right_Uppper,
.header_componentTop_link,
.header_componentTop_linkseperator,
.header_componentTop_Right .dropdown-toggle,
.header_componentTop_Right .dropdown-toggle .quickLinks,
.header_componentTop_link .memberLogin,
.header_componentTop_Right_Lower,
.header_componentBottom,
.header_componentBottom .dropdown-toggle,
.header_componentBottomLinks,
.logoSchoolName,
.bottomLinksSeperator,

.footer_Component,
.footerSchoolLogoName,
.footerSchoolLogoName img,
.footerSchoolName,
.footerSchoolName h3,
.footerSchoolName p,
.schoolDescriptions,
.footerLinksSecTitle,
.footerQuickLinks li a,
.footerQuickLinks li a svg path,
.OpeningHours li,
.OpeningHours li span,
.footerSocialIcons,
.downloadMobileApp,
.cm_story_text_title,
.fullComponentBg
{
    --secondaryColorGradient: linear-gradient(92.26deg, #FF5099 9.45%, #FF4E4E 92.45%);
    --color: var(--black);
    --backround: transparent;
    --backroundColor: transparent;
    --fontFamily: var(--themeFont);
    --fontSize: 17px;
    --lineHeight: 18px;
    --fontWeight: 600;
    --fontStyle: normal;
    --textTransformation: normal;
    --textDecoration: none;
    --textAlign: left;
    --display: block;
    --gridTemplateColumn: 1fr;
    --columnGap: 0;
    --rowGap: 0;
    --justyContent: flex-start;
    --alignItems: flex-Start;
    --paddingLeft: 0;
    --paddingRight: 0;
    --paddingTop: 0;
    --paddingBottom: 0;
    --marginLeft: 0;
    --marginRight: 0;
    --marginTop: 0;
    --marginBottom: 0;
    --borderLeft: 0;
    --borderLeftColor: #000;
    --borderRight: 0;
    --borderRightColor: #000;
    --borderTop: 0;
    --borderTopColor: #000;
    --borderBottom: 0;
    --borderBottomColor: #000;
    --borderRadius:0;
    --borderLeftRadius: 0;
    --borderRightRadius: 0;
    --borderTopRadius: 0;
    --borderBottomRadius: 0;
    --position: relative;
    --width: auto;
    --height: auto;
    --backgroundImage: none;
    --backgroundRepeat: none;
    --backgroundSize: contain;
    --backgroundPosition: top center;
    --gridTemplateColumns: 1fr;
   
    --maxHeight: auto;
    --maxWidth: auto;
    --minHeight: auto;
    --minWidth: auto;
    --boxShadow: none;
    --listStyle: none;
    --textDecoration: none;
    --cursor: inherit;
    --top: 0;
    --left: 0;
    --right: 0;
    --bottom: 0;
    color: var(--color);
    background: var(--backround);
    background-color: var(--backroundColor);
    font-family: var(--fontFamily);
    font-size: var(--fontSize);
    line-height: var(--lineHeight);
    font-weight: var(--fontWeight);
    font-style: var(--fontStyle);
    text-transform: var(--textTransformation);
    text-decoration: var( --textDecoration);
    text-align: var( --textAlign);
    display: var( --display);
    grid-template-columns: var(--gridTemplateColumn);
    column-gap: var(--columnGap);
    row-gap: var(--rowGap);
    justify-content: var( --justyContent);
    align-items: var( --alignItems);
    padding-left: var( --paddingLeft);
    padding-right: var( --paddingRight);
    padding-top: var( --paddingTop);
    padding-bottom: var( --paddingBottom);
    margin-left: var( --marginLeft);
    margin-right: var(--marginRight);
    margin-top: var(--marginTop);
    margin-bottom: var(--marginBottom);
    border-left: var(--borderLeft);
    border-left-color: var( --borderLeftColor);
    border-right: var( --borderRight);
    border-right-color: var( --borderRightColor);
    border-top: var( --borderTop);
    border-top-color: var( --borderTopColor);
    border-bottom: var( --borderBottom);
    border-bottom-color: var( --borderBottomColor);
    border-top-left-radius: var( --borderLeftRadius);
    border-top-right-radius: var( --borderRightRadius);
    border-bottom-left-radius: var( --borderTopRadius);
    border-bottom-right-radius: var(--borderBottomRadius);
    position: var( --position);
    width: var(--width);
    height: var(--height);
    background-image: var(--backgroundImage);
    background-repeat: var(--backgroundRepeat);
    background-size: var(--backgroundSize);
    background-position: var(--backgroundPosition);
 
    max-width: var(--maxWidth);
    max-height: var(--maxHeight);
    box-shadow: var(--boxShadow);
    top: var(--top);
    left: var(--left);
    right: var(--right);
    bottom: var(--bottom);
    list-style: var(--listStyle);
    text-decoration: var(--textDecoration);
    cursor: var(--cursor);
    grid-template-columns: var(--gridTemplateColumns);
    min-height: var(--minHeight);
    min-width: var(--minWidth);
} */