/*
Theme Name: The Open Party
Theme URI: http://cyberchimps.com/responsive-II/
Author: Vsourz
Author URI: https://www.vsourz.com/
Version: 1.15.1
Text Domain: vsourz
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body{
	color: #333;
	font-family:"greycliff-cf";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	background-color: #F4F4F4;
	overflow-x: hidden;
    font-display: swap;
}
/* Common CSS */
@media (min-width: 1200px) {
    .container{
        max-width: 1170px;
    }
}
@media (min-width: 1600px) {
    .container{
        max-width: 1490px;
    }
}
.container{
	padding: 0 36px;
}
.common-padding{
	padding: 40px 0px;
}
.common-margin{
	margin: 40px 0px;
}

.hd-type1{
	color: #333;
	font-size: 80px;
	font-weight: 400;
	line-height: 1.05;
}
.hd-type2{
	color: #333;
	font-size: 48px;
	font-weight: 400;
	line-height: 1.08;
}
.hd-type3{
	color: #333;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.14;
}

.cms-type1{
	color: #333;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3;
}
.cms-type2 {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}
.btn-type1{
	display: inline-block;
	color: #F4F4F4;
	font-size: 20px;
	font-weight: 700;
	line-height: normal;
	padding: 10px 13px;
	background-color: #333333;
	border: 3px solid  #333333;
	border-radius: 50px;
	text-align: center;
	min-width: 300px;
	text-decoration: none;
	transition: 0.3s;
}
.btn-type1.bg-white{
	color: #333333;
	background-color: #FFF;
	border: 3px solid #FFF;
}
.btn-type1.bg-white:hover{
	background-color: transparent;
	border: 3px solid  #333333;
}
.btn-type1:hover{
	color: #333333;
	background-color: transparent;
}
@media(max-width: 1600px){
	.hd-type1{
		font-size: 70px;
	}
}
@media(max-width: 1440px){
	.hd-type1{
		font-size: 70px;
	}
	.common-padding{
		padding: 35px 0px;
	}
	.common-margin{
		margin: 35px 0px;
	}
}
@media(max-width: 1199px){
	.common-padding{
		padding: 30px 0px;
	}
	.common-margin{
		margin: 30px 0px;
	}
	.hd-type1{
		font-size: 55px;
	}
	.hd-type2{
		font-size: 38px;
	}
	.hd-type3{
		font-size: 26px;
	}
	.btn-type1{
		font-size: 18px;
	}
}
@media(max-width: 768px){
	.common-padding{
		padding: 25px 0px;
	}
	.common-margin{
		margin: 25px 0px;
	}
	.hd-type1{
		font-size: 40px;
	}
	.hd-type2{
		font-size: 30px;
	}
	.hd-type3{
		font-size: 22px;
	}
	.cms-type1{
		font-size: 16px;
	}
	.btn-type1{
		font-size: 16px;
	}
}
@media (max-width: 575px) {
	.btn-type1{	
		width: fit-content;
		font-size: 16px;
		line-height: normal;
		padding: 10px 30px;
		border-width: 2px;
		max-width: fit-content;
		min-width: auto /* 100%; */
	}
	.btn-type1.bg-white,
	.btn-type1.bg-white:hover,
	.btn-type1:hover{
		border-width: 2px;
	}
}

.text-pink{
	color: #F87988;
}
.text-green{
	color: #A7CC00;
}
.sep-line{
	position: relative;
	width: 100%;
	height: 25px;
}
.sep-line::before,
.sep-line::after{
	content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 25px;
}
.sep-line::before{
    width: calc(50% - 60px);
    border-radius: 0 25px 25px 0px;
    background-color: #D9D9D9;
}
.sep-line::after{
	left: 50%;
    width: 25px;
    border-radius: 25px;
    background-color: var(--page-color);
	transform: translateX(-50%);
}
.sep-line.right::before{
	left: unset;
	right: 0;
	border-radius: 25px 0 0 25px;
}

@media (max-width: 576px) {
	.section-separator{
		padding: 0 0;
	}
	.sep-line{
		height: 10px;
	}
	.sep-line::before, .sep-line::after{
		height: 10px;
	}
	.sep-line::before {
		width: calc(50% - 20px);
		border-radius: 0 10px 10px 0px;
	}
	.sep-line::after{
		width: 10px;
	}
}

/* Slick slider  */
.slick-dots {
	list-style: none;
	padding: 0;
	margin: 80px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.slick-dots>li {
	margin: 0 20px;
	width: 20px;
	height: 20px;
	border-radius: 40px;
	background-color: #D9D9D9;
}
.slick-dots>li.slick-active {
	background-color: #A7CC00;
}
.slick-dots>li button {
	display: none;
}
@media (max-width: 991px) {
	.slick-dots>li {
		margin: 0 15px;
		width: 15px;
		height: 15px;
	}
	.slick-dots{
		margin-top: 50px;
	}
}
@media (max-width: 575px) {
	.slick-dots{
		margin-top: 30px;
	}
	.slick-dots>li {
		margin: 0 10px;
		width: 10px;
		height: 10px;
	}
}

/* Header CSS */
#header_section{
	padding: 40px 0 20px;
	background-color: rgba(244, 244, 244, 0.9);
}
#header_section #header{
	padding: 0px;
}
#header_section .header-row{
	margin: 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header-row #site-branding{
	width: 30%;
}
.postcode-outer{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
    margin-top: 25px;
}
.postcode-outer p{
	margin: 0px;
}
.postcode-outer p.cms-type1{
	color: #fff;
}
.postcode-outer br{
	display: none;
}
.postcode-outer .cms-type1{
	font-weight: 700;
}
.postcode-outer .search-field{
	width: 222px;
	height: 44px;
	border: 3px solid #FFF;
	border-radius: 20px;
	color: #333;
	font-size: 20px;
	font-weight: 300;
	line-height: 22px;
	padding: 10px 35px 10px 18px;
}
.postcode-outer .search-submit{
	position: absolute;
	right: 14px;
	top: 12px;
	left: auto;
	background: url(./images/search-icon.svg) no-repeat center transparent;
	background-size: 20px;
	width: 20px;
	height: 21px;
	display: inline-block;
	border: 0;
}
.postcode-outer .search-submit:focus,
.postcode-outer .search-field:focus{
	outline: none;
	box-shadow: none;
    border-color: #fff
}
.header-row #secondary-header{
	width: 70%;
	display: flex;
	justify-content: end;
	gap: 45px;
	align-items: center;
}
.header-row #secondary-header .btn-type1{
	min-width: 80px;
	font-size: 18px;
	font-weight: 700;
	padding: 5px 10px;
	border-radius: 70px;
}
.header-row #secondary-header .menu-outer{
	display: flex;
	gap: 22px;
	align-items: center;
}
.header-row #secondary-header .custom-menu-btn,
.header-row #secondary-header .menu-btn-offcanvas{
	border: 0px;
	width: 32px;
	height: 24px;
	background: url('./images/menu-btn.svg') no-repeat center center;
}
.header-row #site-branding, .header-row #secondary-header{
	padding: 0px;
}
.header-row #site-branding #logo img{
	max-width: 155px;
}
@media(max-width: 1600px){
	#header_section{
		padding: 30px 0px 20px;
	}
}
@media(max-width: 1299px) and (min-width: 1200px){
	.header-row #site-branding{
		width: 25.33%;
	}
	
}
@media(max-width: 1199px){
	.postcode-outer .search-field{
		font-size: 18px;
	}
}
@media(max-width: 991px){
	#header_section .header-row{
		flex-wrap: wrap;
	}
	
	.header-row #secondary-header .vote-outer{
		display: none;
	}
	#header_section{
		padding: 40px 0px 20px;
	}
	.header-row .postcode-outer .cms-type1{
		display: block;
	}
	.header-row .postcode-outer .search-field{
		width: 100%;
		font-size: 16px;
		height: 44px;
	}
	
}
@media(max-width: 576px){
	.header-row .postcode-outer .cms-type1{
		display: none;
	}
}
@media (max-width: 575px) {
	.header-row .postcode-outer{
		width: 100%;
	}
	#header_section{
		padding: 30px 0px 20px;
	}
	.header-row .postcode-outer{
		margin-top: 30px;
	}
	.header-row #site-branding #logo img{
		max-width: 120px;
	}
	.header-row #secondary-header .btn-type1{
		font-size: 16px;
	}
	.postcode-outer .search-field{
		font-size: 16px;
	}
}

/* Footer CSS */

#footer{
	margin: 0px;
	padding: 0px;
	background-color: #333;
	position: relative;
	margin-top: 40px;
}
#footer .footer-inner-wrapper{
	max-width: 935px;
	padding: 80px 0px 120px;
	margin: auto;
	
} 
#footer .ft-bg-imgouter{
	position: relative;
	width: 100%;
}
#footer .ft-bg-img{
	position: relative;
}
#footer .ft-bg-imgouter .ft-bg-img::before{
	content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    right: 0px;
    background-color: #D9D9D9;
    width: calc(100% - 80px);
    border-radius: 0 40px 40px 0px;
    height: 40px;
}
#footer .ft-bg-imgouter .ft-bg-img::after{
	content: '';
	position: absolute;
	right: 0px;
	bottom: 0;
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: var(--page-color);
}
#footer .ft-bg-imgouter::after{
	content: '';
	position: absolute;
	left: 0px;
	bottom: -1px;
	display: inline-block;
	width: 240px;	
	max-width: calc((100% - 1390px) / 2 );
	height: 164px;
	background: url('./images/ft-bg-image-part1.png') no-repeat right center;
}
#footer .ft-bg-imgouter::before{
	content: '';
	position: absolute;
	left: 240px;
	bottom: 0px;
	display: inline-block;
	width:  calc(((100% - 1390px) / 2) - 100px);
	height: 40px;
	background: #D9D9D9;
}
#footer .footer-inner-wrapper .footer-intro{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 75px;
}
#footer .footer-inner-wrapper #footer-intro-title,
#footer .footer-inner-wrapper #footer-intro-btn{
	width: 100%;
}
#footer .footer-inner-wrapper #footer-intro-title .textwidget p{
	color: #F4F4F4;
	font-size: 46px;
	font-weight: 400;
	line-height: normal;
	margin: 0px;
	text-align: center;
}
#footer .footer-inner-wrapper #footer-intro-title .textwidget p a{
	margin: 0 25px;
}

#footer .footer-inner-wrapper #footer-intro-btn .textwidget p a.btn-type1.bg-white{
	display: inline-block;
	min-width: 320px;
}
#footer .footer-inner-wrapper #footer-intro-btn .textwidget p a.btn-type1.bg-white:hover{
	background-color: #F87988 !important;
	border: 3px solid #F87988;
	color: #FFF;
}
#footer .footer-inner-wrapper .footer-menu{
	display: flex;
	justify-content: space-around;
/* 	gap: 280px; */
}
#footer .footer-inner-wrapper .footer-menu ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#footer .footer-inner-wrapper .footer-menu ul li a{
	color: #F4F4F4;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	transition: 0.3s;
}
#footer .footer-inner-wrapper .footer-menu ul li a:hover{
	color: #F87988;
}
#footer .footer-inner-wrapper .footer-menu .widget-title h3{
	color: #F4F4F4;
	font-size: 24px;
	font-weight: 700;
	line-height: 29px;
	margin: 0px;
	margin-bottom: 20px;
}
#footer #footer-base{
	padding: 74px 0px 63px;
}
#footer #footer-base .copyright{
	color: #F4F4F4;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
}
#footer #footer-base .copyright a{
	color: #F4F4F4;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	text-transform: capitalize;
}
#footer #footer-base .copyright a:hover{
	color: #F87988;
}
#footer #footer-base .footer-base-inner{
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: space-between;
}
#footer #footer-base .footer-base-inner .ft-policy-menu{
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
#footer #footer-base .footer-base-inner .ft-policy-menu ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#footer #footer-base .footer-base-inner .ft-policy-menu ul li a{
	color: #F4F4F4;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	transition: 0.3s;
}
#footer #footer-base .footer-base-inner .ft-policy-menu ul li a:hover{
	color: #F87988;
}
@media(max-width: 1199px){
	#footer{
		margin-top: 35px;
	}
	#footer .footer-inner-wrapper #footer-intro-title .textwidget p img{
/* 		width: 90px;
		height: 90px; */
		max-width: 120px;
	}
	#footer #footer-base{
		padding: 60px 0px;
	}
	#footer .footer-inner-wrapper{
		padding: 60px 0px 100px;
	}
	#footer .footer-inner-wrapper .footer-intro{
		margin-bottom: 60px;
	}
}
@media(max-width: 991px){
	#footer .footer-inner-wrapper .footer-menu{
		gap: 50px;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#footer .footer-inner-wrapper .footer-intro{
		flex-direction: column;
		align-items: start;
	}
	#footer .footer-inner-wrapper #footer-intro-title .textwidget p{
		font-size: 35px;
		text-align: center;
	}
	#footer .footer-inner-wrapper #footer-intro-btn,
	#footer .footer-inner-wrapper #footer-intro-title{
		width: 100%;
	}
	#footer .ft-bg-imgouter .ft-bg-img::before{
		width: calc(100% - 50px);
		height: 25px;
	}
	#footer .ft-bg-imgouter .ft-bg-img::after{
		width: 25px;
		height: 25px;
	}
	#footer .ft-bg-imgouter::before{
		height: 25px;
	}
    #footer .ft-bg-imgouter::after{
        content: '';
        position: absolute;
        left: 0px;
        bottom: -1px;
        display: inline-block;
        width: 150px;	
        max-width: calc((100% - 1390px) / 2 );
        height: 95px;
        background: url('./images/ft-bg-image-part2.png') no-repeat right center;
    }
    #footer .ft-bg-imgouter::before {
        left: 140px;
    }
}
@media(max-width: 768px){
	#footer{
		margin-top: 25px;
	}
}
@media(max-width: 576px){
	#footer .footer-inner-wrapper #footer-intro-title .textwidget p{
		font-size: 18px;
		text-align: center;
	}
	#footer .footer-inner-wrapper #footer-intro-title .textwidget p a{
		margin: 0px 12px;
	}
	#footer .footer-inner-wrapper #footer-intro-title .textwidget p img{
/* 		width: 66px;
		height: 66px; */
	}
	#footer .footer-inner-wrapper .footer-menu #footer-link,
	#footer .footer-inner-wrapper .footer-menu #footer-help,
	#footer .footer-inner-wrapper .footer-menu #footer-contact{
		width: 50%;
	}
	#footer .footer-inner-wrapper .footer-menu{
		gap: 50px 0px;
		flex-wrap: wrap;
	}
	#footer #footer-base .footer-base-inner{
		flex-wrap: wrap;
		flex-direction: column-reverse;
		gap: 17px;
	}
	#footer .footer-inner-wrapper #footer-intro-btn .textwidget p a.btn-type1.bg-white{
		max-width: 100%;
		min-width: 100%;
	}
	#footer .ft-bg-imgouter .ft-bg-img::before{
		width: calc(100% - 20px);
		height: 10px;
	}
	#footer .ft-bg-imgouter .ft-bg-img::after{
		width: 10px;
		height: 10px;
	}
	#footer #footer-base{
		padding: 40px 0px;
	}
	#footer .footer-inner-wrapper{
		padding: 40px 0px;
	}
	#footer .footer-inner-wrapper .footer-intro{
		margin-bottom: 40px;
	}
	#footer .footer-inner-wrapper .footer-menu .widget-title h3{
		font-size: 20px;
		line-height: 1.2;
	}
	#footer .footer-inner-wrapper .footer-menu ul li a{
		font-size: 16px;
		line-height: 1.6;
	}
	#footer .ft-bg-imgouter::after{
        content: '';
        position: absolute;
        left: 0px;
        bottom: 0px;
        display: inline-block;
        width: 38px;	
        max-width: calc((100% - 1390px) / 2 );
        height: 37px;
        background: url('./images/bg-mob-img.png') no-repeat right center;
    }
    .postcode-outer{
    	flex-wrap: wrap;
    }
}

/* Home Page */
.top-banner-sec{
/* 	height: calc(100vh - 550px); */
	min-height: 440px;
	max-height: 700px;
	display: flex;
	align-items: center;
	margin-top: 0px;
	margin-bottom: 40px;
	background-size: contain !important;
	position: relative;
	overflow: hidden;
}
.top-banner-sec .top-banner-intro{
	max-width: 835px;
	margin-right: auto;
/* 	height: calc(100vh - 190px);  */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: self-start;
	width: 60%;
}
/* .home .top-banner-sec .top-banner-intro .hd-type1{
	max-width: 465px;
} */
.top-banner-sec .top-banner-intro .hd-type1{
	line-height: 1.1;
	margin: 0px;
}
.top-banner-sec .top-banner-intro .hd-type3{
	margin:0px;
	margin-top: 40px;
}
.top-banner-sec .top-banner-intro .cms-type1{
	margin-top: 15px;
}
.top-banner-sec .top-banner-intro .banner-img{
	position: absolute;
	right: 36px;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
	height: 100%;
	width: 100%;
	z-index: -1;
}
@media (min-width: 576px) {
    .top-banner-sec .top-banner-intro .banner-img{
        right: calc(50vw - (468px / 2));
    }
}
@media (min-width: 768px) {
    .top-banner-sec .top-banner-intro .banner-img{
        right: calc(50vw - (648px / 2));
    }
}
@media (min-width: 992px) {
    .top-banner-sec .top-banner-intro .banner-img{
        right: calc(50vw - (888px / 2));
    }
}
@media (min-width: 1200px) {
    .top-banner-sec .top-banner-intro .banner-img{
        right: calc(50vw - (1098px / 2));
    }
}
@media (min-width: 1600px) {
    .top-banner-sec .top-banner-intro .banner-img{
         right: calc(50vw - (1418px / 2));
    }
}
@media(min-width: 1921px){
	.top-banner-sec .top-banner-intro .banner-img{
/* 		background-size: 90%; */
	}
}
@media(min-width: 2100px){
	.top-banner-sec .top-banner-intro .banner-img{
/* 		background-size: 85%; */
	}
	.top-banner-sec {
/* 		height: calc(100vh - 650px); */
		min-height: 440px;
		max-height: 650px;
	}
}
@media(min-width: 2350px){
	.top-banner-sec .top-banner-intro .banner-img{
/* 		background-size: 81%; */
	}
	.top-banner-sec {
		height: calc(100vh - 650px);
		min-height: 440px;
		max-height: 650px;
	}
	
}
@media(max-width: 1800px){
	.top-banner-sec .top-banner-intro .banner-img{
		background-size: cover;
	}
}
@media(max-width: 1600px){
	.top-banner-sec{
		min-height: 380px;
	}
}
@media(max-width: 1399px){
	.top-banner-sec{
		background-position: center bottom !important;
	}
	.top-banner-sec .top-banner-intro .banner-img{
/* 		height: 85%; */
	}
	.top-banner-sec{
		margin-bottom: 65px;
		margin-top: 0px;
/* 		height: calc(100vh - 460px);  */
		height: 100%;
	}
}
@media(max-width: 1199px){
	.top-banner-sec .top-banner-intro{
		max-width: 464px;
	}
	.top-banner-sec .top-banner-intro .banner-img{
/* 		height: 80%; */
	}
	.top-banner-sec{
		margin-bottom: 35px;
		margin-top: 0px;
		height: 100%;
		min-height: 300px;
	}
}
@media(max-width: 1079px){
	.top-banner-sec .top-banner-intro .banner-img{
/* 		height: 80%; */
	}
}
@media(max-width: 991px){
	.top-banner-sec .top-banner-intro .banner-img{
/* 		height: 67%; */
	}
	.top-banner-sec .top-banner-intro{
		width: 60%;
	}
	.top-banner-sec .top-banner-intro .hd-type3{
		margin-top: 25px;
	}
	.top-banner-sec{
		min-height: 260px;
		align-items: center;
	}
}
@media(min-width: 768px) and (max-width: 991px){
	.top-banner-sec .top-banner-intro{
		max-width: 464px;
	}
}
@media(max-width: 767px){
	.top-banner-sec{
		align-items: center;
		margin-bottom: 25px;
		min-height: 210px;
		height: 100%;
	}
	.top-banner-sec .top-banner-intro{
		width: 100%;
	}
	.banner-outer{
/* 		height: 180px;
		margin-top: 30px; */
	}
	.top-banner-sec .top-banner-intro .banner-img{
		background-position: center right;
/*         left: -50%;
		transform: translateX(72px); */
/*         bottom: unset; */
/* 		height: 180px; */
		background-size: cover;
	}
	.top-banner-sec .top-banner-intro{
		display: block;
		height: auto;
		max-width: 58%;
	}
	
}
@media(max-width: 767px){
	.user-outer .user-wrapper.log-in,
	.user-outer .user-wrapper.register{
		min-width: auto !important;
	}
	.header-row #secondary-header .btn-type1{
/* 		min-width: auto; */
        font-size: 0px;
        mask-image: url(./images/user-icon.svg);
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        background-color: #333;
        height: 23px;
        width: 19px;
        padding: 0;
        display: inline-block;
        vertical-align: middle;
        border-radius: unset;
		min-width: 30px;
    }
}
@media(max-width: 575px){
	.top-banner-sec{
		min-height: 210px;
	}
	.banner-outer{
/* 		margin-top: 20px; */
	}
	.top-banner-sec{
		margin-bottom: 25px;
	}
	.top-banner-sec .hd-type1{
		font-size: 30px;
	}
	.top-banner-sec .top-banner-intro{
		max-width: 45%;
	}
}
@media(max-width: 480px){
	.top-banner-sec{
		align-items: start;
		margin-bottom: 25px;
		min-height: auto;
		height: auto;
	}
	.top-banner-sec .top-banner-intro .banner-img,
	.banner-outer{
		height: 120px;
	}
	.top-banner-sec .top-banner-intro .banner-img{
		background-size: cover;
		bottom: unset;
	}
	.home .top-banner-sec .top-banner-intro .hd-type1,
	.top-banner-sec .top-banner-intro .hd-type1{
		position: absolute;
		top: 45%;
		max-width: 45%;
		font-size: 28px;
		transform: translateY(-45%);
	}
	.top-banner-sec .top-banner-intro{
		max-width: 100%;
	}
}
.you-sec .hd-type2{
	margin-bottom: 40px;
}
.you-sec .sub-intro-outer{
	max-width: 450px;
	width: 100%;
}
.you-sec .only-txt .sub-intro-outer{
	max-width: 690px;
}
.you-sec .sub-intro-outer .sub-intro:not(:last-child){
	margin-bottom: 40px;
}
.you-sec .sub-intro-outer .hd-type3{
	margin: 0px;
	margin-bottom: 15px;
}
.you-sec .right-part .you-img-outer{
	text-align: end;
}
.you-sec .right-part .you-img-outer img{
	margin-top: 18px;
    max-width: 482px;
}
.you-sec .btn-outer{
	margin-top: 40px;
}
.you-sec .btn-outer .btn-type1{
	min-width: 242px;
}
@media(max-width: 1199px){
	.you-sec .right-part .you-img-outer{
		text-align: center;
	}
	.you-sec .right-part img{
		width: 100%;
		height: 350px;
	}
}
@media(max-width: 768px){
	.you-sec .left-part{
		order: 1;
		margin-top: 20px;
	}
	.you-sec .right-part img{
		width: 450px;
		height: 350px;
	}
}
@media(max-width: 768px){
	.you-sec .right-part .you-img-outer{
		text-align: center;
	}
	.you-sec .right-part img{
		width: 191px;
		height: 169px;
	}
}
@media(max-width: 575px){
	.you-sec .btn-outer .btn-type1{
		min-width:auto;
	}
}
.work-timeline-sec .timeline {
  margin: 60px 0 115px;
}
.work-timeline-sec .timeline-list {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	padding-left: 0;
	max-width: 1012px;
	margin: auto;
}
.work-timeline-sec .timeline-item {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	padding: 30px 0;
	opacity: 0;
	transform: translateY(40px);
	transition: all 0.6s ease-out;
}
.work-timeline-sec .timeline-item.visible {
	opacity: 1;
	transform: translateY(0);
}
.work-timeline-sec .timeline-item:nth-child(odd) {
  justify-content: flex-end;
}
.work-timeline-sec .timeline-item > div {
	width: 448px;
	position: relative;
	min-height: 140px;
	height: 100%;
}
.work-timeline-sec .timeline-item:nth-child(even) > div {
  text-align: end;
}
.work-timeline-sec .timeline-item:first-child > div::before{
	content: '';
	position: absolute;
	top: -115px;
	left: -70px;
	background-color: #D9D9D9;
	width: 25px;
	height: 95px;
	border-radius: 50px;
	z-index: 1;
}
.work-timeline-sec .timeline-item > div::after {
	content: '';
	position: absolute;
	top: 45px;
	left: -70px;
	background-color: #D9D9D9;
	width: 25px;
	height: 100%;
	border-radius: 50px;
	z-index: 1;
}
.work-timeline-sec .timeline-item:nth-child(even) > div::after{
	right: -70px;
	left: auto;
}
.work-timeline-sec .timeline-item:first-child {
  padding: 105px 0 30px;
}
.work-timeline-sec .time-line-hd {
	margin: 0 0 10px;
	position: relative;
}
.work-timeline-sec .time-line-hd::after {
	content: '';
	position: absolute;
	background-color: #F87988;
	width: 25px;
	height: 25px;
	left: -70px;
	top: 0px;
	border-radius: 50%;
}
.work-timeline-sec .timeline-item:nth-child(even) .time-line-hd::after{
	right: -70px;
	left: auto;
}
.work-timeline-sec .hd-type2{
	text-align: center;
	margin: 0px;
}
.work-timeline-sec .btn-outer{
	display: flex;
	justify-content: center;
}
@media(max-width:1199px){
	.work-timeline-sec .timeline-item > div{
		width: 386px;
	}
}
@media(max-width:991px){
	.work-timeline-sec .timeline-item > div{
		width: 100%;
	}
	.work-timeline-sec .timeline-item:nth-child(even) > div{
		text-align: left;
	}
	.work-timeline-sec .timeline-item:nth-child(odd){
		justify-content: flex-start;
	}
	.work-timeline-sec .timeline-item:first-child > div::before{
		display: none;
	}
	.work-timeline-sec .time-line-hd::after{
		width: 25px;
		height: 25px;
		border-radius: 100%;
		left: -55px;
    	top: 7px;
	}
	.work-timeline-sec .timeline-item > div::after{
		top: 53px;
		left: -55px;
		width: 25px;
		height: calc(100% - 40px);
	}
	.work-timeline-sec .timeline-item:nth-child(even) .time-line-hd::after,
	.work-timeline-sec .timeline-item:nth-child(even) > div::after{
		right: auto;
		left: -55px;
	}
	.work-timeline-sec .timeline-item:first-child,
	.work-timeline-sec .timeline-item{
		padding: 0 0 20px;
	}
	.work-timeline-sec .timeline-list{
		padding-left: 55px;
	}
	.work-timeline-sec .timeline{
		margin: 40px 0 20px; 
	}
}
@media (max-width: 767px) {
	.work-timeline-sec .hd-type2{
		text-align: left;
	}
	.you-sec .sub-intro-outer .sub-intro:not(:last-child){
		margin-bottom: 30px;
	}
	.you-sec .btn-outer{
		margin-top: 30px;
	}
	.you-sec .sub-intro-outer .hd-type3{
		margin-bottom: 10px;
	}
    .work-timeline-sec .time-line-hd::after{
    	top: 3px;
	}
	.work-timeline-sec .timeline-item > div::after{
		top: 47px;
	}
}
@media(max-width:576px){
	.work-timeline-sec .timeline-item:nth-child(even) > div{
		text-align: left;
	}
	.work-timeline-sec .timeline-item:nth-child(odd){
		justify-content: flex-start;
	}
	.work-timeline-sec .timeline-item:first-child > div::before{
		display: none;
	}
	.work-timeline-sec .time-line-hd::after{
		width: 10px;
		height: 10px;
		border-radius: 100%;
		left: -30px;
		top: 11px;
	}
	.work-timeline-sec .timeline-item > div::after{
		top: 33px;
		left: -30px;
		width: 10px;
		height: calc(100% - 24px);
	}
	.work-timeline-sec .timeline-item:nth-child(even) .time-line-hd::after,
	.work-timeline-sec .timeline-item:nth-child(even) > div::after{
		right: auto;
		left: -30px;
	}
	.work-timeline-sec .timeline-item:first-child,
	.work-timeline-sec .timeline-item{
		padding: 0 0 10px;
	}
	.work-timeline-sec .timeline-list{
		padding-left: 30px;
	}
	.work-timeline-sec .timeline{
		margin: 30px 0 0px;
	}
	.work-timeline-sec .btn-outer{
		margin-top: 20px;
	}
	.work-timeline-sec .hd-type2{
		text-align: left;
	}
}


