body.page-template-page-homepage-template main {
	margin: 68px 0;
}


/* Card Css Start */
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
  }
  
  .tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
  
	/* Position the tooltip */
	position: absolute;
	z-index: 1;
  }
  
  .tooltip:hover .tooltiptext {
	visibility: visible;
  }
.card {
    margin-bottom: 30px;
}
section.content-section .content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
.card h2 {
	color: var(--p-color);
	font-family: var(--ff-cp-medium);
	font-size: 20px;
	margin: 0;
}
.card ul {
	padding: 0;
	list-style: none;
	margin: 16px 0;
}
.card ul li button,
.card ul li a {
	font-size: 17px;
	position: relative;
	display: inline-flex;
	color: var(--p2-color);
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	text-align: left;
	font-family: var(--ff-body);
	height: 100%;
	font-weight: 400;
}
section.content-section .content {
	align-items: unset;
}
/* .card ul li > button:after {
    content: '';
    background-image: url(/wp-content/uploads/2023/07/Share-Icon.svg);
    position: absolute;
    height: 17px;
    width: 18px;
    background-repeat: no-repeat;
    right: -25px;
    top: 4px;
} */
.card ul li {
	margin: 4px 0;
	font-size: 17px;
	color: var(--p2-color);
}
.row .card {
	padding: 20px 15px;
}
section.content-section .container {
	max-width: 1480px;
	width: 100%;
	margin: 0 auto;
	padding: 0 40px;
}
.lightbox {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
}
.lightbox.visible {
	visibility: visible;
	opacity: 1;
	z-index: 999999;
	padding: 0 20px;
	overflow-y: auto;
}

.lightboxcontent {
	margin: 70px auto;
	/* padding: 20px; */
	background: #fff;
	border-radius: 5px;
	width: 100%;
	position: relative;
	/* transition: all 5s ease-in-out; */
	z-index: 5;
	display: block !important;
	bottom: 0 !important;
	left: 0 !important;
	line-height: 0 !important;
	font-size: unset;
	max-width: 1200px;
	top: 2%;
	min-height: 10%;
	overflow: hidden;
}
.lightboxcontent iframe {
	width: 100%;
	height: 711px;
	border: none;
	border-radius: 5px;
	margin-top: 55px;
}
.lightboxcontent iframe:nth-child(2) {
	height: 0;
}
.copy-text {
	position: relative;
}
/* .copy-text-hint {
	position: relative;
} */
.copy-text .text {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
/* .copy-text-hint .text {
	position: absolute;
	z-index: -1;
	opacity: 0;
} */
.copy-text-hint button {
	background: url(/wp-content/uploads/2023/09/Artboard-1-1.png) !important;
	height: 18px !important;
	width: 19px;
	background-repeat: no-repeat;
}
.copy-text button {
	background: url(/wp-content/uploads/2023/08/Share-Icon.svg) !important;
	height: 18px !important;
	width: 19px;
	background-repeat: no-repeat;
}
.button-content {
	display: inline-flex;
	gap: 5px;
}
.copy-text button:hover:after {
	content: "Copy to clipboard";
	position: absolute;
	height: auto;
	width: 86px;
	top: -36px;
	color: #e6f9fc;
	background: #808080c2;
	font-size: 11px;
	padding: 4px;
	border-radius: 8px;
	left: -30px;
	text-align: center;
	line-height: 12px;
}
.copy-text.active button:hover:after {
	content: "Copied to clipboard";
	position: absolute;
	height: auto;
	width: 86px;
	top: -36px;
	color: #e6f9fc;
	background: #808080c2;
	font-size: 11px;
	padding: 4px;
	border-radius: 8px;
	left: -30px;
	text-align: center;
}
/* tooltiphint start*/
.hint-tooltip {
	position: relative;
	display: inline-block;
	background: url(/wp-content/uploads/2023/09/Untitled-4-2.svg) no-repeat;
    width: 17px;
    height: 15px;
	margin-top: 3px;
	padding: 0 10px;
  }
  
.hint-tooltip .tooltiptext {
	visibility: hidden;
    width: 190px;
    background: #00BCF4;
    font-size: 12px;
    line-height: 15px;
    color: #ffffff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 15px;
    position: absolute;
    z-index: 1;
    left: -10px;
    /* white-space: pre; */
    overflow: hidden;
    top: -75px;
    /* text-overflow: ellipsis; */
	/* min-height: 35px; */
}
  
.hint-tooltip:hover .tooltiptext {
	visibility: visible;
}
.hint-tooltip:hover:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 100%;
    margin-left: -15px;
    border-width: 5px;
    border-style: solid;
    border-color: #00BCF4 transparent transparent transparent;
}
/* end */
/* .copy-text-hint.active button:hover:after {
	content: "Copied to clipboard";
	position: absolute;
	height: auto;
	width: 86px;
	top: -36px;
	color: #e6f9fc;
	background: #808080c2;
	font-size: 11px;
	padding: 4px;
	border-radius: 8px;
	left: -30px;
	text-align: center;
} */
.copy-text button:hover:before {
	content: "";
	position: absolute;
	top: -4px;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #808080c2 transparent transparent transparent;
}
.column {
	padding: 0 10px;
}
.lightboxcontent .lightbox-header {
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: white;
	padding: 0 40px;
	border-radius: 5px 5px 0 0;
}
.lightboxcontent .lightbox-header h2 {
	font-size: 32px;
	font-family: "Cera Pro Medium";
}
.card ul li button.hideLightboxLink {
	position: absolute;
	top: 20px;
	right: 30px;
	color: var(--p2-color);
	z-index: 5;
	height: 23px;
}
.card ul li button.hideLightboxLink span {
	font-size: 29px;
}
/* Card Css End */

