/**	
	* Template Name: Trendlyboard
	* Version: 1.00	
	* Template CSS
	* Author: Trendlyboard
	* Author URI: http://www.trendlyboard.com/
**/

:root{
	--primay-color: #6644ff;
	--black-color: #000000;
	--white-color: #ffffff;	
	--abbey-color: #345;
	--palesky-color: #687385;	
	--link-white-bg: #f7f7fd;
    --white-bg: #ffffff;
	--font-family: 'Nunito Sans', sans-serif;
	--line-height-p: 1.6em;
	--font-size-p: 18px;
	--font-size-h1: 30px;
    --font-size-h2: 26px;
    --font-size-h3: 22px;
    --font-size-h4: 20px;
    --font-size-h5: 18px;
    --font-size-h6: 16px;
    --border-link-white: #f7f7fd;
    --border-radius: 10px
}

abbr,acronym,address,applet,area,article,aside,audio,b,base,basefont,bdo,big,blockquote,body,br,button,canvas,caption,center,cite,code,col,colgroup,datalist,dd,del,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,frame,frameset,head,header,h1,h2,h3,h4,h5,h6,hr,html,i,iframe,img,input,ins,kbd,label,legend,li,link,main,map,mark,meta,meter,nav,noscript,object,ol,optgroup,option,p,param,pre,progress,q,s,samp,script,section,select,small,source,span,strike,strong,style,sub,sup,table,tbody,td,textarea,tfoot,th,thead,time,title,tr,u,ul,var,video,wbr{
	font-family: 'Nunito Sans', sans-serif;	
}
a,
ul li a,
button:hover, button:focus,
a :hover , a:focus ,
* :hover , *:focus {
    outline: none;
    text-decoration: none;
	box-shadow:none;
}

body{
	margin:0px auto;
	padding:0px;
	outline:none;
	font-family: var(--font-family);
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
    background: var(--white-bg);
	
	/* background: radial-gradient(circle, #f7f8fb 30%, rgba(255,255,255,1) 100%); */
}

/* == HEADER == */
#header{
    padding: 0px;
    width: 100%;
	font-family: var(--font-family);
}
.top-header{
    background: var(--link-white-bg);
    position: relative;
    width: 100%;
}
.top-header nav{
	padding: 5px 0px;
}
.top-header .menu-secondary-menu-container,
.top-header ul{
    width: 100%;
    padding: 0px;
    margin: 0px auto;
    text-align: right;
}
.top-header ul li {
	padding: 0px 12px;
    display: inline-block;
}
.top-header ul li:last-child{
    padding: 0px 2px;
}
.top-header ul li a{
    text-transform: uppercase;
    font-size: 14px;
    color: var(--black-color);
    font-weight: 600;
}
.top-header ul li a:hover{
	color: var(--primay-color);	
}
.top-header ul li.current-menu-item a{
    color: var(--primay-color);
}
.top-header .container-fluid,
.second-header .container-fluid{
	padding: 0px 30px;
}

.second-header  .navbar-brand{
	max-width: 160px;
}
.second-header #header-menu ul li{
	padding: 0px 14px;
}
.second-header{
	background: var(--white-bg);
	box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.1);	
    width: 100%;
    transition: all 0.3s;
}
.header-sticky{
    position: fixed;
	top: 0px;
    left: 0px;
    right: 0px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 99999;
}
.second-header .navbar{
	padding:  12px 0px;
}
.second-header #header-menu ul li a{
    font-size: 18px;
    color: var(--black-color);
    font-weight: 500;
}
.second-header #header-menu ul li a:hover{
	color: var(--primay-color);	
}
.second-header #header-menu ul li.current-menu-item a{
	color: var(--primay-color);
}
.second-header form{
	max-width: 350px;
    width: 100%;
}
.second-header form input{
	border-radius: 0px;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 500;
    background: var(--link-white-bg);
    border: 1px solid var(--border-link-white);
	width: 100%;
}
.second-header form input:focus{
	box-shadow: none;
	border: 1px solid var(--border-link-white);
}
.second-header .navbar-toggler span {
    display: block;
    background-color: var(--palesky-color);
    height: 2px;
    width: 22px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
}
.second-header .navbar-toggler span:nth-child(1) {
    transform: translate(0%, 0%) rotate(0deg) ;
}
.second-header .navbar-toggler span:nth-child(2) {
    opacity: 1;
}
.second-header .navbar-toggler span:nth-child(3) {
    transform: translate(0%, 0%) rotate(0deg) ;
}
.second-header .navbar-toggler span:nth-child(1) {
    margin-top: 0.3em;
}
.second-header .navbar-toggler:not(.collapsed) span:nth-child(1) {
    transform: translate(15%, -33%) rotate(45deg);
}
.second-header .navbar-toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
}
.second-header .navbar-toggler:not(.collapsed) span:nth-child(3) {
    transform: translate(15%, 33%) rotate(-45deg) ;
}
/* == HEADER END == */


/* == HERO SECTION == */
.hero-section{
	padding: 140px 0px;
    position: relative;
    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(247 247 253) 100%);
}
.hero-section::after{
    background-image: url(../images/header-bg.png);
    background-repeat: no-repeat;
    background-position: right 50px;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 80px;
    background-size: contain;
    mix-blend-mode: luminosity;
} 
.hero-section h1{
    font-size: 54px;
    font-weight: 900;
	margin: 0px 0px 30px 0px;
	line-height: 1.4em;
}
.hero-section h1 span{
	color: var(--primay-color);
}
.hero-section p{
    font-size: 20px;
    font-weight: 500;
	color: var(--palesky-color);
	line-height: 1.8em;
}
/* == HERO SECTION END == */