.community-voices-outer::before{
	content: '';
	position: absolute;
	left: -60px;
	top: 0px;
	width: 211px;
	height: 100%;
	background:  linear-gradient(270deg, rgba(255, 255, 255, 0.00) -9.69%, #F4F4F4 50.01%);
	z-index: 1;
}
.community-voices-outer::after{
	content: '';
	position: absolute;
	right: -60px;
	top: 0px;
	width: 211px;
	height: 100%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) -9.69%, #F4F4F4 50.01%);
	
}
.community-sec .hd-type2{
	margin: 0px;
	margin-bottom: 40px;
}
.community-voices-outer{
	position: relative;
}
.community-sec .community-voices-box{
	padding: 40px 34px;
	background-color: #FFF;
	border-radius: 20px;
}
.community-sec .slick-list{
	margin: 0 -20px;
}
.community-sec .community-voices-inner{
	padding: 0 20px;
	width: 650px !important;
}
.community-sec .community-voices-box .community-title{
	display: flex;
	gap: 20px;
	align-items: center;
	margin-top: 30px;
}
.community-sec .community-voices-box .community-title img{
	width: 66px;
	height: 66px;
	object-fit: cover;
}
.community-sec .slick-arrow{
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	width: 12px;
	height: 24px;
	background: url('./images/left-arrow.svg') no-repeat center center;
	background-size: contain !important;
	font-size: 0px;
	border: 0px;
}
.community-sec .slick-prev.slick-arrow{
	left: 0;
	background: url('./images/left-arrow.svg') no-repeat center center;
	z-index: 2;
}
.community-sec .slick-next.slick-arrow{
	right: 0;
	background: url('./images/right-arrow.svg') no-repeat center center;
	z-index: 1;
}
@media(max-width: 1199px){
	.community-voices-outer::after,
	.community-voices-outer::before{
		width: 150px;
	}
}
@media(max-width: 991px){
	.community-sec .community-voices-box{
		padding: 30px;
	}
	.community-sec .community-voices-inner{
		width: 500px !important;
	}
	.community-voices-outer::after,
	.community-voices-outer::before{
		width: 100px;
	}
}
@media(max-width: 768px){
	.community-sec .community-voices-inner{
		width: 350px !important;
		padding: 0 10px;
	}
	.community-voices-outer::before,
	.community-voices-outer::after{
		width: 80px;
	}
}
@media(max-width: 576px){
	.community-voices-outer::after{
		width: 50px;
		right: -35px;
	}
	.community-voices-outer::before{
		width: 42px;
		left: -35px;
	}
	.community-sec .community-voices-box{
		padding: 20px;
	}
}
.icon-box-sec .icon-box-grid{
	display: grid;
	gap: 40px;
}
.icon-box-sec .icon-box-grid.two-col{
	grid-template-columns: repeat(2,1fr);
}
.icon-box-sec .icon-box-grid.three-col{
	grid-template-columns: repeat(3,1fr);
}
.icon-box-sec .icon-box-grid .icon-box{
	background: #fff;
	padding: 40px;
	border-radius: 40px;
	display: flex;
    flex-direction: column;
}
.icon-box-sec .icon-box-grid.single-box .icon-box{
	align-items: center;
	text-align: center;
	max-width: 600px;
	width: 100%;
	margin: auto;
}
.icon-box-sec .icon-box-grid .icon-box .mob-style .hd-type2,
.icon-box-sec .icon-box-grid .icon-box .mob-style .cms-type1{
	display: none;
}
.icon-box-sec .icon-box-grid .icon-img-outer img{
	width: 150px;
	height: 150px;
}
.icon-box-sec .icon-box-grid .icon-box .hd-type2{
	margin: 36px 0 20px;
}
.icon-box-sec .icon-box-grid .icon-box .btn-type1{
	margin-top: 40px;
	min-width: 260px;
	width: fit-content;
}
@media(max-width:1440px){
	.icon-box-sec .icon-box-grid .icon-box .btn-type1{
		min-width: 150px;
	}
}
@media(max-width: 1199px){
	.icon-box-sec .icon-box-grid .icon-box{
		padding: 25px;
	}
	.icon-box-sec .icon-box-grid{
		gap: 25px;
	}
}
@media(max-width: 991px){
	.icon-box-sec .icon-box-grid.two-col{
		grid-template-columns: repeat(1,1fr);
	}
	.icon-box-sec .icon-box-grid.three-col{
		grid-template-columns: repeat(2,1fr);
	}
}
@media(max-width: 767px){
	.icon-box-sec .icon-box-grid.three-col{
		grid-template-columns: repeat(1,1fr);
	}
	
}
@media(max-width: 576px){
	.icon-box-sec .icon-box-grid .icon-box .btn-type1{
		min-width: auto; /* 276px */
		margin: 0px;
	}
	.icon-box-sec .icon-box-grid .icon-box{
		padding: 20px;
	}
	.icon-box-sec .icon-box-grid .icon-box .hd-type2{
		margin-bottom: 20px;
		font-size: 26px;
		margin-top: 0px;
	}
	.icon-box-sec .icon-box-grid .icon-img-outer img{
		width: 115px;
        height: 105px;
        object-fit: contain;
	}
	.icon-box-sec .icon-box-grid .icon-box .mob-style{
		display: flex;
		gap: 20px;
		margin-bottom: 20px;
	}
	.icon-box-sec .icon-box-grid .icon-box .mob-style .mob-content-outer{
		display: block;
		width: calc(100% - 94px);
	}
	.icon-box-sec .icon-box-grid .icon-box .mob-style .hd-type2,
	.icon-box-sec .icon-box-grid .icon-box .mob-style .cms-type1{
		display: block;
	}
	.icon-box-sec .icon-box-grid .icon-box .flex-grow-1{
		display: none;
	}
	.icon-box-sec .icon-box-grid.single-box .icon-box{
		align-items: start;
		text-align: left;
	}
}

.news-letter-sec{
   padding: 120px 0 300px;
    margin-bottom: 40px;
/* 	filter: grayscale(1); */
	position: relative;
}
/* .news-letter-sec::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 218px;
	display: inline-block;
	width: calc(((100% - 1390px) / 2));
	height: 40px;
	background: #F87988;
} */
.news-letter-sec .news-letter-image{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	filter: grayscale(1);
	background-size: cover !important;
}
.news-letter-sec .news-letter-intro{
    max-width: 670px;
    margin: auto;
}
.news-letter-sec{
	position: relative;
}

.news-letter-sec .news-bg-img::before{
	content: '';
    position: absolute;
    left: 0;
    bottom: 180px;
    width: calc(49% - 40px);
    border-radius: 0 40px 40px 0px;
    height: 25px;
    background-color: #F87988;
}
.news-letter-sec .news-bg-img::after{
	content: '';
    position: absolute;
    left: 49%;
	bottom: 180px;
    width: 25px;
	height: 25px;
    border-radius: 25px;
    background-color: #F87988;
}

.news-letter-sec .news-bg-img.highlight-green::before,
.news-letter-sec .news-bg-img.highlight-green::after{
	background-color: #A7CC00;
}
.news-letter-sec .news-letter-intro .hd-type3,
.news-letter-sec .news-letter-intro .hd-type2{
	text-align: center;
	color: #fff;
}
.news-letter-sec .news-letter-intro .hd-type2{
	margin: 0px;
}
.news-letter-sec .news-letter-intro .hd-type2 > span,
.news-letter-sec .news-letter-intro .hd-type2 > b{
	font-weight: 700;
}
.news-letter-sec .news-letter-intro.highlight-pink .hd-type2 > span,
.news-letter-sec .news-letter-intro.highlight-pink .hd-type2 > b{
	color: #F87988;
}
.news-letter-sec .news-letter-intro.highlight-green .hd-type2 > span,
.news-letter-sec .news-letter-intro.highlight-green .hd-type2 > b{
	color: #A7CC00;
}
.news-letter-sec .news-letter-intro .hd-type3{
	margin-top: 26px;
}
.news-letter-sec .news-letter-form{
	max-width: 850px;
	margin: auto;
	margin-top: 78px;
}
.news-letter-sec .news-letter-form input[type="text"],
.news-letter-sec .news-letter-form input[type="email"]{
	background: #fff;
	color: #333;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	padding: 15px 29px !important;
	height: 60px;
	border-radius: 40px;
}
.news-letter-form .mailpoet_form_columns .mailpoet_form_column:first-child{
	flex-basis: 60% !important;
}
.news-letter-form .mailpoet_form_columns .mailpoet_form_column:last-child{
	flex-basis: 38% !important;
}
.news-letter-form #mailpoet_form_1 form.mailpoet_form{
	padding: 0px;
}
.news-letter-form .mailpoet_form .mailpoet_submit{
	background: #fff;
	color: #333;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	padding: 15px 29px !important;
	height: 60px;
	border-radius: 40px;
	border: none;
	box-shadow: none;
}
.news-letter-form .mailpoet_form .mailpoet_submit:hover{
	background: #F87988;
	color: #fff;
}
.news-letter-sec .news-letter-form input[type="email"],
.news-letter-form .mailpoet_form .mailpoet_submit:focus{
	outline: none;
	box-shadow: none;
}
@media(max-width: 1199px){
	.news-letter-sec{
		padding: 180px 0 280px;
		margin-bottom: 35px;
	}
}
@media(max-width: 991px){
	.news-letter-sec .news-bg-img::before{
		height: 25px;
		bottom: 120px;
		width: calc(50% - 25px);
	}
	.news-letter-sec .news-bg-img::after{
		height: 25px;
		width: 25px; 
		bottom: 120px;
	}
	.news-letter-sec{
		padding: 180px 0;
	}
}
@media(max-width: 768px){
	.news-letter-sec{
		margin-bottom: 25px;
		padding: 200px 0 150px;
	}
    .news-letter-form .mailpoet_form_columns .mailpoet_form_column:last-child{
    	flex-basis: 42% !important;
    }
    .news-letter-form #mailpoet_form_1 .mailpoet_paragraph{
		flex-wrap: wrap;
	}
  	#mailpoet_form_1 .mailpoet_form_column:not(:first-child){
		margin-left: 0px !important;
	}
}
@media(max-width: 576px){
	.news-letter-sec{
		padding: 200px 0 100px;
	}
	.news-letter-form .mailpoet_form_columns .mailpoet_form_column:last-child,
	.news-letter-form .mailpoet_form_columns .mailpoet_form_column:first-child{
		flex-basis: 100% !important;
	}
	.news-letter-sec .news-letter-form{
		margin-top: 30px;
	}
	.news-letter-sec .news-bg-img::after{
		width: 10px;
		height: 10px;
		border-radius: 100%;
		bottom: 60px;
	}
	.news-letter-sec .news-bg-img::before{
		height: 10px; 
		bottom: 60px;
		width: calc(50% - 20px);
	}
	
	
	.news-letter-sec .news-letter-intro .hd-type2{
		margin: 0 -10px;
	}
}


.latest-news-sec{
	overflow-x: hidden;
}
.latest-news-sec .latest-news-outer{
	margin-top: 80px;
	position: relative;
}
.latest-news-sec .latest-news-outer::after{
	content: '';
	position: absolute;
	right: -70px;
	top: 0px;
	width: 120px;
	height: 100%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) -9.69%, #F4F4F4 50.01%);
}
.latest-news-sec .latest-news-box{
	padding: 0 20px;
/* 	width: 650px !important; */
	height: inherit;
}
.latest-news-sec .latest-news-outer .slick-track{
	display: flex !important;
}
.latest-news-sec .latest-news-box .latest-news-box-inner{
	background: #fff;
	padding: 40px;
	border-radius: 40px;
	height: 100%;
}
.latest-news-sec .latest-news-box .latest-news-box-inner .date-time{
	margin: 20px 0 10px;
}
.latest-news-sec .latest-news-box .latest-news-box-inner .date-time.mob{
	display: none;
}
.latest-news-sec .slick-list{
	margin: 0 -20px;
}
.latest-news-sec .slick-arrow{
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	width: 20px;
	height: 30px;
	background: url('./images/left-arrow.svg') no-repeat center center;
	font-size: 0px;
	border: 0px;
}
.latest-news-sec .slick-prev.slick-arrow{
	left: -60px;
	background: url('./images/left-arrow.svg') no-repeat center center;
	z-index: 2;
}
.latest-news-sec .slick-next.slick-arrow{
	right: -60px;
	background: url('./images/right-arrow.svg') no-repeat center center;
	z-index: 1;
}
.latest-news-sec .btn-type1{
	margin-top: 80px;
	min-width: 315px;
}
.latest-news-sec .title-outer{
	display: flex;
}
.latest-news-sec .latest-bg-img{
	position: relative;
	flex-grow: 1;
}
.latest-news-sec .latest-bg-img::before{
	content: '';
    position: absolute;
    right: 0;
    bottom: 15px;
    width: calc(100% - 260px);
    border-radius: 40px 0 0 40px;
    height: 25px;
    background-color: #D9D9D9;
}
.latest-news-sec .latest-bg-img::after{
	content: '';
    position: absolute;
    left: 200px;
    bottom: 15px;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background-color: #F87988;
}
.latest-outer-bg-img{
	position: relative;
}
.latest-outer-bg-img::after{
	content: '';
    position: absolute;
    right: 0;
    bottom: -42px;
    display: inline-block;
    width: calc(((100% - 1390px) / 2));
    height: 25px;
    background: #D9D9D9;
}
.latest-news-sec .latest-news-box .latest-news-box-inner .event-title{
	font-weight: 700;
	margin: 20px 0 15px;
}
@media(max-width: 1199px){
	.latest-outer-bg-img::after{
		bottom: -32px;
	}
	.latest-news-sec .latest-news-outer::after{
		right: -90px;
	}
}
@media(max-width: 768px){
	.latest-outer-bg-img::after{
		bottom: -33px;
		height: 25px;
	}
	.latest-news-sec .latest-bg-img::after{
		width: 25px;
		height: 25px;
		border-radius: 100%;
		bottom: 8px;
        left: 80px;
	}
	.latest-news-sec .latest-bg-img::before{
		height: 25px;
		bottom: 8px;
		width: calc(100% - 130px);
	}
	.latest-news-sec .latest-news-box .latest-news-box-inner{
		padding: 30px;
		border-radius: 30px;
	}
}
@media(max-width: 576px){
	.latest-news-sec .latest-news-box .latest-news-box-inner{
		padding: 20px;
		margin-bottom: 20px;
	}
	.latest-news-sec .latest-news-box:last-child .latest-news-box-inner{
		margin-bottom: 0px;
	}
	.latest-news-sec .latest-news-box{
		padding: 0px;
	}
	.latest-news-sec .latest-news-box .latest-news-box-inner .date-time,
	.latest-news-sec .latest-news-box .latest-news-box-inner .location-title{
		font-size: 16px;
	}
	.latest-news-sec .latest-news-outer{
		margin-top: 10px;
	}
	.latest-news-sec .latest-bg-img{
		top: -45px;
	}
	.latest-news-sec .latest-bg-img::before{
		bottom: 18px;
		height: 10px;
		width: calc(100% + 300px);
		right: auto;
		left: -30px;
	}
	.latest-news-sec .latest-bg-img::after{
		width: 10px;
		height: 10px;
		border-radius: 100%;
		bottom: 18px;
		left: -50px;
	}
	.latest-news-sec .latest-news-outer::after{
		display: none;
	}
	.latest-news-sec .btn-type1{
		margin-top : 30px;
	}
	.latest-news-sec .latest-news-box .latest-news-box-inner .date-time.mob{
		display: block;
		margin: 0px;
		margin-top: 5px;
	}
	.latest-news-sec .latest-news-box .latest-news-box-inner .hd-type3{
		margin-bottom: 10px;
	}
	.latest-news-sec .latest-news-box .latest-news-box-inner .location-title{
		margin-top: 5px;
	}
	.latest-news-sec .latest-news-box .latest-news-box-inner .date-time.desk{
		display: none;
	}
}

@media(min-width: 320px){
	#footer .ft-bg-imgouter::after{
		max-width: calc(100%  / 2);
	}
}
@media(min-width: 576px){
	#footer .ft-bg-imgouter::before{
		width: calc(((100% - 465px) / 2) - 100px);
	}
	#footer .ft-bg-imgouter::after{
		max-width: calc((100% - 465px) / 2);
	}
	.latest-outer-bg-img::after{
		width: calc((100% - 465px) / 2);
	}
}

@media(min-width: 768px){
	#footer .ft-bg-imgouter::before{
		width: calc(((100% - 645px) / 2) - 100px);
	}
	#footer .ft-bg-imgouter::after{
		max-width: calc((100% - 645px) / 2);
	}
	.latest-outer-bg-img::after{
		width: calc((100% - 645px) / 2);
	}
}

@media(min-width: 992px){
	#footer .ft-bg-imgouter::before{
		width: calc(((100% - 880px) / 2) - 100px);
	}
	#footer .ft-bg-imgouter::after{
		max-width: calc((100% - 880px) / 2);
	}
	.latest-outer-bg-img::after{
		width: calc((100% - 880px) / 2);
	}
}
@media(min-width: 1200px){
	#footer .ft-bg-imgouter::before{
		width: calc(((100% - 1095px) / 2) - 100px);
	}
	#footer .ft-bg-imgouter::after{
		max-width: calc((100% - 1095px) / 2);
	}
	.latest-outer-bg-img::after{
		width: calc((100% - 1095px) / 2);
	}
}
@media(min-width: 1600px) and (max-width: 1874px){
	#footer .ft-bg-imgouter::before{
		width: calc(((100% - 1345px) / 2) - 100px);
	}
	#footer .ft-bg-imgouter::after{
		max-width: calc((100% - 1345px) / 2);
	}
	.latest-outer-bg-img::after{
		width: calc((100% - 1345px) / 2);
	}
}

.faq-sec .faq-list-outer{
	max-width: 932px;
	width: 100%;
}
.faq-sec .faq-list-outer .accordion-item{
	padding: 40px 0px;
	border: none;
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	background-color: #F4F4F4;
}
.faq-sec .faq-list-outer .accordion-button.collapsed{
	background-color: #F4F4F4;
}
.faq-sec .faq-list-outer .accordion-button{
	font-size: 36px;
	line-height: 1.27;
	font-weight: 400;
	border: none;
	padding: 0px;
	gap: 10px;
}
.faq-sec .faq-list-outer .accordion-button:focus{
	outline: none;
	border: none;
	box-shadow: none;
}
.faq-sec .faq-list-outer .accordion-button:not(.collapsed){
	box-shadow: none;
	background-color: transparent;
	color: inherit;
}
.faq-sec .faq-list-outer .accordion-button::after{
	width: 40px;
	height: 40px;
	background: url('./images/faq-plus.svg') no-repeat center center;
	background-size: 40px;
}
.faq-sec .faq-list-outer .accordion-button:not(.collapsed)::after{
	background: url('./images/faq-minus.svg') no-repeat center center;
	background-size: 40px;
	
}
.faq-sec .faq-list-outer .accordion-item:first-child{
	padding-top: 0px;
	border-top: 0px;
}
.faq-sec .faq-list-outer .accordion-body{
	padding: 0px;
	padding-top: 15px;
}
@media(max-width: 1199px){
	.faq-sec .faq-list-outer .accordion-button{
		font-size: 32px;
	}
	.faq-sec .faq-list-outer .accordion-button::after{
		width: 30px;
		height: 30px;
		background-size: 30px;
	}
	.faq-sec .faq-list-outer .accordion-button:not(.collapsed)::after{
		background-size: 30px;
	}
	.faq-sec .faq-list-outer .accordion-item{
		padding: 30px 0px;
	}
}
@media(max-width: 768px){
	.faq-sec .faq-list-outer .accordion-button{
		font-size: 26px;
	}
	.faq-sec .faq-list-outer .accordion-button::after{
		width: 25px;
		height: 25px;
		background-size: 25px;
	}
	.faq-sec .faq-list-outer .accordion-button:not(.collapsed)::after{
		background-size: 25px;
	}
	.faq-sec .faq-list-outer .accordion-item{
		padding: 20px 0px;
	}
}

.supoort-form-outer .field-control{
	margin-bottom: 20px;
}
.supoort-form-outer textarea,
.supoort-form-outer input[type="email"],
.supoort-form-outer input[type="tel"],
.supoort-form-outer input[type="text"]{
	border-radius: 30px;
	border: 3px solid #333;
	background: #FFF;
	padding: 10px 40px;
	height: 60px; 
	color: #333;
	font-size: 20px;
	font-weight: 400;
	line-height: normal;
}
.supoort-form-outer textarea{
	height: 190px;
}
.supoort-form-outer input[type="file"] {
    border-radius: 30px;
    border: 3px solid #333;
    background: #FFF;
    padding: 10px 40px;
    width: 100%;
}
.supoort-form-outer textarea::placeholder,
.supoort-form-outer input::placeholder { 
	color: #333;
	font-size: 20px;
	font-weight: 400;
}
.supoort-form-outer input[type="checkbox"] {
    appearance: none;
    position: relative;
    width: 20px;
    height: 20px;
    border: 3px solid #333;
    background: #fff;
    padding: 2px;
	cursor: pointer;
}
.supoort-form-outer input:focus{
	outline: none;
	box-shadow: none;
}
.supoort-form-outer input[type="checkbox"]:focus{
	border: 3px solid #333;
}
.supoort-form-outer input[type="checkbox"]:checked::after {
    content: '';
    width: 5px;
    height: 8px;
    display: block;
    border: solid #333;
    border-width: 0 3px 3px 0;
    left: 4px;
    top: 2px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
	transform: rotate(45deg); 
}
.supoort-form-outer .wpcf7-acceptance .wpcf7-list-item label span{
	width: calc(100% - 40px);
	cursor: pointer;
	color: #333;
	font-size: 20px;
	font-weight: 400;
}
.supoort-form-outer .wpcf7-list-item label{
	display: flex;
	gap: 20px;
	margin: 20px 0px;
}
.supoort-form-outer .wpcf7-list-item{
	margin: 0px;
}
.supoort-form-outer input[type="submit"]{
	border-radius: 30px;
	border: 3px solid #333;
	background: #333;
	padding: 10px 20px;
	height: 60px; 
	width: 240px;
	color: #F4F4F4;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	margin: 0;
	transition: 0.3s;
}
.supoort-form-outer input[type="submit"]:hover{
	background: #fff;
	color: #333;
	border-color: inherit;
}
@media(max-width: 576px){
	.supoort-form-outer textarea{
		height: 150px;
		padding: 5px 20px;
		font-size: 18px;
	}
	.supoort-form-outer input[type="tel"],
	.supoort-form-outer input[type="email"], 
	.supoort-form-outer input[type="text"],
	.supoort-form-outer input[type="file"]{
		height: 50px;
		padding: 5px 20px;
		font-size: 18px;
	}
	.supoort-form-outer .wpcf7-list-item label{
		gap: 10px;
		margin: 0;
	}
	.supoort-form-outer .wpcf7-acceptance .wpcf7-list-item label span{
		width: calc(100% - 30px);
		font-size: 18px;
	}
	.supoort-form-outer textarea::placeholder,
	.supoort-form-outer input::placeholder { 
		color: #333;
		font-size: 18px;
		font-weight: 400;
	}
}

.thankyou-sec .thanks-page{
	padding: 50px 10px;
	max-width: 700px;
	width: 100%;
	margin: auto;
	text-align: center;
	border-radius: 30px;
	border: 3px solid #333;
}
.thankyou-sec .hd-type2{
	padding: 0px;
}
.thankyou-sec  .hd-type3{
	margin-bottom: 20px;
}
.thankyou-sec  .btn-type1{
	margin-top: 20px;
}
.social-media-outer{
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	align-items: center;
	margin-top: 40px;
}
.social-media-outer .social-icon-box{
	width: 70px;
	height: 70px;
	background: #fff;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.social-media-outer .social-icon-box img{
	width: 36px;
	height: 36px;
}
.supoort-form-outer .wpcf7-not-valid-tip {
    bottom: 0;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    position: absolute;
    right: 0;
    background: #d9534f;
    padding: 3px 8px;
    line-height: 1;
}
@media(max-width: 768px){
	.social-media-outer{
		margin-top: 25px;
	}
}

.custom-panel {
	position: fixed;
	top: 0;
	right: -300px; /* hidden initially */
	width: 300px;
	height: 100%;
	background: #fff;
	box-shadow: none;
	transition: right 0.3s ease;
	z-index: 1001;
}
.custom-panel.open {
	right: 0;
	max-width: 449px;
	width: 100%;
	background-color: #F4F4F4;
}
.custom-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease;
	z-index: 1000;
}
.custom-overlay.show {
	opacity: 1;
	visibility: visible;
}

.custom-panel {
	position: fixed;
	top: 0;
	right: -300px; /* hidden initially */
	width: 300px;
	height: 100%;
	background: #fff;
	box-shadow: none;
	transition: right 0.3s ease;
	z-index: 1001;
}
.custom-panel.open {
	right: 0;
	max-width: 449px;
	width: 100%;
	background-color: #F4F4F4;
}
.custom-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease;
	z-index: 1000;
}
.custom-overlay.show {
	opacity: 1;
	visibility: visible;
}

.menu-outer .offcanvas.offcanvas-end{
	max-width: 449px;
	width: 100%;
	background-color: #F4F4F4;
}
.menu-outer .custom-panel-header,
.menu-outer .offcanvas-header{
	padding: 75px 44px 50px;
}
.menu-outer .custom-panel .custom-close-btn,
.menu-outer .offcanvas .btn-close{
	background: url(./images/close.svg) no-repeat center center;
    --bs-btn-close-opacity: 1;
    padding: 0;
    border: none;
    width: 30px;
    height: 30px;
    font-size: 0px;
}
.menu-outer .custom-panel .custom-close-btn:focus,
.menu-outer .offcanvas .btn-close:focus{
	outline: none;
	box-shadow: none;
}
.menu-outer .custom-panel .custom-panel-body,
.menu-outer .offcanvas .offcanvas-body{
	flex-grow: 0;
	padding: 60px;
	padding-top: 0px;
	height: 100%;
	position: relative;
}
.menu-outer .custom-panel .custom-panel-body .header,
.menu-outer .offcanvas .offcanvas-body .header{
	list-style-type: none;
	padding: 0px;
	text-align: left;
	margin-top: 10px;
}
.menu-outer .custom-panel .custom-panel-body  .btn-type1,
.menu-outer .offcanvas .offcanvas-body .btn-type1{
	position: absolute;
	top: 0px;
	right: 44px;
	min-width: 99px !important;
	line-height: 1.3;
}
.menu-outer .custom-panel .custom-panel-body .header .menu-item,
.menu-outer .offcanvas .offcanvas-body .header .menu-item{
	margin-bottom: 26px;
	line-height: 1;
}
.menu-outer .custom-panel .custom-panel-body .header .menu-item.highlight-link a,
.menu-outer .offcanvas .offcanvas-body .header .menu-item.highlight-link a{
	font-weight: 700;
	
}
.menu-outer .custom-panel .custom-panel-body .header .menu-item.highlight-link:first-child,
.menu-outer .offcanvas .offcanvas-body .header .menu-item.highlight-link:first-child{
	margin-top: 0px;
}
.menu-outer .custom-panel .custom-panel-body .header .menu-item.highlight-link,
.menu-outer .offcanvas .offcanvas-body .header .menu-item.highlight-link{
	margin-top: 50px;
}
.menu-outer .custom-panel .custom-panel-body .header .menu-item a,
.menu-outer .offcanvas .offcanvas-body .header .menu-item a{
	color: #333;
	font-size: 20px;
	font-weight: 400;
	transition: 0.3s;
	line-height: 1;
}
.menu-outer .custom-panel .custom-panel-body .header .menu-item a:hover,
.menu-outer .offcanvas .offcanvas-body .header .menu-item a:hover{
	color: #F87988;
}
.menu-outer .offcanvas .offcanvas-footer{
	border-top: 3px solid #333;
	margin: 0 60px;
	padding: 40px 0 60px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	align-items: center;
}
.menu-outer .offcanvas .offcanvas-footer .account-menu{
	display: flex;
}
.menu-outer .offcanvas .offcanvas-footer .account-menu .ac-menu-item{
	color: #333;
	font-size: 20px;
	font-weight: 400;
	line-height: normal;
	padding: 0px 10px;
	border-right: 1px solid #333333;
	transition: 0.3s;
}
.menu-outer .offcanvas .offcanvas-footer .account-menu .ac-menu-item:first-child{
	padding-left: 0px;
}
.menu-outer .offcanvas .offcanvas-footer .account-menu .ac-menu-item:last-child{
	padding-right :0;
	border:0px;
}

