body{
	margin: 0;
	padding: 0;
}
span.list-icon img {
	margin-bottom: 8px;
}
._container {
	max-width: 1370px;
	width: calc(100% - 90px);
}
._container {
	padding-right: 25px;
	padding-left: 25px;
	margin-right: auto;
	margin-left: auto;
}
/* .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -25px;
justify-content: space-between;
align-items: center;
margin-left: -25px;
}  */
.page-id-158429 .top-nav.off-screen.off-screen--nav, .page-id-158429 .site-footer {
	display: none !important;
}
/*============Header===============*/
:root body .head-button a:hover {
	color: #ffffff !important;
}
ul#menu-new-header-menu {
	display: flex;
	gap: 40px;
}
header.main-header-area {
	/*	background-color: #faf9f6;
	background-image: linear-gradient(245deg, #e8f6fc 0%, #FAF9F6A3 49%);*/
	background: transparent;
	padding: 20px 0;
}
body.show-nav .top-nav {
	padding: 10px 0 !important;
}
.head-logo img{
	width: 116px;
}
.hdr-menu-area{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	gap: 30px;
	margin-bottom:6px;
}
.hdr-menu-area li a{
	font-family: "Helvetica", Sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #000000;
	fill: #000000;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.head-button a{
	font-family: "Helvetica", Sans-serif;
	font-size: 14px;
	font-weight: 700;
	fill: #000000;
	color: #000000;
	background-color: #48E4C1;
	border-radius: 0px 0px 0px 0px;
	padding: 20px 30px 20px 30px !important;
}
.main-row{
	display: flex;
	/* align-items: center; */
	justify-content: flex-end;
	gap: 40px;
	margin-top:26px;
}
/*============Banner================*/
.banner-area h1{
	color: #000000;
	font-family: "Helvetica", Sans-serif;
	font-size: 76px;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 86px;
	margin-top: 0;
	max-width: 1390px;
	margin-bottom: 20px;
}
.banner-area{
	padding-top: 15.625rem;
	padding-bottom: 130px;
	background-color: transparent;
	background-image: linear-gradient(245deg, #AEE2FA4F 0%, #FAF9F6 49%);
}
.banner-area p{
	color: #000000;
	font-family: "Helvetica", Sans-serif;
	font-size: 18px;
	transition: all 1.5s cubic-bezier(.17,.67,0,.99) 1.3s;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.banner__overflow {
	background-color: unset !important;
}
.cat-ht {
	margin-top:50px
}
/*===========Three Box=============*/
.three-box-area a:hover {
	background: #45A8F4;
	color: #fff;
}
section.gray-bg-content {
	background: #faf9f6;
	padding-bottom: 130px;
}
.three-box-area h3{
	font-family: "Helvetica", Sans-serif;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	color:#000;
}
.three-box-area p{
	color: #000000;
	font-family: "Helvetica", Sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	margin: 30px 0;
}
.three-box-area a{
	background: #2266CC;
	padding: 20px;
	display: block;
	color: #F0F0F0;
	font-size: 15px;
	font-weight: 400;
	line-height: 18.97px;
	letter-spacing: 0.2em;
	text-align: center;
	text-transform: uppercase;
	margin-top: 40px;
}
.icon-box-content {
	background-image: url(../../../../uploads/2024/11/Mask-group-1.svg);
	padding: 38px 30px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}
.center-box .icon-box-content {
	background-image: url(../../../../uploads/2024/11/Mask-group-1.svg) !important;
}
.first-box .icon-box-content{
	background-image: url(../../../../uploads/2024/11/Mask-group-1.svg) !important;
}
section.three-box-area {
	background-color: transparent;
	background-color: transparent;
	background-image: linear-gradient(180deg, #E1F4FD66 0%, #FAF9F6 100%);
	padding: 0;
}
section.telant-area {
	padding-top: 150px;
}
.icon-box-content svg {
	margin-bottom: 18px;
}
.heading2{
	font-family: "Helvetica", Sans-serif;
	font-size: 48px;
	font-weight: 700;
	line-height: 60px;
	letter-spacing: -0.01em;
	text-align: left;
	text-transform:uppercase;
	color:#000;
}
.telant-area p, .personalized-arae p{
	font-family: "Helvetica", Sans-serif;
	font-size: 19px;
	font-weight: 400;
	line-height: 30px;
	text-align: left;
	color:#000;
}
.telant-area, .personalized-arae{
	background-color: #FAF9F6;
	padding:80px 0;
}
.btn-area {
	text-align: center;
}
.animation-banner img {
	width: 100%;
	margin: 80px 0;
}
.btn-all-blog .button-text {
	text-transform: uppercase;
	letter-spacing: 0;
	font-weight: 450;
	padding: 0px;
	font-size: 16px;
}
.btn-area a{
	font-family: "Helvetica", Sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	fill: #FFFFFF;
	color: #F0F0F0;
	background-color: #2266CC;
	border-radius: 0px 0px 0px 0px;
	padding: 23px 40px;
	display: inline-block;
}
.questions-area a span {
	/*	text-transform: capitalize !important;*/
	font-weight: 500 !important;
}
.four-box-content h3{
	font-family: "Helvetica", Sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 32.34px;
	text-align: left;
	max-width: 224px;
	margin: 26px 0 18px;
	color:#000;
	text-transform:uppercase;
}
.four-box-content {
	padding: 100px 20px;
}
.four-box-content img{
	width: auto;
	height: auto;
}
.col-md-6.align-btm {
	display: flex;
	align-items: end;
	flex-wrap:wrap;
	margin-top: 10px;
}
.col-md-6.align-btm p{
	margin: 0;
	margin-top: 16px;
}
.col-md-6.align-btm p {
	margin-bottom: 22px;
	padding-left: 94px;
	font-family: "Helvetica", Sans-serif;
	font-size: 19px;
	font-weight: 400;
	line-height: 30px;
	text-align: left;
	color: #000;
}
.four-box-content{
	position:relative;
}
._container .row .four-box-content:after{
	content: "";
	position: absolute;
	right: -14px;
	top: 108px;
	background: url('../../../../uploads/2024/10/Arrow-3.html');
	width: 250px;
	height: 17px;
	background-size: cover;
	z-index: 9;
}
.remove-after-background:after {
	background: none !important;
	content: "";
}

/* Blog Blog */
.post-thumb-img img {
	width: 100%;
	height: 255px;
	object-fit: cover;
	object-position: top;
	margin-bottom: 20px;
	background: #242331;
}
.posts-content {
	margin-top: 60px;
}
.post-content h4{
	font-family: "Helvetica", Sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 26.46px;
	letter-spacing: 0.03em;
	text-align: left;
	text-transform: uppercase;
	margin-top: 16px;
	margin-bottom: 0;
	min-height: 80px;
}
.blg-title {
	font-size: 18px !important;
	font-weight: 700;
	line-height: 26.46px;
	letter-spacing: 0.03em;
	text-align: left;
	text-transform: uppercase;
	margin-top: 16px;
	margin-bottom: 0;
	min-height: 80px;
}
.icon-date img {
	width: 61px;
	margin-right: 20px;
	margin-left: 6px;
}
.slide-content a {
	display: inline-block !important;
	padding: 18px 40px !important;
}
.read-more-btn, .btn-all-blog a, .slide-content a {
	background: #45A8F4;
	padding: 23px 40px;
	display: block;
	color: #000;
	font-size: 15px;
	font-weight: 400;
	line-height: 18.97px;
	letter-spacing: 0.2em;
	text-align: center;
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: 40px;
}
.btn-all-blog a svg, .btn-area a svg {
	width: 20px;
	height: 17px;
	margin-left: 20px;
}
.btn-all-blog a{
	margin:0;
}
.latest-area, .main-faq-area {
	background: #faf9f6;
	padding-bottom: 120px;
}
.questions-area{
	background-color: #242331;
	padding:140px 0;
	color: #fff;
	text-align: center;
}
.questions-area h2 {
	text-align: center;
	max-width: 653px;
	margin: 0 auto;
	color:#fff;
}
.questions-area h3 {
	text-align: center;
	max-width: 653px;
	margin: 0 auto;
	color:#fff;
}
.questions-area .btn-all-blog {
	justify-content: center;
}
.questions-area p {
	margin: 24px 0 50px;
}
.latest-area .col-md-6.align-btm {
	align-items: flex-start;
}
.btn-all-blog {
	margin-top:4px;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: end;
}
.item.main-post {
	background: #fff;
	padding: 20px;
	margin-bottom: 39px;
	transition: box-shadow 0.4s ease-in-out;
	min-height: 496px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.posts-content a:not(.button){color:#000}
.item.main-post:hover {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 
	0 -2px 6px rgba(0, 0, 0, 0.04), 
	2px 0 6px rgba(0, 0, 0, 0.04), 
	-2px 0 6px rgba(0, 0, 0, 0.04);
}
.read-more-btn {
	margin-bottom: 8px;
}
/* FAQ FAQ */
.at-tab {
	font-family: "Helvetica", Sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	text-align: left;
	display: none;
	padding: 0;
	border: 0;
	border-top: none;
	box-shadow: none;
	background-color: transparent;
	color: #000;
	padding-top: 6px;
}
.btn-all-blog a svg {
	width: 20px;
	height: 15px;
}
.questions-area .btn-all-blog a {
	padding: 20px 20px;
}
.at-title {
	cursor: pointer;
	background-color: transparent;
	position: relative;
}
.at-title:hover {
	background-color: transparent;
}
.at-title:after {
	content: "";
	position: absolute;
	top: 66%;
	transform: translateY(-66%);
	right: 0px;
	width: 14px; 
	height: 14px; 
	background-image: url('../../../../uploads/2024/11/2-1.svg');
	background-size: contain; 
	background-repeat: no-repeat; 
	transition: all 0.3s ease;
}
.at-title.active:after {
	content: "";
	background-image: url('../../../../uploads/2024/11/Rectangle-480.svg');
	background-size: contain; 
	background-repeat: no-repeat; 
	transition: all 0.3s ease;
}
section.main-faq-area p {
	font-family: "Helvetica", Sans-serif;
	color:#000;
	max-width: 346px;
	font-size: 16px;
	font-weight: 450;
	line-height: 24px;
	text-align: left;
}
.list-item .list-text {
	position: relative;
	top: -2px;
}
.at-item {
	margin-bottom: 15px;
	border-bottom: 1px solid #E1DCE9;
	padding: 20px 0;
	color: #000;
}
.at-title h2,
.at-title h3 {
	font-family: "Helvetica", Sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 23.52px;
	letter-spacing: 0.03em;
	text-align: left;
	text-transform:uppercase;
}
.accordion-header {
	text-align: center;
	background-color: transparent;
	color: #000;
	padding: 20px 0;
}
footer.main-footer {
	padding: 100px 0;
	background: #000;
}
.main-footer h4 {
	color: #fff;
	font-family: Helvetica;
	font-size: 18px;
	font-weight: 700;
	line-height: 20.7px;
	letter-spacing: -0.02em;
	text-align: left;
	text-transform: capitalize;
	margin-bottom:22px;
}
ul.ft-list {
	padding: 0;
}
.row.bottom-area {
	margin-top: 60px;
}
.row.bottom-area p {
	margin:0;
}
.ft-list li a, .ft-list li{
	list-style:none;
	color:#fff;
}
.row.bottom-area .social-links {
	text-align: right;
}
.list-box {
	display: flex;
	justify-content: space-between;
	width: 374px;	
}
.social-links a img {
	margin: 0 10px;
}
footer.main-footer a, .main-footer p, footer.main-footer li{
	font-family: "Helvetica", Sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 20.24px;
	text-align: left;
	line-height: 36px;
	color: #fff;
	text-transform:capitalize;
}
.phon-area{
	margin-top:10px;
}
.phon2-area{
	margin-top:10px;
}
footer.main-footer a:hover{
	color: #45A8F4 !important;
}
.list-box .ft-list li {
	line-height: 24px;
}
.list-box a {
	color: #45A8F4 !important;
	margin-bottom: 6px;
	display: block;
}
.ft-list-of {
	color: #45A8F4 !important;
	margin-bottom: 6px;
	display: block;
}
/* Form */
.ft-newsletter {
	width: 100%;
}
.ft-newsletter input[type="email"] {
	width: 100%;
	padding: 10px 20px;
	margin-bottom: 10px;
	border: 1px solid #0395FF;
	border-radius: 0;
	box-sizing: border-box;
	height:54px;
	font-family: "Helvetica", Sans-serif;
	color:#fff;
	font-size: 12px;
	font-weight: 500;

}
.ft-newsletter input[type="email"]::placeholder {
	color: #fff; 
}
.ft-newsletter .wpcf7-submit {
	width: 100%;
	padding: 10px;
	background-color: #0395FF;
	color: #fff;
	border: none;
	border-radius: 0;
	height:54px;
	cursor: pointer;
	font-family: "Helvetica", Sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 17.71px;
	text-transform:capitalize;
	text-align: center;
	margin: 0;
}
.wpcf7 form .wpcf7-response-output {
	margin: 0em 0.5em 1em;
	color: #fff;
}
.animation-banner {
	margin-bottom: 60px;
	background: #fff;
	margin-top: 60px;
}
section.personalized-arae {
	padding-top: 140px;
}
.ft-newsletter button:hover, .read-more-btn:hover, .btn-all-blog a:hover, .three-box-area a:hover, .btn-area a:hover{
	background-color: #0056b3;
}
.head-button a:hover{
	background:#2266CC;
}
.hdr-menu-area li a:hover, .mega-menu a:hover h2, .mega-menu a:hover, .mega-menu .close-btn:hover{
	color:#2266CC !important;
}
.main-accordion .at-tab p {
	max-width: 96%;
}
.menu-icon a:hover img {
	filter: brightness(0) saturate(100%) invert(36%) sepia(62%) saturate(6461%) hue-rotate(191deg) brightness(95%) contrast(102%);
}

/* MEGA MENU>>> MEGA MENU */
/* .mega-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #242331;
padding: 2rem;
display: flex;
flex-direction: column;
} */
.mega-menu .menu-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}
.mega-menu .logo {
	width: 100px;
}
.mega-menu .close-btn {
	background: none;
	border: none;
	color: #ffffff;
	font-size: 36px;
	cursor: pointer;
	outline:none;
	padding:0;
}
.mega-menu .menu-content {
	display: flex;
	justify-content: space-between;
	gap:100px;
}
.mega-menu .menu-column {
	flex: 1;
}
.mega-menu .menu-item {
	margin-bottom: 1rem;
}
.mega-menu .menu-item h2 {
	font-family: "Helvetica", Sans-serif;
	margin-bottom: 38px;
	display: flex;
	color: #fff;
	justify-content: space-between;
	align-items: center;
	font-size: 25px;
	font-weight: 500;
	line-height: 31.62px;
	text-align: left;
}
/* .mega-menu .menu-item h2::after {
content: '→';
font-size: 1rem;
} */
.mega-menu .sub-menu {
	list-style-type: none;
	padding: 0;
	max-width: 230px;
	/* margin-bottom: 37px; */
	position: relative;
	top: -20px;
}
.mega-menu .sub-menu li {
	margin-bottom: 0;
	border-bottom: 1px solid #403E58;
	padding: 16px 0;
}
.mega-menu a {
	color: #ffffff;
	text-decoration: none;
	font-family: "Helvetica", Sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 25.3px;
	text-align: left;
}
.mega-menu .arrow {
	font-size: 1rem;
}
/* .mega-menu {
display: none;
position: absolute;
left: 0;
width: 100%;
background-color: #242331;
box-shadow: 0 5px 10px rgba(0,0,0,0.1);
padding: 20px;
z-index: 1000;
}
.mega-menu.active {
display: block;
}
*/
.mega-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #242331;
	color: #ffffff;
	padding: 2rem 6rem 6rem;
	z-index: 1000;
	transform: translateY(-100%);
	transition: transform 0.3s ease-in-out;
	display: flex;
	flex-direction: column;
}
.mega-menu.active {
	transform: translateY(0);
	/* max-height: 100vh;    
	overflow-y: auto;     
	overscroll-behavior: contain; */
}
.four-box-content p {
	max-width: 260px;
}
header.main-header-area.top-nav.top_tiny_nav.removeBG{
	top: 0;
	padding: 10px 0 !important;
	border: 0 !important;
}
header.main-header-area.top-nav.top_tiny_nav {
	top: 0;
}
.hamber-head-menus li a {
	margin-bottom: 38px;
	display: flex;
	color: #fff;
	justify-content: space-between;
	align-items: center;
	font-size: 25px;
	font-weight: 500;
	line-height: 31.62px;
	text-align: left;
}
.hamber-head-menus {
	padding: 0;
	list-style-type: none;
}
/* For Bands Page css strat here */
.full-slider-area .slider, .full-slider-area .slick-slide {
	position: relative;
}
.full-slider-area .slide-content {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	padding: 20px 90px;
	z-index: 9;
	background: transparent;
	max-width: 1470px;
	margin: 0 auto;
}
.full-slider-area .slick-slide img {
	width: 100% !important;
	height: 100vh;
	object-fit: cover;
}
.full-slider-area .slide-content h2 {
	font-size: 24px;
	margin-bottom: 10px;
	max-width:630px;
	color:#fff;
	font-family: "Helvetica", Sans-serif;
	font-size: 45px;
	font-weight: 900;
	line-height: 56px;
	letter-spacing: -0.01em;
	text-align: left;
}
.full-slider-area .slide-content p {
	font-size: 16px;
	line-height: 1.5;
	color:#fff;
	max-width:630px;
}
.full-slider-area .slick-dots {
	bottom: 36px;
	text-align: right;
	right: 101px;
}
.full-slider-area .slick-dots li button:before {
	background: transparent;
	display: block;
	height: 19px !important;
	width: 19px !important;
	color: transparent;
	margin:0 6px;
	cursor: pointer;
	border: 2px solid #fff;
	border-radius: 50px;
}
.full-slider-area .slick-dots li {
	height: 19px;
	width: 19px;
}
.full-slider-area .slick-dots .slick-active button:before {
	background-color: #0395FF !important;
	border: solid 2px #0395FF !important;
	height: 19px !important;
	width: 19px !important;
}
.full-slider-area .slick-dots li button:before {
	color: white;
	opacity: 1;
}
.for-brands-area{
	padding-top: 110px;
}
.full-slider-area .slick-dots li.slick-active button:before {
	opacity: 1;
}
section.latest-area {
	padding-top: 140px;
	padding-bottom: 60px;
}
/* // Pro DEVE function End here */

/* about page css strt */
section.peoples-area {
	background: #FAF9F6;
	padding: 140px 0;
}
section.peoples-area .heading2 {
	max-width: 665px;
}
.about-news-area{
	background:#fff;
}
.grid-image-box-main .image-box {
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
}
.grid-image-box-main {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 14px;
	padding: 0;
	border-top: 1px solid #73B7E8;
	padding-top: 22px;
	margin-top: 40px;
	border-bottom: 1px solid #73B7E8;
	padding-bottom: 22px;
	margin-bottom: 40px;
}
.image-box .bdr-area {
	width: 55px;
	height: 1px;
	background: #46E5BF;
	margin-bottom: 6px;
}
.grid-image-box-main .image-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position:top;
	transition: all 0.3s ease-in-out;
}
.grid-image-box-main .image-box::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #403E58AD;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
.grid-image-box-main .image-box:hover::before {
	opacity: 1;
}
.grid-image-box-main .content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: transparent;
	color: white;
	padding: 18px;
	transform: translateY(100%);
	transition: transform 0.3s ease-in-out;
}
.grid-image-box-main .image-box:hover .content {
	transform: translateY(0);
}
.grid-image-box-main .image-box .name {
	font-family: "Helvetica", Sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 29px;
}
.grid-image-box-main .image-box .title {
	font-family: "Helvetica", Sans-serif;
	font-size: 12px;
	font-weight: 300;
}

/* logos section css strt */

.clients-logo-area h2 {
	color:#fff;
}
.clients-logo-area .client-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 110px;
	margin: 0 auto;
}
.clients-logo-area .client-logo {
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
}
.clients-logo-area .client-logo img {
	max-width: 100%;
	max-height: 50px;
	object-fit: contain;
}
section.clients-logo-area {
	background: #242331;
	padding: 70px 0;
	overflow:hidden;
}
.about-faq-area{
	padding-top:150px;
}
.clients-logo-area .heading2{
	position:relative;
}
.clients-logo-area .heading2:before{
	content: "";
	position: absolute;
	top: 25px;
	right: -584px;
	width: 100%;
	height: 1;
	background: transparent;
	border-bottom: 1px dashed #46E5BF;
}
h3._sb_title{
	position:relative;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.01em;
	text-align: left;
}
._sb_title:before {
	content: "";
	position: absolute;
	top: 16px;
	left: 94px;
	width: 86%;
	height: 1;
	background: transparent;
	border-bottom: 1px solid #73B7E8;
}
.resources-posts .col-md-6{
	overflow:hidden;
}
section.clients-logo-area .row {
	border-bottom: 1px dashed #46E5BF;
	padding-bottom: 60px;
	padding-top: 50px;
}
section.gray-bg-content {
	padding-top: 30px;
}
section.gray-bg-content .heading2 {
	max-width: 644px;
}
section.latest-area.partnerships-latest {
	background: #fff;
}