/* == COMMON SECTION == */
.section-title{
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: baseline;
}
.section-title h2{
    font-size: 24px;
    font-weight: 800;
	margin: 0px 0px 30px 0px;
	position: relative;
}

p{
    font-size: var(--font-size-p);
    font-family: var(--font-family);
    font-weight: 500;
    color: var(--abbey-color);
    line-height: 1.7em;
}
.section-title a{
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-family);
    color: var(--white-bg);
    border-radius: 100px;
    padding: 7px 20px;
    border: 1px solid var(--border-link-white);
    background: var(--primay-color);
}
.section-title a:hover{
    background: var(--primay-color);
    color: var(--white-bg);
    border-color: var(--primay-color);
}

h1{
    font-size: 54px;
    font-weight: 900;
}
h2{
    font-size: 46px;
    font-weight: 800;
    line-height: 1.3em;
}
h3{
    font-size: 38px;
    font-weight: 700;
    line-height: 1.3em;
}
h4{
    font-size: 30px;
}
h5{
    font-size: 22px;
}
h6{
    font-size: 18px;
}
ul{
    margin: 0px auto;
    padding: 0px;
}
ul li{
    list-style-type: none;
}


.heading-section{
    padding: 100px 0px;
    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(247 247 253) 100%);
}

.page-title h1{
    font-size: 54px;
    font-weight: 900;
    margin: 0px 0px 30px 0px;
    line-height: 1.4em;
}
.page-title p{
    font-size: 22px;
    color: var(--abbey-color);
    font-weight: 500;
}

/* == COMMON SECTION END == */

/* == RECENT POST SECTION == */
.recent-blog{
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 60px 0px;	
}
.recent-blog .recent-post{
	position: relative;
}
.recent-blog .recent-post .feature-img{
	position: relative;	
}
.recent-blog .recent-post .feature-img img{
	max-width: 100%;
	width: 100%;
	border-radius: var(--border-radius);
}
.recent-content{
    position: relative;
    margin: 0px auto;
    padding: 30px 0px 20px;
}
.single-content .post-categories,
.blog-content .post-categories,
.recent-content .post-categories{
	margin: 0px;
	padding: 0px;
}
.single-content .post-categories li,
.blog-content .post-categories li,
.recent-content .post-categories li{
    list-style-type: none;
    margin: 0px 20px 10px 0px;
	display: inline-block;
	position: relative;
}
.single-content .post-categories li:before,
.blog-content .post-categories li:before,
.recent-content .post-categories li:before{
	content: '';
    background: #abbac9;
    width: 5px;
    height: 5px;
    border-radius: 100px;
    position: absolute;
    right: -15px;
    top: 9px;
}
.single-content .post-categories li:last-child:before,
.blog-content .post-categories li:last-child:before,
.recent-content .post-categories  li:last-child:before{
	content: none;
}
.single-content .post-categories li a,
.blog-content .post-categories li a,
.recent-content .post-categories li a{
	color: var(--primay-color);
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}
.blog-content h3 a,
.recent-content h3 a{
    color: var(--black-color);
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
	display: block;
	line-height: 1.5em;
}
.blog-content h3 a:hover,
.recent-content h3 a:hover{
	color: var(--primay-color);	
}
.recent-status {
	margin: 0px;
	padding: 0px;
}
.recent-status li{
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin: 0px 20px 0px 0px;
    color: #6B6B6B;
	position: relative;
}
.recent-status li:last-child{
	margin: 0px 0px 0px 0px;
}
.recent-status li:before{
    content: '';
    background: #d1d1d1;
    width: 5px;
    height: 5px;
    border-radius: 100px;
    position: absolute;
    right: -15px;
    top: 7px;
}
.recent-status li:last-child:before{
	content: none;
}
.recent-post-box{
	background: var(--white-bg);
	border-radius: var(--border-radius);
	padding: 30px;
	transition: all .25s cubic-bezier(.02,.01,.47,1);
    border: 1px solid #46474a2e;
    height: 100%;
}

.recent-post-box .recent-content h3{
	margin: 0px 0px 15px 0px;
}
.recent-post-box:hover{
    box-shadow: 0 5px 11px 0 rgb(177 176 245 / 18%), 0 4px 15px 0 rgb(193 190 241 / 15%);
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition-duration: 0.4s;
    -ms-transition: all 0.4s ease;
}

.single-overview-inner{
	display: flex;
    flex-flow: wrap;
    gap: 10px;
	padding: 0px 0px 20px 0px;
}
.single-feaure-parent {
    display: flex;
    gap: 15px;
    align-items: center;
    width: 100%;
    max-width: 390px;
}
.single-overview-list{
    display: flex;
    gap: 20px;
    border: 1px solid var(--link-white-bg);
    align-items: center;
    max-width: 520px;
    width: 100%;
    border-radius: var(--border-radius);
    padding: 10px;
    justify-content: space-between;
}
.single-overview-feature {
    max-width: 70px;
    width: 100%;
}
.single-overview-feature img{
	max-width: 70px;
    width: 100%;
    height: 70px;
    object-fit: cover;
    border-radius: var(--border-radius);
}
.signle-page .single-overview-heading h4{
	color: var(--black-color);
    font-size: 18px;
    margin: 0px;
    font-weight: 500;
}
.signle-page .single-overview-heading p{
	margin: 0px;
	font-size: 14px;
	color: var(--palesky-color);
}