.menu-outer .offcanvas .offcanvas-footer .account-menu .ac-menu-item:hover{
	color: #F87988;
}
.menu-outer .offcanvas .offcanvas-footer .wpml-ls-legacy-dropdown-click{
	width: fit-content;
}
.menu-outer .offcanvas .offcanvas-footer .wpml-ls-legacy-dropdown-click a{
	background-color: #F4F4F4;
	border: none;
}
.menu-outer .offcanvas .offcanvas-footer .wpml-ls-legacy-dropdown-click a span{
	text-transform: uppercase;
	color: #333;
	font-size: 20px;
	font-weight: 700;
}
.menu-outer .offcanvas .offcanvas-footer .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{
	background: url('./images/down-arrow.svg') no-repeat center center;
	border: none;
	width: 18px;
	height: 11px;
	right: 5px;
}
.menu-outer .offcanvas .offcanvas-footer .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{
	padding-right: calc(5px + 1.4em);
}
.menu-outer .offcanvas .offcanvas-footer .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
	border-top: 0px;
}
.menu-outer .offcanvas .offcanvas-footer .language-switcher .gt_selector.notranslate{
	width: 120px;
    padding-right: 20px;
	padding-left: 0px;
}
@media(max-width: 576px){
	.menu-outer .custom-panel-header,
	.menu-outer .offcanvas-header {
		padding: 40px 36px 40px;
	}
	.menu-outer .custom-panel .custom-panel-body,
	.menu-outer .offcanvas .offcanvas-body{
		padding: 40px;
		height: 100%;
		padding-top: 0px;
	}
	.menu-outer .offcanvas .offcanvas-footer{
		padding: 30px 0px 40px;
		margin: 0 40px;
	}
	.menu-outer .custom-panel .custom-panel-body .btn-type1,
	.menu-outer .offcanvas .offcanvas-body .btn-type1{
		width: fit-content;
		padding: 5px 15px;
	}
}
.content-page-sec .content-outer{
	max-width: 932px;
	width: 100%;
	margin: auto;
}
.content-page-sec .content-outer .cms-type1{
	text-align: center;
	margin: 40px 0px;
}
.content-page-sec .content-outer .hd-type2{
	text-align: center;
	margin: 0px;
}
.content-page-sec .content-outer .um.um-register{
	margin-top: 40px;
}
.content-page-sec .content-outer .um-col-1{
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}
.content-page-sec .content-outer .um-field{
	width: 47.5%;
	padding: 0px;
}
.content-page-sec .content-outer .um .um-form input[type="text"],
.content-page-sec .content-outer .um .um-form input[type="tel"],
.content-page-sec .content-outer .um .um-form input[type="password"]{
	border-radius: 30px !important;
    border: 3px solid #333 !important;
    background: #FFF !important;
    padding: 10px 40px !important;
    height: 60px !important;
    color: #333 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: normal !important;
}
.content-page-sec .content-outer .um .um-button.um-alt,
.content-page-sec .content-outer .um .um-form input[type="submit"]{
    border-radius: 30px !important;
    border: 3px solid #333 !important;
    background: #333 !important;
    padding: 10px 20px !important;
    height: 60px !important;
    min-width: 240px !important;
    color: #F4F4F4 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    margin: 0 !important;
    transition: 0.3s !important;
}
.content-page-sec .content-outer .um .um-button.um-alt:hover,
.content-page-sec .content-outer .um .um-form input[type="submit"]:hover {
    background: #fff !important;
    color: #333 !important;
    border-color: inherit !important;
}
.content-page-sec .content-outer .um .um-form input:focus{
	outline: none;
	box-shadow: none;
	border: 3px solid #333 !important;
}
.content-page-sec .content-outer .um .um-form input::placeholder{
	color: #333;
	font-size: 20px;
	font-weight: 400;
}
.content-page-sec .content-outer .um-field.um-field-user_email,
.content-page-sec .content-outer .um-field.um-field-mobile_number,
.content-page-sec .content-outer .um-field.um-field-address,
.content-page-sec .content-outer .um-field.um-field-checkbox{
	width: 100%;
}
.content-page-sec .content-outer .um-field-checkbox-option{
	color: #333 !important;
	font-size: 20px !important;
	font-weight: 400 !important;
}
.content-page-sec .content-outer .um-field-checkbox-state i{
	color: #333 !important;
}
.content-page-sec .content-outer .um-col-alt{
	margin: 0px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 40px;
}
.content-page-sec .content-outer .um-col-alt .um-field.um-field-c{
	width: 100%;
}
.content-page-sec .content-outer .um-col-alt .um-half{
	width: fit-content;
}
.content-page-sec .content-outer .um-col-alt .um-clear{
	display: none;
}
.content-page-sec .content-outer .um-field .select2.select2-container .select2-selection, 
.content-page-sec .content-outer .um-search-filter .select2.select2-container .select2-selection{
	height: 60px;
    line-height: 55px !important;
    font-size: 20px !important;
    color: #333 !important;
    font-weight: 400;
    border: 3px solid #333 !important;
    border-radius: 30px !important;
	padding: 10px 40px !important
}
.content-page-sec .content-outer .um-field .select2-container--default .select2-selection--single .select2-selection__rendered, 
.content-page-sec .content-outer .um-search-filter .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 35px;
	color: #333;
}
.content-page-sec .content-outer .select2-container--default .select2-selection--single .select2-selection__placeholder{
	color: #333 !important;
}
.content-page-sec .content-outer .um-field .select2.select2-container .select2-selection .select2-selection__arrow:before, 
.content-page-sec .content-outer .um-search-filter .select2.select2-container .select2-selection .select2-selection__arrow:before{
	content: '' !important;
	background: url(./images/down-arrow.svg) no-repeat left center;
}
.content-page-sec a{
	color: #333;
	text-decoration: underline;
}
.content-page-sec a:hover{
	text-decoration: none;
}
@media(max-width: 991px){
	.content-page-sec .content-outer .um-col-1{
		gap: 30px;
	}
}
@media(max-width: 767px){
	.content-page-sec .content-outer .um-field{
		width: 46.5%;
	}
	.content-page-sec .content-outer .cms-type1{
		margin: 25px 0px;
	}
	.content-page-sec .content-outer .um.um-register{
		margin-top: 25px;
	}
}
@media(max-width: 576px){
	.content-page-sec .content-outer .um-col-1{
		gap: 20px;
	}
	.content-page-sec .content-outer .um-field{
		width: 100%;
	}
}
.image-content-section .all-event-outer{
	margin-top: 80px;
}
.image-content-section .all-event-outer .all-event-box{
	padding: 40px;
	background: #fff;
	border-radius: 30px;
	margin-bottom: 40px;
	max-width: 689px;
}
.image-content-section .all-event-outer .all-event-box:last-child{
	margin-bottom: 0px;
}
.image-content-section .all-event-outer .all-event-box .event-link{
	margin-top: 15px;
}
.image-content-section .all-event-outer .all-event-box .location-title,
.image-content-section .all-event-outer .all-event-box .event-title{
	color: #333;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
}
.image-content-section .all-event-outer .all-event-box .event-title{
	margin: 20px 0px 15px; 
	font-weight: 700;
}
.latest-news-sec .latest-news-box .latest-news-box-inner .event-link a,
.latest-news-sec .latest-news-box .latest-news-box-inner .location-title a{
	color: #333;
    text-decoration: underline;
}

.latest-news-sec .latest-news-box .latest-news-box-inner .event-link a:hover,
.latest-news-sec .latest-news-box .latest-news-box-inner .location-title a:hover{
    text-decoration: none;
}
.image-content-section .all-event-outer .all-event-box .event-link a{
	margin-top: 10px;
}
.image-content-section .all-event-outer .all-event-box .event-link a,
.image-content-section .all-event-outer .all-event-box .location-title a{
	color: #333;
	font-size: 16px;
    text-decoration: none;
}
.image-content-section .all-event-outer .all-event-box .event-link a:hover,
.image-content-section .all-event-outer .all-event-box .location-title a:hover{
    text-decoration: underline;
}
@media(max-width: 1199px){
	.image-content-section .all-event-outer{
		margin-top: 60px;
	}
	.image-content-section .all-event-outer .all-event-box{
		padding: 30px;
		max-width: 420px;
	}
}
@media(max-width: 991px){
	.image-content-section .all-event-outer .all-event-box{
		max-width: 100%;
	}
}
@media(max-width: 768px){
	.image-content-section .all-event-outer{
		margin-top: 40px;
	}
	.image-content-section .all-event-outer .all-event-box{
		padding: 20px;
	}
}
@media(max-width: 576px){
	.image-content-section .all-event-outer{
		margin-top: 25px;
	}
}
.image-content-section.contact-us-sec .contact-email{
	margin: 40px 0px;
}
.image-content-section.contact-us-sec .contact-address{
	margin-top: 40px;
	max-width: 187px;
}
.image-content-section.contact-us-sec .contact-num{
	margin-top: 40px;
}
.image-content-section.contact-us-sec .contact-num a,
.image-content-section.contact-us-sec .contact-email a,
.image-content-section.contact-us-sec .contact-address{
	color: #333;
	position: relative;
	padding-left: 44px;
}
.image-content-section.contact-us-sec .contact-email a::after{
	content: '';
    width: 24px;
    height: 24px;
    background: url(./images/email.svg) no-repeat center center;
    position: absolute;
    display: block;
    top: 5px;
    left: 0;
}
.image-content-section.contact-us-sec .contact-num a::after{
	content: '';
    width: 24px;
    height: 24px;
    background: url(./images/call-icon.svg) no-repeat center center;
    position: absolute;
    display: block;
    top: 5px;
    left: 0;
}
.image-content-section.contact-us-sec .contact-address::after{
	content: '';
    width: 24px;
    height: 24px;
    background: url(./images/address-icon.svg) no-repeat center center;
    position: absolute;
    display: block;
    top: 5px;
    left: 0;
}
.image-content-section.contact-us-sec .social-icon-outer{
	margin-top: 40px;
}
@media(max-width: 991px){
	.image-content-section.contact-us-sec .contact-email{
		margin: 20px 0px; 
	}
	.image-content-section.contact-us-sec .contact-address,
	.image-content-section.contact-us-sec .contact-num{
		margin-top: 20px;
	}
	.image-content-section.contact-us-sec .title-wrapper{
		display: block;
	}
}

.content-page-sec .post-entry p{
	margin-bottom: 20px;
}

/*  404 Page */
.page-404-wrapper{
	padding: 50px 10px;
	max-width: 700px;
	width: 100%;
	margin: auto;
	text-align: center;
	border-radius: 15px;
	border: 2px solid #000000;
	position: relative;
}
.page-404-wrapper .hd-type1{
	padding: 0px;
	font-weight: 700;
}
.page-404-wrapper .hd-type2{
	margin-bottom: 20px;
	font-weight: 700;
}
.page-404-wrapper .page-404-desc a{
	color: #333;
	text-decoration: underline;
}
.page-404-wrapper .page-404-desc a:hover{
	text-decoration: none;
}
.page-404-wrapper .btn-type1{
	margin-top: 20px;
}

.archive .latest-outer-bg-img::after,
.archive .latest-news-sec .latest-bg-img::before,
.archive .latest-news-sec .latest-bg-img::after{
	display: none;
}
.archive .latest-news-sec .latest-news-listing .latest-news-box{
	padding: 0px;
}
.archive .latest-news-sec .latest-news-listing .latest-news-box .latest-news-box-inner{
	width: fit-content;
}
.archive .latest-news-sec .latest-news-listing .latest-news-box{
	margin-bottom: 40px;
}
.archive .latest-news-sec .cms-type1.desc{
	margin: 20px 0 60px;
	max-width: 800px;
	width: 100%;
}

.mailpoet_form.mailpoet_form_successfully_send .mailpoet_validate_success{
	background-color: #fff;
	padding: 10px;
}
.parsley-errors-list li{
	font-size: 16px;
}
#mailpoet_form_1 .mailpoet_paragraph{
	position: relative;
}
.parsley-errors-list.filled{
	position: absolute;
	bottom: 0px; 
	right: 30px;
}

.only-map-sec .map-img-outer{
	position: relative;
}
.only-map-sec .map-img-outer .pincode{
	position: absolute;
    left: 30px;
    bottom: 30px;
    background: #FFFFFF;
    z-index: 400;
    padding: 20px;
    border-radius: 15px;
    font-size: 20px;
    font-family: 'greycliff-cf';
}

/* .progress{
	margin-bottom: 0px;
}
.givewp-donation-form>.givewp-layouts-header, 
.givewp-donation-form__steps-body,
.givewp-donation-form__steps-header,
.givewp-donation-form__steps-footer{
	background: #F4F4F4;
} */

.leaflet-container.leaflet-touch-drag{
	border-radius: 30px;
}

#os-suggestions{
	max-width: 932px;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.5);
	border-radius: 15px;
}
#os-suggestions div{
	padding: 10px 8px;
}
#os-suggestions div:hover{
	background-color: #333333;
	color: #fff;
}

.language-switcher .gt_float_switcher .gt-selected .gt-current-lang img{
	display: none;
}
.language-switcher .gt_float_switcher .gt_options .nturl img{
	display: none;
}
.language-switcher .gt_float_switcher .gt-selected .gt-current-lang{
	font-size: 20px;
    font-weight: 700;
    font-family: 'greycliff-cf';
	padding: 2px;
	background: #F4F4F4;
}
.language-switcher  .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code{
	text-transform: uppercase;
}
.language-switcher .gt_float_switcher{
	box-shadow: none;
}
.language-switcher .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{
	background-image: url('./images/down-arrow.svg');
	background-size: 15px;
	transform: rotate(0deg);
}
.language-switcher .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate{
	transform: rotate(180deg);
}
.language-switcher .gt_float_switcher .gt_options a{
	padding: 10px 5px;
	font-size: 20px;
    font-weight: 700;
    font-family: 'greycliff-cf';
	color: #333;
	background-color: #F4F4F4;
}
.language-switcher .gt_float_switcher .gt_options a:hover{
	color: #FFF;
	background-color: #333;
}
.language-switcher .gt_selector.notranslate{
    appearance: none;
	background: #F4F4F4 url('./images/down-arrow.svg') no-repeat bottom 20px right;
    border: none;
    box-shadow: none;
    font-size: 18px;
    font-weight: 700;
    font-family: 'greycliff-cf';
	height: 50px;
	padding-right: 30px;
	cursor: pointer;
	width: 90px;
}
.language-switcher .gt_selector.notranslate option{
	font-size: 18px;
    font-weight: 700;
    font-family: 'greycliff-cf';
}
.language-switcher .gt_selector.notranslate option:first-child{
	display: none;
}
@media(max-width: 1299px){
	.header-row #secondary-header{
		gap: 20px;
	}
}
@media(max-width: 991px){
	.header-row #secondary-header{
		gap: 45px;
		justify-content: end;
	}
}
@media(max-width: 767px){
	.header-row #secondary-header{
		gap: 20px;
	}
}

.wpcf7-form-control-wrap{
	display: block;
}
.supoort-form-outer .row p{
	position: relative;
}
.supoort-form-outer .row p .wpcf7-spinner{
	position: absolute;
	top: 0px;
	left: 250px;
}
.image-content-section.contact-us-sec .social-icon-outer:last-child{
	margin-top: 80px;
}
@media(max-width: 991px){
	.image-content-section.contact-us-sec .social-icon-outer:last-child{
		margin-top: 40px;
	}
}
@media(max-width: 768px){
	.candidates-quebox{
		padding-bottom: 40px;
	}
}
@media(max-width: 576px){
	.header-row #secondary-header{
		gap: 12px;
	}
/* 	#secondary-header .language-switcher{
		display: none;
	} */
	.language-switcher .gt_selector.notranslate {
		appearance: none;
		background: #f4f4f4 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDJMOSA5TDIgMiIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) no-repeat bottom 14px right;
		background-size: 15%;
		border: none;
		box-shadow: none;
		font-size: 15px;
		font-weight: 700;
		font-family: "greycliff-cf";
		height: 40px;
		padding-right: 18px;
		cursor: pointer;
	}
}


.loginstep-first .login-divider div{
	text-transform: lowercase;
}
.image-content-section .content-sec .cms-type1 p:last-child{
	margin-bottom: 0px;
}
.top-banner-sec .top-banner-intro .cms-type1 p:last-child{
	margin-bottom: 0px;
}
.user-outer .user-name{
	background: #fff;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    display: inline-flex;
    border: 2px solid #333333;
    padding: 0;
    text-align: center;
    color: #333333;
    justify-content: center;
    align-items: center;
	transition: 0.3s;
	font-size: 14px;
}
.user-outer .user-name:hover{
	background: #333333;
	color: #fff;
}
.user-outer{
	height: 35px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.user-outer .user-icon{
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2px;
}


.page-template-primary-election .news-letter-sec{
	margin: 90px 0 180px;
}
.page-template-flexible-template .news-letter-sec{
	margin-top: 40px;
}
@media (max-width: 1199px) {
	.page-template-primary-election .news-letter-sec{
		margin: 65px 0px 130px;
	}
	.page-template-flexible-template .news-letter-sec{
		margin-top: 35px;
	}
}
@media (max-width: 768px) {
	.page-template-primary-election .news-letter-sec{
		margin: 40px 0px 80px;
	}
	.page-template-flexible-template .news-letter-sec{
		margin-top: 25px;
	}
}

.user-outer .user-wrapper{
	position: relative;
	display: inline-block;
}
.user-outer .user-wrapper.log-in{
	min-width: 35px;
}
.user-outer .user-wrapper.register{
	min-width: 102px;
}
.user-outer .user-wrapper.log-in{
	cursor: pointer;
	text-align: center;
}

.user-outer .user-wrapper.log-in .user-icon-txt{
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 1;
	text-wrap-mode: nowrap;
}
.user-outer .user-wrapper.log-in .user-dropdwon .account-menu{
	text-align: end;
}
.user-outer .user-wrapper .user-dropdwon{
	display: none;
}
.user-outer .user-wrapper:hover .user-dropdwon{
	position: absolute;
	z-index: 1;
	display: block !important;
	padding: 20px 0px;
	top: 35px;
	right: -10px;
	max-width: fit-content;
	width: auto;
	
}
.user-outer .user-wrapper .user-dropdwon .account-menu{
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px 10px;
	background-color: #fff;
	border-radius: 10px;
}
.user-outer .user-wrapper .user-dropdwon .account-menu a{
	color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    transition: 0.3s;
	text-wrap-mode: nowrap;
}
.user-outer .user-wrapper .user-dropdwon .account-menu .user-email{
	text-wrap-mode: nowrap;
}
.user-outer .user-wrapper .user-dropdwon .account-menu a:hover{
	text-decoration: underline;
}
.centered-image-section.center-primary .section-image{
	position: relative;
}
.centered-image-section.center-primary .section-image .cen-pincode{
	position: absolute;
	bottom: 120px;
	left: 50%;
	transform: translatex(-50%);
}
.centered-image-section.center-primary .section-content{
	margin-top: 50px;
	text-align: center;
	max-width: 100%;
}
@media(max-width: 1199px){
	.centered-image-section.center-primary .section-content{
		margin-top: 40px;
	}
}
@media(max-width: 767px){
	.centered-image-section.center-primary .section-content{
		margin-top: 30px;
	}
}
@media(max-width: 575px){
	.user-outer .user-wrapper .user-dropdwon .account-menu .user-email{
		text-wrap-mode: unser;
		word-break: keep-all;
	}
	.centered-image-section.center-primary .section-content{
		margin-top: 25px;
	}
	.centered-image-section.center-primary .section-image .cen-pincode{
		bottom: 50px;
		font-size: 25px;
	}
}
.candidates-quebox .candidates-quebox-inner .inner-box-bg.start-question{
	min-height: 400px;
	display: flex;
	justify-content: center;
    align-items: center;
}
.search-form label{
	margin: 0px;
}
.centered-image-section .map-img-outer{
	position: relative;
    display: flex;
    justify-content: center;
}
.centered-image-section .map-img-outer .pincode{
	position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translatex(-50%);
    z-index: 400;
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    font-size: 20px;
    font-family: 'greycliff-cf';
}

.centered-image-section .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{
	border-radius: 100%;
}
.otgs-development-site-front-end{
	display: none;
}
.login-form .form-group input[readonly]{
	opacity: 0.7;
}
@media(max-width: 1199px){
	.only-map-sec .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom,
	.centered-image-section .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{
    	width: 460px !important;
        height: 460px !important;
    }
}
@media(max-width: 991px){
    .centered-image-section .map-img-outer .pincode{
    	bottom: 50px;
    }
	.only-map-sec .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{
    	width: 100% !important;
        height: 460px !important;
    }
}
@media(max-width: 768px){
	.only-map-sec .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{
    	width: 100% !important;
        height: 390px !important;
    }
     .centered-image-section .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{
    	width: 390px !important;
        height: 390px !important;
    }
}
@media(max-width: 575px){
    .centered-image-section .map-img-outer .pincode{
    	font-size: 15px;
    }
    .centered-image-section.center-primary .section-content .btn-type1{
    	margin-top: 25px;
    }
}
@media(max-width: 450px){
/* 	.only-map-sec .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom, */
    .centered-image-section .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{
        max-width: 320px !important;
        max-height: 320px !important;
    }
    .centered-image-section .map-img-outer .pincode{
    	font-size: 13px;
    }
}
@media(max-width: 390px){
/* 	.only-map-sec .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{
        max-width: 300px !important;
        max-height: 300px !important;
    } */
}
.mailpoet_form .mailpoet_message{
	background: #fff;
    font-size: 15px;
    border-radius: 5px;
}

.mfp-content{
	max-width: 600px;
    margin: auto;
    padding: 40px 15px;
    background: #fff;
    position: relative;
    border-radius: 30px;
} 
.mfp-content .mfp-close{
	font-size: 0px;
    width: 35px;
    height: 35px;
    background: url(./images/close-icon-popup.svg) no-repeat center center;
    background-size: contain;
    border: none;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1;
}
.mfp-content .mfp-close:hover{
	opacity: 0.8;
}

#cookie-notice{
	background-color: #333333
}
cn-text-container{
    font-size: 14px;
    font-family: 'greycliff-cf';
}
#cookie-notice .cn-button:not(.cn-button-custom){
	    background-color: #333333 !important;
    color: #fff;
    border-radius: 25px;
    width: fit-content;
    height: fit-content;
    border: 3px solid #333333;
}
#cookie-notice .cn-button:not(.cn-button-custom):hover{
	background-color: #fff !important;
    color: #333;
}

#hu .hu-btn.hu-btn-lg{
	display: inline-block;
    color: #F4F4F4;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    padding: 10px 13px;
    background-color: #333333;
    border: 3px solid #333333;
    border-radius: 50px;
    text-align: center;
    text-decoration: none;
    transition: 0.3s;
}
#hu .hu-btn.hu-btn-lg:hover{
	background-color: #fff;
    color: #333333;
}
.vote-popup-content .btn-outer{
	text-align: center;
    margin-top: 20px;
}
.vote-popup-content .btn-type1{
	font-size: 18px;
    min-width: fit-content;
    min-width: 150px;
}

.news-form .form-control{
	background: transparent;
    border: none;
}
.news-form .cf7-cf-turnstile{
	display: none;
}
.news-btn input[type="submit"]{
    border: none;
    height: 60px;
    border-radius: 40px;
    background: #fff;
    color: #333;
    margin: 0;
    width: 100%;
    font-weight: 700;
}
.news-btn input[type="submit"]:hover{
	background: var(--page-color);
    color: #fff;
}
.news-btn input[type="submit"]:focus{	
	outline: none;
    border: none;
}
.news-form{
	display: flex;
}
.news-form.candidate-form{
	display: block;
}
.news-form.candidate-form input[type="email"]{
	max-width: calc(100% - 29%);
}
.news-form .form-control:first-child{
	width: 70%;
}
.news-form .form-control:last-child{
	width: 30%;
}
.news-form .form-control:last-child br{
	display: none;
}
.news-form .form-control:last-child p{
	margin: 0px;
}
.news-form .wpcf7-not-valid-tip{
	position: absolute;
    bottom: 0;
    right: 20px;
    font-size: 15px;
}
.wpcf7 form .wpcf7-response-output{
	background: #fff;
}
.supoort-form-outer .wpcf7-spinner{
	width: 24px !important;
}
@media(max-width: 991px){
    .news-form .form-control:first-child{
        width: 65%;
    }
    .news-form .form-control:last-child{
        width: 35%;
    }
    .news-form.candidate-form input[type="email"]{
        max-width: calc(100% - 24%);
    }
}
@media(max-width: 767px){
 	.news-form{
    	flex-wrap: wrap;
    }
    .news-form .form-control:first-child{
        width: 100%;
    }
    .news-form .form-control:last-child{
        width: 100%;
    }
    .news-form.candidate-form input[type="email"]{
        max-width: 100%;
    }
}
#cookie-notice{
	background-color: #fff !important;
    border-top: 1px solid #333;
}
.cookie-notice-container{
	display: flex !important;
    gap: 15px;
    align-items: center;
}
#cn-notice-text{	
	color: #333;
    text-align: left;
    font-size: 15px;
}
#cn-notice-text a{
	color: #333;
    text-decoration: underline;
}
#cn-notice-text a:hover{
	color:  #f87988;
}
#cn-notice-buttons{
	display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
}
#cn-close-notice{
	display: none;
}
.cn-close-icon{
	top: 15px;
    opacity: 1;
}
.cn-close-icon:after, .cn-close-icon:before{
	background-color: #333;
}
.cn-close-icon:hover::after, .cn-close-icon:hover::before{
	background-color: #f87988;
}
#signup .password-outer{
	display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}
#signup .password-outer #password{
	max-width: calc(50% - 20px);
}
#signup .password-outer .form-label.with-google{
	position: relative;
    margin: 0px;
    padding-left: 30px;
}
#signup .password-outer .form-label.with-google::before{
	content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background: url('./images/green-tick-icon.svg') no-repeat center center;
    background-size: 25px;
    top: -2px;
    left: 0px;
}
.signupform .change-pwd a:hover{
	text-decoration: underline !important;
}
.community-sec  .btn-type1{
	margin-top: 40px;
}
.community-sec .community-voices-box .cms-type1 a{
	color: #333;
	text-decoration: underline;
}
.community-sec .community-voices-box .cms-type1 a:hover{
	text-decoration: none;
}
.form-group.TandC{
	margin-bottom: 20px;
}
.vote-popup-content#calendly-popup-content iframe{
	height: 600px;
}
.page-id-427 .mfp-content{
	max-width: 1080px;
	width: 100%;
}
@media(max-width: 1299px){
	.vote-popup-content#calendly-popup-content iframe{
		height: 500px;
	}
}
@media(max-width: 991px){
	.cookie-notice-container{
    	flex-wrap: wrap;
        justify-content: center;
    }
	.community-sec  .btn-type1{
		margin-top: 30px;
	}
	.vote-popup-content#calendly-popup-content iframe{
		height: 550px;
	}
}
@media(max-width: 767px){
	#signup .password-outer #password{
    	max-width: 100%;
    }
    #signup .password-outer .form-label.with-google{
    	margin-top: 5px;
    }
	.postcode-outer .search-field::placeholder{
		font-size: 16px;
	}
	.vote-popup-content#calendly-popup-content iframe{
		height: 500px;
	}
}
.single-election_type .image-content-section .content-image.svg-image.image img{
	object-fit: contain;
}
.image-content-section .content-image img{
	max-width: 446px;
	max-height: 446px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}