/* Resourses page css astrt */

.link-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	max-width: 700px;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.link-container li {
	flex: 1 1 calc(33.333% - 10px);
	position: relative;
}
.link-button {
	font-family: "Helvetica", Sans-serif;
	display: block;
	padding: 10px 15px;
	border: 2px solid #2266CC;
	color: #242331;
	text-decoration: none;
	transition: background-color 0.3s, color 0.3s;
	font-size: 16px;
	font-weight: 450;
	line-height: 20.24px;
	text-align: left;
}
.bnr-sb-heding p{
	max-width: 320px;
} 
.link-button:hover {
	background-color: #2266CC;
	color: #F0F0F0;
}
.link-container li img {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}
/* Optional: Change SVG color on hover */
.link-container li:hover img {
	filter: brightness(0) invert(1);
}
.filter-dropdown ul li {
	list-style: none;
}
section.banner-area.resources-area {
	padding-bottom: 60px;
}
.row.btns-group {
	padding-top: 140px;
}
.row.btns-group p {
	text-transform: none;
	max-width: 400px;
}
/* .posts-content.featured-area .col-md-4, .posts-content.featured-area .row {
width: 100% !important;
max-width: 100%;
} */
.post-content .description {
	font-size: 18px;
	line-height: 30px;
	font-weight: 500;
	margin-bottom: 60px;
}
.item.main-post.featured-area {
	padding: 35px;
	max-height: 569px;
}
.featured-area .cat-area {
	margin: 22px 0 20px;
}
.featured-area .post-content h4 {
	min-height: 50px;
}
.removeBG .head-logo img {
	width: 106px;
	transition: width 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.item.main-post.list-style-post {
	display: flex;
	width: 100%;
	margin-bottom:18px;
	gap:20px;
	flex-direction: row;
	min-height: 250px;
}
.list-style-post .post-content {
	width: 60%;
}
.list-style-post .post-thumb-img {
	width: 100%;
}
.list-style-post .post-content h4 {
	margin-top: 16px;
	margin-bottom: 10px;
	min-height: auto;
	margin-top: 6px;
}
.list-style-post .read-more-btn{
	margin-bottom: 8px;
	font-size: 15px;
	letter-spacing: 0.2em;
	text-align: center;
	background: #48E4C1;
	color: #000 !important;
	margin-top: 0 !important;
	padding: 14px;
	width: auto;
	font-weight:500;
}
.filter-area ._sb_title{
	text-align:right;
	margin-bottom: 18px;
}
.filter-area ._sb_title:before {
	top: 20px;
	right: 90px !important;
	width: 910px !important;
	border-bottom: 1px solid #000000;
	left: unset;
}
.all-resources-area {
	padding-top: 60px !important;
	padding-bottom: 140px !important;
}
.all-resources-area h2{
	max-width: 410px;
	overflow: hidden;
	background: #faf9f6 !important;
	position: relative;
	z-index: 1;
}
.col-md-6.filter-area {
	display: flex;
	justify-content: end;
	align-items: end;
	width: 100%;
}
.bg-light-gren a{
	background: #48E4C1;
	color: #000 !important;
	padding: 16px 80px !important;
	font-weight:500 !important;
}
.bg-light-gren a:hover{
	color: #fff !important;
}
h3._sb_title ._sb_title {
	text-align: right;
}
.list-style-post .description {
	margin-bottom: 22px;
	font-size: 16px;
	line-height: 24px;
}
.list-style-post .post-thumb-img img {
	height: 206px;
	margin-bottom:0;
}
section.latest-area.resources-posts {
	padding-top: 40px;
}
.featured-area .post-thumb-img img {
	height: 270px;
}
.item.main-post.list-style-post .icon-date {
	font-size: 12px;
}
/* Stick to the top */

.label-signup {
	/* font-size: 24px;
	cursor: pointer;
	color: #45A8F4 !important; 
	text-transform: capitalize;	 */

	background: #2266CC;
	color: #F0F0F0;
	font-size: 15px;
	font-weight: 400;
	line-height: 18.97px;
	letter-spacing: 0.1em;
	text-align: center;
	padding: 10px 20px;
}
.label-signup:hover {
	background-color: #0056b3;
	color: #fff;
}
.read-more-content__toggle {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #faf9f6 50%, #faf9f6 100%) !important;
}



@media(max-width:767px){
	.sub-menu-desktop{
		display: none !important;
	}
	.roster-menu-desktop {
		display: none !important;
	}
	._bg_ovrlay {
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0 0 0) 66%) !important;
	}
	.row.btns-group p {
		margin: 0;
	}
	ul.link-container {
		display: none;
	}
	.removeBG .head-logo img {
		width: 72px;
	}
	.filter-area .filter-dropdown ul {
		min-width: 250px;
	}
	._sb_title:before {
		width: 70%;
	}
	.read-more-btn, .btn-all-blog a {
		padding: 18px 40px;
	}
	.grid-image-box-main {
		margin-top: 22px;
	}
	.grid-image-box-main .image-box {
		height: 150px;
	}
	.banner-area p {
		margin-top:30px;
		text-transform: none;
	}
	._container {
		width: 100%;
	}
	section.banner-area.resources-area {
		padding-bottom: 40px !important;
	}
	.list-style-post .post-content {
		width: 100%;
	}
	.list-style-post .post-thumb-img {
		width: 100%;
	}
	.item.main-post.list-style-post {
		flex-wrap: wrap;
		width: 100%;
	}
	.row.btns-group {
		padding-top: 0px;
	}
	ul.link-container {
		margin-top: 30px;
	}
	.link-container li {
		flex: 1 1 calc(100% - 10px);
	}
	.for-brands-area {
		padding-top: 60px;
	}
	.grid-image-box-main {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	section.peoples-area {
		padding: 60px 0;
	}
	section.latest-area {
		padding-top: 60px;
	}
	.grid-image-box-main .image-box .name {
		line-height: 21px;
		margin-bottom: 6px;
	}
	.about-faq-area {
		padding-top: 60px;
	}
	.clients-logo-area .client-grid {
		gap: 48px !important;
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.full-slider-area .slide-content {
		padding: 0 25px 70px;
		background: transparent;
	}
	.video-wrapper {
		height: 100% !important;
		padding: 600px;
		margin-left: -286px;
		padding-top: 0 !important;
	}
	.full-slider-area .slide-content h2 {
		font-size: 22px;
		line-height: 35px;
		margin-bottom: 0;
	}
	.full-slider-area .slick-dots {
		text-align: center;
		right: unset;
	}
	section.latest-area.partnerships-latest {
		padding-top: 60px;
	}
	:root body .main-header-area.top-nav.top_tiny_nav.removeBG, header.main-header-area {
		padding: 10px 0 10px 20px !important;
		/*border-bottom: 1px solid #0000001f; */
	}
	footer.main-footer {
		padding: 50px 0 60px;
	}
	.main-footer .row .col-md-2:nth-child(1) {
		width: 100% !important;
	}
	.main-footer .row .col-md-2:nth-child(2) {
		width: 50%;
	}
	.main-footer .row .col-md-2:nth-child(3) {
		width: 50%;
	}
	.main-accordion {
		margin-top: 20px;
	}
	.item.main-post {
		margin-bottom: 28px;
		min-height: unset;
	}
	.posts-content {
		margin-top: 30px;
	}
	.btn-all-blog {
		justify-content: flex-start;
		margin-top: 20px;
	}
	.banner-area h1 {
		line-height: 44px !important;
		font-size: 34px !important;
		letter-spacing: -1.5px;
	}
	p {
		font-size: 1.125rem !important;
		line-height: 1.66667 !important;
	}
	ul.hdr-menu-area, .head-button, ._container .row .four-box-content:after {
		display: none;
	}
	.main-header-area .row {
		flex-wrap: nowrap;
	}
	.head-logo img {
		width: 90px;
	}
	.banner-area {
		padding-top: 40px !important;
		padding-bottom: 60px !important;
	}
	.three-box-area h3 {
		font-size: 26px;
	}
	.latest-area, .main-faq-area {
		padding-bottom: 40px;
	}
	.at-item {
		margin-bottom: 10px;
		padding: 14px 0;
	}
	section.main-faq-area p {
		line-height: 24px;
	}
	.heading2 {
		margin-bottom: 20px;
		font-size: 1.8rem !important;
		letter-spacing: -1px !important;
		line-height: 1.3 !important;
	}
	section.gray-bg-content {
		padding-bottom: 60px;
	}
	.telant-area, .personalized-arae {
		background-color: #FAF9F6;
		padding: 40px 0;
	}

	.at-title h2 {
		max-width: 90%;
	}
	.mega-menu .menu-item h2 {
		margin-bottom: 32px;
	}
	.mega-menu .menu-content {
		gap: 6px;
		display: unset;
	}
	.mega-menu {
		padding: 2rem !important;
		overflow-y: scroll;
		height: 100vh;
	}
	.four-box-content {
		padding: 20px 0px !important;
	}
	.main-row {
		margin-top: 20px;
	}
	.animation-banner {
		margin-bottom: 32px;
		background: #fff;
		margin-top: 20px;
	}
	footer.main-footer a, .main-footer p, footer.main-footer li {
		line-height: 30px;
	}
	.icon-box-content {
		padding: 20px 0 !important;
		margin-bottom:30px !important;
	}
	.telant-area p, .personalized-arae p {
		line-height: 28px;
	}
	.at-tab {
		line-height: 24px;
	}
	.questions-area {
		padding: 80px 0;
	}
	.main-footer h4 {
		margin-bottom: 16px;
		margin-top: 30px;
	}
	.post-content h4 {
		min-height: auto;
	}
	.post-thumb-img img {
		height: 160px !important;
	}
	section.telant-area {
		padding: 60px 0;
	}
	section.latest-area {
		padding-bottom: 0;
	}
	.list-box {
		width: unset;
	}
}
@media(max-width:768px){
	.featured-area .post-content .description {
		margin-bottom: 30px;
		margin-top: 20px;
	}
	.item.main-post.featured-area {
		padding: 20px;
	}
	.col-md-6.filter-area {
		justify-content: unset;
	}
	.filter-area ._sb_title:before{
		display:none;
	}
	body .animation-banner lottie-player {
		height: 50vh !important;
	}
	.col-md-6.align-btm p {
		padding-left: 0;
		margin:0;
	}
	.posts-content .col-md-4 {
		padding-left: 15px;
		padding-right: 15px;
	}
	section.personalized-arae {
		padding-top: 20px;
	}
	.row.all-four-bx {
		margin-top: 40px;
	}
	.three-box-area h3 {
		font-size: 26px;
	}
	.banner-area h1 {
		font-size: 64px;
		line-height: 70px;
	}
	.banner-area {
		padding-top: 120px !important;
		padding-bottom: 90px !important;
	}
	.four-box-content h3 {
		font-size: 20px;
		line-height: 26.34px;
	}
	.questions-area {
		padding: 85px 0;
	}
	.mega-menu {
		padding: 2rem 3rem 4rem;
	}
	.at-title h2 {
		max-width: 90%;
	}
	.post-thumb-img img {
		height: 150px;
	}
	footer.main-footer a, .main-footer p, footer.main-footer li {
		line-height: 23px;
		margin-bottom: 12px;
	}
	.latest-area, .main-faq-area {
		padding-bottom: 80px;
	}
	._container .row .four-box-content:after{
		display:none;
	}
	.icon-box-content {
		padding: 30px 0;
	}
	.heading2 {
		font-size: 38px;
		line-height: 50px;
	}
	.four-box-content {
		padding: 0;
	}
	a.button-link {
		display: none;
	}

	.cnct-btn-wth {
		padding-right: 20px !important;
	}
	.faq-cwth {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	.banner-cwth {
		margin-bottom: 0px !important;
	}
	.title--hd {
		margin-top: -120px;
	}
}
@media(max-width:1024px){
	._container {
		max-width: 97%;
		width: 97%;
	}
	nav.hdr-menu-area {
		display: none;
	}
	.head-button a {
		padding: 20px 20px 20px 20px !important;
	}
	.item.main-post.list-style-post .icon-date {
		display: none;
	}
	.clients-logo-area .client-grid {
		gap: 70px;
	}
	.grid-image-box-main {
		grid-template-columns: repeat(4, 1fr);
	}
	.four-box-content p {
		max-width: 100%;
	}
}
@media (max-width: 991px) and (min-width: 768px) {
	.full-slider-area .slick-dots {
		bottom: 22px;
		text-align: right;
		right: 22px;
	}
	.faq-cwth {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	.banner-cwth {
		margin-bottom: 0px !important;
	}
}
@media (max-width: 1023px) and (min-width: 992px) {
	.full-slider-area .slick-dots {
		bottom: 22px;
		text-align: right;
		right: 22px;
	}
	.faq-cwth {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	.banner-cwth {
		margin-bottom: 0px !important;
	}
}
@media (max-width: 1199px) and (min-width: 1024px) {
	.full-slider-area .slick-dots {
		bottom: 22px;
		text-align: right;
		right: 22px;
	}
	.faq-cwth {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	.banner-cwth {
		margin-bottom: 0px !important;
	}
}
@media (max-width: 1800px) and (min-width: 1200px) {
	.faq-cwth {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	.banner-cwth {
		margin-bottom: 0px !important;
	}
}