@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&display=swap');

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Black.eot');
    src: url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Black.woff2') format('woff2'),
        url('../fonts/Lato-Black.woff') format('woff'),
        url('../fonts/Lato-Black.svg#Lato-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-BlackItalic.eot');
    src: url('../fonts/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-BlackItalic.woff2') format('woff2'),
        url('../fonts/Lato-BlackItalic.woff') format('woff'),
        url('../fonts/Lato-BlackItalic.svg#Lato-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.eot');
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Bold.woff2') format('woff2'),
        url('../fonts/Lato-Bold.woff') format('woff'),
        url('../fonts/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-BoldItalic.eot');
    src: url('../fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-BoldItalic.woff2') format('woff2'),
        url('../fonts/Lato-BoldItalic.woff') format('woff'),
        url('../fonts/Lato-BoldItalic.svg#Lato-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Italic.eot');
    src: url('../fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Italic.woff2') format('woff2'),
        url('../fonts/Lato-Italic.woff') format('woff'),
        url('../fonts/Lato-Italic.svg#Lato-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Light.eot');
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Light.woff2') format('woff2'),
        url('../fonts/Lato-Light.woff') format('woff'),
        url('../fonts/Lato-Light.svg#Lato-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-LightItalic.eot');
    src: url('../fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-LightItalic.woff2') format('woff2'),
        url('../fonts/Lato-LightItalic.woff') format('woff'),
        url('../fonts/Lato-LightItalic.svg#Lato-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.eot');
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Regular.woff2') format('woff2'),
        url('../fonts/Lato-Regular.woff') format('woff'),
        url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('../fonts/Lato-Hairline.eot');
    src: url('../fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Hairline.woff2') format('woff2'),
        url('../fonts/Lato-Hairline.woff') format('woff'),
        url('../fonts/Lato-Hairline.svg#Lato-Hairline') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('../fonts/Lato-HairlineItalic.eot');
    src: url('../fonts/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-HairlineItalic.woff2') format('woff2'),
        url('../fonts/Lato-HairlineItalic.woff') format('woff'),
        url('../fonts/Lato-HairlineItalic.svg#Lato-HairlineItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('Calibri Regular.eot');
    src: url('Calibri Regular.eot?#iefix') format('embedded-opentype'), 
    url('Calibri Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

    body {
        font-family: 'Lato',sans-serif;
        scroll-behavior: smooth;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?4vqqsq');
  src:  url('../fonts/icomoon.eot?4vqqsq#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?4vqqsq') format('truetype'),
    url('../fonts/icomoon.woff?4vqqsq') format('woff'),
    url('../fonts/icomoon.svg?4vqqsq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon', sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-times-solid-cross:before {
  content: "\e906";
}
.icon-comment-dots-regular-1:before {
  content: "\e900";
}
.icon-link-solid-_1:before {
  content: "\e901";
}
.icon-link-solid:before {
  content: "\e902";
}
.icon-link:before {
  content: "\e9cb";
}

.back_color button{
  color: var(--primary__color) !important;
}

.back_color i{
  color: var(--primary__color) !important;
}
  .back_color .back_btn span {
  color: var(--primary__color) !important;
} 
/* img{
  pointer-events: none;
} */

@font-face {
  font-family: 'Material Icons';
  font-display: block;
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); 
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-display: block;
  font-weight: normal;
  font-style: normal;
  font-size: 24px; 
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* @font-face {
  font-family: 'Material Symbols Outlined';
  font-display: block;
  font-style: normal;
  font-weight: 100 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v86/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
} */

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-display: block;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}


.left_arrow_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e2ea";
  position: relative;
  left: -1px;
}
.right_arrow_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e5e1";
}

#view_video .new_modal_link_watch{
  margin-right: 9px;
     width: 21px;
     height: 21px;
     display: inline-block;
     position: relative;
     top: -4px;
 }
.content_search::before{
  position: relative;
  top: -4px;
  left: -1px;
  display: inline-block;
  height: 17px;
  width: 17px;
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e5ca";
 }
 .tagsearch_content .channel_check_icon::before {
  position: relative;
  top: -2px;
  left: -3px;
}
.channel_check_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e5ca";
  position: relative;
  top: 1px;
  left: -1px;
}