.single-overview-list.hidden {
	display: none;
}
.single-overview-menu img{
    max-width: 22px;
    margin: 5px;
    opacity: 0.9;
}
.showmore-list{
	margin: 0px 0px 20px 0px;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
    border-bottom: 1px solid var(--primay-color);
    color: var(--primay-color);
}
.showmore-list:hover{
	border-bottom: 1px solid var(--black-color);
    color: var(--black-color);
}

.table-of-content{
    border: 2px solid var(--link-white-bg);
    padding: 20px;
    border-radius: var(--border-radius);
	background: var(--link-white-bg);
}
.signle-inner .table-of-content h2 {
    margin: 0px 0px 15px 0px;
    font-size: 22px;
}
.signle-inner .table-of-content nav ul li {
    font-size: var(--font-size-p);
    font-family: var(--font-family);
    font-weight: 500;
    padding-left: 20px;
    line-height: 1.9em;
    position: relative;
}
.signle-inner .table-of-content nav ul li:before {
    content: '\26AC';
    position: absolute;
    left: 0px;
    color: var(--primay-color);
    font-size: 24px;
    top: 0px;
}

.signle-inner .table-of-content nav ul a{
    color: var(--abbey-color);
}
.signle-inner .table-of-content nav ul a:hover{
    color: var(--primay-color);
}
.signle-inner .table-compare tbody tr td{
    border-color: #e2e4e7;
}
.signle-inner .single-pros-cons{
    border: 1px solid #e2e4e7;
    padding: 30px 30px;
    border-radius: 20px;
}



/* == CATEGORY POST == */
.category-post{
	width: 100%;
	margin: 0px auto;
	padding: 70px 0px;
} 
.category-post .blog-list-thumb{
    max-width: 200px;
    width: 100%;
}
.category-post .blog-list img{
	max-width: 200px;
    height: 150px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--border-radius);
}
.category-post .blog-content {
    padding: 0px 30px 0px 26px;
}
.archive-header{
	margin: 0px 0px 30px 0px;	
}
.archive-header h1{
	font-size: 30px;
    font-weight: 700;
}
/* == CATEGORY POST END == */


/* == MOST POPULAR == */
.most-popular > h3{
	font-size: 22px;
    font-weight: 700;
    margin: 0px 0px 30px 0px;
    position: relative;
}
.most-popular .blog-list img{
    height: 100px;
    width: 130px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--border-radius);
}
.most-popular .blog-content{
	padding: 0px 15px 0px 0px;
}
.most-popular .d-flex{
	border: 1px solid #e9eff9;
    padding: 15px;
    border-radius: var(--border-radius);
	transition: all .25s cubic-bezier(.02,.01,.47,1);
    justify-content: space-between;
}
.most-popular .d-flex:hover{
	background: var(--link-white-bg);
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition-duration: 0.4s;
    -ms-transition: all 0.4s ease;
}
.sticky-sidebar-offset{
	top: 80px;
}

/* == MOST POPULAR END == */
.search-page .blog-thumbails,
.category-post .blog-thumbails{
    border-radius: var(--border-radius);
    background: var(--white-bg);
    box-shadow: 10px 4px 24px #9da7b53b;
}
.search-page .blog-thumbails .blog-list img,
.category-post .blog-thumbails .blog-list img{
	width: 100%;
	max-width: 100%;
	height: 100%;
	border-radius: var(--border-radius);
}
.search-page  .blog-thumbails .blog-content,
.category-post .blog-thumbails .blog-content{
	padding: 24px;
}
.search-page .blog-thumbails-tw,
.category-post .blog-thumbails-tw{
    border-radius: var(--border-radius);
    background: var(--white-bg);
}
.search-page   .blog-thumbails-tw .blog-list img,
.category-post .blog-thumbails-tw .blog-list img{
	width: 100%;
	max-width: 100%;
	height: 100%;
	border-radius: var(--border-radius);
}
.search-page   .blog-thumbails-tw .blog-content,
.category-post .blog-thumbails-tw .blog-content{
	padding: 20px 0px;
}

.category-list{
    width: 100%;
    padding: 80px 10px 60px;
}
.category-list ul{
	margin: 0px auto;
	padding: 0px;
}
.category-list ul li{
    list-style-type: none;
    display: inline-block;
    width: 100%;
	text-align: center;
    position: relative;
}
.category-list ul li img{
    border-radius: var(--border-radius);
    position: relative;
    filter: brightness(0.8);
}
.category-list ul li a::before{
    background: linear-gradient(0deg, rgb(0 0 0 / 70%) 0%, rgb(6 5 5 / 0%) 100%);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    z-index: 9;
    border-radius: var(--border-radius);
}
.category-list ul li h3{
    position: absolute;
    bottom: 10px;
    left: 0px;
    right: 0px;
    z-index: 99;
    color: var(--white-color);
    font-size: 18px;
    font-weight: 400;
}

.category-list .categories-list{
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	text-align: center;
    position: relative;
	list-style-type: none;
}

.category-list .categories-list img{
    border-radius: var(--border-radius);
    position: relative;
    filter: brightness(0.8);
}
.category-list .categories-list a::before{
    background: linear-gradient(0deg, rgb(0 0 0 / 70%) 0%, rgb(6 5 5 / 0%) 100%);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    z-index: 9;
    border-radius: var(--border-radius);
}
.category-list .categories-list h3{
    position: absolute;
    bottom: 10px;
    left: 0px;
    right: 0px;
    z-index: 99;
    color: var(--white-color);
    font-size: 18px;
    font-weight: 400;
}