/* @media(height: 1080px){
    .lightboxcontent{
        scale: 0.85;
    }
} */

@media (max-width: 1024px) {
	.lightboxcontent iframe {
		height: 607px;
	}
}

@media (max-width: 1024px) {
	main .content-container iframe {
		height: 590px;
	}
	section.content-section .content {
		flex-wrap: wrap;
	}
	.lightboxcontent iframe {
		height: 61.5vw;
		margin-bottom: 20px;
	}
	.lightboxcontent iframe.video-iframe-content {
		height: 57.5vw;
		margin-bottom: 17px;
	}
}
/* @media(max-height: 1024px){
    .lightboxcontent iframe {
        height: 56vw;
    }
} */
/* @media(max-height: 768px){
    .lightboxcontent{
        max-width: 884px;
    }
    .lightboxcontent iframe{
        height: 64vw;
    }
} */
/* @media(max-height: 768px){
    .lightboxcontent{
        scale: 0.85;
    }
} */
@media(max-height: 768px){
	.lightboxcontent iframe.video-iframe-content {
		height: 58vw;
	}
	main .content-container iframe {
		height: 446px;
	}
}
@media (max-width: 767px) {
	.hint-tooltip .tooltiptext {
		/* top: -45px;
		width: 180px;
		left: -150px; */
		top: -45px;
		width: 195px;
		left: -95px;
		white-space: pre;
		text-overflow: ellipsis;
		padding: 10px;
	}
	.lightboxcontent iframe.pdf-iframe-content {
		height: 80vw !important;
	}
}
/* @media(max-width: 690px){
    .lightboxcontent iframe{
        height: 63vh;
    }
} */
@media (max-width: 640px) {
	main .content-container iframe {
		height: 374px;
	}
	header.resourced-page-header {
		padding: 20px 0 40px 0;
	}
	header.resourced-page-header .outsourced-logo img {
		max-width: 250px;
	}
	.passwordform-content form {
		padding: 30px 20px;
	}
	.passwordform-content {
		padding: 0 20px;
		max-width: 463px;
	}
	section.content-section .container {
		padding: 0 10px;
	}
	/* .lightboxcontent iframe{
        height: 70vw;
    } */
	/* .lightboxcontent iframe{
        height: 70vw;
    } */
	.lightboxcontent iframe.pdf-iframe-content {
		height: 100vw !important;
	}
	.card ul li button.hideLightboxLink span {
		font-size: 26px;
	}
	.card ul li button.hideLightboxLink {
		top: 11px;
		right: 15px;
	}
	.lightboxcontent .lightbox-header h2 {
		font-size: 24px;
	}
	.lightboxcontent {
		scale: unset !important;
	}
	.lightboxcontent iframe.video-iframe-content {
		height: 65vw;
		margin-bottom: 17px;
	}
}
@media (max-height: 600px) {
	main .content-container iframe {
		height: 351px;
	}
	/* .lightboxcontent iframe{
        margin-bottom: 0;
    } */
	.lightboxcontent {
		margin: auto;
		/* scale: 0.75; */
		/* top: 0; */
		max-width: 820px;
	}
	.lightboxcontent iframe.video-iframe-content {
		height: 559px;
		margin-bottom: 0px;
	}
}
@media (max-height: 480px) {
	.lightboxcontent iframe.video-iframe-content {
		height: 486px;
	}
}
@media (max-width: 454px) {
	main .content-container iframe {
		height: 269px;
	}
	.lightboxcontent iframe.video-iframe-content {
		height: 69.5vw;
	}
}
@media (max-width: 375px) {
	main .content-container iframe {
		height: 225px
	}
	.lightboxcontent iframe.pdf-iframe-content {
		height: 140vw !important;
	}
}