.home_grade_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\f06f";
} 
.content_list_page .channel_list_tik_img::before{
  display: flex;
    align-items: center;
    height: 16px;
    width: 16px;
    left: -1px;
}
.home_grade_fillicon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e885";
  color: #6c7879;
  font-variation-settings: 'FILL' 1;
}
.add_favourite_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e885";
}
span.ficon.add_favourite_icon.remove_new_fav.fa.fa-star-o::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e885";
}
span.ficon.add_favourite_icon.remove_new_fav.fa.fa-star::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e885" !important;
  font-variation-settings: 'FILL' 1;
}
.download_video_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\f090";
}
#second_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\f000";
  font-variation-settings: 'FILL' 1;
}
.close_img_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e5cd";
  display: inline-block;
  position: relative;
  top: 1px;
  left: 0.5px;
}
.visit_link_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e157";
}
.back_btn_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e5c4";
  font-weight: 400;
}
.modal_close_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e5cd";
  font-weight: 600;
    position: relative;
    top: 2px;
}
.home_title_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e5c3";
  color: var(--primary__color);
}
.homepage_title_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e5c3";
  color: #6c7879;
  position: relative;
  top: 1px;
}
.home_icon::before {
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\ea44";
  font-size: 21px;
  font-weight: 300;
}
.channel_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e5c3";
  font-size: 19px;
  font-weight: 300;
}
.message_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e625";
  font-size: 19px;
  font-weight: 300;
}
.survey_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e6b3";
  font-size: 19px;
  font-weight: 500;
}
.resource_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e157";
  font-size: 19px;
  font-weight: 500;
}
.progress_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e917";
  font-size: 15px;
  font-weight: 500;
}
.setting_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e8b8";
  font-size: 19px;
  font-weight: 300;
}
.logout_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e9ba";
  font-size: 19px;
  display: block;
  height: 10px;
  position: relative;
  top: -9px;
  left: 2px;
  font-weight: 300;
}
.font_style{
  font-style:normal;
}
.tag_search_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e8b6";
  color:#6c7779;
}
.search_filter_desk_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e429";
}
.icon_common_height{
  position: relative;
  top:-3px;
  height: 20px;
}
.progress_common_height{
  position: relative;
  top:-1px;
  height: 20px;
  padding-right: 4px;
}
.home_common_height{
  position: relative;
  top:-6px;
  height: 20px;
}
.setting_button_align{
    height: 0;
    position: relative;
    top: -15px;
}
.channel_grade_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e885";
  font-variation-settings: 'FILL' 1;
}
.home_view_grade_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e885";
  font-variation-settings: 'FILL' 1;
  
}
.channel_play_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e04b";
  font-variation-settings: 'FILL' 1;
  font-size: 21px;
  height: 21px;
  display: inline-block;
  position: relative;
  top: -1px;
  width: 21px;
  right: -3px;
}
.channel_camera_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e04b";
  font-variation-settings: 'FILL' 1;
  font-size: 21px;
  height: 21px;
  display: inline-block;
  position: relative;
  top: -1px;
  width: 21px;
  right: -3px;
}
.channel_link_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e157";
  font-size: 21px;
  height: 21px;
  display: inline-block;
  position: relative;
  top: -1px;
  width: 21px;
  right: -3px;
}
.channel_other_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\ea0e";
  font-size: 21px;
  height: 21px;
  display: inline-block;
  position: relative;
  top: -1px;
  width: 21px;
  right: -3px;
}
.channel_pdf_iocn::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e873";
  font-size: 21px;
  height: 21px;
  display: inline-block;
  position: relative;
  top: -1.5px;
  width: 21px;
  right: -3px;
}
.channel_image_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e3f4";
  font-size: 21px;
  height: 21px;
  display: inline-block;
  position: relative;
  top: -1px;
  width: 21px;
  right: -3px;
}
.channel_viewcont_icon::before{
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e1b2";
  font-size: 21px;
  height: 21px;
  display: inline-block;
  position: relative;
  top: -1px;
  width: 21px;
  right: -3px;
}
.margin_right5{
  margin-right: 5px;
}
.search_camera_button{
  font-size: 20px;
    position: relative;
    top: -2px;
    left: -2px;
    border: 1px solid #ccc;
    border-radius: 50px;
    color: var(--primary__color);
    height: 30px;
    width: 30px;
    display: inline-block;
}
.search_topviewcont_button{
  font-size: 20px;
    position: relative;
    top: -2px;
    left: -2px;
    border: 1px solid #ccc;
    border-radius: 50px;
    color: var(--primary__color);
    height: 30px;
    width: 30px;
    display: inline-block;
    font-style: normal;
}
.search_toppdf_button{
  font-size: 20px;
  position: relative;
  top: -2px;
  left: -2px;
    border: 1px solid #ccc;
    border-radius: 50px;
    color: var(--primary__color);
    height: 30px;
    width: 30px;
    display: inline-block;
  font-style: normal;
}
.search_topimage_button{
  position: relative;
  left: 0px;
  color: var(--primary__color);
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 50px;
}
.font_size22{
  font-size: 20px;
}
.font_size20{
  font-size: 18px;
}
.search_toplink_button{
  font-size: 20px;
  position: relative;
  top: -2px;
  left: -2px;
    border: 1px solid #ccc;
    border-radius: 50px;
    color: var(--primary__color);
    height: 30px;
    width: 30px;
    display: inline-block;
}
.search_toplink_button1{
  font-size: 18px;
    position: relative;
    top: -2px;
    left: 0px;
    border: 1px solid #ccc;
    border-radius: 50px;
    color: var(--primary__color);
    height: 30px;
    width: 30px;
    display: inline-block;
    font-style: normal;
}
.search_toppdf_button1{
  font-size: 18px;
    position: relative;
    top: -2px;
    left: 0px;
    border: 1px solid #ccc;
    border-radius: 50px;
    color: var(--primary__color);
    height: 30px;
    width: 30px;
    display: inline-block;
    font-style: normal;
}
.search_topimage_button1{
  font-size: 18px;
    position: relative;
    top: -2px;
    left: 0px;
    border: 1px solid #ccc;
    border-radius: 50px;
    color: var(--primary__color);
    height: 30px;
    width: 30px;
    display: inline-block;
    font-style: normal;
}
.search_toppdf_button1{
  font-size: 18px;
    position: relative;
    top: -2px;
    left: 0px;
    border: 1px solid #ccc;
    border-radius: 50px;
    color: var(--primary__color);
    height: 30px;
    width: 30px;
    display: inline-block;
    font-style: normal;
}
.search_topviewcont_button1{
  font-size: 18px;
    position: relative;
    top: -2px;
    left: 0px;
    border: 1px solid #ccc;
    border-radius: 50px;
    color: var(--primary__color);
    height: 30px;
    width: 30px;
    display: inline-block;
    font-style: normal;
}
.search_camera_button1{
  font-size: 18px;
    position: relative;
    top: -2px;
    left: 0px;
    border: 1px solid #ccc;
    border-radius: 50px;
    color: var(--primary__color);
    height: 30px;
    width: 30px;
    display: inline-block;
}
.content_search_sec p {
  padding: 0px 0px 0px 0px !important;
  position: relative;
  top: -3px;
  padding-left: 2px !important;
}
.channel_play_button{
  font-size: 12px;
  position: relative;
  top: -3px;
  left: -3px;
  height: 12px;
  display: inline-block;
  color: var(--primary__color);
}
.other_list_videocom{
    font-size: 12px;
    position: relative;
    top: -3px;
    left: -2px;
    height: 12px;
    display: inline-block;
    color: var(--primary__color);
    font-style: normal;
}
.content_other_videocom{
  font-size: 13px;
    position: relative;
    top: 2px;
    left: -2px;
    height: 12px;
    display: inline-block;
    color: var(--primary__color);
    font-style: normal;
}
span.download_video_icon.remove_new_fav{
  font-size: 13px;
  position: relative;
  top: -3px;
  left: 0px;
  height: 12px;
  display: inline-block;
  color: var(--primary__color);
}
.channel_link_button{
  font-size: 13px;
  position: relative;
  top: -3px;
  left: -2px;
  height: 12px;
  display: inline-block;
  color: var(--primary__color);
}
.content_list_page .display_flex{
  display: flex;
}
.height24{
  height: 26px;
}
.content_channel_link_button{
    font-size: 20px;
    position: relative;
    top: -2px;
    left: -3px;
    height: 12px;
    display: inline-block;
    color: var(--primary__color);
    margin-right: 2px;
}
.new_content_down{
  display: flex;
  margin-left: 12px;
}
.padd_btm10{
  padding-bottom: 15px;
}
.new_content_down p{
  margin-bottom: 0;
  padding: 4px 10px 4px 0px;
  font-size: 12px;
  font-weight: bold;
  padding-left: 0px;
}
.content_channel_play_button{
  font-size: 20px;
  position: relative;
  top: -2px;
  left: -3px;
  height: 12px;
  display: inline-block;
  color: var(--primary__color);
  margin-right: 2px;
}
.content_other_list_videocom{
  font-size: 20px;
  position: relative;
  top: -2px;
  left: -3px;
  height: 12px;
  display: inline-block;
  color: var(--primary__color);
  margin-right: 2px;
}
.content_channel_image_button{
  font-size: 20px;
  position: relative;
  top: -2px;
  left: -3px;
  height: 12px;
  display: inline-block;
  color: var(--primary__color);
  margin-right: 2px;
}
.content_channel_pdf_button{
  font-size: 20px;
  position: relative;
  top: -2px;
  left: -3px;
  height: 12px;
  display: inline-block;
  color: var(--primary__color);
  margin-right: 2px;
}
.content_channel_viewcont_button{
  font-size: 20px;
  position: relative;
  top: -2px;
  left: -3px;
  height: 12px;
  display: inline-block;
  color: var(--primary__color);
  margin-right: 2px;
}
.content_download_section{
  font-size: 20px;
  position: relative;
  top: -2px;
  left: 6px;
  height: 12px;
  display: inline-block;
  color: var(--primary__color);
  margin-right: 10px;

}
.channel_camera_button{
  font-size: 13px;
  position: relative;
  top: 3px;
  left: 0px;
  height: 12px;
  display: inline-block;
  color: var(--primary__color);
}
.channel_image_button{
  font-size: 13px;
  position: relative;
  top: -4px;
  left: -2px;
  height: 12px;
  display: inline-block;
  color: var(--primary__color);
}
.channel_viewcont_button{
  font-size: 13px;
  position: relative;
  top: -3px;
  left: 0px;
  height: 12px;
  display: inline-block;
  color: var(--primary__color);
  font-style: normal;
}
.channel_toplink_button{
  font-size: 13px;
  position: relative;
  top: 3px;
  left: 0px;
  height: 12px;
  display: inline-block;
  color: var(--primary__color);
}
.channel_toppdf_button{
  font-size: 14px;
  position: relative;
  top: 3px;
  left: 0px;
  height: 12px;
  display: inline-block;
  color: var(--primary__color);
}
.channel_pdf_button{
  font-size: 13px;
  position: relative;
  top: -3px;
  left: -2px;
  height: 12px;
  display: inline-block;
  color: var(--primary__color);
}
.channel_topimage_button{
  font-size: 13px;
  position: relative;
  top: 2px;
  left: 0px;
  height: 12px;
  display: inline-block;
  color: var(--primary__color);
}
.channel_topviewcont_button{
  font-size: 13px;
  position: relative;
  top: 3px;
  left: 0px;
  height: 12px;
  display: inline-block;
  color: var(--primary__color);
  font-style: normal;
}