/* == SINGLE PAGE == */
.signle-page{
	padding: 0px 0px 50px;
	width: 100%;
	margin: 0px auto;
}
.single-feature{
    position: relative;
    width: 100%;
    padding: 60px 0px 0px;
    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(247 247 253) 100%);
}
.single-breadcrumb{
    margin: 0px;
    padding: 0px 0px 20px 0px;
    display: flex;
    gap: 0px 20px;
    flex-flow: wrap;
}
.single-breadcrumb li {
    position: relative;
    font-weight: 500;
}
.single-breadcrumb li:before{
    content: '\276F';
    color: var(--black-color);
    position: absolute;
    right: -14px;
    top: 6px;
    font-size: 10px;
}
.single-breadcrumb li:last-child:before{
	width: 0px;
	content: none;
}
.single-breadcrumb li:last-child{
    color: var(--palesky-color);
}
.single-breadcrumb li a{
	color: var(--black-color);
	font-weight: 500;
}


.single-feature .container{
    position: relative;
    z-index: 9;
}
.signle-feature-thumb img{
	border-radius: var(--border-radius);
	-webkit-box-shadow: 0 1px 7px rgba(0,0,0,.05);
    box-shadow: 0 1px 7px rgba(0,0,0,.05);
}
.single-content h1{
	font-size: 36px;
    font-weight: 700;
    line-height: 1.3em;
    margin: 0px 0px 30px 0px;
    color: var(--black-color);
}
.single-content .recent-status li{
    color: var(--palesky-color);
}
.signle-inner h2{
    font-size: 28px;
    font-weight: bold;
	margin:24px 0px 24px 0px;
}
.signle-inner h3{
    font-size: 24px;
    font-weight: bold;
}
.signle-inner h4{
    font-size: 22px;
    font-weight: bold;
}
.signle-inner h5{
    font-size: 20px;
    font-weight: bold;
}
.signle-inner h6{
    font-size: 18px;
    font-weight: bold;
}
.signle-inner figure{
	margin: 28px 0px;
}
.signle-inner ul.single-point{
	margin: 0px 0px 30px 20px;
	padding: 0px;
}
.signle-inner ul.single-point li{
	font-size: var(--font-size-p);
    font-family: var(--font-family);
    font-weight: 500;
    color: var(--abbey-color);
    line-height: 1.9em;
	position: relative;
}
.signle-inner ul.single-point li:before{
	content: '\26AC';
    position: absolute;
    left: -20px;
    color: var(--primay-color);
    font-size: 24px;
    top: 0px;
}
.signle-inner ul.signle-download{
    display: flex;
    gap: 14px;
    margin: 40px 0px 50px 0px;
    border: 1px solid #e2e4e7;
    border-bottom: 1px solid #e2e4e7;
    padding: 24px 30px 24px 30px;
    border-radius: 20px;
}
.signle-inner ul.signle-download li{
	font-size: 18px;
    font-weight: 700;
	color: var(--primay-color);
}
.signle-inner ul.signle-download li a{
    background: var(--abbey-color);
    padding: 10px 24px;
    border-radius: 10px;
    font-weight: 500;
    color: var(--white-color);
}
.signle-inner ul.signle-download li a:hover{
    background: var(--primay-color);	
}
.social-share-post{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    padding: 40px 0px 0px;
	position: relative;
}
.social-share-post li{
    list-style-type: none;
    font-family: var(--font-family);
    text-transform: uppercase;
    font-weight: 700;
    color: var(--primay-color);
	position: relative;
}
.social-share-post li a{
    font-size: 14px;
    border-radius: 4px;
    font-family: var(--font-family);
    padding: 8px 14px;
    color: var(--palesky-color);
    text-transform: uppercase;
    font-weight: 700;
	display: inline-block;
}
.social-share-post #copy-message{
	position: absolute;
    left: 0px;
    font-size: 12px;
    right: 0px;
    text-align: center;
    display: none;
    top: -28px;
	color: var(--primay-color);
}
.social-share-post li.facebook-button a{
	background: #4267b2;
    color: #ffffff;
}
.social-share-post li.twitter-button a{
	background: #000000;
    color: #ffffff;
}
.social-share-post li.linkedin-button a{
	background: #0077B5;
    color: #ffffff;
}
.social-share-post li.whatsapp-button a{
	background: #3cbd4c;
    color: #ffffff;
}
.social-share-post li.telegram-button a{
	background: #0088CC;
    color: #ffffff;
}
.social-share-post li.copylink-button a{
	background: var(--primay-color);
    color: #ffffff;
}
.social-share-post li a:hover{
    background: var(--bs-body-color);
    color: var(--white-color);
}




.single-mostpopular{
	padding: 0px 0px 60px 0px;
}

.signle-inner ul.single-cons{
	margin: 0px 0px 30px 20px;
	padding: 0px;
}
.signle-inner ul.single-cons li{
	font-size: var(--font-size-p);
    font-family: var(--font-family);
    font-weight: 500;
    color: var(--abbey-color);
    line-height: 1.9em;
	position: relative;
}
.signle-inner ul.single-cons li:before{
    content: '\2716';
    position: absolute;
    left: -20px;
    color: #ff9c9c;
    font-size: 16px;
    top: 0px;
}

