/* theme one css */

/* importing family */
@import url('https://fonts.googleapis.com/css2?family=Montagu+Slab:opsz,wght@16..144,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body{
    font-family: "Roboto", serif !important;
}
/* importing family */

/* css variables and classes */
*,*::after,*::before{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root{
    --primary : #F7941E;
    --primary-hover : #e78915 ;
    --secondary :#c12017 ;
    --theme-black: #363636;
    --theme-text-color : rgba(7, 17, 19, 0.5);
    --border-color: rgba(0, 0, 0, 0.1);
    --theme-bg: #F3F3F3;
    --white: #fff;
    --white-50: rgba(255, 255, 255, 0.50);
    --black: #000;
}
.theme-text-color{
    color: var(--theme-text-color);
}
/* css variables and classes */

/* Common button css */
a.newstory-btn,.newstory-btn,.newstory-btn:focus,a.newstory-btn:focus{color: #fff;padding: 7px 30px;text-decoration: none;display: inline-block;border-radius: 20px;cursor: pointer;text-align: center;height: 40px;}
a.newstory-btn:hover,.newstory-btn:hover{background: transparent;border:1px solid #17202c;color:#17202c;}
a.autobtn,.autobtn{padding: 8px 30px !important;width: auto !important;}
@media (max-width: 767px) {
a.autobtn,.autobtn{padding: 8px 20px !important;}
.buttongap{margin-right: 10px;}
}

@media(max-width:767px)
{
.register-icon{padding:7px;}
}

@media(min-width:768px)
{
.register-icon{padding:12px;}
}

@media (min-width: 768px) {
.buttongap{margin-right: 30px;}
}

a.cancelbtn,.cancelbtn,.cancelbtn:focus,a.cancelbtn:focus{color: #fff;padding: 9px 15px;text-decoration: none;display: inline-block;border-radius: 20px;background: rgb(161, 177, 197);cursor: pointer;text-align: center;height: 40px;min-width: 100px;}

a.cancelbtn:hover,.cancelbtn:hover{color: #fff;background: rgb(194, 217, 225);}

.topheader{
	background: #ffffff;
	padding: 13px 0;
}
@media(min-width:240px){
.gltranslate{
	margin-left: 0px;
}
}
@media(min-width:768px){
.gltranslate{
	margin-left: 30px;
}
}
.gltranslate .goog-te-gadget-simple{
	border-left: none !important;
    border-top: none !important;
    border-bottom: 1px solid #8fa1b4 !important;
    border-right: none !important;
}
.v-sub{vertical-align: sub;}  
  
ul.headersocialicons {
    padding-left: 0;
    margin-bottom: 0px;
}
.headersocialicons li {
    list-style: none;
    display: inline-block;
}
.headersocialicons li a {
    color: #8fa1b4;
    margin: 0 16px 0 0;
}
.headersocialicons li:last-child  a{
	margin: 0 0px 0 0;
}
.headersocialicons li a.fb:hover{color: #3b5998;} 
.headersocialicons li a.tw:hover{color: #1da1f2;} 
.headersocialicons li a.ln:hover{color: #0077b5;} 
.headersocialicons li a.ig:hover{color: #e4405f;} 
.headersocialicons li a.yt:hover{color: #ff0000;} 

/* Header Section CSS*/
@media (min-width: 240px){
.headersection{background: #070707; padding: 5px 0px; position: relative; height: 40px;  z-index: 99;}
.register-btn, a.register-btn{
	display: inline-block;
    padding: 3px 10px;
    text-align: center;
    color: #ffffff !important;
    border-radius: 5px;
}
}
@media (max-width: 767px){
.xsmenubtn{
	line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
	outline: none;
	position: absolute;
    left: 7px;
    top: -2px;
}
.xsmenubtn.closebutton{
    background-color: #525252;
    left: 0px;
    top: -9px;
    padding: 8px 10px 8px 7px;
}
.xsmenubtn .bar1, .xsmenubtn .bar2, .xsmenubtn .bar3 {
    width: 20px;
    height: 2px;
    background-color: #ffffff;
    margin: 4px 0;
    transition: 0.4s;
}
.xsmenubtn.closebutton .bar1 {
    -webkit-transform: rotate(-45deg) translate(-2px, 7px);
    transform: rotate(-45deg) translate(-2px, 7px);
}
.xsmenubtn.closebutton .bar2 {
    opacity: 0;
}
.xsmenubtn.closebutton .bar3 {
    -webkit-transform: rotate(45deg) translate(-1px, -7px);
    transform: rotate(45deg) translate(-1px, -7px);
}
.xs-mobile-menu{position: absolute;}
.xs-mobile-menu .xs-mobile-nav{
	position: absolute;
    left: 0px;
    top: 35px;
	width: 100%;
	background: #525252;
}
.xs-mobile-menu .xs-mobile-nav ul li a{
	display: block;
	padding: 15px 15px;	
}

.xs-mobile-menu + .positiononxs{
	position: absolute;
    right: 0;
    width: 100%;
}

.z99{z-index:99;}

}

@media (min-width: 768px){
.xsmenubtn{display:none;}
.xs-mobile-menu .xs-mobile-nav.collapse{display:block !important;}
.headersection{padding: 8px 0px; height: 60px;}
.register-btn, a.register-btn{ padding: 10px 25px;}
}
.withoutregbtn .register-btn{display:none;}

.felogo{max-height: 40px;} 
@media (max-width: 767px){
	.felogo{margin-left: 30px;}	
	ul.feicons{
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 15px;
    padding-bottom: 15px;
	}
	.felogo{max-height: 22px;}
}
ul.feicons{margin-bottom: 0px;padding-left: 0px;}
.feicons li{list-style: none;display: inline-block;}
.feicons li.active a{color:#ffffff;}
.headerprofile a.profiletoggle{color: #8192a8;position: absolute;top:0px;right: 0;}

.headerprofile a.profiletoggle1{color: #8192a8;position: absolute;top:3px;right: 0;}
@media (max-width: 767px){
.headerprofile a.profiletoggle1{top:2px;right: 0;}
}

.searchwithbtn + .headerprofile a.profiletoggle{display:none;}
.withoutregbtn + .headerprofile a.profiletoggle{display:inline;}
.withoutregbtn + .headerprofile a.profiletoggle1{display:none;}

@media (max-width: 767px){
.headerprofile a.profiletoggle{right: 0px!important; top:1px;}
.feicons li{padding: 0px; display: block;}
.feicons li:last-child{padding: 0px 0px 0 0;}
}
@media (min-width: 240px){
.profilemenu {
    position: absolute;
    top: 32px;
    right: 0px;
    left: auto;
    z-index: 1000;
    display: none;
    float: left !important;
    min-width: 290px;
	max-width: 290px;
    padding: 30px 15px;
    text-align: center;
    list-style: none;
    background-color: #fff !important;
    border: 1px solid transparent !important;
    border-radius: 5px!important;
    box-shadow: 0px 1px 6px 0px rgba(57, 79, 87, 0.4) !important;
	color:#070707;
	margin: 0;
}
}

@media (min-width: 768px){
.profilemenu {
    top: 45px;
    right: 0px;
    min-width: 320px;
	max-width: 320px;
	padding: 30px 20px;
}
.feicons li{padding: 0px 15px;}
}
@media (min-width: 992px){
.profilemenu {
    top: 45px;
    right: 0px;
	padding: 30px 30px;
}
.feicons li{padding: 0px 25px;}
}

/*Expandbale Search Bar CSS*/
@media(max-width:767px)
{
.search-box{
position:absolute;
top: 35px;
right:0px;
width:0%;
float:right;
overflow:hidden;    
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
-ms-transition: width 0.3s;
-o-transition: width 0.3s;
transition: width 0.3s;
margin-bottom: 0;
z-index:11;
border-radius:5px;
}
.search-box.searchboxopen{
	border: none;
	box-shadow: none;
	border-radius: 0px;
}
.searchboxinput{
top:0;
right:0;
border:0;
outline:0;
width:100%;
margin:0;
padding:10px;
color: #17202c;
background:#fff;
}
}
@media(min-width:768px){
.search-box{
position:absolute;
top: 2px;
padding: 10px 18px 10px 15px;
right:60px;
width:0%;
float:right;
overflow:hidden;    
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
-ms-transition: width 0.3s;
-o-transition: width 0.3s;
transition: width 0.3s;
margin-bottom: 0;
}
.withoutregbtn .search-box{right:65px;}
.searchboxinput{
background:none;
top:0;
right:0;
border:0;
outline:0;
width:100%;
margin:0;
padding:0px;
color: #8fa1b4;
}
}

.searchboxinput::-webkit-input-placeholder {
color: #8fa1b4;
opacity:0.8;
}
.searchboxinput:-moz-placeholder {
color: #8fa1b4;
opacity:0.8;
}
.searchboxinput::-moz-placeholder {
color: #8fa1b4;
opacity:0.8;
}
.searchboxinput:-ms-input-placeholder {
color: #8fa1b4;
opacity:0.8;
}

.search-box input:-webkit-autofill,
.search-box input:-webkit-autofill:hover, 
.search-box input:-webkit-autofill:focus
{
  border: none;
  -webkit-text-fill-color: #8fa1b4;
  -webkit-box-shadow: 0 0 0px 1000px #393939 inset;
  transition: background-color 5000s ease-in-out 0s;
}

.searchboxicon,
.searchboxsubmit{
display:block;
position:absolute;
top:12px;
font-size:17px;
padding-top: 0px;
margin:0;
border:0;
outline:0;
text-align:center;
cursor:pointer;
color:#8192a8;
background:transparent;
}
@media(max-width:767px)
{
	.searchboxicon,.searchboxsubmit{top: 8px; right: 50px; font-size: 14px;}
	/* .withoutregbtn .searchboxicon{right: 100px !important;} */
	.searchboxopen{width:100% !important;}
}
@media(min-width:768px)
{
	.searchboxicon,.searchboxsubmit{right:70px;}
	.withoutregbtn .searchboxicon, .withoutregbtn .searchboxsubmit{right:75px;}
}

.searchboxopen{
width:210px;
border-bottom: none;
background: rgba(7, 17, 19, 0.10);
border-radius: 5px;
}


/* -- login signup page css --*/

.shop-form{border:solid 1px transparent;border-radius: 3px;}
.shop-form input[type="text"],.shop-form input[type="email"],.shop-form input[type="password"],.shop-form input[type="number"],.shop-form input[type="file"]{border-radius:3px;box-shadow:none; padding:0px 10px 0 40px; height:40px; font-weight:400; background:#ffffff; color: #17202c;border-bottom:solid 1px #e6e9ed;border-top:solid 1px transparent;border-left:solid 1px transparent;border-right:solid 1px transparent;}

.newstory-form .bootstrap-select>.dropdown-toggle{border-radius:5px; padding:0px 14px;font-weight:400; background:#ffffff; color: #17202c;height: 40px;font-size: 14px;box-shadow: 0px 1px 4px 0px rgba(57, 79, 87, 0.1);}

.bootstrap-select.btn-group .dropdown-menu li a:hover,.bootstrap-select.btn-group .dropdown-menu li a:focus{
background: #fff !important;	}
.bootstrap-select.btn-group .dropdown-menu li {font-size: 14px;}    

.profileform input[type="text"],.profileform input[type="email"],.profileform input[type="password"],.profileform input[type="number"],.profileform input[type="file"]{padding:0px 0px 0 0px !important;}

.profilebtn button[type="submit"], .profilebtn button[type="submit"]:hover {width: 58% !important;}

.signinbtn input[type="submit"]{display: inline-block;border-radius: 5px;text-align: center;padding: 11px 0;color:#fff;width: 75%;margin: auto;border: 1px solid transparent;box-shadow: 0 0 0 0 transparent;height: 45px;}



.signinbtn button[type="submit"]{display: inline-block;border-radius: 5px;text-align: center;padding: 9px 0;color:#fff;width: 90%;margin: auto;border: 1px solid transparent;box-shadow: 0 0 0 0 transparent;height: 40px;}



.shop-form input[type="text"]:focus,.shop-form input[type="email"]:focus,.shop-form input[type="password"]:focus,.shop-form input[type="number"]:focus{ border-bottom:solid 1px #dae1e4;border-top:solid 1px transparent;border-left:solid 1px transparent;border-right:solid 1px transparent;}

.shop-form select{border-radius:2px; border:solid 1px #dae1e4; box-shadow:none; padding:0px 10px; height:36px; line-height:40px; font-weight:400; color: #1a130f}

.shop-form textarea{ border-color: rgb(218, 225, 228);border-style: solid;border-radius: 3px;box-shadow:none; padding:10px; max-width:100%; resize:none; font-weight:400; color: #1a130f;outline: none;width: 100%;}
.shop-form textarea:focus{border:solid 1px #dae1e4; box-shadow:none;}

.contact-form input[type="text"],.contact-form input[type="email"],.contact-form input[type="password"],.contact-form input[type="number"],.contact-form input[type="file"]{padding:0px 14px;font-weight:400;background:#ffffff; color: #17202c;border-radius: 5px;box-shadow: 0px 1px 4px 0px rgba(57, 79, 87, 0.1);border-width: 1px;
  border-color: rgb(194, 217, 225); border-style: solid;height: 40px;}

.contact-form input[type="text"]:focus,.contact-form input[type="email"]:focus,.contact-form input[type="password"]:focus,.contact-form input[type="number"]:focus{ border:1px solid rgb(194, 217, 225);}

.contact-form textarea{border-radius:5px; border:solid 1px rgb(194, 217, 225); padding:10px; max-height:160px; max-width:100%; resize:none; font-weight:400; color: #17202c;box-shadow: 0px 1px 4px 0px rgba(57, 79, 87, 0.1);}
.contact-form textarea:focus{border:solid 1px rgb(194, 217, 225); box-shadow: 0px 1px 4px 0px rgba(57, 79, 87, 0.1);}

.shop-form input[disabled] {background:#eeeeee;border:1px solid #dae1e4;color:#1a130f;}
.shop-form input[disabled]::-moz-placeholder {color: #1a130f;  opacity: 1; }
.shop-form input[disabled]:-ms-input-placeholder {color: #1a130f; }
.shop-form input[disabled]::-webkit-input-placeholder {color: #1a130f; }

.shop-form ::-moz-placeholder,.contact-form ::-moz-placeholder {color: #8192a8;  opacity: 1; font-weight:400;}
.shop-form :-ms-input-placeholder,.contact-form :-ms-input-placeholder {color: #8192a8; font-weight:400;}
.shop-form ::-webkit-input-placeholder,.contact-form ::-webkit-input-placeholder {color: #8192a8; font-weight:400;}

.line{background: #dae1e4;height: 1px;width: 100%;}
.orline{background-color: #e6e9ed;height: 1px;width:70px;margin: 3px auto;display: inline-block;}
a.recoverbtn{color:#1a130f;margin-left: 0;}
a.signupbtn {text-decoration: none;margin-left: 2px;}
.errormsg {color: #f50a1a;}
a.fbbtn:hover, a.googlebtn:hover {color: #ff6500;border: 1px solid #ff6500;}
a.link{color:#17202c;}
a.link:hover{color:#17202c;text-decoration:none;outline:none;}
.loginform {margin-bottom:0px;}

.gofb{display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 5px;
  background-color: rgb(230, 233, 237);
padding:9px;}

.gog{display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 5px;
  background-color: rgb(230, 233, 237);
padding:9px 9px 9px 6px;}
	
a.gourls, a.gourls:hover, a.gourls:focus{text-decoration:none; color:#17202c;}
.v-middle{vertical-align:middle;}
.relative{position:relative;}
.fcfeedback {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 45px;
    line-height: 40px !important;
    text-align: center;
    pointer-events: none;
	color:#8192a8;
	font-size: 16px;
}

.dbfooter{
	background:#070707;
	padding:35px 0;
	color:#8fa1b4;
}

@media (max-width: 767px) {
.dbfooter{padding:30px 0;}
}

.footercolors a{
	color:#8fa1b4;
}


.fefooterlogo{max-height: 30px;/*filter: brightness(0) invert(1) !important;*/}
ul.social-icons{
padding-left: 0px;
}

ul.social-icons li{
	display:inline-block;
}
ul.social-icons a{
	/*border:1px solid rgb(194, 217, 225);*/
	background:none;
	margin:0 0px 0 12px;
	display:inline-block;
	color:#8fa1b4;
	border-radius:50%;
	width:28px;
	height:28px;
	padding-top:6px;
	text-align:center;
}
ul.social-icons a.fb:hover{
	color:#3b5998;/*border:1px solid #fff;*/
}
ul.social-icons a.tw:hover{
	color:#1da1f2;/*border:1px solid #fff;*/
}
ul.social-icons a.lin:hover{
	color:#0077b5;/*border:1px solid #fff;*/
}
ul.social-icons a.insta:hover{
	color:#e4405f;/*border:1px solid #fff;*/
}
ul.social-icons a.yt:hover{
	color:#ff0000;/*border:1px solid #fff;*/
}

.stickyheader{
	position:fixed;
	top: 0;
    width: 100%;
    box-shadow: 0px 1px 4px 0px rgba(57, 79, 87, 0.1);
    z-index: 999;
}

/*Slider CSS*/

.storyindicators{margin-bottom: 0px;}
.storyindicators li{width: 12px;height: 12px;background:transparent; border:2px solid #8fa1b4; margin: auto 4px;}
.storyindicators .active {width: 12px;height: 12px;border:none;margin: auto 4px;}

.storycarousel{
    position: absolute;
    right: 0%;
    bottom: 0px;
    left: 0%;
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #fff;
    text-shadow: 0 0px 0px rgba(0,0,0,.6);		
	top:30px;
}

@media screen and (min-width: 768px){
.storycarousel {
    right: 0%;
    left: 0%;
    padding-bottom: 0px;top:60px;
}}

@media (min-width: 992px){
.storycarousel {top:80px;}
}

.learnbtn a{display: inline-block;padding: 9px 50px;text-align: center;color:#fff;border-radius:5px;background: transparent;}

@media (min-width: 240px){
.story-carousel .carousel-inner img {width: 100%;max-height: 350px;min-height: 350px;}
}

@media (min-width: 768px){
.story-carousel .carousel-inner img {width: 100%;max-height: 463px;min-height: 463px;}
}


/*MainSection CSS*/

.whitesection,.singlestorypage{background:#fff;padding:50px 0;width:100%;}
.allcatsection{background:#fff;padding:25px 0;width:100%;}
.banneralign{max-height:140px;}

@media (max-width: 767px){
.whitesection{background:#fff;padding:30px 0;width:100%;}
.singlestorypage{padding:25px 10px;}
.analytics-nav.nav-tabs > li > a i{padding: 14px 15px !important;} 
.analytics-nav.nav-tabs > li> a i{margin-right: 0px;} 
.analytics-nav>li>a{margin-right: 0px !important;} 
}

@media (min-width: 768px) {
.analytics-nav.nav-tabs > li> a i{margin-right: 20px;} 
}

.analytics-nav.nav-tabs{border:none;}
.analytics-nav.nav-tabs > li.active > a i{color: #fff;border:0;vertical-align: text-top;}
.analytics-nav.nav-tabs > li > a i{background:#fff;color: #8192a8;padding:9px;border-radius:5px;border:0;vertical-align: text-top;box-shadow: 0px 1px 4px 0px rgba(57, 79, 87, 0.1);} 

.nav-center {text-align: center;}
.nav-center ul.nav {display: inline-block; overflow: hidden;}
.analytics-nav>li.active>a, .analytics-nav>li.active>a:focus, .analytics-nav>li.active>a:hover{
    color: #17202c;
    cursor: default;
    background-color: #fff;
    border: 1px solid transparent;
    border-bottom-color: transparent;
}
.analytics-nav>li>a:hover{
    color: #17202c;
    background-color: #fff;
    border: 1px solid transparent;
    border-bottom-color: transparent;
}

.analytics-nav>li>a:hover i{color: #fff;border:0;vertical-align: text-top;}
.analytics-nav>li>a{margin-right: 10px;}   

/*category Tabs*/

.category-tabs>li>a {
    border-bottom: 3px solid transparent;	
    color: var(--theme-text-color) ;
}

.category-tabs>li.active>a, .category-tabs>li.active>a:focus, .category-tabs>li.active>a:hover {
    
    cursor: default;
    background-color: transparent;
    border: 0px solid transparent;
    font-weight: 700;
	line-height: 150%;
}

.category-tabs>li:first-child {
	font-size: 16px;
}



.category-tabs>li:last-child a {margin-right: 0px;}
.category-tabs>li>a:hover {
    border-color: transparent;
	background-color: transparent;
}
.category-tabs{border-bottom: 1px solid rgba(247, 148, 30, 0.15);}
.catborder{border-bottom: 0px solid var(--border-color) ;padding-bottom: 0px;}
.searchborder{border-bottom: 1px solid #e6e9ed;padding-bottom: 30px;}

@media (max-width: 767px){
.category-tabs>li a {margin-right: 10px !important;margin-bottom: 0px;padding: 0;}
.category-tabs>li:first-child {font-size: 18px;}
.viewmorebtn a{width: 200px;}
}

@media (min-width: 768px){
.category-tabs>li a {padding: 0px;margin-right: 10px;}
.category-tabs>li:first-child {font-size: 20px;}
.viewmorebtn a{width: 300px;}
}

@media (min-width: 992px){
.category-tabs>li a {padding: 0px;margin-right: 10px;}
.category-tabs>li:first-child {font-size: 22px;}
}

a.mainlink{color:#070707;}a.submainlink{color:#8192a8;}


/* .category-div:nth-child(3n+1) {
    clear: both;
    float: left;
}
.fourcategory-div:nth-child(4n+1) {
    clear: both;
    float: left;
}
.allcategory-div:nth-child(4n+1) {
    clear: both;
    float: left;
} */

/*Custom Column*/
@media (min-width: 1200px){
.col-lg-31 {width: 28.333333%;}	
.col-lg-71 {width: 71.666667%;}
.col-lg-71,.col-lg-31{float: left;}
}

.mypopularimg,.myvideopageimg,.mysliderpageimg{min-height: 140px;max-height: 140px;border-radius: 5px;}



@media (min-width: 768px){
.mypopularimg,.myvideopageimg,.mysliderpageimg{min-height: 100px;max-height: 140px;}
.fourcoloumn .mypopularimg{min-height: 100px;max-height: 100px;border-radius: 5px;}
.fourcoloumn .modifyimg{min-height: 100px;max-height: 100px;border-radius: 5px 5px 0 0;}
}

@media (min-width: 1200px){
.fourcoloumn .mypopularimg{min-height: 171px;max-height: 171px;border-radius: 5px;}
.fourcoloumn .modifyimg{min-height: 171px;max-height: 171px;border-radius: 5px 5px 0 0;}
}

@media (min-width: 1200px){
.modifyimg {width:100%;}
.mypopularimg {min-width: 140px;width:100%;}
.myvideopageimg{min-width: 255px;width:100%;}
.mysliderpageimg{min-width: 263px;width:100%;}
}

@media (max-width: 767px){
.video-box{display: block;}
}

.video-box{position: relative;border-radius: inherit;margin: 0 auto;}
.video-box .video-box-hover{opacity:1;}

.video-box-hover{
position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  height: 100%;  width: 100%;  opacity: 0;  transition: .5s ease; 
}
.video-icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;border:3px solid #fff;border-radius: 50%;padding-top: 10px;width: 40px;height: 40px;color:#fff;}


/*Video Page*/

.bannertext{position:absolute;}
.videobanner{   
	background: url(../images/videobanner.png);
    background-size: cover;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    height: 360px;
    max-height: 360px;
	color:#fff;
}
.ml30{margin-left:30px;}.ml15{margin-left:15px;}

@media (max-width: 767px){
.ml30{margin-left:15px;}
.ml15{margin-left:5px;}
}

/* Terms CSS*/

ul.termslist{padding-left: 18px;list-style: none;margin-bottom: 0px;}
.termslist li::before {content: "•"; color: #8192a8;display: inline-block; width: 1em;margin-left: -1em}

/*Single Video Page CSS*/

.valign{vertical-align:middle;}
/*.singlepageimg{min-height:440px;max-height:440px;}*/
ul.singletags{padding-left:0px;margin-bottom: 0px;}
.singletags li{list-style:none;display:inline-block;border-radius:25px;background:#e6e9ed;color:#fff;padding:2px 25px;margin:0 15px 15px 0;}
.singletags li a{color:#fff;}
.subcomment{margin-left: 50px;}
@media (max-width: 767px){
.singletags li{margin:0 5px 15px 0;}
.subcomment{margin-left: 15px;}
}

@media(max-width: 1199px){
.MultiCarousel .MultiCarousel-inner .item .slides {text-align: center;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst {top: calc(50% - 40px) !important;}
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over,.MultiCarousel .leftLst, .MultiCarousel .rightLst {height:80px !important;}
}

.MultiCarousel{float: left;overflow: hidden;width: 100%;position:relative;}
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;left: 35px;position: relative;right:35px;}
.MultiCarousel .MultiCarousel-inner .item .slides {color:#17202c;margin:0 47px 0 0;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute;top: calc(50% - 58px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over {border:1px solid rgb(194, 217, 225);pointer-events: none; border-radius: 5px;background-color: rgb(255, 255, 255);color:#8192a8;font-size: 10px;padding: 0 3px;height: 116px;}

.MultiCarousel .leftLst, .MultiCarousel .rightLst{border:1px solid rgb(194, 217, 225);border-radius: 5px;background-color: rgb(255, 255, 255);color:#8192a8;font-size: 10px;padding: 0 3px;height: 116px;}
.mslider{min-width:135px;min-height:75px;max-width:135px;max-height:75px;border-radius:5px;}

.related-section{border:1px solid rgb(194, 217, 225);border-radius: 5px;padding:10px 0 20px;}
.singletabs{border-bottom:1px solid transparent;}
.singletabs>li.active>a, .singletabs>li.active>a:focus, .singletabs>li.active>a:hover {
border: 1px solid transparent;}
.singletabs>li>a:hover {border-color: transparent;}
.singletabs>li>a{margin-right: 0px;}
.singletabs>li>a:focus, .singletabs>li>a:hover {background-color: #fff;}
.relatedimg{min-width:80px;min-height:46px;max-width:80px;max-height:46px;border-radius:5px;}

a.upload-btn,.upload-btn,.upload-btn:focus{color: #fff;background-color: rgb(194, 217, 225);padding: 9px 25px;border-radius: 25px;display: inline-block;cursor: pointer;text-align: center;height: 40px;width: 150px;}

a.upload-btn:hover{background:rgb(161, 177, 197);}

.singlevideo-icon {padding-top: 4px !important;width: 18px!important;height: 18px!important;border: 2px solid #fff;}
.slidervideo-icon{padding-top: 7px !important;width: 24px!important;height: 24px!important;border: 2px solid #fff;}

@media (max-width: 767px){
.singletabs>li>a{padding: 10px 40px 14px !important;}
.tabstext{text-align: center;}
.vrelatedimg{min-width:94px;min-height:46px;max-width:94px;max-height:46px;border-radius:5px;}
}

@media (min-width: 768px){
.singletabs>li>a{padding: 10px 25px 14px !important;}
.tabstext{text-align: left;padding-left: 0px;}
.vrelatedimg{min-width:80px;min-height:46px;max-width:80px;max-height:46px;border-radius:5px;}
}
@media (min-width: 992px){
.singletabs>li>a{padding: 10px 50px 14px !important;}
.tabstext{padding: 0;}	
.vrelatedimg{min-width:90px;min-height:46px;max-width:90px;max-height:46px;border-radius:5px;}
}

@media (min-width: 1200px){
.singletabs>li>a{padding: 10px 50px 14px !important;}
}

@media (min-width: 1300px){
.singletabs>li>a{padding: 10px 50px 14px !important;}
}


/*Social Icons CSS*/

@media (min-width: 240px) {
.socialfixed{position:fixed;left:5%;top:35%;z-index: 10;}
.socialicons a{display:block;margin-top: 15%;}
}

@media (min-width: 768px) {
.socialfixed{position:fixed;left:28px;top:32%;}
.socialicons a{display:block;margin-top: 25%;}
}
.totalshare{width: 50px;height: 20px;border-radius: 5px;color:#17202c;text-align: center;font-size: 14px;background: #fff;}
.socialicons a{width: 50px;height: 40px;padding-top: 12px;border-radius: 5px;color:#fff;text-align: center;}
.fecolor a,.fecolor a:hover,.fecolor a:focus{background:#3b5998 !important;color:#fff !important;}
.twcolor a,.twcolor a:hover,.twcolor a:focus{background:#1da1f2 !important;color:#fff !important;}
.gcolor a,.gcolor a:hover,.gcolor a:focus{background:#dc4e41 !important;color:#fff !important;}
.lcolor a,.lcolor a:hover,.lcolor a:focus{background:#0077b5 !important;color:#fff !important;}
.emcolor a,.emcolor a:hover,.emcolor a:focus{background:#84d279 !important;color:#fff !important;}

.gcolor a,.emcolor a{padding-top: 9px !important;}

@media (min-width: 240px) { 
.embed-modal {width: 90%;} 
.modal-body-embed{padding:30px;}
}
@media (min-width: 768px) { 
.embed-modal {width: 540px;} 
.modal-body-embed{padding:30px;}
}

.dashmodal{border-radius: 5px;background-color: rgb(247, 253, 255);box-shadow: 0px 1px 4px 0px rgba(57, 79, 87, 0.1);border:0;}

a.cancel{position: absolute;top: 12px;right: 12px;font-size: 12px;color:#8192a8;font-weight:600;opacity:1;}

/*Blank Section CSS*/

@media (min-width: 1200px) { 
.emptysection{height:300px;padding-top:8%;}
}

@media (min-width: 1300px) { 
.stickysection{position:fixed;width: 21.7%;top: 58px;right: 90px;box-shadow: 0px 1px 4px 0px rgba(57, 79, 87, 0.1);z-index: 999;}
}

@media (min-width: 1500px) { 
.stickysection{width: 19.5%;right: 179px;}
}

@media (min-width: 1650px) { 
.stickysection{width: 17.3%;right: 273px;}
}

@media (min-width: 1800px) { 
.stickysection{width: 16.3%;right: 315px;}
}

@media (min-width: 1900px) { 
.stickysection{width: 14.45%;right: 428px;}
}

/*Cookie CSS*/

.cookiestrip{display:inline-block;background-color: rgb(129, 146, 168);box-shadow: 0px 1px 4px 0px rgba(57, 79, 87, 0.1);height: 70px;color:#fff;padding-top:15px;position: fixed;z-index: 999;width:100%;text-align:center;}
.cookiestrip a,.cookiestrip a:hover,.cookiestrip a:focus{color:#fff;}
a.cookiebtn:hover{border:1px solid #fff !important;color:#fff !important;}

@media (max-width: 767px) { 
.cookiestrip{height: auto;padding:10px;}
a.cookiebtn{width:120px;margin-left:30px;margin-top: 5px;}
}

@media (min-width: 768px) { 
a.cookiebtn{width:100px;margin-left:10px;padding: 8px 25px;}
}

@media (min-width: 992px) { 
a.cookiebtn{width:144px;margin-left:45px;padding: 7px 30px;}
}

.cookiestrip-top{top: 0;}
.cookiestrip-bottom{bottom: 0;}




/*Tappit2.0 CSS*/
a.newcatname{
	border-radius: 15px;
    background-color: transparent;
    color: #070707;
    padding: 2px 10px;
	border:1px solid #f3f6f9;
}

.newcatbox:hover{
	/* background-color: #f9fbfc; */
}

/* .newcatbox:hover .carticon i{
	color: #f16543;
}
.newcatbox:hover a.newcatname{
	background-color: #ffffff;
    color: #f16543;
	border:1px solid #e6e9ed;
} */
a.newlinkcolor{
    color:var(--primary);
    display: block;
    text-align: right;
}


.searchresult{
	background:#ffffff; 
	padding:15px 0px 15px 15px;
	text-align: left;
    position: absolute;
    width: 210px;
    right: 50px;
	top: 41px;
	border-radius: 0 0 5px 5px;
}

.withoutregbtn .searchresult{
    right: 140px;
	top: 40px;
}
@media (max-width: 767px) { 
.searchresult{
	background: #ffffff;
    padding: 15px;
    text-align: left;
    position: absolute;
    width: 100%;
    left: 0;
    border-radius: 0 0 5px 5px;
    top: 75px;
	}
.withoutregbtn .searchresult{
    right: 140px;
	top: 75px;
}
}
.searchresult li{display: block;}
.searchresult li a{
	display:block;
	color: #070707;
	padding: 4px 10px 4px 0;
	word-wrap: break-word;
}




.tyicon{
	border-radius: 5px;
  background-color: rgb(242, 244, 246);
	width:74px;
	height:74px;
	padding-top:6%;
}

@media(min-width:240px){
	.tyicon{
	margin:30px auto 0;
	}
	.profimg{
	width: 25px;
    height: 25px;
    border-radius: 50%;
    object-fit: cover;
}
}

@media(min-width:768px){
	.tyicon{
	margin:50px auto 0;
	}
	.profimg{
	width: 38px;
    height: 38px;
}
}

@media(max-width:767px){
.searchclear {
    position:absolute;
    right:10px;
    top:0;
    bottom:0;
    height:10px;
    margin:auto;
    cursor:pointer;
    color:#969cad;
	font-size: 10px;
}
}



/*.tap-tabs.category-tabs>li:first-child a {padding-bottom: 9px !important; }*/
.tap-tabs.category-tabs>li a {
    border: 0 !important;
    border-bottom: 0px solid transparent !important;
    color: var(--theme-text-color);
    text-transform: capitalize;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    transition: 0.4s;
    font-size: 16px ;
    padding: 5px 15px;
}
.newsletterbox {
    padding: 20px;
    background: var(--theme-bg) ;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative;
    margin-top: 150px;
    margin-bottom: 20px;
}
.newsletterbox::after {
    content: '';
    position: absolute;
    background-image: url('../contact-form-images/contact-form-image.png');
    display: inline-block;
    height: 150px;
    width: 100%;
    bottom: 100%;
    left: 0;
    border-radius: 10px 10px 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.newsletterbox.withbg{background:url(../images/webform.png) no-repeat; background-size: cover; }

.newsletterbox input[type="text"]{
	height: 40px;
	outline: none;
	border:1px solid #e6e9ed;
	box-shadow: none !important;
}

.orange-btn, a.orange-btn{
	display: inline-block;
    padding: 8px 25px;
    text-align: center;
    color: #ffffff !important;
    border-radius: 5px;
	outline: none;
	box-shadow:none;
	border:1px solid transparent;
}


@media (min-width: 240px) { 
.lgmedia-dialog {width: 90%;} 
.modal-body-lgmedia{padding:30px;}
}
@media (min-width: 768px) { 
.lgmedia-dialog {width:600px;} 
.modal-body-lgmedia{padding:30px;}
}

.mediamodal{border-radius: 5px;box-shadow: 0px 1px 4px 0px rgba(57, 79, 87, 0.1);border:0;background:#ffffff url(../images/mediabg.png) no-repeat;color:#14172b;}

.media-area{width: 100px;height: 100px;display: inline-block;text-align: center;color:#fff;font-size: 35px;border-radius: 5px;padding:32px 0;}
.mediafb{background:#3b5998;}
.mediatw{background:#1da1f2;}
.medialn{background:#0077B5;}

.cancelpopup {position: absolute;top: 12px;right: 12px;font-size: 12px;color: #8192a8;font-weight: 600;opacity: 1;z-index: 99;outline: none;text-decoration: none;}

.loginpopupalign{display:inline-flex;padding:0 50px;}

/* css by raj 30-07-24 */
.goog-te-gadget-simple{
    padding: 8px 5px !important;
    border-radius: 5px;
}
.headersection{
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    background: var(--white);
}
.greyshade, a.greyshade{
    color: var(--theme-black) ;
    font-size: 16px;
    font-weight: 500;
}
.feicons li.active a{
    text-decoration-line: underline;
    color: var(--theme-black) ;
}
.topheader{
    background: #070707;
    padding: 10px 0;
}
ul.headersocialicons.inline.socialDivHeader{
    padding: 8px 0;
}
.headerprofile a.profiletoggle{
    background: rgba(7, 17, 19, 0.50);
    border-radius: 50%;
    color: var(--white);
}
.searchboxicon, .searchboxsubmit{
    color: rgba(0,0,0,0.5);
}
.latest-nav{
    width: 100%;
}
.latest-nav>li{
    width: 50%;
}
.newcatbox > div {
    width: auto;
}
.modifyimg{
    object-fit: cover;
    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}
.modifyImgParent{
    padding: 0;
    height: 100%;
    width: 140px;
}
.modifyImgParent a{
    border-radius: 10px;
    width : 100%;
    height : 155px;
    transition: 0.4s;
    display: inline-block;
    transform: translateY(40px);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
.modifyImgParent a::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--secondary);
    opacity: 0.8;
    width: 80px;
    height: 175px;
    z-index: -1;
    border-radius: inherit;
    filter: blur(2.5px);
    transition: 0.4s;
}
.newcatbox:hover .modifyImgParent a::after{
    opacity: 1;
    width: 120px;
}
.modifyImgParent::after{
    /* content: ''; */
    width: 18px;
    height: 18px;
    position: absolute;
    background: var(--white);
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%) rotate(135deg);
    outline: 1px solid var(--border-color);
}
.sticky-top{
    position: sticky;
    top: 100px;
}
.blog-content{
    padding: 20px;
    height: 100%;
    text-align: left;
}
.newcatbox::after {
    content: '';
    position: absolute;
    background: var(--theme-bg);
    height: 100%;
    width: calc(100% - 70px);
    top: 0;
    right: 0;
    border-radius: 10px;
    z-index: -1;
    transition: 0.4s ease;
}
.newcatbox:hover::after {
    /* width : 100%; */
}
.blog-content .category{
    color: var(--primary);
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize ;
    border: 0;
    margin-bottom: 10px;
    display: inline-flex;
    padding: 0;
    justify-content: center;
    align-items: center;
}
.blog-content .title{
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 5px;
    display: inline-block;
    color: var(--theme-black);
    transition: 0.4s;
}
.blog-content .description{
    font-size: 14px;
    margin: 0;
    color: var(--theme-text-color);
}
.newcatbox{
    text-align: center;
    display: flex;
    align-items: start;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    min-height: 278px;
    height: 100%;
}
@media only screen and (min-width : 992px){
    .newcatbox.even-class .modifyImgParent a{
        top: auto;
        bottom: 0;
        transform: translateY(-40px);
    }
}
.main-section-title{
    font-weight: 800;
    color: var(--theme-black);
    text-transform: uppercase;
    display: block;
    font-size: 38px;
    position: relative;
    z-index: 1;
    text-align: center;
}
.main-section-title::after {
    /*content: '';*/
    background: var(--primary);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 91% 100%, 0% 100%);
}

/* default slider banner css */
.slider-banner{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    font-family: "Noto Sans", sans-serif;
    display: flex;
    align-items: center;
    min-height: 550px;
}
.slider-banner .banner-inner{
    width: 100%;
}
.row.d-flex-row{
    display: flex;
    flex-wrap: wrap;
}
.row.d-flex-row::after,.row.d-flex-row::before{
    display : none;
}
.row.d-flex-row > div {
    float: unset !important;
}
.slider-banner .banner-content .banner-title,.slider-banner .banner-content .banner-subtitle{
    text-transform: capitalize;
    display: none;
}
.slider-banner .banner-content .banner-title{
    color: var(--white);
    font-family: Poller One;
    font-size: 60px;
    font-weight: 700;
    line-height: 75px;
    text-align: center;
    font-family: "Montagu Slab";
}
.slider-banner .banner-content .banner-title span{
    display: inline-block;
    color: var(--primary);
}
.slider-banner .banner-content .bottom-link-wrappper{
    display: inline-block;
    border-radius: 20px 20px 0px 0px;
    background: #174E26;
    padding: 20px 45px;
}
.slider-banner .banner-content .bottom-link-wrappper .bottom-link-title{
    font-weight: 700;
    color: var(--white);
    font-size: 40px;
    margin-bottom: 15px;
}
.slider-banner .btn{
    font-size: 20px;
    font-weight: 600;
    padding: 10px 30px;
    border-radius: 5px;
    transition: 0.5s;
}
.slider-banner .btn.btn-white{
    background: var(--white);
}
.slider-banner .btn.btn-white:hover{
    background: var(--black);
    color: var(--white);
}
.slider-banner.style-2{
    padding: 40px 0;
}
.slider-banner.style-2 .banner-content{
    padding: 70px 0;
    text-align: unset;
}
.slider-banner.style-2 .banner-content .banner-title{
    color: var(--white);
    font-family: "Londrina Solid";
    font-size: 150px;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 160px;
}
.slider-banner.style-2 .banner-content .banner-title span{
    color: #66FF5E;
}
.slider-banner.style-2 .banner-inner{
    border-radius: 10px;
    border-top: 5px solid var(--white);
    border-bottom: 5px solid var(--white);
}
#myCarouselForBanner .carousel-inner>.item{
    min-height: 550px;
}
#myCarouselForBanner .carousel-indicators{
    width: 100% !important;
    left: 0 !important;
    margin-left: unset !important;
    text-align: right !important;
    padding-right: 30px !important;
}
#myCarouselForBanner .carousel-indicators li{
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    transition: 0.5s;
    margin-right: 10px !important;
}
#myCarouselForBanner .carousel-indicators li:last-child{
    margin-right: unset !important;
}
#myCarouselForBanner .carousel-indicators li.active{
    width: 25px !important;
    height: 25px !important;
}
@media (max-width : 1200px){
    .slider-banner.style-2 .banner-content .banner-title{
        font-size: 120px;
    }
}
@media (max-width : 991px){
    .slider-banner{
        background-position-x: 80% ;
    }
}
@media (max-width : 768px){
    .slider-banner {
        /* background-position-x: 25%; */
    }
}
@media (max-width : 575px){
    .slider-banner {
        /* background-position-x: 30%; */
    }
    .slider-banner .banner-content .banner-subtitle{
        font-size: 22px;
    }
    #myCarouselForBanner .carousel-inner>.item{
        height: 320px;
        min-height: unset;
    }
    .slider-banner{
        height: 320px;
        min-height: unset;
    }
    .slider-banner .banner-content .banner-title{
        font-size: 35px;
        line-height: 50px;
    }
    .slider-banner .banner-content .bottom-link-wrappper{
        padding: 20px 25px;
    }
    .slider-banner .banner-content .bottom-link-wrappper .bottom-link-title{
        font-size: 30px;
        margin-bottom: 5px;
    }
    .slider-banner .btn{
        font-size: 16px;
    }
    .slider-banner.style-2 .banner-content .banner-title{
        font-size: 80px;
        line-height: normal;
    }
    .slider-banner.style-2 .banner-content,.slider-banner.style-2{
        padding: 20px 0;
        display: flex;
        align-items: center;
    }
}
/* default slider banner css */

/* some bootstrap custom css */
@media (min-width: 1200px) {
    .col-lg-2-4 {
        width: 20%; /* 5 columns on large screens */
        float: left;
    }
    .no-gutter-lg > [class*='col-'] {
        padding-right: 15px;
        padding-left: 15px;
    }
}
.row .no-gutter-lg{
    /*margin-left: -30px;*/
    /*margin-right: -30px;*/
}
/* some bootstrap custom css */

/* image-box-wrapper */
.image-box-wrapper{
    position: relative;
    border-radius: 0px;
    overflow: hidden;
    display: flex;
    flex-direction: column-reverse;
    row-gap: 15px;
    padding: 15px 30px;
    z-index: 2;
    height: 100%;
}
.image-box-wrapper:hover::after{
    height: 100%;
}
.image-box-wrapper > a:first-child {
    position: relative;
    z-index: 1;
}
.image-box-wrapper::after{
    content: '';
    position: absolute;
    background: var(--theme-bg);
    height: calc(100% - 70px);
    width: 100%;
    top: 0;
    right: 0;
    border-radius: 10px;
    z-index: -1;
    transition: 0.4s ease;
}
.image-box-wrapper .mypopularimg{
    border-radius: 5px;
    height: 140px;
    object-fit: cover;
    width: 100%;
}
.image-box-wrapper > a:first-child::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--secondary);
    opacity: 0.8;
    width: calc(100% + 20px);
    height: 80px;
    z-index: -1;
    border-radius: 10px;
    filter: blur(2.5px);
    transition: 0.4s;
}
.image-box-wrapper .mainlink{
    font-weight: 700;
    font-size: 16px;
    color: var(--theme-black);
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
    bottom: 0;
    text-transform: uppercase;
    flex-grow: 1;
    transition: 0.4s;
}
.image-box-wrapper:hover .mainlink{
    color: var(--primary);
}
.video-box-hover:hover{
    background: rgba(23, 32, 44, .2);
}
.video-box-hover:hover .video-icon{
    border-color: var(--white) !important;
}
.video-box-hover:hover .video-icon i{
    color: var(--white) !important;
}
/* image-box-wrapper */

/* scrollbar for browsers */
::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    background:  #f1f1f1 !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
}
/* Apply styles only for Firefox */
@-moz-document url-prefix() {
    * {
        scrollbar-width: thin;
        scrollbar-color:  #c1c1c1 #f1f1f1;
    }
}
/* scrollbar for browsers */

/* header profile-menu css */
.profilesection-head{
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--border-color);
}
.profilesection-head .user-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
}
.profilesection-head .user-icon i{
    font-size: 28px;
    color: #939393;
}
.profilesection-head .current-username{
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 8px;
    color: var(--theme-black);
}
.profilesection-head .current-email{
    color: var(--primary);
}
.profilesection-body{
    padding: 20px 0;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}
.profilesection-body > div a{
    font-weight: 500;
    color: var(--theme-text-color);
    display: flex;
    align-items: center;
    gap: 10px;
}
.profilesection-footer a{
    font-weight: 500;
    color: var(--theme-text-color);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 0;
    padding-bottom: 0;
}
/* header profile-menu css */

/* header navbar css */
.feicons li {
    padding: 0 5px;
}
.feicons li a{
    padding: 10px 15px;
    border-radius: 10px;
}
.feicons li.active a{
    text-decoration-line: none;
    color: var(--white);
    background: var(--primary);
}
.felogo {
    max-width: 180px;
    padding: 4px 0;
}
@media (max-width : 991px){
    .searchboxopen{
        width: 160px;
    }
    .felogo {
        padding: 0 0;
    }
    .xsmenubtn .bar1, .xsmenubtn .bar2, .xsmenubtn .bar3{
        background-color: var(--primary);
    }
    .xsmenubtn.closebutton{
        background: transparent;
    }
    .xs-mobile-menu .xs-mobile-nav{
        background: var(--white);
        top: 33px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 1px;
    }
    .feicons li:last-child{
        padding: 0 5px;
    }
}
/* header navbar css */

/* css by raj 30-07-24 */