.cky-notice-des {
    color: #333;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}
.cky-notice-btn-wrapper .cky-btn{
	color: #FFFFFF !important;
    border-color: #333 !important;
    background-color: #333 !important;
	border-radius: 25px !important;
}
.cky-preference-content-wrapper a{
	color: #333 !important; 
	text-decoration: underline;
}
.cky-preference-content-wrapper a:hover{
	text-decoration: none;
}
.cky-preference-content-wrapper .cky-show-desc-btn {
    color: #333 !important;
}
.cky-notice-btn-wrapper .cky-btn.cky-btn-customize{
	background: transparent !important;
	color: #333 !important;
}

.cky-notice-des a{
	color: #333;
	text-decoration: underline;
}

.cky-notice-des a:hover{
	text-decoration: none;
}
.cky-btn-revisit-wrapper{
	background-color: #333 !important;
}
.cky-switch .toggle-opt {
	font-weight: 600;
    line-height: 24px;
    font-size: 14px;
	color: #333;
	margin-right: 10px;
}
.register-thank-you .cms-type1{
	margin: 10px 0px;
}
.register-thank-you{
	text-align: center;
}
.register-thank-you .btn-outer{
	margin-top: 40px;
}
.register-thank-you .btn-outer .btn-type2{
	max-width: 275px;
}
.communication-preferences .preference input[type="checkbox"]{
	appearance: none;
	position: relative;
    width: 20px;
    height: 20px;
    border: 3px solid #333;
    background: #fff;
    padding: 2px;
}
.communication-preferences .preference input[type="checkbox"]:focus{
	outline: none;
	box-shadow: none;
}
.communication-preferences .preference input[type="checkbox"]:checked::after {
    content: '';
    width: 5px;
    height: 10px;
    display: block;
    border: solid #000;
    border-width: 0 2px 2px 0;
    left: 5px;
    top: 1px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media(max-width: 410px){
	.user-outer{
		gap: 10px;
	}
}
.loginstep .logos{
	padding-top: 40px;
	text-align: center;
}
.page-id-477 .top-banner-sec{
	margin-bottom: -20px;
}
@media(max-width: 767px){
	.page-id-477 .top-banner-sec .top-banner-intro .hd-type1{
		text-align: center;
	}
	.page-id-477 .top-banner-sec{
		margin-bottom: -20px;
		margin-top: 40px;
	}
}


.blog-listing-sec .blog-list-grid{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 20px;
}
.blog-listing-sec .blog-list-grid .blog-box{
	filter: drop-shadow(0 7.433px 7.433px rgba(0, 0, 0, 0.16));
	border-radius: 20px;
	background: #fff;
	display: flex;
	flex-direction: column;
}
.blog-listing-sec .blog-list-grid .blog-box .blog-box-img{
	overflow: hidden;
	border-radius: 20px 20px 0 0;
}
.blog-home-sec.blog-listing-sec .blog-list-grid .blog-box img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 300px;
    border-radius: 20px 20px 0 0;
	transition: 0.3s;
}
.blog-listing-sec .blog-list-grid .blog-box img:hover{
	transform: scale(1.1);
	border-radius: 20px 20px 0 0;
}
.blog-listing-sec .blog-list-grid .blog-box .blog-box-footer{
	padding: 20px;
	text-align: left;
}
.blog-listing-sec .blog-list-grid .blog-box .blog-box-content{
	flex-grow: 1;
	padding: 20px;
}
.blog-listing-sec .blog-list-grid .blog-box .blog-box-content .hd-type3 a{
	color: #333;
}
.blog-listing-sec .blog-list-grid .blog-box .blog-box-content .hd-type3 a:hover{
	text-decoration: underline;
}
.blog-listing-sec .blog-list-grid .blog-box .blog-box-content .cms-type1{
	margin-top: 15px;
}

.blog-detail-sec .blog-detail-img img{
	max-height: 546px;
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 20px;
}
.blog-detail-sec .content-page-sec{
	margin-top: 25px;
}
.blog-detail-sec .content-page-sec p{
	margin-bottom: 30px;
}
.blog-detail-sec .content-page-sec h2,
.blog-detail-sec .content-page-sec h3,
.blog-detail-sec .content-page-sec h4,
.blog-detail-sec .content-page-sec h5{
	margin-top: 20px;
	margin-bottom: 30px;
}
.blog-detail-sec .content-page-sec h2{
	color: #333;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.08;
}
.blog-detail-sec .content-page-sec h3{
	color: #333;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.14;
}
.blog-detail-sec .back-outer{
	margin-bottom: 20px;
}
.blog-detail-sec .back-outer .backlink{
	position: relative;
	top: unset;
	left: unset;
	
}
.blog-listing-sec .blog-list-grid .blog-box .blog-box-footer a{
	color: #333333;
	text-decoration: underline;
	text-decoration-style: solid;
	transition: all 0.3s ease;
	font-weight: 600;
}
.blog-listing-sec .blog-list-grid .blog-box .blog-box-footer a:hover{
	text-decoration: none;
}
.blog-home-sec.blog-listing-sec .blog-list-grid{
	display: block;
}
.blog-home-sec.blog-listing-sec .blog-list-grid .blog-box-outer{
	padding: 0 10px;
}
.blog-home-sec.blog-listing-sec .slick-list{
	margin: 0 -10px;
	padding-bottom: 15px;
}
.blog-home-sec.blog-listing-sec .btn-outer{
	text-align: center;
	margin-top: 40px;
	display: flex;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}
.blog-home-sec.blog-listing-sec .intro{
	margin-bottom: 40px;
}
.blog-home-sec.blog-listing-sec .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    width: 20px;
    height: 30px;
    background: url(./images/left-arrow.svg) no-repeat center center;
    font-size: 0px;
    border: 0px;
}
.blog-home-sec.blog-listing-sec .slick-next.slick-arrow {
    right: -60px;
    background: url(./images/right-arrow.svg) no-repeat center center;
    z-index: 2;
}
.blog-home-sec.blog-listing-sec .slick-prev.slick-arrow {
    left: -60px;
    background: url(./images/left-arrow.svg) no-repeat center center;
    z-index: 2;
}
.blog-home-sec.blog-listing-sec .blog-list-grid .slick-track{
	display: flex !important;
	height: 100%;
}
.blog-home-sec.blog-listing-sec .blog-list-grid .blog-box-outer{
	height: initial;
}
.blog-listing-sec .blog-list-grid .blog-box{
	height: 100%;;
}

@media(max-width: 1199px){
	.blog-listing-sec .blog-list-grid{
		grid-template-columns: repeat(2,1fr);
	}
	.blog-detail-sec .content-page-sec h2{
		font-size: 40px;
	}
	.blog-detail-sec .content-page-sec h3{
		font-size: 26px;
	}
}
@media(max-width: 767px){
	.blog-listing-sec .blog-list-grid{
		grid-template-columns: repeat(1,1fr);
	}
	.blog-detail-sec .content-page-sec h2{
		font-size: 30px;
	}
	.blog-detail-sec .content-page-sec h3{
		font-size: 22px;
	}
}

/*--------------------------------------------------------------
Category Carousel Section
--------------------------------------------------------------*/
.category-carousel-section {
}

.carousel-wrapper {
	display: flex;
	align-items: center;
	gap: 20px;
	position: relative;
}
/* .carousel-wrapper::before {
content: "";
position: absolute;
top: 0;
left: 30px;
width: 120px;
height: 100%;
pointer-events: none;
background: linear-gradient(
to right,
rgba(244, 244, 244, 1) 0%,
rgba(244, 244, 244, 0) 100%
);
z-index: 1;
} */
.carousel-wrapper::after {
	content: "";
	position: absolute;
	top: 0;
	right: 30px;
	width: 120px;
	height: 100%;
	pointer-events: none;
	background: linear-gradient(
		to left,
		rgba(244, 244, 244, 1) 0%,
		rgba(244, 244, 244, 0) 100%
	);
	z-index: 1;
}
@media (max-width: 768px) {
	.carousel-wrapper {
		gap: 15px;
	}
}

@media (max-width: 576px) {
	.carousel-wrapper {
		gap: 10px;
	}
}

.carousel-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 20px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	padding: 0;
	flex-shrink: 0;
	transition: opacity 0.3s ease;
	position: relative;
	z-index: 2;
}

.carousel-arrow:hover {
	opacity: 0.7;
}

.carousel-arrow:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.carousel-arrow svg {
	width: 100%;
	height: 100%;
}

.carousel-container {
	flex: 1;
	overflow: hidden;
	position: relative;
}

.carousel-track {
	display: flex;
	gap: 15px;
	transition: transform 0.3s ease;
	will-change: transform;
}

@media (max-width: 768px) {
	.carousel-track {
		gap: 12px;
	}
}

@media (max-width: 576px) {
	.carousel-track {
		gap: 10px;
	}
}
.carousel-track .slick-slide {
	margin-right: 15px;
}
.carousel-track .slick-slide:last-child {
	margin-right: 0;
}
.category-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 7px 10px 8px;
	border: 3px solid #d9d9d9;
	border-radius: 10px;
	background-color: #ffffff;
	color: #333333;
	font-family: "greycliff-cf", sans-serif;
	font-size: 16px;
	line-height: 19px;
	font-weight: 400;
	white-space: nowrap;
	cursor: pointer;
	transition: all 0.3s ease;
	flex-shrink: 0;
}

.category-btn:hover {
	border-color:  var(--page-color);
	background-color: #f9f9f9;
}

.category-btn-active {
	background-color: var(--page-color);
	color: #ffffff;
	border-color: var(--page-color);
}

.category-btn-active:hover {
	background-color: var(--page-color);
	border-color:var(--page-color);
	opacity: 0.9;
}

@media (max-width: 768px) {
	.category-btn {
		font-size: 14px;
		border-width: 2px;
	}
}

.page-id-556 .carousel-container .slick-dots{
	bottom: auto;
	position: relative;
	margin-top: 20px;
	height: 10px;
	background: rgb(217, 217, 217);
	border-radius: 10px;
}
.page-id-556 .carousel-container .slick-track{
	display: flex;
    gap: 15px;
    transition: transform 0.3s ease;
    will-change: transform;
}
.page-id-556 .carousel-container .slick-dots li{
	width: 100%;
	height: 10px;
	margin: 0px;
	padding: 0px;
	background-color: rgb(217, 217, 217);
	border-radius: 10px;
}
.page-id-556 .carousel-container .slick-dots li.slick-active{
	background-color: var(--page-color) !important;
}
.candidates-quebox .category-carousel-section{
	margin-bottom: 40px;
}



/* Phasee 2 CSS */
.main-layout { background:#fff; padding:40px; border-radius:30px; max-width:446px; position:relative; }
.main-header-title{ font-size:48px; line-height:52px; font-weight:400; margin-bottom:60px;}
.header-title{ font-size:28px; line-height:32px; font-weight:400; margin: 0 0 40px; }
.candidate-slot { display:flex; align-items:center; padding:10px; background:#F4F4F4; border-radius:10px; margin-bottom:20px; }
.circle { width:40px; height:40px; background:#333; color:#fff; border-radius:50%; display:flex; justify-content:center; align-items:center; margin-right:10px; font-weight:bold; font-size:26px; line-height:30px; flex: 0 0 40px; }
.select-btn, .continue-btn { cursor:pointer; min-width:164px; }
.continue-btn { display: inline-block;margin: 40px 0 0; padding: 6px 13px 10px;}
.continue-btn.disabl-btn{pointer-events: none; opacity: 1;cursor: not-allowed;background-color: #f4f4f4;border-color: #f4f4f4;color: #D9D9D9;}
.candidate-display { display:flex; align-items:center; gap:10px; }
.candidate-display img { width:40px; height:40px; border-radius:6px; object-fit:cover; }
.remove-btn { border:none; cursor:pointer; padding:4px; background: url('./images/close-icons.svg') no-repeat center center; background-position: center; background-size: contain; background-repeat: no-repeat; font-size: 0; width: 25px;  height: 25px; }
#candidateModal.modal-overlay { display:none; position:absolute; z-index:10; left:95%; top:20%; width:100%; height:100%; /*background:rgba(0,0,0,0.45);*/ justify-content:center; align-items:center; }
#candidateModal #candidateListContainer{ max-height:calc(100vh - 200px); overflow:auto;}
#candidateModal .modal-content { background:#fff; box-shadow:0px 5px 10px rgba(0,0,0,0.25); padding:40px; border-radius:30px; width:446px; max-width:446px; }
#candidateModal .modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; font-size:28px; line-height:32px; font-weight:400; position:relative; }
#candidateModal .modal-header h2{ margin-bottom:0; font-size:28px; line-height:32px;}
#candidateModal .close-button { cursor:pointer; font-size:0; border-radius:50%; background: url('./images/close-icon-popup.svg') no-repeat center center; background-position: center; background-size: contain; background-repeat: no-repeat; width:40px; height:40px; position:absolute; right:-20px; top:-20px; transition:all 0.5s; }
#candidateModal .close-button:hover{ opacity: 0.7;}
#candidateModal .candidate-item{
	padding:8px 8px;
	border:2px solid #D9D9D9;
	border-radius:10px;
	margin-bottom:10px;
	transition: all 0.5s;
}
#candidateModal .candidate-item:last-child{ margin-bottom:0;}
#candidateModal .candidate-item:hover{ background-color:#f0f8ff;}
#candidateModal .candidate-item.candidate-disabled{ background-color:#F4F4F4;}
#candidateModal .candidate-item.candidate-disabled .candidate-name{ color:#D9D9D9; }
#candidateModal .candidate-item .candidate-name{ font-size:20px; line-height:27px;}
.candidate-item { display:flex; align-items:center; cursor:pointer; width:100%; font-size:18px; line-height:25px;  }
.candidate-item .candidate-picture-wrapper{
	margin-right:10px;
	padding: 5px;
	border-radius: 12px;
	background: #333333;
	flex:0 0 50px;
}
.candidate-item .candidate-picture-wrapper .avatar-container.candidate-picture { 
	width: 41px;
    height: 41px;
    flex-shrink: 0;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    border: 4px solid;
    position: relative;
    object-fit: cover; 
}
.avatar-container img { width:100%; height:100%; border-radius:10px; object-fit:cover; }
.modal.countiuemodal .and-btns .ans-btn{
	min-width: auto;
	font-size: 20px;
	padding: 15px 40px;
	line-height: 0.8;
}

.select-box {
  flex: 1;
	background-color:#ffffff;
  border: 2px dashed #333333;
  padding:18px 20px;
  border-radius: 10px;
  cursor: pointer;
  color: #333333;
	font-size:20px;
	line-height:26px;
  font-weight: 400;
  transition: background-color 0.2s;
	min-height:65px;
	display:flex;
	align-items:center;
}
.select-box:hover { background-color: #f0f8ff; }
.select-box .candidate-item .candidate-name{ flex:1; margin-right:10px;}
.selected-active .select-box{
	border:3px solid #333333;
	padding:4px 7px;
}
.selected-active .circle{ background-color:#38AFE5;}
.selected-active .select-box .candidate-item .candidate-name{ font-size:20px; line-height:25px;}
.action-buttons {
  display: flex;
  justify-content: space-between; /* pushes one left, one right */
  width: 100%;                    /* full width of parent */
  margin-top: 40px;
  gap:10px;
}
.action-buttons .btn-type1{ padding: 7px 13px 9px;}
.action-buttons .btn-type1#back-btn { 
  cursor: pointer;
  min-width:157px;
	background-color:#ffffff;
	color:#333333;
}
.action-buttons .btn-type1#back-btn:hover { background-color:#333333; color:#ffffff;} 
.action-buttons .btn-type1#save-btn { 
  cursor: pointer;
	min-width:191px;
}
.countiuemodal .modal-content .modal-body{ padding:0; }
.countiuemodal .modal-dialog{
	max-width:932px;
	width:100%;
}
.countiuemodal .modal-content{
	width:100%;
	margin: 0;
	border-radius:30px;
	border:0px;
	box-shadow:0px 5px 10px rgba(0,0,0,0.25);
	padding:80px 40px;
}
.countiuemodal .modal-cms{
	font-size:28px;
	line-height:32px;
}
#final_vote .final-notification{
    border-radius: 30px;
    max-width: 431px;
	margin-bottom:40px;
	border:25px solid #38AFE5;
	background: #38AFE5;
}
#final_vote .final-notification .final-content{
	background: #fff;
    padding: 20px;
    border-radius: 10px;
	text-align: center;
	min-height:437px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:28px;
	line-height:32px;
	font-weight:400;
	position:relative;
}
#final_vote .final-countine-btn{
	display:flex;
	align-items:center;
	justify-content:center;	
	max-width:446px;
}
#final_vote .final-countine-btn .btn-type1{
	min-width:164px;
	padding:7px 10px 9px;
}
@media (max-width: 1199px) {
	.countiuemodal .and-btns .ans-btn, .countiuemodal .and-btns .ans-btn:focus{
		flex: inherit;
		width:inherit;
		font-size:inherit;
		padding:8px 10px 10px;
		min-width:164px;
	}
}
@media(max-width: 1080px){
	.main-layout{ max-width:431px;}
	.main-header-title{
		font-size:38px;
		line-height:41px;
		margin-bottom:40px;
	}
	.header-title{
		font-size:26px;
		line-height: 30px;
	}
	.remove-btn {
		width:22px;
		height:22px;
		background-size:75% 75%;
	}
	#candidateModal.modal-overlay{ left:60%;}
	#candidateModal .modal-content{ max-width:431px;}
	.countiuemodal .modal-dialog{
		max-width:583px;
	}
	.countiuemodal .modal-cms{
		font-size:26px;
		line-height:30px;
		max-width:75%;
	}
	.countiuemodal .and-btns .ans-btn{ 
		flex: 0; 
		min-width:164px;
		font-size:20px;
		line-height:19px;
	}
	
	.action-buttons .btn-type1#back-btn{
		min-width:117px;
	}
	.action-buttons .btn-type1#save-btn{
		min-width:151px;
	}
	#final_vote .final-notification .final-content{
		font-size:26px;
		line-height:30px;
	}
}
@media(max-width: 767px){
	.main-layout{ padding:20px; max-width:100%;}
	.main-header-title{ font-size:36px; line-height:39px; margin-bottom:30px;}
	.select-box .candidate-item {
		font-size:16px;
		line-height:23px;
	}
	.candidate-item .candidate-picture-wrapper{ border-radius:10px;}
	.candidate-item .candidate-picture-wrapper .avatar-container.candidate-picture{ border-width:4px; border-radius:6px;}
	.countiuemodal .modal-content{ padding: 50px 30px; max-width:82%; margin: 0 auto;}
	.countiuemodal .modal-cms{max-width:100%; font-size: 24px; line-height: 28px;}
	.select-box{
		font-size:16px;
		line-height:23px;
	}
	#candidateModal .candidate-item .candidate-name,
	.select-box .candidate-item .candidate-name{text-align:left;}
	#candidateModal .candidate-item .candidate-name,
	.selected-active .select-box .candidate-item .candidate-name{ font-size:15px; line-height:18px;}
	.header-title{ 
		font-size: 26px;
        line-height: 30px;
		margin-bottom:20px;
	}
	.continue-btn{ margin-top:0; font-size:20px; padding-bottom:10px;}
	.remove-btn {
        width: 20px;
        height: 20px;
    }
	.circle{
		width:24px;
		height:24px;
		font-size: 16px;
    	line-height: 26px;
		flex: 0 0 24px;
	}
	#candidateModal.modal-overlay{
		position:fixed;
		left:0;
		top:0;
		background:rgba(0,0,0,0.45);
	}
	#candidateModal .modal-content{ 
		padding:20px;
		max-width: 100%;
        width: 82%;
	}
	#candidateModal .modal-header h2{ 
		font-size: 26px;
        line-height: 30px;
		margin-bottom:0px;
	}
	#candidateModal .close-button{
		top:-8px;
		right:-8px;
	}
	.countiuemodal .modal-dialog{
		max-width:100%;	
	}
	.action-buttons{flex-direction:column; margin-top:20px;}
	.action-buttons .btn-type1{
		border-width:3px;
		font-size:20px;
		padding-bottom:10px;
	}
	.action-buttons .btn-type1#back-btn {
        min-width: auto;
    }
	#final_vote .final-notification{
		border-width:20px;
		border-radius:20px;
		margin-bottom:30px;
	}
	#final_vote .final-notification .final-content {
        font-size: 26px;
        line-height: 30px;
		min-height:455px;
    }
	#final_vote .final-countine-btn .btn-type1{
		font-size:20px;
		line-height:28px;
		padding:8px 10px 10px;
	}
}
.answer-modal {
	position: fixed;
	z-index: 9999;
	left: 0; top: 0;
	width: 100%; height: 100%;
	background: rgba(0,0,0,0.6);
	display: flex; align-items: center; justify-content: center;
}
.answer-modal-content {
	background: #fff;
	padding: 40px;
	max-width: 600px;
	border-radius: 8px;
}
.answer-close {
	float: right;
	font-size: 24px;
	cursor: pointer;
}
/*--------------------------------------------------------------
17.0 - Local Primary Election Card
--------------------------------------------------------------*/
.single-election_type{
	.local-primary-election-card {
	}
	.box-card1 {
		width: 100%;
		border-radius: 30px;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
		background-color: #fff;
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}
	.box-card2 {
		width: 100%;
		border-radius: 30px;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
		background-color: #fff;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 40px;
	}
	.primary-election-innersec {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
		margin: 40px 0;
	}
	.primary-second-section {
		gap: 40px;
		margin: 40px 0px;
	}
	.primary-election-header {
		padding: 40px;
		display: flex;
		flex-direction: column;
		gap: 15px;
	}

	.primary-election-title {
		color: #333333;
		font-family: var(--font-type1), -apple-system, BlinkMacSystemFont, "Segoe UI",
			Roboto, "Helvetica Neue", Arial, sans-serif;
		font-size: 48px;
		font-weight: 400;
		line-height: 52px;
		margin: 0;
	}

	.primary-election-description {
		color: #333333;
		font-family: var(--font-type1), -apple-system, BlinkMacSystemFont, "Segoe UI",
			Roboto, "Helvetica Neue", Arial, sans-serif;
		font-size: 18px;
		font-weight: 400;
		line-height: 25px;
		margin: 0;
	}

	.primary-election-map-section {
		width: 100%;
		position: relative;
		overflow: hidden;
		flex-grow: 1;
	}

	.primary-election-map-image {
		width: 100%;
		height: 100%;
		display: block;
		border-radius: 0 0 30px 30px;
	}

	.primary-election-map-pin {
		width: 80px;
		height: 80px;
		position: absolute;
		bottom: 120px;
		right: 60px;
		border-radius: 50%;
	}
	.local-primary-election-card .leaflet-container.leaflet-touch-zoom{
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		height: 100% !important;
		min-height: 350px;
	}
	.primary-election-postcode-badge {
		position: absolute;
		bottom: 30px;
		left: 30px;
		background-color: #fff;
		border-radius: 15px;
		padding: 10px 20px;
		display: flex;
		align-items: center;
		gap: 10px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
		z-index: 401;
	}

	.postcode-label {
		color: #333333;
		font-family: var(--font-type1), -apple-system, BlinkMacSystemFont, "Segoe UI",
			Roboto, "Helvetica Neue", Arial, sans-serif;
		font-size: 20px;
		font-weight: 700;
		line-height: 1;
	}

	.postcode-value {
		color: #333333;
		font-family: var(--font-type1), -apple-system, BlinkMacSystemFont, "Segoe UI",
			Roboto, "Helvetica Neue", Arial, sans-serif;
		font-size: 18px;
		font-weight: 400;
		line-height: 25px;
	}
	@media (max-width: 1199px) {
		.primary-election-innersec {
			gap: 25px;
			margin: 25px 0;
		}
		.box-card2 {
			padding: 39px;
		}
	}
	@media (max-width: 991px) {
		.box-card2 {
			padding: 30px;
		}
		.primary-election-innersec {
			display: block;
			margin: 30px 0;
		}
		.primary-election-innersec .primary-election-header {
			padding: 30px;
		}
/* 		.primary-election-innersec .local-primary-election-card, */
		.primary-election-innersec .introduction-section{
			margin-bottom: 30px;
		}
	}
	/* Responsive Design - Tablets */
	@media (max-width: 767px) {
		.box-card2,
		.primary-election-innersec .primary-election-header {
			padding: 25px;
		}

		.local-primary-election-card {
			max-width: 100%;
		}

		.primary-election-header {
			padding: 30px;
			gap: 12px;
		}

		.primary-election-title {
			font-size: 36px;
			line-height: 42px;
		}

		.primary-election-description {
			font-size: 16px;
			line-height: 22px;
		}

		.primary-election-map-pin {
			width: 60px;
			height: 60px;
			bottom: 90px;
			right: 45px;
		}

		.primary-election-postcode-badge {
			bottom: 20px;
			left: 20px;
			padding: 8px 16px;
			border-radius: 12px;
		}

		.postcode-label {
			font-size: 18px;
		}

		.postcode-value {
			font-size: 16px;
			line-height: 22px;
		}
	}

	/* Responsive Design - Mobile (375px and up) */
	@media (max-width: 575px) {
		.primary-election-header {
			padding: 25px;
			gap: 10px;
		}

		.primary-election-title {
			font-size: 28px;
			line-height: 32px;
		}

		.primary-election-description {
			font-size: 14px;
			line-height: 20px;
		}

		.primary-election-map-pin {
			width: 50px;
			height: 50px;
			bottom: 70px;
			right: 35px;
		}

		.primary-election-postcode-badge {
			bottom: 15px;
			left: 15px;
			padding: 6px 12px;
			border-radius: 10px;
			gap: 8px;
		}

		.postcode-label {
			font-size: 16px;
		}

		.postcode-value {
			font-size: 14px;
			line-height: 18px;
		}
	}

	/*--------------------------------------------------------------
	18.0 - Introduction Section with Candidates
	--------------------------------------------------------------*/
	.introduction-section {
		/* gap: 25px; */
	}
	.introduction-section .hd-type2 {
		margin-bottom: 40px;
	}
	.video-player-wrapper {
		width: 100%;
		position: relative;
		border-radius: 30px;
		overflow: hidden;
		background-color: #f0f0f0;
		margin-bottom: 15px;
		flex-grow: 1;
		max-height: 360px;
	}

	.video-player-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.video-player-element {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 1;
	}
	iframe {
		width: 100%;
		height: 360px !important;
		@media(max-width: 575px){
			height: 268px !important;
		}
	}
	.introduction-section .fluid-width-video-wrapper{
		padding-top: 0px !important;
	}
	.video-play-button-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: rgba(0, 0, 0, 0.2);
		cursor: pointer;
		transition: background-color 0.3s ease;
	}