.signle-inner ul.single-pros{
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
.signle-inner ul.single-pros li{
	font-size: var(--font-size-p);
    font-family: var(--font-family);
    font-weight: 500;
    color: var(--abbey-color);
    line-height: 1.9em;
	position: relative;
}
.signle-inner ul.single-pros li:before{
    content: '';
    position: absolute;
    left: -20px;
    font-size: 18px;
    top: 7px;
    display: inline-block;
    width: 8px;
    height: 13px;
    border-right: 3px solid #b4eb63;
    border-bottom: 3px solid #b4eb63;
    transform: rotate(45deg);
}


/* == PRIVACY POLICY == */
.page-disclaimer .page-content h2,
.privacy-policy .page-content h2{
    font-size: 22px;
    font-weight: bold;
    margin: 25px 0px 15px 0px;
}
.privacy-policy .page-content ul{
    margin: 0px auto;
    padding: 0px 0px 0px 30px;
}
.privacy-policy .page-content li{
    position: relative;
    margin: 0px 0px 20px 0px;
    font-size: var(--font-size-p);
    font-family: var(--font-family);
    font-weight: 500;
    color: var(--abbey-color);
    line-height: 1.7em;
}
.privacy-policy .page-content li:before{
content: '';
    display: inline-block;
    transform: rotate(45deg);
    height: 14px;
    width: 8px;
    border-bottom: 2px solid var(--primay-color);
    border-right: 2px solid var(--primay-color);
    position: absolute;
    left: -26px;
    top: 6px;
}
.post-vote-inner{
	margin: 50px 0px 10px;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-flow: wrap;
    padding: 20px;
    justify-content: center;
    border-radius: 20px;
    border: 1px solid #cbd0d94a;
}
.blog-post-vote #rating-box .star {
    font-size: 28px;
    cursor: pointer;
    color: #cccccc;
}
.blog-post-vote #rating-title.thank-you {
    color: green;
}
.blog-post-vote #rating-box.voted .star {
    color: orange; 
    cursor: not-allowed;
}
.blog-post-vote #rating-box .star.active {
    color: gold; 
}

.blog-post-vote#rating-title.error {
    color: red;
}
.blog-post-vote .post-vote-inner h4{
	font-size: 20px;
    font-weight: 800;
    margin: 0px;
    text-transform: uppercase;
}
.blog-post-vote .post-vote-inner p{
	margin: 0px;
	color: var(--palesky-color);
	font-size: 16px;
}
.single-author-box{
	display: flex;
    gap: 20px;
    background: #f7f7fd;
    padding: 30px;
    margin: 30px 0px 0px 0px;
    border-radius: 20px;
}
.single-author-box .single-author-avatar{
	max-width: 120px;
	width: 100%;	
}
.single-author-box .single-author-avatar img{
	width: 100%;
	border-radius: 10px;
}

/* == PAGE NOT FOUND == */
.page-not-found{
	width: 100%;
	margin: 0px auto;
	padding: 160px 0px;
	text-align: center;
}
.not-found span{
    font-size: 120px;
    font-weight: 700;
    text-align: center;
    color: var(--primay-color);
}
.not-found h1{
    font-size: 32px;
    color: var(--black-color);
    font-weight: 700;	
}
.page-not-found .page-content p{
    font-size: 20px;
    color: #687385;
    font-weight: 500;
}
.page-not-found  .search-form label{
	width: 100%;
	display: inline;
}
.page-not-found  .search-form{
	margin: 50px 0px 0px;
}
.page-not-found  .search-form input[type=search]{
    background: var(--link-white-bg);
    border-color: #f7f7fd;
    padding: 14px 20px;
    width: 100%;
    max-width: 390px;	
}
.page-not-found  .search-form input[type=submit]{
	background: var(--primay-color);
    color: var(--white-color);
    padding: 17px 50px;
    border-color: var(--primay-color);
    font-size: 16px;
    font-weight: 500;
    margin: 0px 0px 0px 10px;
}


/* == SEARCH PAGE == */
.search-page{
	width: 100%;
	margin: 0px auto;
	padding: 80px 0px;
}
.search-page h1{
	font-size: 30px;
    font-weight: 700;
	margin: 0px 0px 30px 0px;
}
.search-page h1 span{
	color: var(--primay-color);
}


/* == CONTACT US SECTION == */
.heading-section{
    width: 100%;
    padding: 100px 0px;
}
.contact-page{
    padding: 50px 0px 50px;
    position: relative;
    margin: 0px 0px 100px 0px;
}
.contact-page:after{
    content: '';
    position: absolute;
    left: 0px;
    background: #eceef3;
    width: 100%;
    height: 100%;
    max-width: 33%;
    top: 0px;
    max-height: 100%;
}
.contact-info{
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    display: flex;
    gap: 30px;
}
.contact-box{
    background: var(--white-bg);
    border-radius: 20px;
    padding: 40px;
    border: 1px solid rgb(104 115 133 / 14%);
    height: 100%;
}
.contact-form h3,
.footer-social h3,
.business-details h3{
    font-weight: bold;
    margin: 0px 0px 18px 0px;
    line-height: 1.4em;
    font-size: 22px;
}
.business-details ul{
    margin: 0px auto;
    padding: 0px;
    display: flex;
    gap: 0px 14px;

}
.business-details ul li{
    list-style-type: none;
    display: block;
}
.business-details ul li,
.business-details ul li a{
    font-size: 20px;
    color: var(--abbey-color);
}
.business-details ul li a:hover{
    color: var(--primay-color);
}
.business-details ul li a img{
    max-width: 28px;
}
.contact-form{
    border: 1px solid rgb(104 115 133 / 14%);
    padding: 40px;
    border-radius: 20px;
    background: var(--white-bg);
}
.comment-form  select, .comment-form  textarea, .comment-form  input,
.contact-form form select, .contact-form form textarea, .contact-form form input{
	font-size: 16px;
    font-weight: 500;
    padding: 14px 20px;
    height: auto;
    background: var(--white-bg);
    border-radius: 10px;
    border: 1px solid #c9ccd9;
    width: 100%;
}
.comment-form button:focus, .comment-form  select:focus, .comment-form  textarea:focus, .comment-form  input:focus,
.contact-form form button:focus, .contact-form form select:focus, .contact-form form textarea:focus, .contact-form form input:focus{
	outline:0;
	box-shadow:none;
	border-color: var(--primay-color);
	background-color: var(--white-bg);
}
.comment-form input[type=submit],
.contact-form input[type=submit] {
	background: var(--primay-color);
    padding: 16px 28px;
    color: var(--white-color);
    font-size: 16px;
    text-transform: uppercase;
    height: auto;
	border:0px;
    font-weight: bold;
    max-width: 200px;
}
.contact-form input[type=submit]:hover, .contact-form input[type=submit]:focus{
	background: var(--primay-color);
}
.contact-form span span.wpcf7-not-valid-tip{
	font-size:14px;
}

