:root {
	/* AI Sites page page */
	--ai-border-box-000:#000000;
	--ai-bg-box-fff:#fff;
	--ai-font-color-5C5C5C:#5C5C5C;
	--ai-font-color-C5C5C5:#C5C5C5;
	--ai-rr-box-border-color-262626:#262626;
	--ai-rr-box-border-color-C5C5C5:#C5C5C5;
	--ai-rr-box-bg-color-212121:#fff;
	--ai-visit-btn-border-color-C4FF7D:#262626;
	--ai-visit-btn-bg-color-C4FF7D:#C4FF7D;
	--ai-visit-btn-text-color-262626:#262626;

}
[data-theme="dark"] {
	/* AI Sites page page */
	--ai-border-box-000:#2C2C2C;
	--ai-bg-box-fff:#fff;
	--ai-font-color-5C5C5C:#9E9E9E;
	--ai-font-color-C5C5C5:#C5C5C5;
	--ai-rr-box-border-color-262626:#212121;
	--ai-rr-box-border-color-C5C5C5:#fff;
	--ai-rr-box-bg-color-212121:#212121;
	--ai-visit-btn-border-color-C4FF7D:#C4FF7D;
	--ai-visit-btn-bg-color-C4FF7D:#C4FF7D;
	--ai-visit-btn-text-color-262626:#262626;
	
}

*{ -webkit-box-sizing: border-box; box-sizing: border-box; }
body { margin:0; padding:0; }
a, a:hover { text-decoration:none; }

/* breadcrumb css start */
.breadcrumb {
	padding: 14px 0;
	border-bottom: 2px solid var(--sec-border-color-080E0F);
}
.breadcrumb ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	padding: 0;
}
.breadcrumb ul li {
	margin: 2px 0;
	list-style-type: none;
}
.breadcrumb ul li a {
	font-weight: 500;
	font-size: 16px;
	line-height: 1.15;
	color: var(--font-color-191919);
	font-family: Inter;
	position: relative;
}
.breadcrumb ul li:not(:last-child) {
	padding-right: 32px;
	position: relative;
}
.breadcrumb ul li:not(:last-child)::before {
	content: '\f105';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: inherit;
	font-family: 'FontAwesome';
	right: 0;
	font-size: 16px;
	color: var(--font-color-191919);
	right: 10px;
}
.breadcrumb ul li + li a.active {
	font-weight: 400;
	opacity: 0.8;
	pointer-events: none;
}
/* breadcrumb css end */

/* page title css start */
.page-title--ai-wapper { 
/* 	background-color: #C9C1F6; */
	position: relative;
	padding: 24px 0;
}
.page-title--ai-card h1 {
	font-family: Inter;
	font-weight: 700;
	font-style: Bold;
	font-size: 40px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	color: var(--font-heading-191919);
	margin: 0;
}
/* page title css end */

/* box css start */
.ai-sites-p-box-card-wapper { padding-top: 40px; position: relative; }
.ai-sites-p-box-card-main {
	background-color: #032B31;
	border: 1px solid #A974FF;
	position: relative;
	padding: 0 57px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 179px;
	max-width: 868px;
	width: 100%;
	margin: auto;
}
.ai-sites-p-box-card-img {
	width: 176px;
	max-width: unset;
	height: 200px;
	position: relative;
	top: 0;
}
.ai-sites-p-box-card-img img { width:100%; height:100%; object-fit:contain; }
.ai-sites-p-box-card-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap:20px;
}
.ai-sites-p-box-card-text img {
	height: 23px;
	width: 100%;
	max-width: unset;
	object-fit: contain;
}
.ai-sites-p-box-card-text p {
	margin: 0;
	font-family: Anek Bangla;
	font-weight: 700;
	font-size: 25px;
	line-height: 15px;
	letter-spacing: 5%;
	text-align: center;
	text-transform: uppercase;
	color: #A873FE;
}
.ai-sites-p-box-card-btn { max-width: 164px; width: 100%; }
.ai-sites-p-box-card-btn a {
	width: 100%;
	height: 49px;
	border-radius: 10px;
	background-color: #A873FE;
	font-family: Anek Bangla;
	font-weight: 600;
	font-size: 22px;
	line-height: 100%;
	letter-spacing: 5%;
	text-align: center;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}
/* box css end */

