@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@700&family=Roboto+Slab:wght@300;400;500;600;700&display=swap');

/* 
font-family: 'Rajdhani', sans-serif;
font-family: 'Roboto Slab', serif;
*/

.page-template-page-home .banner-wrapper .bx-wrapper .bx-controls {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	left: 0;
	right: 0;
}

.for_slider .bx-wrapper .bx-controls {
	position: absolute;
	top: 30%;
	transform: translateY(-50%);
	z-index: 9;
	left: 0;
	right: 0;
}

.page-template-page-home .banner-wrapper .bx-wrapper .bx-controls .bx-controls-direction a {
	position: relative;
	top: unset;
}

.for_slider .bx-wrapper .bx-controls .bx-controls-direction a {
	position: relative;
	top: unset;
}

.page-template-page-home .bx-controls-direction {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.page-template-page-home #main-header .top-header-wrapper .social-icons-desktop ul li a {
	color: #2d2d2d;
}

.page-template-page-home #main-header .top-header-wrapper .social-icons-desktop ul li {
	border-color: #2d2d2d;
}

.page-template-page-home #main-header .top-header-wrapper .social-icons-desktop ul li a:hover {
	color: #deb15b;
}

.page-template-page-home .banner-wrapper {
	height: auto;
}

.new-home li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}

.categories-slider .owl-carousel .categories-content {
	background-color: #fff;
	border: 1px solid #000;
}

/* Review Page CSS */

.review-section {
	padding: 60px 0;
	    margin: 60px 0;
}

.review-section * {
	font-family: 'Roboto Slab', serif;
}

.review-section h3,
.review-section h4,
.review-section h5,
.review-section h6,
.review-section p {
	margin: 0;
}

.review-section .container {
	width: 100%;
	max-width: 1360px;
}

.review-section .row::before,
.review-section .row::after {
	content: unset;
}

.review-section .review-left {
	width: 50%;
}

.review-section .review-right {
	width: 46%;
	position: relative;
}

.review-section .review-left,
.review-section .review-right {
	padding-left: 15px;
	padding-right: 15px;
}

.review-section .row {
	display: flex;
	justify-content: space-between;
}