/* == COMMENT FORM == */
.comment-section{
    background: #f7f7fd;
    padding: 50px 0px;
	border-radius: 40px;
}
.comment-inner h3{
    font-size: 20px;
}
.comment-inner .comment-notes{
    font-size: 16px;
}
.comment-inner .comment-list li{
    margin: 0px 0px 20px 0px;
    border-bottom: 1px solid #6873852e;
    padding: 0px 0px 20px 0px;
}
.comment-inner .comment-list .says{
    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal !important;
    border: 0;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.comment-inner .comment-list img{
    border-radius: 8px;
    margin-right: 10px;
}
.comment-inner .comment-list .fn a,
.comment-inner .comment-list .fn{
    color: var(--palesky-color);
    font-size: 18px;
    font-weight: 600;
}
.comment-inner .comment-metadata a time{
    color: var(--palesky-color);
    font-size: 14px;
}
.comment-inner .reply a{
    border: 1px solid #68738540;
    color: var(--palesky-color);
    padding: 4px 20px;
    font-size: 15px;
    border-radius: 100px;
    font-weight: 600;
}


/* == FOOTER SECTION == */
.footer{
	width: 100%;
	padding: 20px 30px 10px;
}
.footer .footer-copy{
    text-align: center;
	border-top: 1px solid #ededf5;
    padding: 24px 0px 0px;
}
.footer .footer-copy p{
	font-size: 16px;
	color: var(--palesky-color);
	font-weight: 400;
	margin: 0px;
}
.footer-logo img{
    max-width: 180px;
}
.footer-logo p{
	font-size: 16px;
    color: var(--palesky-color);
    font-weight: 400;
	line-height: 1.7em;
}
.footer-menu h3{
	font-size: 18px;
    font-weight: 700;
    margin: 0px 0px 25px 0px;
    text-transform: uppercase;
	color: var(--abbey-color);
}
.footer-links ul{
	margin: 0px auto;
    padding: 0px;
    display: flex;
    gap: 0px 24px;
    justify-content: center;
}
.footer-social ul li, .footer-links ul li{
    list-style-type: none;
    display: block;
}
.footer-social ul li:last-child, .footer-links ul li:last-child{
	margin: 0px;	
}
.footer-links ul li a{
    font-size: 16px;
    color: var(--black-color);
    font-weight: 600;
    margin: 0px;
}
.footer-links li a:hover{
	color: var(--primay-color);
}
.footer-social ul{
    margin: 0px auto;
    padding: 0px;
    display: flex;
    gap: 0px 10px;
    justify-content: end;  
}
.footer-social ul li img{
    max-width: 27px;
}
.footer-topbtn #back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	background-color: #e8e3ff;
	color: var(--white-color);
	border: 0px;
	border-radius: 10px;
	padding: 10px 15px;
	cursor: pointer;
	z-index:9999;
}
.footer-topbtn #back-to-top img{
	width: 14px;
}

.newsletter-section{
    width: 100%;
    padding: 60px 0px;
}
.newsletter-section .newsletter-box{
    text-align: center;
    margin: 0px auto;
}
.newsletter-section h3 {
    font-size: 28px;
    font-weight: bold;
    margin: 24px 0px 24px 0px;
}
.newsletter-section .tns-form { 
    display:flex; 
    gap:10px; 
    align-items:center; 
    max-width:650px; 
    margin: 0px auto;
}
.tns-form input[type="email"]{
    flex:1;
    padding:12px;
    background: var(--link-white-bg);
    border: 1px solid var(--border-link-white);
    border-radius:6px;
}
.tns-form button{
    background: var(--primay-color);
    color:#fff;
    border:none;
    padding:12px 20px;
    border-radius:6px;
    cursor:pointer;
    
}
.tns-msg{
    margin-top:8px;
    font-size:14px;
    
}



.author-info {
    display: flex;
    align-items: center;
    margin: 30px 0px 0px 0px;
    gap: 0px 15px;
    width: 100%;
    justify-content: space-between;
    border: 1px solid var(--border-link-white);
    padding: 10px 10px;
    border-radius: var(--border-radius);
}
.author-info  a.dropdown-toggle{
	background: #6873850d;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.author-post-share ul{
	border: 0px;
    text-align: center;
    background: #f6f7f9;
}
.author-post-share ul li{
	list-style-type: none;
	padding: 6px 0px;
}
.author-post-share ul li a{
	color: var(--black-color);
	font-size: 16px;
    display: block;
    width: 100%;
}
.author-post-share ul li a:hover{
	color: var(--primay-color);
}