/* AI Sites Page css start */
.ai-sites-p-wapper { position:relative; padding:56px 0; }
.ai-sites-p-wapper .container, .breadcrumb .container, .ai-sites-p-box-card-wapper .container {
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	position: relative;
}
.ai-sites-p-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	row-gap: 16px;
}
.ai-sites-p-col {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.ai-sites-p-card { 
	background-color: var(--sec-bg-FFF); 
	padding: 24px; 
	position: relative; 
	border: 2px solid var(--ai-border-box-000);
	border-radius: 8px;
}
.ai-sites-p-img {
	max-width: 96px;
	width: 100%;
	height: 96px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	margin: auto;
	background-color: var(--ai-bg-box-fff);
	border-radius: 10px;
}
.ai-sites-p-img img { max-width:100%; height:auto; object-fit:contain; }

.ai-sites-stars-rating { text-align:center; margin-bottom:16px; }
.ai-sites-stars-rating span.star { 
	font-size: 16px !important;
	background-color: unset !important;
	border: 0 !important;
	height: auto !important;
	border-radius: 0 !important;
	max-width: unset !important;
	height: auto !important;
}
.ai-sites-stars-rating span.star { font-family:'Font Awesome 5 Free'; font-weight:normal; font-style:normal; display:inline-block; }
.ai-sites-stars-rating span.star:hover { cursor:pointer; }
.ai-sites-stars-rating span.star:before { content:"\f005"; padding-right:1px; color:#F2BF1A; }
.ai-sites-stars-rating span.star.filled:before { font-weight: 900; color:#F2BF1A; content:"\f005"; }
.ai-sites-stars-rating span.star.half-filled:before { content:"\f089"; color:#F2BF1A; }
.ai-sites-stars-rating span.star.half-filled:after { content:"\f005"; color:#F2BF1A; margin-left:-18px; }

.ai-sites-p-text { padding-top:24px; }
.ai-sites-p-text h3 { line-height:normal; margin:0; }
.ai-sites-p-text h3 a {
	display: block;
	text-align: center;
	font-family: Inter;
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	color: var(--font-color-262626);
	padding-bottom: 8px;
}
.ai-sites-p-text p {
	font-family: Inter;
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	color: var(--ai-font-color-5C5C5C);
	margin: 0;
}
.ai-sites-p-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: row;
	gap: 8px;
	padding-top: 16px;
}
.ai-sites-p-review-btn {
	display: inline-block;
	padding: 12px 0;
	max-width: 112px;
	width: 100%;
	font-family: Inter;
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	border-radius: 5px;
/* 	border: 1px solid var(--ai-rr-box-border-color-262626); */
	color: var(--font-color-262626);
	background-color: var(--ai-rr-box-bg-color-212121);
}
.ai-sites-p-visit-btn {
	display: inline-block;
	max-width: 112px;
	width: 100%;
	padding: 12px 0;
	font-family: Inter;
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	border-radius: 5px;
/* 	border: 1px solid var(--ai-visit-btn-border-color-C4FF7D); */
	color: var(--ai-visit-btn-text-color-262626);
	background-color: var(--ai-visit-btn-bg-color-C4FF7D);
}

.ai-sites-pagination-list {
	text-align: center;
	margin-top: 55px;
}
.ai-sites-pagination-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.ai-sites-pagination-list li {
	display: inline;
	margin: 0 5px;
}
.ai-sites-pagination-list li a {
	display: inline-block;
	background: var(--sec-bg-FFF);
	border: 1px solid var(--ai-rr-box-border-color-C5C5C5);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	width: 50px;
	color: var(--ai-font-color-C5C5C5);
	height: 50px;
	font-family: Inter;
	font-weight: 400;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.ai-sites-pagination-list li a:hover {
	background: #c4ff7d;
	border-radius: 3px;
	color: #000;
	border-color: #c4ff7d;
}
.ai-sites-pagination-list li a.active {
	background: #c4ff7d;
	border-radius: 3px;
	color: #080E0F;
	border-color: #c4ff7d;
}
/* AI Sites Page css end */

@media(max-width: 1199px){

}

@media(max-width: 991px){
	/* box css start */
	.ai-sites-p-box-card-main { padding:0 20px; }
	.ai-sites-p-box-card-text img { height:auto; width:280px; }
	/* box css end */
}

@media (max-width: 575.98px) {
	/* box css start */
	.ai-sites-p-box-card-main { flex-flow:column; height:auto; gap:20px; padding:20px; }

	/* box css end */
}

@media (min-width: 768px){
	.ai-sites-p-wapper .container, .breadcrumb .container, .ai-sites-p-box-card-wapper .container { max-width: 720px; }
	.ai-sites-p-row { margin-right: -8px; margin-left: -8px; }
	.ai-sites-p-col { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding:0 8px; }
}
@media (min-width: 992px){
	.ai-sites-p-wapper .container, .breadcrumb .container, .ai-sites-p-box-card-wapper .container{ max-width: 992px; }
	.ai-sites-p-col { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding:0 8px; }
}
@media (min-width: 1200px) {
	.ai-sites-p-wapper .container, .ai-sites-p-box-card-wapper .container {  max-width: 1152px; }
	.breadcrumb .container {  max-width: 1200px; }
	.ai-sites-p-col { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
}
@media (min-width: 1280px) {
	.breadcrumb .container { max-width: 1230px; }
}