@font-face {
  font-family: 'Monrope';
  src: url(/components/fonts/Manrope/Manrope-VariableFont_wght.ttf);
}


@font-face {
  font-family: 'Inter';
  src: url(/components/fonts/Inter/Inter-VariableFont_slnt,wght.ttf);
}


@font-face {
  font-family: 'InterLinght';
  src: url(/components/fonts/Inter/static/Inter-Light.ttf);
}



@font-face {
  font-family: 'InterRegular';
  src: url(/components/fonts/Inter/static/Inter-Regular.ttf);
}

@font-face {
  font-family: 'OpenSansReg';
  src: url(/components/fonts/Open sans/static/OpenSans-Regular.ttf);
}

@font-face {
  font-family: 'OpenSansMed';
  src: url(/components/fonts/Open sans/static/OpenSans-Medium.ttf);
}

@font-face {
  font-family: 'OpenSansSmB';
  src: url(/components/fonts/Open sans/static/OpenSans-SemiBold.ttf);
}

@font-face {
  font-family: 'Roboto-Regular';
  src: url(/assets/fonts/static/Roboto/Roboto-Regular.ttf);
}

@font-face {
  font-family: 'Roboto-Thin';
  src: url(/assets/fonts/static/Roboto/Roboto-Thin.ttf);
}

@font-face {
  font-family: 'Roboto-Medium';
  src: url(/assets/fonts/static/Roboto/Roboto-Medium.ttf);
}



:root {
  --body-font: "Inter", sans-serif;
  --body-color: #F9FBFC;
  --primary-color: #0085FF;
  --secondary-color: #F3F3F3;
  --border-color: #E6E6E6;
  --border-1st-color: #E2E2E2;
  --border-2nd-color: #DBDBDB;
  --highlight-color: #FF4949;
  --highlight-2nd-color: #FFD3C6;
  --icon-color: #FFFFFF;
  --icon-2nd-color: #D9D9D9;
  --heading-1st-color: #444444;
  --para-1st-color: #888888;
  --para-2nd-color: #222222;
  --para-3rd-color: #888888;
  --para-4th-color: #00A469;
  --para-5th-color: #666666;
  --para-6th-color: #666666;
  --box-1st-color: #F3F3F3;
  --box-2nd-color: #F9FBFC;
  --btn-1st-color: #DDDDDD;
  --btn-2nd-color: #BDF8DB;
  --section-1st-color: #FFFFFF;
  --box-shadow: 0px 4px 26px rgba(222, 222, 222, 0.25);
  --box-2nd-shadow: 0px 4px 26px rgba(189, 189, 189, 0.25);
}


.dark-ui {
  --body-color: #152033;
  --primary-color: #0085FF;
  --secondary-color: #F3F3F3;
  --border-color: #2B3B58;
  --border-1st-color: #2B3B58;
  --border-2nd-color: #A6ACB6;
  --icon-color: #888888;
  --icon-alt-color: #A6ACB6;
  --heading-1st-color: #FFFFFF;
  --para-1st-color: #A6ACB6;
  --para-2nd-color: #FFFFFF;
  --para-3rd-color: #FFFFFF;
  --para-4th-color: #FFFFFF;
  --para-5th-color: #FFFFFF;
  --para-6th-color: #A6ACB6;
  --box-1st-color: #2B3B58;
  --box-2nd-color: #2B3B58;
  --btn-1st-color: #0085FF;
  --btn-2nd-color: #185E54;
  --section-1st-color: #212F48;
  --box-shadow: 0px 4px 26px rgba(66, 66, 66, 0.25);
  --box-2nd-shadow: 0px 4px 26px rgba(66, 66, 66, 0.25);
}

.PTitlE1 {
	font-size: 14px;
    line-height: 19px;
    font-weight: 700;
    color: #333;
}


.PFlexList {
    width: 100%;
    height: 52px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    overflow-x: scroll;
    padding-left: 16px;
    border-bottom: 1px solid #eee;
}

.PFlexListChildrens {
    padding: 0 10px;
    font-size: 14px;
    background-color: #319FFF;
    border-radius: 18px;
    color: #fff;
	height:100%;
}

.pFlexWidth1 {
	height:26px;
	line-height: 26px;
	width:33.3333%;
	overflow: hidden;
}

.TTl2 {
	color: #000;
    padding: 10px;
    font-size: 1.225rem;
	font-family: 'Open_Sans', Arial,Tahoma,sans-serif, Helvetica;

}


.u_Vid_desc {
    font-family: 'Montserrat', Arial,Tahoma,sans-serif, Helvetica;
    letter-spacing: 0.3px;
}

.ProfFlexIng {
    align-items: center;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    width: 98%;
    justify-content: space-between;
    border-bottom: 1px solid #e0dde0aa;
    padding-right: 10px;
    padding-left: 10px;
}

.ProfFlexIngDesc {
	line-height: 25px;
    font-size: 1.25rem;
    color: #000;
    font-weight: bolder;
    font-family: 'Montserrat', Arial,Tahoma,sans-serif, Helvetica;
    letter-spacing: 0.3px;
}


.ProfFlexIngDescAbout {
    font-size: 1.25rem;
    color: #000;
    font-weight: bolder;
    font-family: 'Montserrat', Arial,Tahoma,sans-serif, Helvetica;
    letter-spacing: 0.3px;
    margin-bottom: 7px;
    margin-top: 3px;
}


.kVideoRadius60px {
    height: 60px;
    width: 60px;
    border-radius: 50%;
}

.KvideoLinkStyling {
max-height:25px;overflow:hidden;color: #000000eb;cursor:pointer;
}

.KvideoSecondRow {
display:flex;flex-direction:column;max-height:50px;overflow:hidden;
}
    

.KvideoSS11za {
    padding-top: 15px;
    padding-left: 14px;
    padding-bottom: 10px; 
    color: #000;
    font-size: 1.25rem;
    font-weight: bolder;
    font-family: 'Montserrat', Arial,Tahoma,sans-serif, Helvetica;
    letter-spacing: 0.3px;

}

.pBlueWw2 > .lLTl21zblt.active {
    background-color: #ff7c7c !important; 
}


.topic_match_for_you_cats a {

}


::-webkit-scrollbar-thumb {
    background: #d4d4d4;
}


::-webkit-scrollbar {
    width: 12px;
}


.vidDescForql1q {
	/*max-height:20px; width: calc(72%);*/



text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    align-self: center;
   
}

.pdn3px {
padding-top:3px;
}

.kvidMaxWhq1 {
display:block;width:98%;overflow: hidden;
}

.viPicUlIMG360 {
/*background:url('http://img.youtube.com/vi/d8sAbMaA1QM/hqdefault.jpg');*/
border-radius:10px;
width: 100%;
height: 150px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}



.vidlqm_1_qvid1 {
display:flex;
gap:10px;
/*
padding-right:5px;
padding-left:5px;
*/
}


/*
a {
  text-decoration: none;
  outline: none;
  transition: 0.3s;
}


a:focus, a:hover {
  text-decoration: none;
  outline: none;
  color: var(--heading-1st-color);
}

a:focus i, a:focus span, a:hover i, a:hover span {
  color: var(--primary-color);
}
*/