.gdprconsentmanager__icon {
	background-image: url(../Icons/gdpr-logo-icon.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
  }

html {
	scroll-behavior: smooth;
}
.wp-block-gdpr-extensions-gdprconsentmanagerprivacy {
	max-width: 100% !important;
}

.cm__privacy-conatiner {
	overflow: hidden;
	font-family: sans-serif;
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: sans-serif;
	}

	.template {
		p {
			color: #000;
			font-size: 16px;
			font-weight: 500;
			line-height: 24px;
			margin-top: 0;
			text-align: left;
		}

		a {
			color: #487dd6;
			text-decoration: none;

			p {
				color: #487dd6;
			}
		}

		.font-24 {
			font-size: 24px;
			line-height: 36px;

			p {
				font-size: 24px;
				line-height: 36px;
			}
		}

		&.template4 .font-24 {
			margin-bottom: 16px;
		}
		&.template1 {
			.header-img {
				padding: 64px 120px;
				text-align: left;
				h2 {
					font-size: 48px;
					line-height: 72px;
					margin-top: 0;
					margin-bottom: 16px;
				}
			}
		}

		&.template2 {
			.left-content {
				margin-top: 24px;
			}

			.right-content .contentSec {
				padding-top: 24px;
				margin-bottom: 24px;
			}
		}

		&.template2,
		&.template3 {
			.header-img {
				max-height: 400px;
				min-height: 300px;
			}
			img {
				width: 100%;
				height: 100%;
				max-height: 400px;
				min-height: 300px;
				object-fit: cover;
			}
		}
		.header-img {
			position: relative;
			p {
				margin: 0;
			}
		}

		.template-content {
			padding: 0 120px;

			.quill-content {
				.custom-accordion-body {
					tbody {
						font-size: 16px;
					}
				}
				img {
					width: 100%;
					height: 100%;
					max-height: 540px;
					margin-bottom: 24px;
					object-fit: cover;
				}
			}
			.header-content {
				margin-top: 32px;
				margin-bottom: 48px;
			}
		}

		.sidebar-content {
			display: flex;
			gap: 60px;

			.right-content .contentSec {
				margin-bottom: 48px;
			}

			.quill-title {
				margin-bottom: 16px;
			}

			.left-content .links {
				width: max-content;
				margin-bottom: 24px;
			}
		}

		hr {
			border-top: 1px solid #67748e;
			margin: 16px 0;
			opacity: 0.25;
		}

		&.template3 {
			hr {
				margin: 40px 0;
			}
			.template-content {
				.introSec {
					margin-top: 32px;
    			margin-bottom: 48px;
					p {
						font-size: 24px;
    				line-height: 36px;
					}
				}
			}
		}

		&.template4 {
			padding-top: 100px;
			.template-content {
				.introSec {
					display: none;
				}
			}

			.template-content {
				margin: 0 auto;
				max-width: 1320px;
				padding: 0 20px;
			}

			.header-img img {
				width: 100%;
				height: auto;
				min-height: 250px;
				border-radius: 23px;
				object-fit: cover;
			}
			.quill-content {
				.contentSec {
					img {
						border-radius: 23px;
					}
				}
			}
			hr {
				margin: 40px 0;
				&.secDivider:last-of-type {
					border: none;
					margin: 25px;
				}
			}
		}
	}
	.custom-accordion {
		&.cookieSec {
			.row-data {
				td {
					&:nth-child(3) {
						max-width: fit-content;
					}
				}
			}
		}
	}
	.custom-accordion-header {
		position: relative;
		margin: 0;
	}

	.custom-accordion-button {
		width: 100%;
		color: #000 !important;
		background-color: transparent;
		font-size: 20px;
		font-weight: 700;
		text-align: left;
		padding: 16px 8px;
		border: none;
		cursor: pointer;
		word-break: break-all;
		transition: background-color 0.3s ease;
		display: flex;
		align-items: baseline;
		gap: 12px;
	}

	.accordionArrow {
		width: 9px;
		height: 15px;
		display: block;
		transition: transform 0.2s ease-in-out;

		&:before {
			content: " ";
			display: block;
			border: 8px solid transparent;
			border-left-color: #000;
			border-radius: 2px;
			position: relative;
			z-index: 99;
		}

		&.open {
			transform: rotate(90deg);
		}
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
		width: 100%;

		.row-head {
			background: #e7e6e6;
			text-align: left;

			th {
				font-weight: 700;
				min-width: 70px;
				white-space: nowrap;

				&:last-of-type {
					min-width: fit-content;
				}

				&:first-child {
					border-top-left-radius: 6px;
				}

				&:last-child {
					border-top-right-radius: 6px;
				}
			}
		}

		tr {
			border-bottom: 1px solid #e7e6e6;

			&:last-of-type {
				border-bottom: 0;
			}

			&:last-of-type {
				border: none;
			}

			th {
				color: #343434;
				font-size: 16px;
				line-height: 24px;
				padding: 16px;
			}

			&.row-data {
				td {
					font-weight: 400;
					max-width: 200px;
					overflow: auto;
					padding: 16px;
					vertical-align: middle;
				}
			}
		}
	}

	.custom-accordion-body {
		background-color: #ffffff;
		// border: 1px solid #e7e6e6;
		border-radius: 10px 10px 0 0;
		overflow-x: auto;
		margin-bottom: 20px;

		thead {
			th {
				position: sticky;
				top: 0;
			}
		}
		tbody {
			border: 1px solid #e7e6e6;
		}
		.privacy-gen-report-links {
			max-height: 150px;
			overflow-x: hidden;
			overflow-y: auto;
			a {
				color: #487dd6;
				white-space: nowrap;
			}
		}
	}

	.custom-accordion-collapse {
		overflow: hidden;
		max-height: 0;
		transition:
			max-height 0.4s ease,
			padding 0.4s ease;

		&.show {
			max-height: 100%;
		}
	}
	.statusCircle {
		.red {
			background-color: #e90b0b;
		}

		.yellow {
			background-color: #ffc61a;
		}

		.green {
			background-color: #11aa3c;
		}

		.red,
		.yellow,
		.green {
			width: 16px;
			height: 16px;
			border-radius: 50%;
		}
	}

	.ql-font-serif {
		font-family: serif;
	}

	.ql-font-monospace {
		font-family: monospace;
	}

	.template-content h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: #343434;
	}

	ol > li {
		color: #343434;

		&[data-list="bullet"] {
			list-style: disc;
		}
	}

	blockquote {
		color: #343434;
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px;
	}

	.reportStatusIndicators {
		display: flex;
		align-items: center;
		gap: 24px;
		margin: 24px 0;

		.indInner {
			display: flex;
			align-items: center;
			gap: 8px;

			p {
				margin: 0;
			}
		}
	}

	.sidebar-content {
		.contentsMob {
			display: none;
		}
	}

	.template.template2 .header-txt {
		background: rgba(0, 0, 0, 0.7);
		bottom: 0;
		left: 120px;
		padding: 24px;
		position: absolute;
		z-index: 1;
	}

	.template .heading {
		color: #000;
		font-size: 48px;
		font-weight: 400;
		line-height: 72px;
		margin: 0;
	}

	.template:not(.template4) .header-img:after {
		background-color: rgba(0, 0, 0, 0.2);
		content: "";
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.template3.template .heading-txt {
		margin-top: 48px;
	}

	.template4.template .heading-txt {
		margin-top: 24px;
	}
}