/* 	.video-play-button-overlay:hover {
		background-color: rgba(0, 0, 0, 0.35);
	} */

	.video-play-button {
		border: none;
		background: transparent;
		cursor: pointer;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: transform 0.3s ease;
	}

	.video-play-button:hover svg {
		transform: scale(1.1);
	}

	.video-play-button svg {
		width: 80px;
		height: 80px;
		transition: transform 0.3s ease;
	}
	.video-player-wrapper .candidate-image{
		aspect-ratio: unset;
		object-fit: unset;
	}
	.candidate-label {
		color: #333333;
		font-size: 20px;
		font-weight: 700;
		line-height: 24px;
		margin-bottom: 0px;
	}

	.candidates-grid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(74px, 1fr));
		gap: 25px;
		width: 100%;
		
	}
	.introduction-section .candidates-grid{
		width: fit-content;
		display: flex;
		margin: 0 auto 30px;
		gap: 50px;
		
		@media(max-width: 575px){
			gap: 25px;
		}
	}
	.candidate-card {
		display: flex;
		flex-direction: column;
		gap: 10px;
		align-items: flex-start;
		transition: 0.3s;
	}
	.candidate-card:hover{
		transform: scale(1.1);
		transition: 0.3s;
	}

	.candidate-card-inner {
		width: 100%;
		border-radius: 15px;
		padding: 7px;
		background-color: #333333;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		overflow: hidden;
		max-width: 100px;
		max-height: 100px;
	}

	.candidate-image {
		width: 100%;
		height: 100%;
		aspect-ratio: 1 / 1;
		border-radius: 10px;
		border-width: 5px;
		border-style: solid;
		object-fit: cover;
	}

	.candidate-card-selected {
		position: relative;
	}

	.candidate-play-icon {
		display: block;
		position: absolute;
		bottom: 15px;
		right: 15px;
/* 		transform: translateX(-50%); */
		width: 20px;
		height: 20px;
		z-index: 10;
		cursor: pointer;
	}

	.candidates-grid .candidate-card .candidate-name {
		color: #333333;
		font-size: 15px;
		font-weight: 700;
		line-height: 18px;
		max-width: 75px;
		width: 100%;
        margin: auto;
        text-align: center;
		
	}
	@media (max-width: 1199px) {
		.candidates-grid {
			gap: 26px;
		}
	}
	/* Responsive Design - Tablets */
	@media (max-width: 767px) {
		.introduction-title {
			font-size: 36px;
			line-height: 42px;
		}

		.candidate-label {
			font-size: 18px;
/* 			margin: 0 0 15px 0; */
		}
		.introduction-section .candidates-grid{
			margin: 0 auto 15px;
		}

		.candidates-grid {
			gap: 40px;
		}
		.candidates-grid .candidate-card {
			align-items: center;
		}
		.candidate-card-inner {
			padding: 6px;
			border-radius: 12px;
		}

		.candidate-image {
			border-width: 4px;
			border-radius: 8px;
		}

		.candidate-name {
			font-size: 14px;
			line-height: 16px;
			text-align: center;
		}
	}

	/* Responsive Design - Mobile (375px and up) */
	@media (max-width: 575px) {
		.video-player-wrapper {
			border-radius: 15px;
			max-height: 268px;
		}

		.video-play-button svg {
			width: 60px;
			height: 60px;
		}

		.candidate-label {
			font-size: 16px;
/* 			margin: 0 0 12px 0; */
		}
		
		.introduction-section .candidates-grid{
			margin: 0 auto 12px;
		}

		.candidates-grid {
			gap: 15px;
		}

		.candidate-card-inner {
			padding: 5px;
			border-radius: 10px;
		}

		.candidate-image {
			border-width: 3px;
			border-radius: 6px;
		}

		.candidate-name {
			font-size: 12px;
			line-height: 14px;
		}

		.candidate-card-selected .candidate-play-icon {
			width: 36px;
			height: 36px;
		}
		.candidate-play-icon {
			right: 12px;
			bottom: 12px;
		}
	}

	/*--------------------------------------------------------------
	19.0 - At a Glance Section
	--------------------------------------------------------------*/
	.election-box {
		gap: 30px;
		transition: all 0.3s ease-in-out;
	}
	.election-box:hover {
		scale: 1.03;
		transition: all 0.3s ease-in-out;
	}
	.election-box .election-img .election-icons {
		max-width: 100%;
		max-height: 206px;
		object-fit: contain;
		width: auto;
		height: 100%;
	}
	.election-box .election-detail-desc {
		margin-top: 15px;
	}
	.at-glance-title {
		color: #333333;
		font-family: var(--font-type1), -apple-system, BlinkMacSystemFont, "Segoe UI",
			Roboto, "Helvetica Neue", Arial, sans-serif;
		font-size: 48px;
		font-weight: 400;
		line-height: 52px;
		margin: 0;
	}

	.at-glance-content {
		display: flex;
		flex-direction: column;
		gap: 25px;
	}

	.at-glance-candidates-row {
		display: flex;
		gap: 15px;
		justify-content: flex-end;
	}

	.at-glance-candidate-small {
		width: 44px;
		height: 44px;
		border-radius: 8.8px;
		border: 3.418px solid #333333;
		padding: 3px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #333333;
		flex-shrink: 0;
	}
	.at-glance-questions {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}

	.at-glance-question-row {
		display: grid;
		grid-template-columns: 1fr auto auto;
		gap: 15px;
		align-items: center;
	}

	.at-glance-question-text {
		color: #333333;
		font-size: 12px;
		font-weight: 400;
		line-height: 15px;
		text-align: left;
		padding: 15px;
		background-color: #f4f4f4;
		border-radius: 8.13px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.at-glance-answer {
		width: 44px;
		height: 44px;
		border-radius: 8.126px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #333333;
		font-size: 11px;
		font-weight: 400;
		line-height: 16px;
		flex-shrink: 0;
	}

	.at-glance-answer-yes {
		background-color: #53d3cc;
	}

	.at-glance-answer-no {
		background-color: rgba(83, 211, 204, 0.4);
	}
	@media (max-width: 1199px) {
		.primary-second-section {
			gap: 25px;
			margin: 25px 0;
		}
		.election-box .election-img .election-icons {
			max-width: 100%;
			max-height: 115px;
			object-fit: contain;
			width: auto;
			height: 100%;
		}
	}
	@media (max-width: 991px) {
		.primary-second-section {
			margin: 30px 0;
			flex-direction: column;
			gap: 30px;
		}
	}
	/* Responsive Design - Tablets */
	@media (max-width: 767px) {
		.at-glance-section {
			max-width: 100%;
			padding: 30px;
			margin: 30px 15px;
			border-radius: 25px;
			gap: 20px;
		}
		.at-glance-question-row {
			gap: 12px;
			padding: 12px;
			border-radius: 6px;
		}

		.at-glance-candidate-small {
			width: 40px;
			height: 40px;
			border-radius: 8px;
		}

		.at-glance-answer {
			width: 40px;
			height: 40px;
			font-size: 10px;
		}

		.at-glance-question-text {
			font-size: 11px;
			line-height: 14px;
		}
	}

	/* Responsive Design - Mobile (375px and up) */
	@media (max-width: 575px) {
		.at-glance-section {
			max-width: 100%;
			padding: 25px;
			margin: 20px auto;
			border-radius: 20px;
			gap: 15px;
		}

		.at-glance-title {
			font-size: 28px;
			line-height: 32px;
		}

		.at-glance-candidates-row {
			gap: 15px;
		}

		.at-glance-question-row {
			grid-template-columns: 1fr auto auto;
			gap: 10px;
			padding: 10px;
			border-radius: 6px;
		}

		.at-glance-candidate-small {
			width: 36px;
			height: 36px;
			border-radius: 7px;
			border-width: 2.5px;
			padding: 2px;
		}

		.at-glance-answer {
			width: 36px;
			height: 36px;
			border-radius: 7px;
			font-size: 9px;
			line-height: 14px;
		}

		.at-glance-question-text {
			font-size: 10px;
			line-height: 13px;
		}
	}

	/*--------------------------------------------------------------
	Candidate Slide Section - Responsive Design
	--------------------------------------------------------------*/
	.candidate-slide-section {
		margin-top: 40px;
	}
	.candidate-slide-section .candidate-slider-wrapper {
		margin-top: 40px;
		position: relative;
		width: 100%;
		padding: 0 30px;
	}

	.candidate-slide-section .candidate-slider {
		min-width: 0;
		display: flex;
		overflow-x: auto;
		padding-bottom: 30px;
	}
	.candidate-slide-item {
		flex: 0 0 auto;          /* prevent shrinking */
		width: 240px;            /* adjust slide width */
		margin-right: 16px;
	}
	.candidate-slider::-webkit-scrollbar {
		height: 10px; /* scrollbar thickness */
	}
	.candidate-slider::-webkit-scrollbar-track {
		background: rgb(217, 217, 217);
	}
	.candidate-slider::-webkit-scrollbar-thumb {
		background: #53d3cc;
		border-radius: 5px;
	}
	.candidate-slider::-webkit-scrollbar-thumb:hover {
		background: #53d3cc;    /* hover effect */
	}

	.candidate-slide-section .slick-list {
		margin: 0 -8px;
	}
	.candidate-slide-section .slick-track{
		display: flex;
	}
	.candidate-slide-section .candidate-slide-item {
		border-radius: 19.22px;
		background-color: #f4f4f4;
		padding: 30px 20px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		scroll-snap-align: start;
		transition: all 0.3s ease;
		margin: 0 8px;
		height: 100%;
	}
	.candidate-slider a{
		transition: 0.3s;
	}
	.candidate-slider a:hover{
		transition: 0.3s;
		transform: scale(1.05);
	}
	.candidate-slide-section .candidate-slide-content {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	.candidate-slide-section .candidate-slide-event-title {
		color: #333333;
		font-size: 20px;
		font-weight: 700;
		font-style: bold;
		line-height: 24px;
		margin: 0;
	}
	.candidate-slide-section .candidate-slide-nav {
		display: flex;
		gap: 15px;
		flex-shrink: 0;
	}
	.candidate-slide-section .candidate-slide-arrow {
		width: 48px;
		height: 48px;
		border-radius: 8px;
		border: none;
		background-color: transparent;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.3s ease;
		padding: 0;
		flex-shrink: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	/* .candidate-slide-section .candidate-slide-arrow:hover {
	background-color: #f6f6f6;
	border-color: #333333;
} */
	.candidate-slide-section .candidate-slide-arrow svg {
		display: block;
	}
	.candidate-slide-section .candidate-slide-arrow-prev {
		left: -15px;
	}
	.candidate-slide-section .candidate-slide-arrow-next {
		right: -15px;
	}
	.candidate-slide-section .candidate-slide-arrow-next svg {
		transform: rotate(-180deg);
	}
	.candidate-slide-section .candidate-slide-arrow-prev svg,
	.candidate-slide-section .candidate-slide-arrow-next svg {
		width: 19px;
		height: 20px;
	}
	.candidate-slide-section .slick-initialized .candidate-slider {
		overflow: visible;
	}
	.candidate-slide-section .slick-slide {
		display: flex;
		align-items: center;
		height: initial;
	}
	.candidate-slide-section .slick-dots {
		bottom: auto;
		position: relative;
		margin-top: 30px;
		height: 10px;
		background: #d9d9d9;
		border-radius: 10px;
	}
	.candidate-slide-section .slick-dots li {
		width: 100%;
		height: 10px;
		margin: 0;
		padding: 0;
		background-color: #d9d9d9;
		border-radius: 10px;
	}
	.candidate-slide-section .slick-dots li.slick-active {
		background-color: #53d3cc;
	}
	.candidate-slide-section .slick-dots button {
		display: none;
	}
	@media (max-width: 1199px) {
		.candidate-slide-section {
			margin-top: 25px;
		}
	}
	@media (max-width: 991px) {
		.candidate-slide-section {
			margin-top: 30px;
		}
	}
	@media (max-width: 767px) {
		.candidate-slide-title {
			font-size: 36px;
			line-height: 42px;
		}

		.candidate-slider-wrapper {
			gap: 15px;
		}

		.candidate-slide-item {
			flex: 0 0 200px;
			min-width: 200px;
			height: 180px;
			border-radius: 16px;
			padding: 16px;
		}

		.candidate-slide-event-title {
			font-size: 18px;
		}

		.candidate-slide-event-details {
			font-size: 16px;
			line-height: 22px;
		}

		.candidate-slide-arrow {
			width: 40px;
			height: 40px;
		}

		.candidate-slide-arrow-prev svg,
		.candidate-slide-arrow-next svg {
			width: 16px;
			height: 18px;
		}
	}
	@media (max-width: 575px) {
		.candidate-slide-section .candidate-slider-wrapper {
			padding: 0;
			margin-top: 25px;
		}

		.candidate-slide-header {
			margin-bottom: 10px;
		}

		.candidate-slide-title {
			font-size: 28px;
			line-height: 32px;
		}

		.candidate-slider-wrapper {
			gap: 12px;
		}

		.candidate-slide-section .candidate-slide-item {
			flex: 0 0 160px;
			min-width: 160px;
			height: 100%;
			border-radius: 14px;
			padding: 14px;
			margin: 0 7px;
		}

		.candidate-slide-event-title {
			font-size: 16px;
			line-height: 1.2;
		}

		.candidate-slide-event-details {
			font-size: 14px;
			line-height: 20px;
		}

		.candidate-slide-nav {
			gap: 10px;
		}

		.candidate-slide-section .candidate-slide-arrow {
			display: none !important;
		}
		.candidate-slide-arrow-prev svg,
		.candidate-slide-arrow-next svg {
			width: 14px;
			height: 16px;
		}

		.candidate-slide-progress {
			height: 3px;
		}
	}
	/*--------------------------------------------------------------
	- Their Pages Section
	--------------------------------------------------------------*/

	.their-pages-section {
		justify-content: flex-start;
	}

	.their-pages-header {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
	.their-pages-footer{
		margin-top: 20px;
	}
	.their-pages-footer .cms-type1{
		font-size: 14px;
		line-height: 1.3;
	}
	.their-pages-candidates {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
		gap: 25px;
		width: 100%;
		margin-top: 40px;
	}

	.their-pages-candidate {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		transition: 0.3s;
	}
	.their-pages-candidate:hover{
		transform: scale(1.1);
		transition: 0.3s;
	}
	.their-pages-candidate-image {
/* 		width: 72px;
		height: 72px; */
		padding: 7px;
		border-radius: 15px;
		background-color: #333333;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}

	.their-pages-candidate-image img {
/* 		width: 58px;
		height: 58px; */
		border-radius: 10px;
		border-width: 5px;
		border-style: solid;
		object-fit: cover;
		aspect-ratio: 1 / 1;
		display: block;
	}

	.their-pages-candidate-name {
		color: #333333;
		font-family: "Greycliff CF", -apple-system, BlinkMacSystemFont, "Segoe UI",
			Roboto, "Helvetica Neue", Arial, sans-serif;
		font-size: 15px;
		font-weight: 700;
		line-height: 18px;
		margin: 0;
		width: 100%;
		text-align: left;
	}
	@media (max-width: 767px) {
		.their-pages-footer .cms-type1{
			font-size: 12px;
			line-height: 1.3;
		}
		.their-pages-candidates {
			gap: 40px;
		}
		.their-pages-candidates .their-pages-candidate {
			align-items: center;
		}

		.their-pages-candidate-image {
			width: 64px;
			height: 64px;
			padding: 6px;
			border-radius: 12px;
		}

		.their-pages-candidate-image img {
			width: 52px;
			height: 52px;
			border-width: 4px;
			border-radius: 8px;
		}

		.their-pages-candidate-name {
			font-size: 14px;
			line-height: 16px;
			text-align: center;
		}
	}
	@media (max-width: 575px) {
		.their-pages-header {
			gap: 12px;
		}

		.their-pages-title {
			font-size: 28px;
			line-height: 32px;
		}

		.their-pages-description {
			font-size: 14px;
			line-height: 20px;
		}

		.their-pages-candidates {
			grid-template-columns: repeat(3, 1fr);
			gap: 15px;
		}

		.their-pages-candidate-image {
			width: 56px;
			height: 56px;
			padding: 5px;
			border-radius: 10px;
		}

		.their-pages-candidate-image img {
			width: 46px;
			height: 46px;
			border-width: 3px;
			border-radius: 7px;
		}

		.their-pages-candidate-name {
			font-size: 12px;
			line-height: 14px;
		}
	}
	/*--------------------------------------------------------------
	- Candidate Match Section
	--------------------------------------------------------------*/

	.candidate-match-section {
		justify-content: space-between;
		gap: 20px;
		transition: all 0.3s ease-in-out;
	}
	.candidate-match-section > a{
		height: 100%;
		transition: all 0.3s ease-in-out;
	}
	.candidate-match-section:hover{
		scale: 1.03;
		transition: all 0.3s ease-in-out;
	}
	.candidate-match-section .candidate-match-header {
		display: flex;
		flex-direction: column;
		gap: 15px;
		width: 100%;
		text-align: left;
	}
	.candidate-match-section .candidate-match-icon {
		width: 173px;
		height: 150px;
		flex-shrink: 0;
		fill: #53d3cc;
	}
	.candidate-match-section .text-end{
		margin-top: 20px;
	}
	@media (max-width: 1199px) {
		.candidate-match-section .candidate-match-icon {
			width: 92px;
			height: 80px;
		}
	}
	@media (max-width: 767px) {
		.candidate-match-header {
			max-width: 100%;
			gap: 12px;
		}

		.candidate-match-title {
			font-size: 36px;
			line-height: 42px;
		}

		.candidate-match-description {
			font-size: 16px;
			line-height: 22px;
		}

		.candidate-match-icon {
			width: 140px;
			height: 120px;
		}
	}

	@media (max-width: 575px) {
		.candidate-match-header {
			max-width: 100%;
			gap: 12px;
		}

		.candidate-match-title {
			font-size: 28px;
			line-height: 32px;
		}

		.candidate-match-description {
			font-size: 14px;
			line-height: 20px;
		}

		.candidate-match-icon {
			width: 110px;
			height: 95px;
		}
	}
	/*--------------------------------------------------------------
	1.0 - How to Vote Section
	--------------------------------------------------------------*/
	.how-to-vote-section .hd-typ2{
		margin-bottom: 40px;
	}
	.how-to-vote-methods {
		display: flex;
		align-items: stretch;
		gap: 30px;
		width: 100%;
	}
	.how-to-vote-method {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 20px;
	}
	.how-to-vote-method .btn-type1{
		min-width: auto;
		width: fit-content;
		padding: 15px 40px;
		line-height: 0.8;
		background: #fff;
		color: #333;
		/* 		margin: 0 auto; */
		@media(max-width:575px){
			padding: 15px 30px;
		}
	}
	.how-to-vote-method:first-child .btn-type1{
		background-color: #333;
		color: #fff;
	}
	.how-to-vote-method:first-child .btn-type1:hover{
		background: #fff;
		color: #333;
	}
	.how-to-vote-method .btn-type1:hover{
		background: #333;
		color: #fff;
	}
	.how-to-vote-divider {
		width: 1px;
		background-color: #e0e0e0;
		min-height: 145px;
		flex-shrink: 0;
	}
	.how-to-vote-divider:last-child{
		display: none;
	}
	.how-to-vote-button {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		padding: 15px 30px;
		border-radius: 30px;
		font-size: 20px;
		font-weight: 700;
		line-height: 1;
		cursor: pointer;
		border: none;
		transition: all 0.3s ease;
		white-space: nowrap;
	}

	.how-to-vote-button-primary {
		background-color: #53d3cc;
		color: #333333;
	}

	.how-to-vote-button-primary:hover {
		background-color: #3dc1b8;
		box-shadow: 0 4px 8px rgba(83, 211, 204, 0.3);
	}

	.how-to-vote-button-secondary {
		background-color: transparent;
		color: #333333;
		border: 3px solid #333333;
	}

	.how-to-vote-button-secondary:hover {
		background-color: #f6f6f6;
		border-color: #333333;
	}
	@media (min-width: 1440px) {
	}
	@media (max-width: 1024px) {
		.how-to-vote-methods {
			gap: 25px;
		}

		.how-to-vote-divider {
			min-height: 130px;
		}

		.how-to-vote-description {
			font-size: 16px;
			line-height: 22px;
		}

		.how-to-vote-button {
			font-size: 18px;
			padding: 12px 24px;
		}
	}

	@media (max-width: 767px) {
		.how-to-vote-methods {
			flex-direction: column;
			gap: 0;
		}

		.how-to-vote-method {
			min-height: auto;
			gap: 15px;
			padding: 20px 0;
			border-bottom: 1px solid #e0e0e0;
		}

		.how-to-vote-method:last-child {
			border-bottom: none;
			padding-bottom: 0;
		}

		.how-to-vote-method:first-child {
			padding-top: 0;
		}

		.how-to-vote-divider {
			display: none;
		}

		.how-to-vote-description {
			font-size: 16px;
			line-height: 22px;
		}

		.how-to-vote-button {
			font-size: 16px;
			padding: 11px 22px;
			width: fit-content;
		}
	}

	@media (max-width: 575px) {
		.how-to-vote-section {
			max-width: 100%;
			padding: 25px;
			margin: 20px auto;
			border-radius: 20px;
			gap: 20px;
		}

		.how-to-vote-title {
			font-size: 28px;
			line-height: 32px;
		}

		.how-to-vote-methods {
			gap: 0;
		}

		.how-to-vote-method {
			padding: 20px 0;
			border-bottom: 1px solid #e0e0e0;
		}

		.how-to-vote-method:last-child {
			border-bottom: none;
			padding-bottom: 0;
		}

		.how-to-vote-method:first-child {
			padding-top: 0;
		}

		.how-to-vote-description {
			font-size: 14px;
			line-height: 20px;
		}

		.how-to-vote-button {
			font-size: 14px;
			padding: 10px 20px;
			width: fit-content;
		}

		.how-to-vote-button-secondary {
			border-width: 2px;
		}
	}
	.candidate-card-inner.active {
		border: 3px solid #a6cc00; /* highlight border */
	}
}
#uploadModal {
	display: none;
	/* Hidden by default */
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(4px);
}

/* Modal box */
.modal-content {
	background: #fff;
	margin: 8% auto;
	padding: 25px 30px;
	border-radius: 10px;
	width: 400px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
	animation: fadeIn 0.3s ease-in-out;
}
#uploadLoader {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.7);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}
#openUploadModal {
	background: none;
	border: none; 
	cursor: pointer;
}
#openUploadModal:hover {
	text-decoration: underline;
}

/* Candidate question answer page*/
.page-id-2958,
.page-id-3336{
	.candidate-box-section{
		display:flex;
		align-items: stretch;
		justify-content:space-between;
		flex-wrap: wrap;
		gap:40px;
		margin-bottom:40px;
	}
	.candidate-box{
		text-align:center;
		padding:40px;
		background-color:#ffffff;
		border:3px solid transparent;
		border-radius:15px;
		flex: 1 1 calc(16% - 40px);
		display: flex;
		flex-direction: column;
		min-height: 280px;
	}
	.candidate-box.highlight-match{
		border:3px solid var(--page-color);
	}
	.candidate-box .candidate-picture-wrapper {
		display:inline-block;
		padding: 5px;
		border-radius: 12px;
		background: #333333;
		flex: 0 0 50px;
		position:relative;
		margin-bottom:10px;
	}
	.candidate-box .candidate-picture {
		display:inline-block;
		width: 48px;
		height: 48px;
		flex-shrink: 0;
		aspect-ratio: 1 / 1;
		border-radius: 8px;
		border: 4px solid;
		position: relative;
		object-fit: cover;
	}
	.candidate-box .candidate-picture-wrapper .match-rank{
		position:absolute;
		top:-10px;
		left:-10px;
		z-index:1;
		background-color:#333333;
		border-radius:50%;
		font-size:16px;
		line-height:26px;
		font-weight:700;
		color:#ffffff;
		width: 36px;
		height: 36px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.candidate-box .match-name{
		font-size:20px;
		line-height:100%;
		font-weight:700;
		color:#333333;
		margin-bottom:20px;
/* 		flex-grow: 1; */
	}
	.candidate-box .display-answer{
		font-size:20px;
		line-height:100%;
		font-weight:700;
		color:#333333;
		display: flex;
        gap: 15px;
        align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	.candidate-box .display-answer .ans-match .tick{
		font-size: 28px;
	}
	.candidate-box .display-answer .highlight-ans{
		width: 60px;
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.candidate-box .display-answer .highlight-ans.voter-ans{
		width: 60px;
		height: 60px;
		background-color: #D9D9D9;
		color: #333333;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 15px;
	}
	.candidate-box.highlight-match .display-answer .highlight-ans{
		background-color: #53D3CC !important;
	}
	.candidate-box .display-answer .highlight-ans[data-answer="no"]{
		background-color: #D9D9D9;
	}
	
	.candidate-box .match-percentage{
/* 		font-size: 48px;
		line-height: 52px;
		font-weight:700; */
		margin-bottom: 20px;
	}
	.candidate-box .match-text{
		font-size:18px;
		line-height:25px;
		font-weight:400;
		display:block;
		margin-top:10px;
	}
	@media (max-width:1680px){
		.candidate-box-section{
			gap:25px;
		}
		.candidate-box{
			padding:25px 20px;
		}
	}
	@media (max-width:1240px){
		.candidate-box-section{
			gap:25px;
		}
		.candidate-box{
			padding:25px 20px;
		}
		.candidate-box .candidate-picture{
			width:58px;
			height:58px;
		}
		.candidate-box .display-answer,
		.candidate-box .match-name{
			font-size:15px;
			line-height:18px;
		}
		.candidate-box .display-answer .ans-match .tick{
			font-size: 20px;
		}
		.candidate-box .match-percentage{
/* 			font-size:26px;
			line-height:30px; */
		}
	}
	@media (max-width:991px){
		.candidate-box{
			flex: 1 1 calc(33.33% - 40px);
		}
		.candidate-box .display-answer .highlight-ans,
		.candidate-box .display-answer .highlight-ans.voter-ans{
			width: 50px;
			height: 50px;
			border-radius: 5px;
		}
	}
	@media (max-width:767px){
		.candidate-box-section{
			gap:10px;
			margin-bottom:15px;
		}
		.candidate-box {
			padding: 9px;
			flex: 1 0 calc(33.33% - 10px);
		}	
		.candidate-box .candidate-picture-wrapper{margin-bottom:5px;}
		.candidate-box .candidate-picture {
			width: 38px;
			height: 38px;
		}
		.candidate-box .candidate-picture-wrapper .match-rank{
			width:25px;
			height:25px;
			font-size:13px;
			line-height:18px;
			top: -5px;
			left: -5px;
		}
		.candidate-box .match-name{
			font-size:15px;
			line-height:18px;
			margin-bottom:5px;
		}
		.candidate-box .match-section{
			display:flex;
			gap:5px;
			align-items:center;
			justify-content:center;
		}
		.candidate-box .match-percentage{
			font-size:14px;
			line-height:20px;
		}
		.candidate-box .match-text{
			font-size:16px;
			line-height:21px;
			margin-top:0;
		}
		.candidate-box .display-answer{
			font-size: 14px;
			gap: 10px;
			min-height: 65px;
		}
		.candidate-box .display-answer .highlight-ans,
		.candidate-box .display-answer .highlight-ans.voter-ans{
			width: 40px;
			height: 40px;
			border-radius: 3px;
		}
		.candidate-box{
			min-height: 240px;
		}
	}
	@media (max-width:490px){
		.candidate-box {
			padding: 9px;
/* 			flex: 1 0 calc(50% - 10px); */
		}
	}
}

/* candiate Answer page */
/*--------------------------------------------------------------
Search Field Section
--------------------------------------------------------------*/
:root {
	--search-field-border-color: #333333;
	--search-field-text-color: #333333;
}
.page-id-3298{
	.filter-section {
		position: sticky;
		top: 0;
		z-index: 9;
		background-color: #f4f4f4;
		padding-bottom: 60px;
		margin-top: 25px;
	}
	.search-field-section {
		padding: 40px 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	@media (max-width: 991px) {
		.search-field-section {
			padding: 30px 0;
		}
		.filter-section{
			margin-top: 0px;
		}
	}

	.search-field-wrapper {
		display: flex;
		align-items: center;
		gap: 39px;
		width: 100%;
		max-width: none;
		flex-wrap: wrap;
	}

	@media (max-width: 768px) {
		.search-field-wrapper {
			gap: 25px;
		}
	}

	@media (max-width: 576px) {
		.search-field-wrapper {
			gap: 15px;
		}
	}

	.search-field-container {
		position: relative;
		width: 100%;
		max-width: 445px;
		height: 60px;
		border: 3px solid var(--search-field-border-color);
		border-radius: 30px;
		background-color: #ffffff;
		flex: 0 1 auto;
	}

	@media (max-width: 768px) {
		.search-field-container {
			height: 50px;
		}
	}

	@media (max-width: 576px) {
		.search-field-container {
			height: 45px;
		}
	}

	.search-field-container .search-field-input {
		width: 100%;
		height: 100% !important;
		border: none !important;
		border-radius: 30px !important;
		background: transparent;
		padding: 0 50px 0 20px !important;
		padding-right: 60px;
		color: #333333 !important;
		font-size: 16px !important;
		font-weight: 400;
		line-height: normal;
		appearance: none;
		outline: none;
		box-sizing: border-box;
	}

	.search-field-container .search-field-input::placeholder {
		color: #333333 !important;
		opacity: 1 !important;
	}

	.search-field-input::-webkit-search-cancel-button,
	.search-field-input::-webkit-search-decoration {
		display: none;
	}

	@media (max-width: 768px) {
		.search-field-input {
			font-size: 14px;
			padding-right: 50px;
		}
	}

	@media (max-width: 576px) {
		.search-field-input {
			font-size: 13px;
			padding-right: 45px;
		}
	}

	.search-field-button {
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
		display: flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
		border: none;
		background: transparent;
		cursor: pointer;
		padding: 0;
		transition: opacity 0.3s ease;
		color: var(--search-field-text-color);
	}

	.search-field-button:hover {
		opacity: 0.7;
	}

	.search-field-button:focus {
		outline: none;
	}

	.search-field-button svg {
		width: 100%;
		height: 100%;
		display: block;
	}

	@media (max-width: 768px) {
		.search-field-button {
			width: 25px;
			height: 25px;
		}
	}

	@media (max-width: 576px) {
		.search-field-button {
			width: 22px;
			height: 22px;
		}
	}

	/*--------------------------------------------------------------
	Tab Toggle Section
	--------------------------------------------------------------*/
	.tab-toggle-wrapper {
		display: flex;
		align-items: center;
		gap: 15px;
		flex: 0 0 auto;
	}

	@media (max-width: 768px) {
		.tab-toggle-wrapper {
			gap: 12px;
		}
	}

	@media (max-width: 576px) {
		.tab-toggle-wrapper {
			gap: 10px;
		}
	}

	.tab-label {
		color: var(--search-field-text-color);
		font-family: "greycliff-cf", -apple-system, Roboto, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: 400;
		line-height: 25px;
		margin: 0;
		white-space: nowrap;
	}

	@media (max-width: 768px) {
		.tab-label {
			font-size: 16px;
			line-height: 22px;
		}
	}

	@media (max-width: 576px) {
		.tab-label {
			font-size: 14px;
			line-height: 20px;
		}
	}

	.tab-switch-custom {
		margin: 0;
	}

	.tab-switch-custom .form-check-input {
		width: 66px;
		height: 36px;
		border: 3px solid #d9d9d9;
		border-radius: 30px;
		background-color: #ffffff;
		cursor: pointer;
		position: relative;
		transition: all 0.3s ease;
		appearance: none;
		-webkit-appearance: none;
		padding: 0;
		flex-shrink: 0;
	}

	.tab-switch-custom .form-check-input::after {
		content: "";
		position: absolute;
		width: 26px;
		height: 26px;
		background-color: var(--CORAL, #f87987);
		border-radius: 50%;
		top: 50%;
		left: 4px;
		transform: translateY(-50%);
		transition: left 0.3s ease;
	}

	.tab-switch-custom .form-check-input:checked {
		background-color: #ffffff;
		border-color: #d9d9d9;
	}

	.tab-switch-custom .form-check-input:checked::after {
		left: calc(100% - 30px);
	}

	.tab-switch-custom .form-check-input:hover {
		border-color: var(--CORAL, #f87987);
	}

	.tab-switch-custom .form-check-input:focus {
		outline: none;
		box-shadow: 0 0 0 3px rgba(248, 121, 135, 0.1);
	}

	/*--------------------------------------------------------------
	Candidate Section Styles
	--------------------------------------------------------------*/
	:root {
		--candidate-accent-color: #f87987;
		--candidate-bg-color: #ffffff;
		--candidate-text-color: #333333;
		--candidate-border-radius: 30px;
	}

	.candidate-section {
		padding: 0 0 60px;
	}

	@media (max-width: 576px) {
		.filter-section {
			padding-bottom: 40px;
		}
		.candidate-section {
			padding: 0 0 40px;
		}
	}

	#questions-container{
		display: flex;
		flex-direction: column;
		gap: 15px;
	}

	.candidate-card {
		display: block;
		text-decoration: none;
		color: inherit;
		position: relative;
		border-radius: 30px;
		background: #FFF;
	}

	.candidate-card::after {
		content: "";
		position: absolute;
		right: 30px;
		top: 50%;
		transform: translateY(-50%);
		width: 30px;
		height: 30px;
		background: url("./images/arrow.svg") no-repeat center;
		background-size: contain;
		transition: transform 0.3s ease;
	}

	.candidate-card:hover::after {
		transform: translateY(-50%) translateX(4px);
	}

	.candidate-content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
		min-height: 90px;
		padding: 20px 30px;
		background-color: var(--candidate-bg-color);
		border-radius: var(--candidate-border-radius);
	}

	@media (max-width: 768px) {
		.candidate-content {
			padding: 16px 20px;
			min-height: 80px;
		}
	}

	@media (max-width: 576px) {
		.candidate-content {
			padding: 14px 16px;
			min-height: 70px;
			gap: 16px;
		}
	}

	.candidate-text-wrapper {
		flex: 1;
		display: flex;
		align-items: center;
		gap: 20px;
		max-width: 85%;
	}

	@media (max-width: 768px) {
		.candidate-text-wrapper {
			gap: 10px;
			max-width: 80%;
		}
	}

	.candidate-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 28px;
		height: 28px;
		flex-shrink: 0;
	}

	.candidate-icon img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.candidate-question {
		color: var(--candidate-text-color);
		font-family: "greycliff-cf", sans-serif;
		font-size: 18px;
		font-weight: 400;
		line-height: 1.4;
		margin: 0;
	}

	@media (max-width: 768px) {
		.candidate-question {
			font-size: 16px;
			line-height: 1.35;
		}
	}

	@media (max-width: 576px) {
		.candidate-question {
			font-size: 14px;
			line-height: 1.3;
		}
	}

	/*--------------------------------------------------------------
	Category Carousel Section
	--------------------------------------------------------------*/
	.category-carousel-section {
	}

	.carousel-wrapper {
		display: flex;
		align-items: flex-start;
		gap: 20px;
		position: relative;
	}
	/* .carousel-wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	left: 30px;
	width: 120px;
	height: 100%;
	pointer-events: none;
	background: linear-gradient(
	to right,
	rgba(244, 244, 244, 1) 0%,
	rgba(244, 244, 244, 0) 100%
	);
	z-index: 1;
} */
	.carousel-wrapper::after {
		display: none;
		content: "";
		position: absolute;
		top: 0;
		right: 30px;
		width: 120px;
		height: 100%;
		pointer-events: none;
		background: linear-gradient(
			to left,
			rgba(244, 244, 244, 1) 0%,
			rgba(244, 244, 244, 0) 100%
		);
		z-index: 1;
	}
	@media (max-width: 768px) {
		.carousel-wrapper {
			gap: 15px;
		}
	}

	@media (max-width: 576px) {
		.carousel-wrapper {
			gap: 10px;
		}
	}

	.carousel-arrow {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 18px;
		height: 20px;
		border: none;
		background-color: transparent;
		cursor: pointer;
		padding: 0;
		flex-shrink: 0;
		transition: opacity 0.3s ease;
		position: relative;
		z-index: 2;
		margin-top: 9px;
	}

	.carousel-arrow:hover {
		opacity: 0.7;
	}

	.carousel-arrow:disabled {
		opacity: 0.3;
		cursor: not-allowed;
	}

	.carousel-arrow svg {
		width: 100%;
		height: 100%;
	}

	.carousel-container {
		flex: 1;
		overflow-x: auto;
		overflow-y: hidden;
		width: 100%;
		position: relative;
		white-space: nowrap;
		padding-bottom: 25px;
		cursor: pointer;
	}

	.carousel-track {
		display: inline-flex;
		gap: 15px;
		transition: transform 0.3s ease;
		will-change: transform;
		/* 		flex-wrap: wrap; */
	}

	.carousel-track > div {
		flex: 0 0 auto; /* prevents shrinking */
		margin: 0 5px;
	}

	/* Chrome, Edge, Safari */
	.carousel-container::-webkit-scrollbar {
		height: 10px; /* scrollbar thickness */
	}
	.carousel-container::-webkit-scrollbar-track {
		background: rgb(217, 217, 217);
	}
	.carousel-container::-webkit-scrollbar-thumb {
		background: var(--page-color);
		border-radius: 5px;
	}
	.carousel-container::-webkit-scrollbar-thumb:hover {
		background: var(--page-color);    /* hover effect */
	}

	@media (max-width: 768px) {
		.carousel-track {
			gap: 12px;
		}
	}

	@media (max-width: 576px) {
		.carousel-track {
			gap: 10px;
		}
	}
	.carousel-track .slick-slide {
		margin-right: 15px;
	}
	.carousel-track .slick-slide:last-child {
		margin-right: 0;
	}
	.category-btn {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 7px 10px 8px;
		border: 3px solid #d9d9d9;
		border-radius: 10px;
		background-color: #ffffff;
		color: #333333;
		font-family: "greycliff-cf", sans-serif;
		font-size: 16px;
		line-height: 19px;
		font-weight: 400;
		white-space: nowrap;
		cursor: pointer;
		transition: all 0.3s ease;
		flex-shrink: 0;
	}

	.category-btn:hover {
		border-color: #f87987;
		background-color: #f9f9f9;
	}

	.category-btn-active {
		background-color: #f87987;
		color: #ffffff;
		border-color: #f87987;
	}

	.category-btn-active:hover {
		background-color: #f87987;
		border-color: #f87987;
		opacity: 0.9;
	}

	@media (max-width: 768px) {
		.category-btn {
			font-size: 14px;
			border-width: 2px;
		}
	}
}

/**************
Candidate Modal Styles
**************/
.page-id-3298 {
	#candidateModalbox {
		.modal-dialog {
			max-width: 932px;

			@media (max-width: 1199px) {
				max-width: 583px;
			}

			@media (max-width: 767px) {
				max-width: calc(100% - 30px);
				margin: 0 auto;
			}
		}

		.modal-content {
			border-radius: 30px;
			background: #ffffff;
			box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.25);
			border: none;
			padding: 0;
			position: relative;
			width: auto;
			max-width: 932px;
			@media (max-width: 767px) {
				border-radius: 20px;
			}
		}

		.modal-header {
			padding: 0;
			border: none;
			position: absolute;
			right: 30px;
			top: 30px;
			z-index: 10;

			@media (max-width: 1199px) {
				right: 25px;
				top: 25px;
			}

			@media (max-width: 576px) {
				right: 20px;
				top: 20px;
			}

			.btn-close {
				width: 40px;
				height: 40px;
				background: transparent;
				opacity: 1;
				padding: 0;
				margin: 0;
				border: none;
				cursor: pointer;

				svg {
					display: block;
					width: 40px;
					height: 40px;
					transition: all 0.3s ease;

					path {
						transition: all 0.3s ease;
					}
				}

				&:hover {
					svg path {
						stroke: #ff681d;
					}
				}

				&:focus {
					outline: none;
					box-shadow: none;
				}
			}
		}

		.modal-body {
			padding: 40px;

			@media (max-width: 767px) {
				padding: 40px 30px;
			}

			@media (max-width: 576px) {
				padding: 40px 20px;
			}
		}

		.modal-container {
			display: flex;
			flex-direction: column;
			gap: 40px;

			@media (max-width: 767px) {
				gap: 30px;
			}

			@media (max-width: 576px) {
				gap: 25px;
			}
		}

		.modal-header-section {
			display: flex;
			align-items: center;
			gap: 40px;

			@media (max-width: 767px) {
				gap: 30px;
			}

			@media (max-width: 576px) {
				gap: 20px;
				flex-direction: column;
				align-items: flex-start;
			}
		}

		.modal-candidate-picture-wrapper {
			width: 100px;
			height: 100px;
			flex-shrink: 0;
			border-radius: 15px;
			background: #333333;
			padding: 7px;
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;

			@media (max-width: 576px) {
				width: 80px;
				height: 80px;
				border-radius: 12px;
				padding: 6px;
			}
		}

		.modal-candidate-picture {
			width: 86px;
			height: 86px;
			border-radius: 10px;
			border: 5px solid #a6cc00;
			object-fit: cover;
			display: block;

			@media (max-width: 576px) {
				width: 68px;
				height: 68px;
				border-radius: 8px;
				border-width: 4px;
			}
		}

		.modal-candidate-info {
			flex: 1 0 0;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 15px;

			@media (max-width: 576px) {
				gap: 12px;
				width: 100%;
				flex: 1;
			}
		}

		.modal-candidate-name {
			color: #333;

			font-size: 20px;
			font-weight: 700;
			line-height: normal;
			align-self: stretch;

			@media (max-width: 576px) {
				font-size: 18px;
			}
		}

		.modal-question {
			color: #333;

			font-size: 28px;
			font-weight: 400;
			line-height: 32px;
			margin-bottom: 0;

			@media (max-width: 1199px) {
				font-size: 24px;
				line-height: 28px;
			}

			@media (max-width: 991px) {
				font-size: 22px;
				line-height: 26px;
			}

			@media (max-width: 767px) {
				font-size: 20px;
				line-height: 24px;
			}
		}
	}

	.back-btn {
		text-transform: capitalize;
		color: #333;
		font-size: 20px;
		font-weight: 400;
		line-height: 30px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border: 0;
		gap: 5px;
		margin-bottom: 60px;
		background-color: transparent;
		cursor: pointer;
		transition: all 0.3s ease;
		padding: 0;
		&:hover {
			color: var(--page-color);
			svg {
				path {
					stroke: var(--page-color);
					transition: all 0.3s ease;
				}
			}
		}
		svg {
			max-width: 19px;
			max-height: 19px;
			aspect-ratio: 1/1;
		}
		@media (max-width: 1199px) {
			margin-bottom: 40px;
		}
		@media (max-width: 767px) {
			margin-bottom: 30px;
		}
	}
	.candidate-heading {
		padding: 20px;
		border-radius: 30px;
		background-color: #fff;
		margin-bottom: 40px;
		font-size: 22px;
/*         font-weight: 600; */
		@media (max-width: 1199px) {
			margin-bottom: 25px;
		}
		@media (max-width: 991px) {
			padding: 20px 38px;
			font-size: 20px;
		}
		@media (max-width: 767px) {
			padding: 20px;
			border-radius: 15px;
		}
	}
	.candidate-wrapper {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 40px;
		@media (max-width: 1199px) {
			gap: 25px;
		}
		@media (max-width: 991px) {
			grid-template-columns: repeat(2, 1fr);
		}

		@media (max-width: 767px) {
			grid-template-columns: repeat(1, 1fr);
		}
	}

	.candidate {
		display: flex;
		width: 100%;
		max-width: 446px;
/* 		align-items: center; */
		gap: 10px;
		border-radius: 30px;
		position: relative;
		background-color: #fff;
		padding: 40px;
		@media (max-width: 1199px) {
			padding: 20px;
		}
		@media (max-width: 991px) {
			max-width: 100%;
		}

		@media (max-width: 576px) {
			gap: 8px;
		}
	}

	.candidate-info {
		display: flex;
		flex-direction: column;
		width: 100%;
		align-items: flex-start;
		gap: 20px;
		flex-shrink: 0;
		position: relative;

		@media (max-width: 768px) {
			gap: 15px;
		}

		@media (max-width: 576px) {
			gap: 12px;
		}
	}

	.candidate-header {
		display: flex;
		width: 100%;
		align-items: center;
		gap: 20px;
		position: relative;

		@media (max-width: 768px) {
			gap: 15px;
		}

		@media (max-width: 576px) {
			gap: 12px;
		}
	}

	.candidate-picture-wrapper {
		display: flex;
		width: 72px;
		height: 72px;
		padding: 7px;
		align-items: center;
		justify-content: center;
		gap: 10px;
		flex-shrink: 0;
		aspect-ratio: 1 / 1;
		border-radius: 15px;
		background: #333333;
		position: relative;

		@media (max-width: 768px) {
			width: 72px;
			height: 72px;
			padding: 7px;
		}

		@media (max-width: 576px) {
			width: 66px;
			height: 66px;
			padding: 6px;
			border-radius: 12px;
		}
	}

	.candidate-picture {
		width: 58px;
		height: 58px;
		flex-shrink: 0;
		aspect-ratio: 1 / 1;
		border-radius: 10px;
		border: 5px solid;
		position: relative;
		object-fit: cover;

		@media (max-width: 576px) {
			width: 54px;
			height: 54px;
			border-width: 4px;
			border-radius: 8px;
		}
	}

	.candidate-title {
		flex: 1 0 0;
		position: relative;
	}

	.candidate-name {
		font-weight: 700;
		font-size: 20px;
		line-height: 24px;
		color: #333333;
		@media (max-width: 1199px) {
			font-size: 15px;
			line-height: 18px;
		}
	}

	.candidate-description-section {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
		position: relative;

		@media (max-width: 768px) {
			gap: 12px;
		}

		@media (max-width: 576px) {
			gap: 10px;
		}
	}

	.candidate-description-text {
		width: 100%;
		position: relative;
		span {
			display: block;
			color: #333333;
			font-size: 18px;
			font-style: normal;
			font-weight: 400;
			line-height: 25px;
			@media (max-width: 1199px) {
				font-size: 15px;
				line-height: 19px;
			}
		}
	}

	.candidate-read-more {
		color: #333333;

		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 1;
		position: relative;
		@media (max-width: 1199px) {
			font-size: 15px;
			line-height: 18px;
			font-weight: 400;
		}
		@media (max-width: 576px) {
			font-size: 18px;
		}

		a {
			color: #333333;
			text-decoration: underline;
			text-decoration-style: solid;
			text-decoration-skip-ink: auto;
			text-decoration-thickness: auto;
			text-underline-offset: auto;
			text-underline-position: from-font;
			transition: all 0.3s ease;

			&:hover {
				color: var(--secondary-color, #ff681d);
				text-decoration-color: var(--secondary-color, #ff681d);
			}

			&:focus {
				outline: none;
				color: var(--secondary-color, #ff681d);
			}
		}
	}
}
.page-id-2958,
.page-id-3336 {
	.candidates-quebox .candidate-picture-wrapper {
		display: flex;
		width: 72px;
		height: 72px;
		padding: 7px;
		align-items: center;
		justify-content: center;
		gap: 10px;
		flex-shrink: 0;
		aspect-ratio: 1 / 1;
		border-radius: 15px;
		background: #333333;
		position: relative;
		margin: 0 auto 10px;

		@media (max-width: 768px) {
			width: 72px;
			height: 72px;
			padding: 7px;
		}

		@media (max-width: 576px) {
			width: 66px;
			height: 66px;
			padding: 6px;
			border-radius: 12px;
		}
	}

	.candidates-quebox .candidate-picture {
		width: 58px !important;
		height: 58px !important;
		flex-shrink: 0;
		aspect-ratio: 1 / 1;
		border-radius: 10px !important;
		border: 5px solid ;
		position: relative;
		object-fit: cover;

		@media (max-width: 576px) {
			width: 54px;
			height: 54px;
			border-width: 4px;
			border-radius: 8px;
		}
	}

	.candidate-title {
		flex: 1 0 0;
		position: relative;
	}
}

.candidate-name {
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #333333;
	@media (max-width: 1199px) {
		font-size: 15px;
		line-height: 18px;
	}
}

.candidate-description-section {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	position: relative;

	@media (max-width: 768px) {
		gap: 12px;
	}

	@media (max-width: 576px) {
		gap: 10px;
	}
}

.candidate-description-text {
	width: 100%;
	position: relative;
	span {
		display: block;
		color: #333333;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 25px;
		@media (max-width: 1199px) {
			font-size: 15px;
			line-height: 19px;
		}
	}
}

.candidate-read-more {
	color: #333333;

	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	position: relative;
	@media (max-width: 1199px) {
		font-size: 15px;
		line-height: 18px;
		font-weight: 400;
	}
	@media (max-width: 576px) {
		font-size: 18px;
	}

	a {
		color: #333333;
		text-decoration: underline;
		text-decoration-style: solid;
		text-decoration-skip-ink: auto;
		text-decoration-thickness: auto;
		text-underline-offset: auto;
		text-underline-position: from-font;
		transition: all 0.3s ease;

		&:hover {
			color: var(--secondary-color, #ff681d);
			text-decoration-color: var(--secondary-color, #ff681d);
		}

		&:focus {
			outline: none;
			color: var(--secondary-color, #ff681d);
		}
	}
}
/* Candidate video page */
.video-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	align-items: flex-start;

	@media (max-width: 1199px) {
		gap: 30px;
	}

	@media (max-width: 991px) {
		grid-template-columns: repeat(3, 1fr);
		gap: 25px;
	}

	@media (max-width: 767px) {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
}

.question-box {
	display: flex;
	/* width: 325px; */
	min-height: 488px;
	align-items: flex-start;
	border-radius: 30px;
	flex-shrink: 0;
	background-color: #fff;
	padding: 40px;
	@media (max-width: 1199px) {
		min-height: 420px;
	}

	@media (max-width: 991px) {
		width: 100%;
		min-height: 380px;
		padding: 30px;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	}

	@media (max-width: 767px) {
		min-height: auto;
		padding: 20px;
		border-radius: 15px;
	}
}
.video-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	/* width: 325px; */
	flex-shrink: 0;

	@media (max-width: 1199px) {
		gap: 12px;
	}

	@media (max-width: 991px) {
	}

	@media (max-width: 767px) {
		gap: 10px;
	}

	@media (max-width: 576px) {
		width: 100%;
	}
}

.video-image-wrapper {
	width: 100%;
	height: 488px;
	position: relative;
	border-radius: 30px;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.3s ease;

	@media (max-width: 1199px) {
		height: 420px;
	}

	@media (max-width: 991px) {
		height: 380px;
	}

	@media (max-width: 767px) {
		height: 350px;
		border-radius: 20px;
	}

	@media (max-width: 576px) {
		height: 400px;
	}

	@media (max-width: 480px) {
		height: auto;
	}

	&:hover {
		transform: translateY(-5px);
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);

		.play-button {
			transform: translate(-50%, -50%) scale(1.1);
		}
	}
}

.video-thumbnail {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	@media (max-width: 480px) {
		aspect-ratio: 1 / 1;
	}
}
@media(max-width: 480px){
	.video-player{
		aspect-ratio: 1 / 1;
	}
}

.play-button {
	width: 82px;
	height: 82px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	transition: all 0.3s ease;
	filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));

	@media (max-width: 991px) {
		width: 70px;
		height: 70px;
	}

	@media (max-width: 767px) {
		width: 60px;
		height: 60px;
	}
}

.video-candidate-picture-wrapper {
	width: 100px;
	height: 100px;
	position: absolute;
	left: 20px;
	bottom: 20px;
	border-radius: 15px;
	background: #333333;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7px;

	@media (max-width: 991px) {
		width: 80px;
		height: 80px;
		padding: 6px;
		left: 15px;
		bottom: 15px;
	}

	@media (max-width: 767px) {
		width: 70px;
		height: 70px;
		padding: 5px;
		border-radius: 12px;
	}
}

.video-candidate-picture {
	width: 86px;
	height: 86px;
	border-radius: 10px;
	border: 5px solid;
	object-fit: cover;
	display: block;

	@media (max-width: 991px) {
		width: 68px;
		height: 68px;
		border-width: 4px;
	}

	@media (max-width: 767px) {
		width: 60px;
		height: 60px;
		border-width: 3px;
		border-radius: 8px;
	}
}

.video-candidate-name {
	color: #333;
	font-size: 20px;
	font-weight: 700;
	line-height: normal;

	@media (max-width: 1199px) {
		font-size: 18px;
	}

	@media (max-width: 767px) {
		font-size: 16px;
	}
}

.post-type-archive-canditube{
	.filter-section {
		position: sticky;
		top: 0;
		z-index: 99;
		background-color: #f4f4f4;
		padding-bottom: 60px;
	}
	.search-field-section {
		padding: 40px 0;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-top: 20px;
	}

	@media (max-width: 991px) {
		.search-field-section {
			padding: 30px 0;
		}
	}

	.search-field-wrapper {
		display: flex;
		align-items: center;
		gap: 39px;
		width: 100%;
		max-width: none;
		flex-wrap: wrap;
	}

	@media (max-width: 768px) {
		.search-field-wrapper {
			gap: 25px;
		}
	}

	@media (max-width: 576px) {
		.search-field-wrapper {
			gap: 15px;
		}
	}

	.search-field-container {
		position: relative;
		width: 100%;
		max-width: 445px;
		height: 60px;
		border: 3px solid #333;
		border-radius: 30px;
		background-color: #ffffff;
		flex: 0 1 auto;
	}

	@media (max-width: 768px) {
		.search-field-container {
			height: 50px;
		}
	}

	@media (max-width: 576px) {
		.search-field-container {
			height: 45px;
		}
	}

	.search-field-container .search-field-input {
		width: 100%;
		height: 100% !important;
		border: none !important;
		border-radius: 30px !important;
		background: transparent;
		padding: 0 50px 0 20px !important;
		padding-right: 60px;
		color: #333333 !important;
		font-size: 16px !important;
		font-weight: 400;
		line-height: normal;
		appearance: none;
		outline: none;
		box-sizing: border-box;
	}

	.search-field-container .search-field-input::placeholder {
		color: #333333 !important;
		opacity: 1 !important;
	}

	.search-field-input::-webkit-search-cancel-button,
	.search-field-input::-webkit-search-decoration {
		display: none;
	}

	@media (max-width: 768px) {
		.search-field-input {
			font-size: 14px;
			padding-right: 50px;
		}
	}

	@media (max-width: 576px) {
		.search-field-input {
			font-size: 13px;
			padding-right: 45px;
		}
	}

	.search-field-button {
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
		display: flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
		border: none;
		background: transparent;
		cursor: pointer;
		padding: 0;
		transition: opacity 0.3s ease;
		color: var(--search-field-text-color);
	}

	.search-field-button:hover {
		opacity: 0.7;
	}

	.search-field-button:focus {
		outline: none;
	}

	.search-field-button svg {
		width: 100%;
		height: 100%;
		display: block;
	}

	@media (max-width: 768px) {
		.search-field-button {
			width: 25px;
			height: 25px;
		}
	}

	@media (max-width: 576px) {
		.search-field-button {
			width: 22px;
			height: 22px;
		}
	}
	.carousel-wrapper {
		display: flex;
		align-items: flex-start;
		gap: 20px;
		position: relative;
	}
	/* .carousel-wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	left: 30px;
	width: 120px;
	height: 100%;
	pointer-events: none;
	background: linear-gradient(
	to right,
	rgba(244, 244, 244, 1) 0%,
	rgba(244, 244, 244, 0) 100%
	);
	z-index: 1;
} */
	.carousel-wrapper::after {
		content: "";
		position: absolute;
		top: 0;
		right: 30px;
		width: 120px;
		height: 100%;
		pointer-events: none;
		background: linear-gradient(
			to left,
			rgba(244, 244, 244, 1) 0%,
			rgba(244, 244, 244, 0) 100%
		);
		z-index: 1;
	}
	@media (max-width: 768px) {
		.carousel-wrapper {
			gap: 15px;
		}
		.carousel-wrapper::after {
			right: 15px;
			width: 60px;
		}
	}

	@media (max-width: 576px) {
		.carousel-wrapper {
			gap: 10px;
		}
	}

	.carousel-arrow {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 18px;
		height: 20px;
		border: none;
		background-color: transparent;
		cursor: pointer;
		padding: 0;
		flex-shrink: 0;
		transition: opacity 0.3s ease;
		position: relative;
		z-index: 2;
		margin-top: 9px;
	}

	.carousel-arrow:hover {
		opacity: 0.7;
	}

	.carousel-arrow:disabled {
		opacity: 0.3;
		cursor: not-allowed;
	}

	.carousel-arrow svg {
		width: 100%;
		height: 100%;
	}

	.carousel-container {
		flex: 1;
		overflow-x: auto;
		overflow-y: hidden;
		width: 100%;
		position: relative;
		white-space: nowrap;
		padding-bottom: 0px;
	}

	.carousel-track {
		display: flex;
		gap: 15px;
		transition: transform 0.3s ease;
		will-change: transform;
	}

	@media (max-width: 768px) {
		.carousel-track {
			gap: 12px;
		}
	}

	@media (max-width: 576px) {
		.carousel-track {
			gap: 10px;
		}
	}
	.carousel-track .slick-slide {
		margin-right: 15px;
	}
	.carousel-track .slick-slide:last-child {
		margin-right: 0;
	}
	.category-btn {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 7px 10px 8px;
		border: 3px solid #d9d9d9;
		border-radius: 10px;
		background-color: #ffffff;
		color: #333333;
		font-family: "greycliff-cf", sans-serif;
		font-size: 16px;
		line-height: 19px;
		font-weight: 400;
		white-space: nowrap;
		cursor: pointer;
		transition: all 0.3s ease;
		flex-shrink: 0;
	}

	.category-btn:hover {
		border-color: var(--page-color);
		background-color: #f9f9f9;
	}

	.category-btn-active {
		background-color: var(--page-color);
		color: #ffffff;
		border-color: var(--page-color);
	}

	.category-btn-active:hover {
		background-color: var(--page-color);
		border-color: var(--page-color);
		opacity: 0.9;
	}

	@media (max-width: 768px) {
		.category-btn {
			font-size: 14px;
			border-width: 2px;
		}
	}

	.carousel-container::-webkit-scrollbar {
		height: 10px; /* scrollbar thickness */
	}
	.carousel-container::-webkit-scrollbar-track {
		background: rgb(217, 217, 217);
	}
	.carousel-container::-webkit-scrollbar-thumb {
		background: var(--page-color);
		border-radius: 5px;
	}
	.carousel-container::-webkit-scrollbar-thumb:hover {
		background: var(--page-color);    /* hover effect */
	}

	.back-btn {
		text-transform: capitalize;
		color: #333;
		font-size: 20px;
		font-weight: 400;
		line-height: 30px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border: 0;
		gap: 5px;
		margin-bottom: 40px;
		background-color: transparent;
		cursor: pointer;
		transition: all 0.3s ease;

		img {
			max-width: 19px;
			max-height: 19px;
		}

		&:hover {
			color: var(--page-color);
		}

		@media (max-width: 1199px) {
			margin-bottom: 30px;
		}

		@media (max-width: 767px) {
			margin-bottom: 20px;
		}
	}

	.video-main-layout {
		display: flex;
		gap: 40px;
		align-items: flex-start;
		justify-content: space-between;
		@media (max-width: 1199px) {
			display: block;
		}

		@media (max-width: 991px) {
			flex-direction: column;
			gap: 40px;
		}

		@media (max-width: 767px) {
			gap: 30px;
		}
	}

	.main-video-section {
		flex: 1;
		max-width: 932px;

		@media (max-width: 991px) {
			max-width: 100%;
			width: 100%;
		}
	}

	.main-video-container {
		width: 100%;
	}

	.main-video-wrapper {
		width: 100%;
		height: 0;
		padding-bottom: 62%;
		position: relative;
		border-radius: 30px;
		overflow: hidden;
		background: #000;
		cursor: pointer;

		@media (max-width: 767px) {
			border-radius: 20px;
			padding-bottom: 65%;
		}
	}

	.main-video-thumbnail {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.main-video-player {
		position: absolute;
		left: 0;
		top: 0;
		border-radius: 30px;
		z-index: 5;

		@media (max-width: 767px) {
			border-radius: 20px;
		}
	}

	.main-play-button {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 82px;
		height: 82px;
		cursor: pointer;
		transition: all 0.3s ease;
		filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.3));
		z-index: 2;

		&:hover {
			transform: translate(-50%, -50%) scale(1.1);
		}

		@media (max-width: 991px) {
			width: 70px;
			height: 70px;
		}

		@media (max-width: 767px) {
			width: 60px;
			height: 60px;
		}
	}

	.main-video-title {
		margin-top: 20px;

		@media (max-width: 991px) {
			margin-top: 15px;
			margin-bottom: 40px;
		}

		@media (max-width: 767px) {
		}
	}

	.video-carousel-section {
		width: 446px;
		flex-shrink: 0;

		@media (max-width: 1199px) {
			width: 100%;
			margin-top: 20px;
		}

		@media (max-width: 991px) {
			width: 100%;
		}
	}

	.video-carousel {
		display: flex;
		flex-direction: column;
		/* gap: 20px; */
		max-height: 580px;
		overflow-y: auto;
		padding-right: 20px;
		@media (max-width: 1199px) {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 20px;
			max-height: 100%;
		}
		@media (max-width: 767px) {
			display: block;
		}
		/* Width of the scrollbar */
		&::-webkit-scrollbar {
			width: 10px;
			height: 10px; /* for horizontal scrollbar */
		}

		/* Track (background of scrollbar) */
		&::-webkit-scrollbar-track {
			background: #d9d9d9;
			border-radius: 6px;
		}

		/* Handle (scroll thumb) */
		&::-webkit-scrollbar-thumb {
			background: var(--page-color);
			border-radius: 6px;
		}

		/* Handle on hover */
		&::-webkit-scrollbar-thumb:hover {
			background: var(--page-color);
		}
	}

	.canditube-item {
		display: flex;
		align-items: center;
		gap: 20px;
		cursor: pointer;
		transition: all 0.3s ease;
		padding: 10px;
		border-radius: 15px;

		@media (max-width: 991px) {
			gap: 15px;
		}

		&:hover {
			background: rgba(0, 0, 0, 0.03);
		}

		&.active {
			background: rgba(166, 204, 0, 0.1);
			display: flex;
			.carousel-video-thumbnail {
				box-shadow: 0 4px 16px rgba(166, 204, 0, 0.3);
			}
		}
	}

	.carousel-video-thumbnail {
		width: 160px;
		height: 99px;
		flex-shrink: 0;
		border-radius: 15px;
		overflow: hidden;
		position: relative;
		transition: all 0.3s ease;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

		@media (max-width: 1199px) {
			width: 140px;
			height: 87px;
		}

		@media (max-width: 767px) {
			width: 120px;
			height: 74px;
			border-radius: 12px;
		}

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
		}
	}

	.carousel-play-icon {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 50px;
		height: 50px;
		filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
		transition: all 0.3s ease;

		@media (max-width: 767px) {
			width: 24px;
			height: 24px;
		}
	}

	.canditube-item:hover .carousel-play-icon {
		transform: translate(-50%, -50%) scale(1.15);
	}

	.carousel-video-text {
		flex: 1;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;

		@media (max-width: 1199px) {
			font-size: 16px;
			line-height: 22px;
		}

		@media (max-width: 767px) {
			font-size: 15px;
			line-height: 21px;
		}
	}

}

/*--------------------------------------------------------------
Category Carousel Section
--------------------------------------------------------------*/
.category-carousel-section {
}

.carousel-wrapper {
	display: flex;
	align-items: center;
	gap: 20px;
	position: relative;
}
/* .carousel-wrapper::before {
content: "";
position: absolute;
top: 0;
left: 30px;
width: 120px;
height: 100%;
pointer-events: none;
background: linear-gradient(
to right,
rgba(244, 244, 244, 1) 0%,
rgba(244, 244, 244, 0) 100%
);
z-index: 1;
} */
.carousel-wrapper::after {
	content: "";
	position: absolute;
	top: 0;
	right: 30px;
	width: 120px;
	height: 100%;
	pointer-events: none;
	background: linear-gradient(
		to left,
		rgba(244, 244, 244, 1) 0%,
		rgba(244, 244, 244, 0) 100%
	);
	z-index: 1;
}
@media (max-width: 768px) {
	.carousel-wrapper {
		gap: 15px;
	}
}

@media (max-width: 576px) {
	.carousel-wrapper {
		gap: 10px;
	}
}

.carousel-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 20px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	padding: 0;
	flex-shrink: 0;
	transition: opacity 0.3s ease;
	position: relative;
	z-index: 2;
}

.carousel-arrow:hover {
	opacity: 0.7;
}

.carousel-arrow:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.carousel-arrow svg {
	width: 100%;
	height: 100%;
}

.carousel-container {
	flex: 1;
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	position: relative;
	white-space: nowrap;
	padding-bottom: 25px;
}

.carousel-track {
	display: inline-flex;
	gap: 15px;
	transition: transform 0.3s ease;
	will-change: transform;
}
.carousel-track > div {
	flex: 0 0 auto;
	margin: 0 5px;
}


@media (max-width: 768px) {
	.carousel-track {
		gap: 12px;
	}
}

@media (max-width: 576px) {
	.carousel-track {
		gap: 10px;
	}
}
.carousel-track .slick-slide {
	margin-right: 15px;
}
.carousel-track .slick-slide:last-child {
	margin-right: 0;
}
.category-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 7px 10px 8px;
	border: 3px solid #d9d9d9;
	border-radius: 10px;
	background-color: #ffffff;
	color: #333333;
	font-family: "greycliff-cf", sans-serif;
	font-size: 16px;
	line-height: 19px;
	font-weight: 400;
	white-space: nowrap;
	cursor: pointer;
	transition: all 0.3s ease;
	flex-shrink: 0;
}

