html {
	scroll-behavior: smooth;
}
body{
    background-color: #FFF;
	-webkit-font-smoothing: antialiased;
}

.header{
    background-color: transparent;
}
.heading--highlight{
    color: #92D11D;
}
.intg__container {
	display:flex;
	align-items:flex-start;
	gap:75px;
	position:relative;
}
.intg__header {
	width:475px;
	position:sticky;
	top:35px;
	display:flex;
	flex-direction:column;
	gap:30px;
}
.intg__header__area {
	padding:30px 35px 25px;
	background:#19484D;
	border-radius:10px;
	color:#FFF;
}
.intg__header h1 {
	color:#FFF;
	font-size:62px;
	line-height:1.13;
}
.intg__header__img {
	border-radius:10px;
}
@media only screen and (min-width:1024px) and (max-height:910px) {
	.intg__header {
		width:50%;	
	}
	.intg__header__area {
		padding:15px 30px 15px;
	}
	.intg__header h1 {
		font-size:55px;
	}
}
@media only screen and (max-width:1024px) {
	.intg__container {
		flex-wrap:wrap;
	}
	.intg__header {
		width:100%;
		position:static;
	}
	.intg__header__area {
		padding:15px 30px 15px;
	}
	.intg__header h1 {
		font-size:55px;
	}
}
.intg__integrations {
	flex:1;
}
.intg__integrations__title {
	font-size:32px;
	text-transform:uppercase;
}
.intg__letter-links {
	display:flex;
	flex-wrap:wrap;
}
.intg__letter-link {
	font-size:19px;
	font-weight:400;
	-webkit-font-smoothing: auto;
	transition:0.2s ease-in-out;
	text-decoration:none;
	color:#19484D;
	padding:4px 6px 4px 4px;
	width:1em;
	box-sizing: content-box;
	text-align:center;
}
.intg__letter-link:hover {
	font-weight:400;
	color:#FF0063;
}
.intg__row {
	width:100%;
	padding:30px 15px;
	display:flex;
	align-items:flex-start;
	gap:20px;
	--int-border:#FF0063;
	--hover-color:#FFF;
}
.intg__row:not(:last-of-type){
	border-bottom:1px solid #DDDDDD;
}
.intg__row:where(:nth-of-type(2n)){
	--int-border:#A7ED24;
	--hover-color:inherit;
}
.intg__letter {
	font-size:32px;
	font-weight:500;
	width:px;
	text-align:center;
	margin:0;
}
.intg__items {
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.intg__item {
	border: 2px solid var(--int-border);
	border-radius:10px;
	padding:8px 15px;
	transition:all 0.2s ease-in-out;
	font-size:18px;
}
.intg__item:hover {
	background:var(--int-border);
	color:var(--hover-color);
}
.intg__item--popup {
	cursor:pointer;
}
.intg__popup-area {
	display:none;
	align-items:center;
	justify-content:center;
	position:fixed;
	inset:0;
	background:rgba(0,0,0,0.6);
	cursor:pointer;
}
.intg__popup {
	position:relative;
	width:96%;
	max-width:600px;
	background:#FFF;
	padding:35px;
	border-radius:10px;
	cursor:initial;
}
.intg__popup__close {
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	width:30px;
	height:30px;
}
.intg__popup__close svg {
	width:100%;
	height:100%:
}