.logo.col-lg-2.col-md-2.visible-lg img{
  max-inline-size: 100%;
  block-size: auto;
} 
#logo{
  max-inline-size: 100%;
  block-size: auto;
}

@media only screen and (max-width: 1150px) {
  .new_content_down p {
    font-size: 10px;
  }
  }
@media only screen and (max-width: 767px) {
  .channel_camera_icon::before {
    top: -2px;
    right: -4px;
}
  .channel_image_icon::before {
    top: -1.5px;
    right: -3.5px;
}
.channel_link_icon::before{
  top: -2px;
  right: -3.5px;
}
.channel_viewcont_icon::before{
  right: -3.5px;
}
.channel_pdf_iocn::before{
  right: -4px;
}
  .tag_search_icon::before {
    color: #fff;
}
  .btn-right_mob {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
     position: absolute;
    top: 30px;
    right: 0;
      height: 30px;
    width: 30px;
    font-family: "Material Symbols Outlined",sans-serif;
    content: "\e5c3";
    color: var(--primary__color);
}
.btn-right_mob::before {
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e5c3";
  color: var(--primary__color);
  font-size: 20px;
  position: relative;
  top:-1px;
}
.view_favariote_sec .btn-right_mob {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
   position: absolute;
  top: 30px;
  right: 0;
    height: 30px;
  width: 30px;
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e5c3";
  color: var(--primary__color);
}
.view_favariote_sec .btn-right_mob::before {
  font-family: "Material Symbols Outlined",sans-serif;
  content: "\e885";
  color: var(--primary__color);
  font-size: 20px;
  position: relative;
  top:-1px;
  font-variation-settings: 'FILL' 1;
}
  .back_btn_icon::before {
    font-size: 20px;
}
}
/* Version 5.3.3 updation */
.btn:hover { background-color: var(--primary__color); }
.logout_name{
  color: #ffff;
}
.seemore_btn_add{
  background: #fff !important;
}
.settings-btn:active { background-color: var(--primary__color) !important; color: #ffff !important; border-color: inherit !important;}
.settings-btn:focus { background-color: var(--primary__color) !important; color: #ffff !important; border-color: inherit !important;}
.set-pwd-btn,.continue-btn,.forgot-nxt-btn, .first-login-btn, .login-nxt-btn{
  background-color: var(--primary__color) !important; color: #ffff !important; border-color: inherit !important;
}