.category-btn:hover {
	border-color:  var(--page-color);
	background-color: #f9f9f9;
}

.category-btn-active {
	background-color: var(--page-color);
	color: #ffffff;
	border-color: var(--page-color);
}

.category-btn-active:hover {
	background-color: var(--page-color);
	border-color:var(--page-color);
	opacity: 0.9;
}

@media (max-width: 768px) {
	.category-btn {
		font-size: 14px;
		border-width: 2px;
	}
}


.candidates-quebox .category-carousel-section{
	margin-bottom: 40px;
}

.acf-video-thumb img{
	max-width: 930px !important;
	width: 100%;
	max-height: 580px;
	height: 100%;
	object-fit: cover;
	border-radius: 30px !important; 
	aspect-ratio: 1.6 / 1;
}
.play-icon{
	background: url('./images/play.svg') no-repeat center center !important;
	width: 82px !important;
	height: 82px !important;
	background-size: 100% !important;
}
.play-icon::after{
	display: none;
}

.page-id-556 .carousel-container .slick-dots{
	bottom: auto;
	position: relative;
	margin-top: 20px;
	height: 10px;
	background: rgb(217, 217, 217);
	border-radius: 10px;
}
.page-id-556 .carousel-container .slick-track{
	display: flex;
	gap: 15px;
	transition: transform 0.3s ease;
	will-change: transform;
}
.page-id-556 .carousel-container .slick-dots li{
	width: 100%;
	height: 10px;
	margin: 0px;
	padding: 0px;
	background-color: rgb(217, 217, 217);
	border-radius: 10px;
}
.page-id-556 .carousel-container .slick-dots li.slick-active{
	background-color: var(--page-color) !important;
}