.review-right .form-group {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.review-section .form-select {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 15px 35px 15px 15px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #1a1a1a;
	border: 1px solid #efefef;
	border-radius: 0;
	margin-left: 15px;
	height: 50px;
	background: #fff;
	border-radius: 0;
	flex: 1 0 0%;
	transition: all .3s ease-in-out;
}

.review-right .form-select {
	padding: 8px 35px 8px 15px;
}

.review-left>h3,
.review-right label {
	font-size: 18px;
	color: #010101;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: "Roboto Slab", sans-serif;
	position: relative;
	padding: 12px 0 0;
}

.review-left>h3::before {
	content: '';
	display: block;
	width: 60px;
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
	background: #eac558;
}

.review-right label {
	padding: 0;
	flex: 0 0 auto;
	width: auto;
}

.review-pro-img {
	margin-top: 75px;
}

.review-pro-img img {
	width: 100%;
	height: 350px;
	object-fit: scale-down;
	margin-bottom: 30px;
}

.review-left h4 span font {
	display: none;
}

.review-left h4,
.review-right h4 {
	font-size: 35px;
	color: #000000;
	font-weight: 700;
	font-family: "Roboto Slab";
	text-align: center;
}

.review-left h4 {
	line-height: 1.4;
}

.review-submit-form {
	padding: 75px;
	color: #fff;
	text-align: center;
	background-color: #53402a;
	margin-top: 70px;
}

.review-submit-form h3 {
	color: #fff;
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 30px;
	font-family: "Rajdhani", sans-serif;
}

.review-submit-form h6 {
	color: #fff;
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 20px;
	font-family: 'Roboto Slab', sans-serif;
}

.review-submit-form .submit-btn {
	font-family: "Roboto Slab", Sans-serif;
	font-size: 18px;
	font-weight: 500;
	border-style: none;
	border-radius: 5px 5px 5px 5px;
	padding: 20px 25px 20px 25px;
	background-color: #E91E63;
	color: #ffffff;
}

.error-msg {
	display: none;
	color: red;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 15px;
	background: #fff;
}

.rating-star {
	margin-bottom: 40px;
}

.review-submit-form .form-group {
	margin-bottom: 30px;
}

.review-submit-form .form-group.d-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.review-submit-form .d-flex input {
	width: 48%;
}

.review-submit-form .form-control {
	width: 100%;
	border: 0;
	padding: 16px;
	font-family: "Roboto Slab", Sans-serif;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	color: #000;
}

.rating-star {
	display: flex;
	width: 100%;
	justify-content: center;
	overflow: hidden;
	flex-direction: row-reverse;
	position: relative;
}

.rating-star .rating-0 {
	filter: grayscale(100%);
}

.rating-star>input {
	/* 	display: none; */
	position: absolute;
	opacity: 0;
}

.rating-star>label {
	cursor: pointer;
	width: 40px;
	height: 40px;
	margin-top: auto;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%2353402a' stroke='%23eac558' stroke-width='10' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 76%;
	transition: .3s;
}

.rating-star>input:checked~label,
.rating-star>input:checked~label~label {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.rating-star>input:not(:checked)~label:hover,
.rating-star>input:not(:checked)~label:hover~label {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.review-right h4 {
	text-align: left;
	margin-top: 70px;
	margin-bottom: 50px;
}

.review-right .display-review {
	overflow: auto;
	position: relative;
	max-height: 1400px;
	padding-right: 60px;
}

.review-right::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: red;
	z-index: 3;
	height: 200px;
	background: linear-gradient(180deg, #fff0, #fff);
}

.display-review .review-item {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #B8B0A76B;
}

.display-review .review-item:last-child {
	border-bottom: 0;
}

.review-item h3,
.review-item h6 {
	color: #000000;
	font-size: 19px;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 30px;
	text-transform: capitalize;
	font-family: "Roboto Slab", Sans-serif;
}

.review-item h6 {
	margin: 0;
}

.review-item p {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 30px;
	font-family: "Roboto Slab", serif;
}

.review-item .d-flex {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.review-item i {
	font-size: 20px;
	color: #EAC558;
}

.review-item .review-date {
	color: #54595F;
	font-size: 17px;
	font-weight: 700;
	margin-left: 10px;
	display: inline-block;
	font-family: "Roboto Slab", Sans-serif;
}


#content .influencer-sec {
	padding: 40px 0 !important;
	
}

#content .influencer-sec.categories-wrapper:after {
	content: unset;
}

.influencer-box {
	display: flex;
	flex-wrap: wrap;
	padding: 0 50px;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
.inf-box{
	width: 48%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.inf-box .inf-left-text,
.inf-box .inf-img{
	width: 48%;
}
.inf-box .inf-left-text{
	text-align: left;
	align-self: flex-end;
}
.inf-left-text h3{
	font-size: 42px;
	word-spacing: 0.03em;
	line-height: 1.3;
	font-weight: 500;
}
.influencer-box img {
	width: 100%;
	height: 550px;
	object-fit: cover;
	border: 10px solid #fff;
}

.influencer-box a {
	display: inline-block;
}
.inf-text-box{
	border-bottom: 6px solid #dfb15a;
	padding: 15px 0;
}
.inf-text-box h4 {
	font-size: 28px;
	font-weight: 700;
	color: #000;
}


.ontheweb{
	padding: 60px 0;
}

.ontheweb h2{
	font-family: "franchiseregular", "Arial Narrow", sans-serif;
    font-size: 100px;
    line-height: 1.1;
    padding-bottom: 50px;
    text-align: center;
}
.onw-box{
	background: #242424;
	color: #fff;
	padding: 25px;
}
.onw-box .box-top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
}
.onw-box .avatar{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
}
.onw-box .avatar img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.box-top h3{
	color: #fff;
	font-size: 18px;
	margin-left: 8px;
}
.onw-box i{
	color: #deb15b;
}
.ontheweb-slider{
	position: relative;
}
.ontheweb-slider .onw-arrow{
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	border: 3px solid #deb15b;
    background-size: 17px 17px;
    background-repeat: no-repeat;
    background-color: #ffffff;
	cursor: pointer;
}
.ontheweb-slider .onw-prev{
	left: -80px;
	background-position: 10px 12px;
	background-image: url(../images/TriangleArrow-Left.svg);
}
.ontheweb-slider .onw-next{
	right: -80px;
	background-position: 15px 13px;
	background-image: url(../images/TriangleArrow-Right.svg);
}


@media(max-width:1599px){
	.inf-left-text h3{
		font-size: 36px;
		word-spacing: 0;
		letter-spacing: -1px;
	}
}

@media(max-width:1366px){
	.inf-box .inf-left-text, .inf-box .inf-img {
		width: 100%;
	}
	.inf-box .inf-left-text {
		margin-bottom: 30px;
	}
}

@media(max-width:1299px){
	.ontheweb-slider .onw-arrow{
		display: inline-block;
		position: static;
		transform: unset;
		margin-top: 30px;
	}
	.ontheweb-slider{
		text-align: center;
	}
	.onw-box{
		text-align: left;
	}
	.ontheweb-slider .onw-prev{
		margin-right: 15px;
	}
}

@media(max-width:1199px) {
	.review-submit-form {
		padding: 45px 30px;
	}
}

@media(max-width:991px) {
	.review-section .row {
		flex-wrap: wrap;
	}

	.review-section .review-left,
	.review-section .review-right {
		width: 100%;
	}

	.review-section .review-left {
		margin-bottom: 30px;
	}

	.inf-left-text h3 {
		font-size: 26px;
		letter-spacing: 0;
	}
}

@media(max-width:767px){
	.inf-box {
		width: 100%;
		margin-bottom: 30px;
	}
	.ontheweb h2{
		font-size: 45px;
	}
	.ontheweb {
		padding: 20px 0;
	}
	.influencer-box {
		padding: 0 12px;
	}
	#content .influencer-sec {
		padding: 40px 0 !important;
	}
}

@media(max-width:480px) {
	.ontheweb h2{
		font-size: 30px;
    	padding-bottom: 15px;
	}
	.review-right .display-review {
		padding-right: 20px;
	}

	.review-pro-img {
		margin-top: 30px;
	}

	.review-submit-form {
		margin-top: 30px;
	}

	.review-pro-img img {
		height: 250px;
	}

	.review-left h4,
	.review-right h4 {
		font-size: 24px;
	}

	.review-right h4 {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.review-submit-form {
		padding: 30px 15px;
	}

	.review-submit-form h3 {
		font-size: 35px;
		margin-bottom: 25px;
	}

	.review-item h3,
	.review-item h6 {
		font-size: 15px;
		margin-bottom: 15px;
	}

	.review-item h6 {
		margin-bottom: 0;
	}

	.review-item p {
		font-size: 15px;
	}

	.display-review .review-item {
		margin-bottom: 25px;
		padding-bottom: 25px;
	}

	.review-submit-form .form-control {
		font-size: 14px;
	}

	.review-submit-form .d-flex {
		flex-wrap: wrap;
	}

	.review-submit-form .d-flex input {
		width: 100%;
		margin-bottom: 30px;
	}

	.review-submit-form .d-flex input:last-child {
		margin-bottom: 0;
	}

	.review-right .form-group {
		justify-content: space-between;
	}

	.review-right::after {
		height: 50px;
	}

	.review-right label {
		font-size: 14px;
	}
}