.author-avatar {
    margin-right: 10px;
}
.author-avatar img {
    border-radius: var(--border-radius);
}
.author-details p {
    margin: 0;
    color: var(--palesky-color);
    font-family: var(--font-family);
    font-size: 16px;
}
.author-info .author-inner{
	display: flex;
	align-items: center;
}
.author-post-share a:after{
	content: none;
} 
.author-post-share a img{
	max-width: 16px;
}
.author-post-share #copy-message{
	position: absolute;
    left: 0px;
    font-size: 12px;
    right: 0px;
    text-align: center;
    display: none;
    top: -28px;
	color: var(--primay-color);
}



/* == ABOUT US == */
.hero-about{
    width: 100%;
    background-repeat: no-repeat;
    background-position: 0px -530px;
    display: flex;
    align-items: end;
    background-image: url('../images/hero-about.jpg');
    position: relative;
    background-size: cover;
}
.hero-about .page-title h1{
    color: var(--black-color);
}
.hero-about .page-title p{
    font-weight: 500;
    color: var(--abbey-color);
    margin: 0px;
}
.about-info{
    width: 100%;
    padding: 80px 0px;
}
.about-info h1{
    color: var(--white-color);
}
.about-cta{
    padding: 80px 0px 80px 0px;
    position: relative;
    width: 100%;
	background: var(--link-white-bg);
	margin: 0px 0px 80px 0px;
	border-radius: 40px;
}
.about-cta h2{
    margin: 0px 0px 20px 0px;
	font-size: 30px;
}
.about-cta .about-cta-btn{
    background: var(--primay-color);
    color: var(--white-color);
    padding: 12px 24px;
    border-radius: var(--border-radius);
    text-transform: uppercase;
    margin: 15px 0px 0px;
    display: inline-block;
}
.about-cta .about-cta-btn:hover{
    background: var(--abbey-color);
}
.contact-wrapper{
    background: var(--primay-color);
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 20%;
    border-radius: 0px 20px 20px 0px;
	opacity: 0.05;
}
.ourteam-section{
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 80px 0px;
}
.about-info h2,
.ourteam-section h2{
	font-size: 30px;
	margin-bottom: 20px;
}
.team-profile{
    display: flex;
    gap: 0px 20px;
    align-items: center;
    border: 1px solid var(--link-white-bg);
    border-radius: 10px;
	background: var(--link-white-bg);
	margin-bottom: 15px;
	padding: 20px;
}
.team-profile .profile-image{
	max-width: 180px;
	width: 100%;
}
.team-profile .profile-image img{
	border-radius: 10px;
	max-width: 100%;
}
.team-profile .profile-name h3{
	font-size: 20px;
}
.team-profile .profile-name p{
	font-size: 16px;
}
.team-profile .profile-name ul{
	margin: 0px; 
	padding: 0px;
}
.team-profile .profile-name ul li{
	list-style-type: none;
}
.team-profile .profile-name ul li img{
	max-width: 24px;
}

/* == ADVISTASE PAGE == */

.page-advertise-with-us h2.wp-block-heading{
    font-size: 25px;
    font-weight: 700;
    margin: 40px 0px 10px;
}
.page-advertise-with-us .contact-form{
	padding: 10px 0px 0px 0px;
	border: 0px;
}


/* == WEBSTORES PAGES == */ 

.webstory-post {
    width: 100%;
    margin: 0px auto;
    padding: 70px 0px;
}
.webstory-list .webstory-item{
    position: relative;
}
.webstory-list .webstory-item a::before {
    background: linear-gradient(0deg, rgb(0 0 0 / 70%) 0%, rgb(6 5 5 / 0%) 100%);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    z-index: 9;
    border-radius: var(--border-radius);
}
.webstory-list .webstory-content{
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    z-index: 99;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
.webstory-list .webstory-content p{
    color: var(--white-color);
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    line-height: 1.3em;
    margin: 0px 0px 10px 0px;
}
.webstory-list .webstory-content h3{
    color: var(--white-color);
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.3em;
}
.webstory-list .webstory-thumb img {
    border-radius: var(--border-radius);
    position: relative;
    filter: brightness(0.9);
}


.webstory-single{
    width: 100%;
    margin: 0px auto;
    padding: 70px 0px;
}
.webstory-categories-filter{
    width: 100%;
    margin: 0px 0px 30px 0px;
}
.webstory-categories-filter ul{
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-flow: wrap;
    gap: 15px;
}
.webstory-categories-filter ul li{
    list-style-type: none;
}
.webstory-categories-filter ul li a{
    border: 1px solid #f7f7fd;
    font-size: 14px;
    border-radius: 4px;
    font-family: var(--font-family);
    padding: 8px 14px;
    color: var(--palesky-color);
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    background: #f7f7fd;
}
.webstory-categories-filter ul li a:hover,
.webstory-categories-filter ul li a.active{
    background: var(--primay-color);
    color: var(--white-color);
    border-color: var(--primay-color);
}

.webstory-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}
.webstory-card {
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    text-align: center;
    transition: transform 0.3s;
}
.webstory-card:hover {
    transform: translateY(-5px);
}
.webstory-grid .webstory-card {
    position: relative;
}
.webstory-grid .webstory-card a::before {
    background: linear-gradient(0deg, rgb(0 0 0 / 70%) 0%, rgb(6 5 5 / 0%) 100%);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    z-index: 9;
    border-radius: var(--border-radius);
}
.webstory-grid  .webstory-card .webstory-card-content {
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    z-index: 99;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
.webstory-card img {
    width: 100%;
    filter: brightness(0.8);
    object-fit: cover;
}
.webstory-grid  .webstory-card .webstory-card-content p {
    color: var(--white-color);
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    line-height: 1.3em;
    margin: 0px 0px 10px 0px;
}
.webstory-grid  .webstory-card .webstory-card-content h3 {
    color: var(--white-color);
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.3em;
}




/* == RWD == */
@media (max-width: 1366px){
    .second-header form{
        max-width: 200px;
    }
    .second-header #header-menu ul li{
        padding: 0px 12px;
    }
    .hero-section::after{
        background-position: right 80px;
        width: 35%;
        right: 0px;
    }
    .hero-about{
        background-position: 0px -280px;
    }
}
@media (max-width: 1199px){
    .second-header #header-menu ul li{
        padding: 0px 10px;
    }
    .second-header #header-menu ul li a{
        font-size: 14px;
    }
    .second-header .navbar-brand{
        max-width: 140px;
    }
    .container{
        max-width: 96%;
    }
    .hero-section::after{
        background-position: right 120px;
        width: 35%;
        right: 0px;
    }
    .hero-about{
        background-position: 0px 0px;
    }

}