.blog-listing-sec .blog-list-grid{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 20px;
}
.blog-listing-sec .blog-list-grid .blog-box{
	filter: drop-shadow(0 7.433px 7.433px rgba(0, 0, 0, 0.16));
	border-radius: 20px;
	background: #fff;
	display: flex;
	flex-direction: column;
}
.blog-listing-sec .blog-list-grid .blog-box .blog-box-img{
	overflow: hidden;
	border-radius: 20px 20px 0 0;
}
.blog-listing-sec .blog-list-grid .blog-box img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 346px;
    border-radius: 20px 20px 0 0;
	aspect-ratio: 4 / 3;
	transition: 0.3s;
}
.blog-listing-sec .blog-list-grid .blog-box img:hover{
	transform: scale(1.1);
	border-radius: 20px 20px 0 0;
}
.blog-listing-sec .blog-list-grid .blog-box .blog-box-footer{
	padding: 20px;
}
.blog-listing-sec .blog-list-grid .blog-box .blog-box-footer a{
	color: #333333;
	text-decoration: underline;
	text-decoration-style: solid;
	transition: all 0.3s ease;
	font-weight: 600;
}
.blog-listing-sec .blog-list-grid .blog-box .blog-box-footer a:hover{
	text-decoration: none;
}
.blog-listing-sec .blog-list-grid .blog-box .blog-box-content{
	flex-grow: 1;
	padding: 20px;
}
.blog-listing-sec .blog-list-grid .blog-box .blog-box-content .hd-type3 a{
	color: #333;
}
.blog-listing-sec .blog-list-grid .blog-box .blog-box-content .hd-type3 a:hover{
	text-decoration: underline;
}
.blog-listing-sec .blog-list-grid .blog-box .blog-box-content .cms-type1{
	margin-top: 15px;
}

.blog-detail-sec .blog-detail-outer{
	display: flex;
	gap: 30px;
	margin-top: 40px;
}
.blog-detail-sec .blog-detail-outer .left-part{
	width: 67%;
	max-width: 930px;
}
.blog-detail-sec .blog-detail-outer .left-part .blog-author{
	margin-top: 40px;
}
.blog-detail-sec .blog-detail-outer .right-part {
    width: 33%;
    max-width: 446px;
    margin-left: auto;
}
.blog-detail-sec .blog-detail-img img{
	max-height: 546px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}
.blog-detail-sec .content-page-sec{
	margin-top: 25px;
}
.blog-detail-sec .back-outer{
	margin-bottom: 20px;
}
.blog-detail-sec .back-outer .backlink{
	position: relative;
	top: unset;
	left: unset;
	
}
.blog-home-sec.blog-listing-sec .blog-list-grid{
	display: block;
}
.blog-home-sec.blog-listing-sec .blog-list-grid .blog-box-outer{
	padding: 0 10px;
}
.blog-home-sec.blog-listing-sec .slick-list{
	margin: 0 -10px;
	padding-bottom: 15px;
}
.blog-home-sec.blog-listing-sec .btn-outer{
	text-align: center;
	margin-top: 40px;
}
.blog-home-sec.blog-listing-sec .intro{
	margin-bottom: 40px;
}
.blog-home-sec.blog-listing-sec .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    width: 20px;
    height: 30px;
    background: url(./images/left-arrow.svg) no-repeat center center;
    font-size: 0px;
    border: 0px;
}
.blog-home-sec.blog-listing-sec .slick-next.slick-arrow {
    right: -60px;
    background: url(./images/right-arrow.svg) no-repeat center center;
    z-index: 2;
}
.blog-home-sec.blog-listing-sec .slick-prev.slick-arrow {
    left: -60px;
    background: url(./images/left-arrow.svg) no-repeat center center;
    z-index: 2;
}
.blog-home-sec.blog-listing-sec .blog-list-grid .slick-track{
	display: flex !important;
	height: 100%;
}
.blog-home-sec.blog-listing-sec .blog-list-grid .blog-box-outer{
	height: initial;
}
.blog-listing-sec .blog-list-grid .blog-box{
	height: 100%;;
}
.blog-detail-sec .content-page-sec h2,
.blog-detail-sec .content-page-sec h3,
.blog-detail-sec .content-page-sec h4,
.blog-detail-sec .content-page-sec h5{
	margin-top: 40px;
	margin-bottom: 20px;
}
.blog-detail-sec .content-page-sec img{
	margin: 40px 0px;
}
.blog-detail-sec .content-page-sec a{
	color: #333;
	font-weight: 700;
	text-decoration: underline;
}
.blog-detail-sec .content-page-sec a:hover{
	text-decoration: none;
}
.blog-detail-sec .content-page-sec p{
	margin-bottom: 20px;
}
.blog-detail-sec .content-page-sec h2{
	color: #333;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.08;
}
.blog-detail-sec .content-page-sec h3{
	color: #333;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.14;
}
.blog-detail-sec .content-page-sec h4{
	color: #333;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
}
.blog-detail-sec .content-page-sec h5{
	color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
}
.blog-detail-sec .right-part .latest-article-sec .featured-outer{
	display: inline-block;
	margin-top: 25px;
}
.blog-detail-sec .right-part .latest-article-sec .article-item:first-child{
	padding-top: 20px;
	border-top: 1px solid #D9D9D9;
}
.blog-detail-sec .all-category-sec-outer{
	margin-top: 60px;
}
.blog-detail-sec .all-category-sec-outer .all-category{
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-top: 25px;
}
.blog-detail-sec .all-category-sec-outer .category-item{
	border-radius: 10px;
    border: 3px solid #D9D9D9;
    background: #FFF;
    padding: 6px 10px;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    line-height: normal;
    display: inline-block;
	width: fit-content;
	transition: 0.3s;
}
.blog-detail-sec .all-category-sec-outer .category-item:hover{
	background: #D9D9D9;
}
.blog-detail-sec .latest-article-sec .article-header{
	display: flex;
}
@media(max-width: 1199px){
	.blog-listing-sec .blog-list-grid{
		grid-template-columns: repeat(2,1fr);
	}
	.blog-detail-sec .content-page-sec h2{
		font-size: 40px;
	}
	.blog-detail-sec .content-page-sec h3{
		font-size: 26px;
	}
	.blog-detail-sec .content-page-sec h4{
		font-size: 22px;
	}
	.blog-detail-sec .blog-detail-outer{
		flex-wrap: wrap;
	}
	.blog-detail-sec .blog-detail-outer .left-part,
	.blog-detail-sec .blog-detail-outer .right-part{
		width: 100%;
		max-width: 100%;
	}
	.blog-detail-sec .blog-detail-outer .left-part .blog-author{
		margin-top: 30px;
	}
	.blog-detail-sec .content-page-sec h2, 
	.blog-detail-sec .content-page-sec h3, 
	.blog-detail-sec .content-page-sec h4, 
	.blog-detail-sec .content-page-sec h5{
		margin: 30px 0 15px;
	}
	.blog-detail-sec .content-page-sec p{
		margin-bottom: 15px;
	}
	.blog-detail-sec .content-page-sec img{
		margin: 30px 0px;
	}
	.blog-detail-sec .all-category-sec-outer{
		margin-top: 45px;
	}
}
@media(max-width: 767px){
	.blog-listing-sec .blog-list-grid{
		grid-template-columns: repeat(1,1fr);
	}
	.blog-detail-sec .content-page-sec h2{
		font-size: 30px;
	}
	.blog-detail-sec .content-page-sec h3{
		font-size: 22px;
	}
	.blog-detail-sec .content-page-sec h4{
		font-size: 20px;
	}
	.blog-detail-sec .content-page-sec h5{
		font-size: 18px;
	}
	.blog-detail-sec .blog-detail-outer .left-part .blog-author{
		margin-top: 20px;
	}
	.blog-detail-sec .content-page-sec h2, 
	.blog-detail-sec .content-page-sec h3, 
	.blog-detail-sec .content-page-sec h4, 
	.blog-detail-sec .content-page-sec h5{
		margin: 20px 0 15px;
	}
	.blog-detail-sec .content-page-sec p{
		margin-bottom: 15px;
	}
	.blog-detail-sec .content-page-sec img{
		margin: 20px 0px;
	}
	.blog-detail-sec .right-part .latest-article-sec .featured-outer{
		margin-top: 15px;
	}
	.blog-detail-sec .all-category-sec-outer{
		margin-top: 30px;
	}
	.blog-detail-sec .all-category-sec-outer .all-category{
		margin-top: 15px;
	}
}


.single-candidate .back-btn{
	text-transform: capitalize;
	color: #333;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	gap: 5px;
	background-color: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	padding: 0;
}
.single-candidate .back-btn:hover{
	color: var(--page-color);
}
.error-field {
	background-color: #fdd !important;
	border: 1px solid red !important;
}

.error-text {
	color: red;
	font-size: 12px;
	margin-top: 4px;
}
.candidate-template-default .close-modal{
	font-size: 0px;
	background: #fff url('./images/close-icon-popup.svg') no-repeat center center;
	background-size: 100%;
	width: 40px;
	height: 40px;
	border-radius: 100%;
}
.candidate-template-default .close-modal:hover{
	opacity: 0.7;
}

.common-spacing-150{
	margin: 80px auto;
}
@media(max-width: 1440px){
	.common-spacing-150{
		margin: 70px auto;
	}
}
@media(max-width: 1199px){
	.common-spacing-150{
		margin: 60px auto;
	}
}
@media(max-width: 767px){
	.common-spacing-150{
		margin: 50px auto;
	}
}
#idUploadForm{
	max-width: 767px;
	margin-top: 30px;
}
.id-verification select,
.id-verification input[type="text"]{
	border-radius: 30px;
	border: 3px solid #333;
	background: #FFF;
	padding: 10px 40px;
	height: 60px;
	color: #333;
	font-size: 20px;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 20px;
}
.id-verification select{
	appearance: none;
	background: #fff url('./images/arrow-down.svg') no-repeat center right 45px;
}
.id-verification input[type="file"]{
	width: 100%;
}
.id-verification select:focus,
.id-verification input[type="text"]:focus{
	outline: none;
	box-shadow: none;
}
.id-verification button{
	border-radius: 30px;
	border: 3px solid #333;
	background: #333;
	padding: 10px 20px;
	height: 60px;
	width: 240px;
	color: #F4F4F4;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	margin: 0;
	transition: 0.3s;
}
.id-verification button:hover {
	background: #fff;
	color: #333;
	border-color: inherit;
}
.id-verification #progressBar #progress{
	background: var(--page-color) !important;
	border-radius: 10px;
}
.id-verification a{
	text-decoration: underline;
	color: #333;
}
.id-verification a:hover{
	text-decoration: none;
}
.id-verification #confirmation a{
	color: #fff;
	text-decoration: none;
}
.id-verification #confirmation a:hover{
	color: #333;
}
.id-verification .id-verification-form-outer {
    padding: 20px;
    border: 3px solid var(--page-color);
    border-radius: 20px;
    margin-top: 25px;
    max-width: 767px;
    width: 100%;
}
.mo-openid-app-icons{ 
	width: 100%;
	text-align: center;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 3.333px 0 rgba(0, 0, 0, 0.08), 0 2.222px 3.333px 0 rgba(0, 0, 0, 0.17);
} 
.mo-openid-app-icons .mo_btn{ border-color: #fff !important;
	background-color: #fff !important;
	color: rgba(0, 0, 0, 0.7) !important;
	font-size: 22px !important;
	font-weight: 500 !important;
	padding-top: 16px !important;
	padding-bottom: 16px !important;
	width: 250px !important;
	background-image: unset !important;
} 
.mo_btn-social .fa{ top: 50% !important;
	transform: translateY(-50%) !important;
	bottom: auto !important;
} 
.mo-openid-app-icons .mo_btn span{ 
	color: #333333 !important;
}
.mo_btn-social>:first-child{
	top: 15px !important;
	border-right: 0px !important;
	left: 0px !important;
}

.back-btn {
	text-transform: capitalize;
	color: #333;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	gap: 5px;
	margin-bottom: 60px;
	background-color: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	padding: 0;
	&:hover {
		color: var(--page-color);
		svg {
			path {
				stroke: var(--page-color);
				transition: all 0.3s ease;
			}
		}
	}
	svg {
		max-width: 19px;
		max-height: 19px;
		aspect-ratio: 1/1;
	}
	@media (max-width: 1199px) {
		margin-bottom: 40px;
	}
	@media (max-width: 767px) {
		margin-bottom: 30px;
	}
}


.page-id-3425 .supoort-form-outer .wpcf7-list-item label{
	margin: 0px;
}

/* Blog Listing */

.latest-article-sec .featured-outer {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: flex-start;
}
/* LEFT COLUMN - FEATURED ARTICLE */
.latest-article-sec .featured-article {
	display: flex;
	flex-direction: column;
	gap: 25px;
}
.latest-article-sec .featured-image {
	width: 100%;
	aspect-ratio: 4.9 / 3;
	background: #e0e0e0;
	border-radius: 24px;
	overflow: hidden;
}
.latest-article-sec .featured-image a:hover img{
	transform: scale(1.1);
}
.latest-article-sec .featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.3s;
}
.latest-article-sec .featured-info {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
/* RIGHT COLUMN - ARTICLE LIST */
.latest-article-sec .articles-list {
	display: flex;
	flex-direction: column;
}
.latest-article-sec .article-item {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 20px 0;
	border-bottom: 1px solid #D9D9D9;
}
.latest-article-sec .article-item:first-child{
	padding-top: 0px;
}
.latest-article-sec .article-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.latest-article-sec .article-header {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 25px;
	align-items: flex-start;
}
.latest-article-sec .article-info {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.latest-article-sec .article-image {
	width: 148px;
	height: 90px;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
}
.latest-article-sec .article-image  a:hover img{
	transform: scale(1.1);
}
.latest-article-sec .article-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.3s;
}
.latest-article-sec h2,
.latest-article-sec .description,
.latest-article-sec .author-name,
.latest-article-sec .category-name{
	margin: 0px;
}
.latest-article-sec .category-name{
	text-transform: uppercase;
}
.latest-article-sec h2 a{
	color: #333;
}
.latest-article-sec .category-name:hover,
.latest-article-sec h2 a:hover{
	text-decoration: underline;
	color: #333;
}
/* RESPONSIVE */
@media (max-width: 1199px) {
	.latest-article-sec .featured-outer{
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.latest-article-sec .featured-image {
		aspect-ratio: 16/9;
	}
	.latest-article-sec .article-header {
		gap: 20px;
	}
	.latest-article-sec .article-image {
		width: 130px;
		height: 95px;
	}
	.latest-article-sec .article-item:first-child{
		padding-top: 20px;
		border-top: 1px solid #D9D9D9;
	}
}
@media (max-width: 575px) {
	.latest-article-sec .featured-image {
		aspect-ratio: 16/10;
	}
	.latest-article-sec .article-item {
		gap: 10px;
		padding-bottom: 30px;
	}
	.latest-article-sec .article-image {
		width: 90px;
		height: 75px;
	}
	.feature-cate-sec .article-box,
	.latest-article-sec .featured-article{
		gap: 15px;
	}
	.latest-article-sec .featured-info{
		gap: 10px;
	}
}

.feature-cate-sec .article-slider-outer {
	position: relative;
}
.feature-cate-sec .article-box {
	display: flex;
	flex-direction: column;
	gap: 25px;
}
.latest-article-sec.guest-post .hd-type2,
.feature-cate-sec .hd-type2{
	margin-bottom: 60px;
}
.feature-cate-sec .card-image {
	width: 100%;
	aspect-ratio: 4.9 / 3;
	background: #e0e0e0;
	border-radius: 20px;
	overflow: hidden;
	flex: 0 0 48%;
}
.feature-cate-sec .card-image a:hover img{
	transform: scale(1.1);
}
.feature-cate-sec .card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.3s;
}
.feature-cate-sec .card-content {
	display: flex;
	flex-direction: column;
	gap: 15px;
	flex-grow: 1;
}
.feature-cate-sec .card-content .hd-type3{
	margin: 0px;
}
.feature-cate-sec .card-content .hd-type3 a{
	color: #333;
}
.feature-cate-sec .card-content .hd-type3 a:hover{
	text-decoration: underline;
}
.feature-cate-sec .card-content .cms-type1{
	color: #333;
	margin: 0px;
}
.feature-cate-sec .slick-slide {
	padding: 0 20px;
}
.feature-cate-sec .slick-list{
	margin: 0 -20px;
}
.feature-cate-sec .slick-prev,
.feature-cate-sec .slick-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background: transparent;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #666;
	transition: all 0.3s ease;
	z-index: 10;
	font-size: 0px;
}
.feature-cate-sec .slick-prev {
	left: -70px;
}
.feature-cate-sec .slick-next {
	right: -70px;
}
.feature-cate-sec .slick-prev::after {
	content: '';
	background: url('./images/prev-icons.svg') no-repeat center center;
	display: block;
	width: 25px;
	height: 25px;
	background-size: 100%;
}
.feature-cate-sec .slick-next::after {
	content: '';
	background: url('./images/next-icons.svg') no-repeat center center;
	display: block;
	width: 25px;
	height: 25px;
	background-size: 100%;
}
@media(max-width: 1440px){
	.feature-cate-sec .slick-prev {
		left: -50px;
	}
	.feature-cate-sec .slick-next {
		right: -50px;
	}
}
@media (max-width: 1199px) {
	.latest-article-sec.guest-post .hd-type2,
	.feature-cate-sec .hd-type2{
		margin-bottom: 40px;
	}
	.feature-cate-sec .slick-prev {
		left: -50px;
	}
	.feature-cate-sec .slick-next {
		right: -50px;
	}
	.feature-cate-sec .hd-type3 {
		font-size: 18px;
	}
	.feature-cate-sec .slick-prev {
		left: -40px;
	}
	.feature-cate-sec .slick-next {
		right: -40px;
	}
}
@media (max-width: 767px) {
	.feature-cate-sec .card-image {
		aspect-ratio: 16/9;
	}
	.latest-article-sec.guest-post .hd-type2,
	.feature-cate-sec .hd-type2{
		margin-bottom: 20px;
	}
}