@media (max-width: 1450px) {
	.cm__privacy-conatiner {
		.template1.template .header-img,
		.template .template-content {
			padding-left: 100px;
			padding-right: 100px;
		}

		.sidebar-content {
			.left-content {
				width: 15%;
			}

			.right-content {
				width: 85%;
			}
		}
	}
}

@media (max-width: 1000px) {
	.cm__privacy-conatiner {
		.template {
			&.template4 {
				padding-top: 96px;
			}
		}

		.template1.template .header-img,
		.template .template-content {
			padding-left: 80px;
			padding-right: 80px;
		}
	}
}
@media (max-width: 885px) {
	.cm__privacy-conatiner .template1.template .header-img,
	.cm__privacy-conatiner .template .template-content {
		padding-left: 40px;
		padding-right: 40px;
	}
	.cm__privacy-conatiner .template .sidebar-content {
		display: block;
	}
	.cm__privacy-conatiner .sidebar-content .left-content {
		width: 100%;
	}
	.cm__privacy-conatiner .sidebar-content .right-content {
		width: 100%;
	}
	.cm__privacy-conatiner .sidebar-content .contentsMob {
		display: block;
		margin: 0;
		padding-bottom: 16px;
		border-bottom: 1px solid #e7e6e6;
	}
	.cm__privacy-conatiner .template .sidebar-content .left-content {
		margin-bottom: 48px;
	}
	.cm__privacy-conatiner .template .sidebar-content .left-content .links {
		width: 100%;
		margin: 0;
		padding: 16px 0;
		border-bottom: 1px solid #e7e6e6;
	}
	.cm__privacy-conatiner .reportStatusIndicators {
		flex-direction: column;
		align-items: start;
	}
}
@media (max-width: 885px) {
	.cm__privacy-conatiner {
		.template1.template .header-img,
		.template .template-content {
			padding-left: 40px;
			padding-right: 40px;
		}

		.template .sidebar-content {
			display: block;

			.left-content {
				width: 100%;
				margin-bottom: 48px;
			}

			.right-content {
				width: 100%;
			}

			.contentsMob {
				display: block;
				margin: 0;
				padding-bottom: 16px;
				border-bottom: 1px solid #e7e6e6;
			}

			.left-content .links {
				width: 100%;
				margin: 0;
				padding: 16px 0;
				border-bottom: 1px solid #e7e6e6;
			}
		}

		.reportStatusIndicators {
			flex-direction: column;
			align-items: start;
		}
	}
}

@media (max-width: 700px) {
	.cm__privacy-conatiner {
		.template3.template .heading,
		.template4.template .heading {
			margin-bottom: 8px;
		}

		.template4.template {
			padding-top: 80px;
		}
	}
}

@media (max-width: 600px) {
	.cm__privacy-conatiner {
		.template1.template .header-img h2,
		.template3.template .heading,
		.template4.template .heading {
			font-size: 42px;
			line-height: 60px;
		}

		.template1.template .header-img,
		.template .template-content {
			padding-left: 20px;
			padding-right: 20px;
		}

		.template2.template .header-img .header-txt {
			left: 0;
			right: 0;
		}

		.template3.template {
			.header-img:after {
				height: 98%;
			}
			.template-content {
				.introSec {
					p {
						font-size: 20px;
					}
				}
			}
		}

		.template4.template {
			padding-top: 50px;
			hr {
				margin: 32px 0;
			}
		}

		.custom-accordion-button {
			font-size: 18px;
		}
	}
}

@media (max-width: 450px) {
	.cm__privacy-conatiner {
		.template1.template .header-img h2,
		.template3.template .heading {
			font-size: 38px;
			line-height: 45px;
			margin-bottom: 24px;
		}

		.template4.template .heading {
			font-size: 35px;
			line-height: 45px;
			margin-bottom: 16px;
		}
	}
}