@media (max-width: 991px){
    .top-header .container-fluid,
    .second-header .container-fluid{
        padding: 0px 20px;
    }
	.second-header #header-menu ul{
		padding-top: 10px;
	}
	.second-header #header-menu ul li a{
		font-size: 18px;
	}
	
    .second-header .navbar-toggler{
        border: 0px;
        padding: 0px;
    }
    .second-header .navbar-toggler:focus{
        box-shadow: none;
    }
    .second-header #header-menu ul li{
        padding: 4px 0px;
    }
    .second-header .search-bar{
        display: none;
    }

    .second-header .navbar-brand{
        max-width: 170px;
    }

    .hero-section::after{
        content: none;
    }

    .category-post .category-thumbials .row .d-flex{
        flex-wrap: wrap;
    }
    .category-post .category-thumbials .blog-list-thumb{
        width: 100%;
        max-width: 100%;
    }
    .category-post  .category-thumbials .blog-content{
        padding: 30px 0px 20px 0px;
    }
    .category-post .category-thumbials .blog-list img{
        max-width: 100%;
        height: 100%;
    }
    .second-header navbar-brand img{
        max-width: 160px;
    }

	/* == ABOUT US PAGE == */
	.about-cta-info h2,
	.about-info h2{
		font-size: 28px;
	}

    /* == SIGNLE PAGE == */
    .single-content{
        padding: 20px 0px 0px;
    }
    .single-content h1{
        margin: 0px 0px 10px 0px;
        font-size: 26px;
    }
    .single-feature{
        padding: 60px 0px 0px;
    }
	.author-info{
		margin: 20px 0px;
	}

    /* == SEARCH PAGE == */
    .search-page{
        padding: 50px 0px;
    }

    /* == FOOTER SECTION == */
    .category-list{
        padding: 0px 10px 10px;
    }
    .footer-links{
        margin: 25px 0px;
    }
    .footer-links ul{
        gap: 0px 14px;
    }
    .footer-logo{
        text-align: center;
        margin: 0px auto;
    }
    .footer-social ul{
        justify-content: center;     
    }

}
@media (max-width: 767px){
	.hero-section{
		padding: 100px 0px;
	}
    .hero-section h1{
        font-size: 40px;
    }
    .category-list ul li h3{
        bottom: 10px;
        font-size: 16px;
    }
    .footer-links ul{
        gap: 0px 14px;
        flex-flow: wrap;
        align-items: center;
    }
    .heading-section{
        padding: 80px 0px;
    }
    .page-title h1{
        font-size: 38px;
    }
    .page-title p{
        font-size: 20px;
    }
    .social-share-post{
        flex-wrap: wrap;
    }
    .social-share-post li:first-child{
        width: 100%;
        text-align: center;
    }

    .page-not-found{
        padding: 100px 0px;
    }
    .not-found span{
        font-size: 80px;
    }
    .not-found h1{
        font-size: 26px;
    }
    .about-info{
        padding: 60px 0px;
    }
    .contact-wrapper{
        width: 80%;
    }
	/* == ABOUT US PAGE == */
	.about-info h2, .ourteam-section h2,
	.about-cta-info h2,
	.about-info h2{
		font-size: 22px;
	}
	.team-profile{
		padding: 10px;
	}
	.team-profile .profile-image{
		max-width: 100px;
	}
	.team-profile .profile-name h3{
		font-size: 18px;
		margin: 0px 0px 5px 0px;
	}
	.team-profile .profile-name p{
		margin: 0px 0px 5px 0px;
		font-size: 14px;
	}
	.team-profile .profile-name ul li img{
		max-width: 20px;
	}
}
@media (max-width: 576px){
	.hero-section h1{
		font-size: 32px;
	}
	
	.signle-inner ul.signle-download{
		gap: 8px;
		padding: 22px 15px 22px 15px;
		border-radius: 10px;
	}
	.signle-inner ul.signle-download li{
		font-size: 16px;
	}
	.signle-inner ul.signle-download li a{
		padding: 8px 18px;
		border-radius: 4px;
	}
	.social-share-post{
		gap: 20px 10px;
	}
	.social-share-post li a{
		font-size: 12px;
	}
}
@media (max-width: 420px){
		.signle-inner ul.signle-download{
		gap: 6px;
	}
	.signle-inner ul.signle-download li{
		font-size: 14px;
	}
	.signle-inner ul.signle-download li a{
		padding: 8px 12px;
		border-radius: 4px;
	}
}