@media (max-width: 575px) {
	.feature-cate-sec .card-image {
		aspect-ratio: 16/10;
	}
	.feature-cate-sec .card-content {
		gap: 10px;
	}
}

.feature-cate-sec.list-view .article-box{
	flex-direction: row;
	align-items: center;
	gap: 40px;
}
.feature-cate-sec.list-view .articles-list{
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.latest-article-sec.guest-post .featured-outer{
	gap: 0 40px;
}
.latest-article-sec.guest-post .article-header{
	align-items: center;
}
.latest-article-sec.guest-post .article-item{
	height: 100%;
}
.latest-article-sec.guest-post .article-item:last-child{
	padding-bottom: 20px;
}
.latest-article-sec.guest-post .article-item:first-child{
	padding-top: 20px;
}
.latest-article-sec.guest-post .article-item:nth-last-child(-n+2) {
    border-bottom: none;
}
.latest-article-sec.guest-post .description{
	flex-grow: 1;
}
.feature-cate-sec .card-content .category-name {
    text-transform: uppercase;
	color: #333;
}
.feature-cate-sec .card-content .category-name:hover{
	text-decoration: underline;
}
.page-id-3650 .sec-seperation hr{
	margin: 0px;
	border-top: 1px solid #333;
	opacity: 1;
}
.page-id-3650 .slick-dots{
	margin-top: 25px;
}
@media(max-width: 991px){
	.feature-cate-sec.list-view .articles-list{
		display: block;
	}
	.feature-cate-sec.list-view .article-box{
		flex-direction: column;
	}
}

.blog-listing-sec.feature-cate-sec .article-box{
	display: block;
}
.blog-listing-sec.feature-cate-sec .card-content{
	margin-top: 25px;
}
.page-id-3336 .candidates-quebox .candidates-quebox-inner .inner-box-bg.candidate-question{
	min-height: 280px;
}
.page-id-3336 .candidates-quebox .candidates-quebox-inner .inner-box-bg{
	padding: 20px;
}
.page-id-3336 .candidates-quebox .candidates-quebox-inner .candidate-quebox{
	padding-bottom: 20px;
	height: auto;
}
.page-id-3336 .candidates-quebox .candidate-ans-btns{
	gap: 20px;
}
.image-content-section .lrc-btn-outer{
	display: flex;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
}
.image-content-section .lrc-btn-outer .btn-type1{
	min-width: 242px;
}


.primary-second-section.extra-sec{
	margin-top: 40px;
	margin-bottom: 0px;
}
.primary-second-section.extra-sec .election-box-inner{
	display: flex;
	gap: 20px;
	align-items: end;
}
.primary-second-section.extra-sec .election-box-content{
	width: 100%;
}
.primary-second-section.extra-sec .election-img{
	max-width: 130px;
}
.primary-second-section.extra-sec .how-to-vote-methods{
	background-color: #fff;
	border-radius: 30px;
	padding: 40px;
	margin-top: 0px;
}
.primary-second-section.extra-sec a.election-detail-desc{
	color: #333;
	display: inline-block;
	text-decoration: underline;
}
.primary-second-section.extra-sec a.election-detail-desc:hover{
	text-decoration: none;
}
.primary-second-section.extra-sec a.election-detail-desc.email-sec{
	word-break: break-all;
	position: relative;
	padding-left: 40px;
}
.primary-second-section.extra-sec a.election-detail-desc.whatsapp-icon{
	position: relative;
	padding-left: 40px;
}
.primary-second-section.extra-sec a.election-detail-desc.email-sec::before{
	content: '';
	position: absolute;
	left: 0px;
	background: url('./images/email-icon.svg') no-repeat center center;
	width: 30px;
	height: 30px;
	background-size: contain;
}
.primary-second-section.extra-sec a.election-detail-desc.whatsapp-icon::before{
	content: '';
	position: absolute;
	left: 0px;
	background: url('./images/whatsapp-icon.svg') no-repeat center center;
	width: 30px;
	height: 30px;
	background-size: contain;
}
.how-to-vote-section.voter-single .how-to-vote-method{
	flex-direction: unset;
	align-items: center;
	flex-wrap: wrap;
}
.primary-second-section .how-to-vote-method:first-child .btn-type1{
	background: rgb(255, 255, 255);
	color: rgb(51, 51, 51);
}
.primary-second-section .how-to-vote-method:first-child .btn-type1:hover{
	background: rgb(51, 51, 51);
	color: rgb(255, 255, 255);
}
@media(max-width: 1199px){
	.primary-second-section.extra-sec{
		margin-bottom: 25px;
		flex-direction: column;
	}
	.primary-second-section.extra-sec .election-box-inner{
		flex-direction: column;
	}
}
@media(max-width: 991px){
	.primary-second-section.extra-sec .how-to-vote-methods{
		padding: 30px;
	}
	.primary-second-section.extra-sec{
		margin-top: 30px;
	}
}
@media(max-width: 767px){
	.primary-second-section.extra-sec .how-to-vote-methods{
		padding: 25px;
	}
}
@media(max-width: 575px){
	.primary-second-section.extra-sec .how-to-vote-methods{
		padding: 20px;
	}
}
.cky-btn-revisit-wrapper{
	display: none !important;
}

.fa-google::before{
	content: '' !important;
	position: absolute;
	background: url('./images/google-logo.svg') no-repeat center center;
	width: 35px;
	height: 35px;
}



/* The Wall videos */

/* ================================================================
   MANAGE/SHARE BAR
   ================================================================ */
.manage-bar-inner {
    display: flex;
	flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.manage-text {
    display: flex;
    flex-direction: column;
}
.manage-bar .btn-type1{
	height: 100%; 
}
.manage-bar-inner .hd-type3{
	margin-bottom: 10px !important
}
/* ================================================================
FILTER CHIPS SECTION
================================================================ */
.filter-chips-section {
    margin: 50px 0 30px;
}

.filter-chips-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.chip {
    padding: 6px 16px;
    border-radius: 10px;
    font-family: "greycliff-cf", sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    cursor: pointer;
    transition: 0.3s;
    background-color: #fff;
    color: #333;
    border: 3px solid #d9d9d9;
}

.chip:hover {
    border-color: var(--page-color);
}

.chip-active {
	border-color: var(--page-color);
    background-color: var(--page-color);
    color: #fff;
}

/* ================================================================
   MAIN VIDEOS AREA
   ================================================================ */
.videos-meta-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}
.videos-meta-row .cms-type1{
	font-size: 14px;
    line-height: 1.2;
    margin-bottom: 0px !important;
}
/* ================================================================
   SORT DROPDOWN
   ================================================================ */
.sort-dropdown {
    position: relative;
}

.sort-dropdown .sort-button {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 6px 12px;
    border: 3px solid #333;
    border-radius: 40px;
    background-color: #fff;
    transition: 0.3s;
}
.sort-dropdown .icon {
    width: 24px;
    height: 24px;
    stroke-width: 3;
}
.sort-dropdown .icon-chevron {
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
}
.sort-dropdown.active .icon-chevron {
    transform: rotate(180deg);
}
.dropdown-menu {
    position: absolute;
    top: calc(100% + 4px);
    width: 100%;
    right: 0;
    background-color: #fff;
    border: 1px solid #e5e5e5;;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    z-index: 10;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 8px 16px;
    background: none;
    border: none;
    text-align: left;
    font-size: 11px;
    color: #333;
    cursor: pointer;
    transition: 0.3s;
}
.dropdown-item:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.dropdown-item:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.tw-masonry{
    margin: 0px;
    width: 100% !important;
	height: 100%;
}
.page-id-3301 .content-page-sec .content-outer{
	max-width: 100%;
}
.tw-masonry .tw-card{
	width: calc(25% - 25px); /* 4 columns with gutter */
    margin-bottom: 25px;
    position: relative;
    border-radius: 30px;
    transition: 0.3s;
    overflow: hidden;
}
.tw-masonry .tw-card:hover{
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.tw-masonry .tw-card::before{
	content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
    border-radius: 30px;
}
.tw-masonry .tw-card .tw-card-categories{
	position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
}
.tw-masonry .tw-card .tw-card-title{
	position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 2;
    max-width: calc(100% - 35px);
}
.tw-masonry .tw-card .tw-card-title-main{
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    text-wrap-mode: wrap;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tw-masonry .tw-card .tw-card-meta{
	color: #fff;
    font-size: 14px;
    line-height: 1.3;
    margin-top: 4px;
}    
.tw-masonry .tw-card .tw-card-categories .tw-card-category{
	background: #333;
    color: #fff;
    padding: 5px 12px;
    border-radius: 30px;
    font-size: 16px;
    line-height: normal;
}
.tw-masonry .tw-card .tw-play{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 82px;
    height: 82px;
    background-color: var(--page-color);
    mask-image: url('./images/play.svg');
    mask-repeat: no-repeat;
    mask-size: contain;
    z-index: 2;
}
.tw-masonry .tw-card img {
    display: block;
    width: 100%;   /* scale down if too wide */
    height: auto;      /* keep natural aspect ratio */
    border-radius: 30px;
    object-fit: cover;
}

@media(max-width: 1199px){
	.tw-masonry .tw-card{ width: calc(33.33% - 25px); }
    .tw-masonry .tw-card .tw-play{
        width: 65px;
        height: 65px;
    }
}
@media(max-width: 767px){
    .user-error-msg {
        margin-top: 25px;
    }
	.tw-manage-content .cms-type1{
    	line-height: normal;
    }
    .tw-masonry {
        display: grid;
        grid-template-columns: 1fr 1fr; /* 2 columns */
        grid-gap: 15px;
        height: 100% !important;
    }
    .tw-masonry .tw-card {
        width: 100%;
		position: relative !important;
        left: 0px !important;
        top: 0px !important;
        margin-bottom: 0;
        height: 280px;
    }
    .tw-masonry .tw-card img{
    	height: 100%;
    }
     .tw-masonry .tw-card .tw-play{
        width: 50px;
        height: 50px;
    }
    .tw-masonry .tw-card .tw-card-categories .tw-card-category{
    	font-size: 14px;
    }
}
@media(max-width: 575px){
  	.tw-masonry .tw-card .tw-card-title-main{
    	font-size: 16px;
    }
    .tw-masonry .tw-card .tw-card-meta{
    	font-size: 14px;
    }
}
.tw-modal-close {
    background: url(./images/modal-close.svg) no-repeat;
    height: 40px;
    width: 40px;
    border: none;
    margin-bottom: 20px;
    appearance: none;
    font-size: 0;
}

#tw-mfp-video .mfp-content .mfp-close {
    font-size: 0px;
    width: 40px;
    height: 40px;
    background: url(./images/close-icon-popup.svg) no-repeat center center;
    border: none;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1;
}
.page-template-the-wall-template .mfp-content{
	padding: 60px 15px 40px;
}

.next-question .loading-text{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 460px;
}
.language-switcher .gtranslate_wrapper{
	display: none;
}



/* New login step */
.sub-bold-txt{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	color: #333;
}
.page-template-acnt-completed #header_section,
.page-template-user-detail #header_section,
.page-template-verift-otp #header_section,
.page-template-verify-mobile #header_section,
.page-template-create-password #header_section,
.page-template-login-signup-new #header_section{
	display: none;
}
.login-signup-new.loginstep .logos{
	margin-top: 70px;
	padding-top: 0px;
}
.loginstep-first.login-form.login-signup-new{
	padding: 100px 0 120px !important;
}
.login-form.login-signup-new .loginfirst-outer{
	max-width: 530px;
	margin: auto;
}
.login-form.login-signup-new .loginfirst-outer .nav-tabs{
	width: 100%;
	background-color: transparent;
	border: 3px solid #D9D9D9;
	border-radius: 90px;
	padding: 7px;
	display: flex;
	gap: 6px;
}
.login-form.login-signup-new .loginfirst-outer .nav-tabs .nav-item{
	width: calc(50% - 3px);
	margin-bottom: 0px;
}
.login-form.login-signup-new .loginfirst-outer .nav-tabs .nav-item button{
	width: 100%;
	background-color: transparent;
	border: none;
	color: #333;
	font-size: 20px;
	font-weight: 700;
	line-height: normal;
	border-radius: 50px;
	padding: 16px 20px;
	text-align: center;
	transition: 0.3s;
}
.login-form.login-signup-new .loginfirst-outer .nav-tabs .nav-item button:hover,
.login-form.login-signup-new .loginfirst-outer .nav-tabs .nav-item button.active{
	background-color: #333;
	color: #fff;
	transition: 0.3s;
}
.login-form.login-signup-new .loginfirst-outer .loginemail{
	margin: auto;
	margin-top: 50px;
}
.loginstep-first.login-signup-new .thirdparty-login{
	margin: 40px 0;
}
.loginstep-first.login-signup-new .thirdparty-login br{
	display: none;
}
.loginstep-first.login-signup-new .login-divider{
	margin: 40px 0;
}
.loginstep-first.login-signup-new .login-divider div:before,
.loginstep-first.login-signup-new .login-divider div:after{
	top: 16px;
	width: 160px;
}
.login-form.loginstep-first.login-signup-new .form-group:last-child{
	margin-bottom: 0px;
}
.login-form.login-signup-new .loginfirst-outer .setpassword .hd-type2{
	margin-bottom: 15px !important;	
}
.login-form.login-signup-new .loginfirst-outer .setpassword .sub-hd-type1{
	margin-bottom: 40px !important;
}
.login-form.login-signup-new .loginfirst-outer .setpassword .form-group.ft-bottom{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3;
}
.login-form.login-signup-new .loginfirst-outer .setpassword .form-group.ft-bottom a{
	text-decoration: underline;
}
.login-form.login-signup-new .loginfirst-outer .setpassword .form-group.ft-bottom a:hover{
	text-decoration: none;
}
.login-form.login-signup-new .loginfirst-outer .mobile_enter .form-group.ft-bottom{
	text-align: center;
}
.login-form.login-signup-new .loginfirst-outer .mobile_enter .form-group.ft-bottom a.cust-tooltip{
	position: relative;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3;
	top: unset;
	right: unset;
	z-index: unset;
	padding-left: 40px;
	background: transparent;
	color: #333;
	width: fit-content;
	display: inline-flex;
	align-items: center;
}
.login-form.login-signup-new .loginfirst-outer .mobile_enter .form-group.ft-bottom a.cust-tooltip::before{
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0px;
	background: url('./images/info-icon.svg') no-repeat center center;
}
.login-form.login-signup-new .loginfirst-outer .mobile_enter .account-created-sec{
	display: flex;
	width: fit-content;
	gap: 15px;
	align-items: center;
	background: #fff;
	padding: 10px 20px;
	margin: auto;
	border-radius: 55px;
	margin-bottom: 40px;
}
.login-form.login-signup-new .loginfirst-outer .mobile_enter .account-created-sec img{
	max-width: 35px;
	object-fit: contain;
}
.login-signup-new .steps-container.mobile_enter{
	margin-bottom: 60px;
}
.login-form.login-signup-new .loginfirst-outer .email_otp .hd-type2{
	margin-bottom: 15px !important;	
}
.login-form.login-signup-new .loginfirst-outer .email_otp .sub-hd-type1{
	margin-bottom: 40px !important;
}
.login-form.login-signup-new .loginfirst-outer .email_otp .sub-hd-type1 #user-email-new{
	font-weight: 700;
}
.login-form.login-signup-new .loginfirst-outer .email_otp .resend-code{
	display: flex;
	gap: 2px;
	margin-top: 15px;
	justify-content: center;
}
.login-form.login-signup-new .loginfirst-outer .email_otp .resend-code a,
.login-form.login-signup-new .loginfirst-outer .email_otp .resend-code{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3;
}
.login-form.login-signup-new .loginfirst-outer .email_otp .resend-code a{
	margin-top: 0px !important;
	text-decoration: underline;
}
.login-form.login-signup-new .loginfirst-outer .email_otp .resend-code a:hover{
	text-decoration: none;
}
.login-form.login-signup-new .loginfirst-outer .signup .hd-type2{
	margin-bottom: 15px !important;	
}
.login-form.login-signup-new .loginfirst-outer .signup .sub-hd-type1{
	margin-bottom: 40px !important;
}
.login-form.login-signup-new .loginfirst-outer .signup .form-group{
	margin-bottom: 20px;
}
.login-form.login-signup-new .loginfirst-outer .signup .form-group label{
	font-weight: 700;
}
.login-form.login-signup-new .loginfirst-outer .signup .form-group.postcode p{
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
}
.login-form.login-signup-new .loginfirst-outer .signup .form-group:last-child{
	margin-top: 40px;
}
.login-form.login-signup-new .loginfirst-outer .act-completed .img-outer{
	text-align: center;
	margin-bottom: 40px;
}
.login-form.login-signup-new .loginfirst-outer .act-completed img{
	width: 80px;
	height: 80px;
	object-fit: cover;
}
.login-form.login-signup-new .loginfirst-outer .act-completed .hd-type2{
	margin-bottom: 15px;
}
.login-form.login-signup-new .loginfirst-outer .act-completed .sub-hd-type1{
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 40px;
	padding: 0 5px;
	line-height: normal;
}
.login-form.login-signup-new .loginfirst-outer .act-completed .btn-type1{
	width: 100%;
	max-width: 100%;
}
.login-form.login-signup-new .act-completed.ft-policy-menu ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px 30px;
	padding: 0px;
	list-style-type: none;
	max-width: 800px;
	width: 100%;
	margin: auto;
	margin-top: 60px;
}
.login-form.login-signup-new .act-completed.ft-policy-menu a{
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
	text-decoration: underline;
	color: #333;
}
.login-form.login-signup-new .act-completed.ft-policy-menu a:hover{
	text-decoration: none;
}
.page-template-verify-mobile .mfp-content{
	padding: 60px 40px;
	max-width: 526px;
}
.page-template-verify-mobile .why-number-popup-content .btn-close{
	position: absolute;
	top: 15px;
	right: 15px;
	background: url('./images/modal-close.svg') no-repeat center center;
	width: 24px;
    height: 24px;
	background-size: 100%;
	opacity: 1;
}
.page-template-verify-mobile .why-number-popup-content .btn-close:hover{
	opacity: 0.7;
}
.page-template-verify-mobile .why-number-popup-content .hd-type3{
	margin-bottom: 20px;
}
.page-template-verify-mobile .why-number-popup-content .cms-type1{
	margin-bottom: 40px;
}
.page-template-verify-mobile .why-number-popup-content .btn-type1{
	width: 100%;
	max-width: 100%;
}
.login-signup-new .steps-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	background: transparent;
	max-width: 640px;
	margin: 0px auto 100px;
}
.login-signup-new .steps-container::before {
	content: '';
	position: absolute;
	top: 15px;
	left: 6%;
	right: 6%;
	height: 3px;
	background: #e0e0e0;
	z-index: 0;
}
.login-signup-new .progress-line {
	position: absolute;
	top: 15px;
	left: 6%;
	right: 6%;
	height: 3px;
	background: #F87987;
	z-index: 1;
	width: 0%;
	max-width: calc(100% - 90px);
}
.login-signup-new .step {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 2;
	width: 100px;
	text-align: center;
	transition: all 0.3s ease;
}
.login-signup-new .step-number {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #D9D9D9;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	color: #333;
	margin-bottom: 10px;
	transition: all 0.3s ease;
	font-size: 16px;
}
.login-signup-new .step-label{
	font-size: 18px;
	font-weight: 400;
	color: #333;
	line-height: 1.3;
	text-align: center;
	transition: all 0.3s ease;
	white-space: nowrap;
}
.login-signup-new .step.active .step-number {
	background: #333;
	font-weight: 700;
	color: #fff;
}
.login-signup-new .step.active .step-label {
	color: #333;
	font-weight: 700;
}
.login-signup-new .step.completed .step-number {
	background: #F87987;
	color: transparent;
	box-shadow: none;
	font-weight: 700;
	position: relative;
}
.login-signup-new .step.completed .step-number::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url('./images/white-tick.svg') no-repeat center center;
	width: 24px;
    height: 24px;
}
.login-signup-new .step.completed .step-label {
	color: #F87987;
	font-weight: 600;
}
.login-form.login-signup-new .loginfirst-outer .backlink{
	top: -62px;
	left: 36px;
}
.login-form.login-signup-new .loginfirst-outer label{
	font-size: 16px;
}
.login-form.login-signup-new .form-group .cf-turnstile{
	margin-top: 20px !important;
}
.login-form.login-signup-new .form-group .cf-turnstile iframe{
	width: 100% !important;
}
.login-form.login-signup-new .loginfirst-outer .setpassword .sub-hd-type1 #user-email-display{
	font-weight: 600;
}
.login-form .form-group input#mob_otp.form-control{
	text-align: center;
}
.login-form .form-group input#mob_otp::-webkit-inner-spin-button,
.login-form .form-group input#mob_otp::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.login-form.login-signup-new .loginfirst-outer label .optional{
	font-weight: 400;
}

@media (min-width: 576px) {
    .login-form.login-signup-new .loginfirst-outer .backlink{
        left: calc(50vw - (468px / 2));
    }
}
@media (min-width: 768px) {
    .login-form.login-signup-new .loginfirst-outer .backlink{
        left: calc(50vw - (648px / 2));
    }
}
@media (min-width: 992px) {
    .login-form.login-signup-new .loginfirst-outer .backlink{
        left: calc(50vw - (888px / 2));
    }
}
@media (min-width: 1200px) {
   	.login-form.login-signup-new .loginfirst-outer .backlink{
        left: calc(50vw - (1098px / 2));
    }
}
@media (min-width: 1600px) {
    .login-form.login-signup-new .loginfirst-outer .backlink{
        left: calc(50vw - (1418px / 2));
    }
}
@media(max-width: 991px){
	.login-signup-new.loginstep .logos{
		margin: 50px auto 0px;
		max-width: 170px;
	}
	.loginstep-first.login-form.login-signup-new{
		padding: 60px 0 80px !important;
	}
	.login-form.login-signup-new .loginfirst-outer .signup .sub-hd-type1,
	.login-form.login-signup-new .loginfirst-outer .email_otp .sub-hd-type1,
	.login-form.login-signup-new .loginfirst-outer .setpassword .sub-hd-type1{
		margin-bottom: 30px !important;
	}
	.login-form.login-signup-new .loginfirst-outer .email_otp .hd-type2,
	.login-form.login-signup-new .loginfirst-outer .setpassword .hd-type2,
	.login-form.login-signup-new .loginfirst-outer .signup .hd-type2{
		margin-bottom: 10px !important
	}
	.login-form.login-signup-new .loginfirst-outer .backlink{
		top: -55px;
	}
	.login-form.login-signup-new .loginfirst-outer .mobile_enter .account-created-sec{
		margin-bottom: 30px;
	}
	.login-signup-new .steps-container{
		margin-bottom: 60px;
	}
	.login-form.login-signup-new .loginfirst-outer ul li button{
		padding: 12px;
	}
	.login-form.login-signup-new .loginfirst-outer .loginemail{
		margin-top: 40px;
	}
	.loginstep-first.login-signup-new .login-divider,
	.loginstep-first.login-signup-new .thirdparty-login{
		margin: 30px 0;
	}
}
@media(max-width: 767px){
	.login-signup-new .progress-line,
	.login-signup-new .steps-container::before{
		left: 8%;
		right: 8%;
	}
	
}
@media(max-width: 576px){
	.loginstep-first.login-signup-new .login-divider div:before, 
	.loginstep-first.login-signup-new .login-divider div:after{
		width: 120px;
	}
	.login-signup-new .steps-container{
		align-items: start;
		gap: 5px;
	}
	.login-signup-new .step-label{
		white-space: wrap;
	}
	.login-form.login-signup-new .loginfirst-outer .setpassword .toggle-password{
		top: 15px;
		right: 20px;
	}
	.login-form.login-signup-new .form-group .form-control#set_password{
		padding-right: 43px;
	}
	.login-form.login-signup-new .act-completed.ft-policy-menu ul{
		flex-direction: column;
		gap: 8px;
		align-items: center;
	}
}
@media(max-width: 460px){
	.loginstep-first.login-signup-new .login-divider div:before, 
	.loginstep-first.login-signup-new .login-divider div:after{
		width: 100px;
	}
	.login-form.login-signup-new .loginfirst-outer .nav-tabs{
		flex-wrap: wrap;
		border-radius: 25px;
	}
	.login-form.login-signup-new .loginfirst-outer .nav-tabs .nav-item{
		width: 100%;
	}
	.login-signup-new .progress-line{
		max-width: calc(100% - 60px);
	}
}
.menu-outer .offcanvas .btn-close{
	width: 40px;
	height: 40px;
}

#turnstile-container{
	display: none;
}

.latest-news-sec .latest-news-box .latest-news-box-inner .event-link a,
.latest-news-sec .latest-news-box .latest-news-box-inner .location-title a{
	font-size: 16px;
	text-decoration: none;
}
.latest-news-sec .latest-news-box .latest-news-box-inner .event-link{
    margin-top: 15px;
}
.latest-news-sec .latest-news-box .latest-news-box-inner .event-link a:hover,
.latest-news-sec .latest-news-box .latest-news-box-inner .location-title a:hover{
	text-decoration: underline;
}
.home .video-content-sec .video-sec video{
	object-fit: cover;
}
.main-video-section .main-video-container{
	padding: 30px 0px;
	border-bottom: 1px solid var(--page-color);
}
.main-video-section .main-video-container:last-child{
	padding-bottom: 0px;
	border-bottom: none;
}
.main-video-section .main-video-container#main-video-container {
	padding-top: 0px;
}
.main-video-section .main-video-container#main-video {
	padding-top: 0px;
	display: none;
}
.main-video-section#ajax-filter{
	padding-bottom: 30px;
	border-bottom:  1px solid var(--page-color);
}
@media(max-width: 1199px){
	.post-type-archive-canditube .filter-section{
		padding-bottom: 40px;
	}
	.main-video-section .main-video-container{
		display: none;
	}
/* 	.main-video-section .main-video-container#main-video-container{
		display: block;
		border-bottom: none;
		padding-bottom: 0px;
	} */
	.main-video-section .main-video-container#main-video {
		padding-top: 0px;
		display: block;
	}
	.main-video-section#ajax-filter{
		padding-bottom: unset;
		border-bottom:  none;
	}
	.post-type-archive-canditube .video-carousel.promoted-video-listing{
		display: flex !important;
	}
	.post-type-archive-canditube .video-carousel-section{
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: nowrap;
		align-items: start;
	}
	.post-type-archive-canditube .video-carousel{
		grid-template-columns: repeat(1, 1fr);
		width: 50%;
	}
}
@media(max-width: 767px){
	.post-type-archive-canditube .video-carousel-section{
		display: flex;
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}
	.post-type-archive-canditube .video-carousel{
		width: 100%;
	}
	.post-type-archive-canditube .video-carousel.promoted-video-listing {
		padding-bottom: 30px;
		border-bottom: 1px solid var(--page-color);
		margin-bottom: 30px;
	}
}

.promoted-tag{
    z-index: 4;
    position: relative;
    background: aliceblue;
    padding: 2px;
    border-radius: 2px;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 1vw;
	/* display: none; */
}
@media(max-width: 480px){
	.page-template-Candidate_answers .fluid-width-video-wrapper{
		display: none;
	}
}