/* telekom menu alacsusztatas 2025 */
.frameContainer { margin-top: -122px; }
@media (max-width: 991px){ .frameContainer{ margin-top: -62px; } }
/* telekom menu alacsusztatas 2025 */

@font-face {
    font-family: 'TeleNeoVar';
    src: url('/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/fonts/TeleNeoVariable-Italic.eot');
    src: url('/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/fonts/TeleNeoVariable-Italic.eot') format('embedded-opentype'),
         url('/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/fonts/TeleNeoVariable-Italic.woff2') format('woff2'),
         url('/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/fonts/TeleNeoVariable-Italic.woff') format('woff');
	font-style:italic;
	font-weight:normal;
	font-display: swap;
}
@font-face {
    font-family: 'TeleNeoVar';
    src: url('/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/fonts/TeleNeoVariable-Upright.eot');
    src: url('/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/fonts/TeleNeoVariable-Upright.eot') format('embedded-opentype'),
         url('/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/fonts/TeleNeoVariable-Upright.woff2') format('woff2'),
         url('/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/fonts/TeleNeoVariable-Upright.woff') format('woff');
	font-style:800;
	font-weight:normal;
	font-display: swap;
}

body {
	background: #fff;
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp h1,#inwb_lp_main_cont #inwb_microsoft_copilot_lp h2{
font-family: 'TeleNeoVar','TeleNeoWeb',Arial,sans-serif;
font-variation-settings: 
    'wght' 796,
    'wdth' 140; 
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .inwb_min_h_160 {
	min-height: 160px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .inwb_fw_ultra{
	font-weight:900;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .inwb_fs_26{
	font-size: 26px;
	line-height: 32px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp{
	background: #fff;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .inwb_section{
	padding:24px 0px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .inwb_lap{
	max-width:1168px; /*902px széles főtartalom*/
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .inwb_fc_blue {
	color: #4285eb;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .inwb_m_b_40 {
	margin-bottom: 40px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .inwb_m_e_14 {
	margin-right: 14px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .inwb_m_s_14 {
	margin-left: 14px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .inwb_m_x_14 {
	margin-left: 14px;
	margin-right: 14px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .inwb_m_e_20 {
	margin-right: 20px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .inwb_m_s_20 {
	margin-left: 20px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .inwb_m_x_20 {
	margin-left: 20px;
	margin-right: 20px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .inwb_m_e_28 {
	margin-right: 28px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .inwb_m_s_28 {
	margin-left: 28px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .inwb_m_x_28 {
	margin-left: 28px;
	margin-right: 28px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .inwb_m_b_20 {
	margin-bottom: 20px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .rounded_btn {
	display: inline-block;
	border-radius: 100px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 22px;
	font-weight: 600;
	padding: 12px 16px 10px;
	/* padding: 8px 48px 8px 16px; */
	/* background: url(/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/img/btn-arrow.svg);
	background-repeat: no-repeat;
	background-size: 21px 14px;
	background-position: 180px center; */
	
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .rounded_btn.magenta_btn {
	background-color: #e20074;
	border: 2px solid #e20074;
	transition: 0.3s ease-in-out;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .rounded_btn.magenta_btn:hover {
	/* background: url(/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/img/btn-arrow-magenta.svg);
	background-repeat: no-repeat;
	background-size: 21px 14px;
	background-position: 180px center; */
	background-color: transparent;
	color: #e20074;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .rounded_btn.blue_btn {
	background-color: #011126;
	border: 2px solid #011126;
	transition: 0.3s ease-in-out;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .rounded_btn.blue_btn:hover {
	background-color: transparent;
	color: #011126;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .rounded_btn.white_btn {
	background-color: #ffffff;
	border: 2px solid #ffffff;
	transition: 0.3s ease-in-out;
	color: #e20074;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp .rounded_btn.white_btn:hover {
	background-color: #e20074;
	color: #ffffff;
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp .scroll_reveal {
	opacity: 0;
  transform: translateY(40px); /* picit lejjebb van */
  transition: opacity 0.8s ease, transform 0.8s ease;
  will-change: opacity, transform;
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp .scroll_reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 {
	padding-top: 150px;
	position: relative;
	background-image: url(/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/img/block-01-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon {
	width: 80px;
	height: 80px;
	border-radius: 20px;
	background-color: rgba(255, 255, 255, 0.5); 
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  	backdrop-filter: blur(10px);             
	-webkit-backdrop-filter: blur(10px);    
	/* animation: smoothFloat 8s ease-in-out infinite;
	animation-iteration-count: infinite;
  	animation-direction: alternate;
  	transition: transform 0.5s ease, opacity 0.5s ease; */
	padding: 16px;
	/* cursor: grab; */
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .logo_container_left {
	position: absolute;
	left: 0;
	top: 0;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .logo_container_right {
	position: absolute;
	right: 0;
	top: 0;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.teams_icon {
	left: -170px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.access_icon {
	left: -220px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.m365_icon {
	left: -100px;
	top: 50px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.powerpoint_icon {
	left: 80px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.outlook_icon {

}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.notes_icon {
	left: -480px;
	top: 160px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.copilot_icon {
	left: -700px;
	top: 260px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.outlook_icon {
	left: -100px;
	top: -200px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.word_icon {
	right: -220px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.excel_icon {
	right: -160px;
    top: 125px;
}
/* @keyframes smoothFloat {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-20px); }
  100% { transform: translateY(0); }
} */
/* #inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .header_flex_cont > div{
	width: 50%;
} */
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .magadra_ismersz_box {
	background-color: rgba(255, 255, 255, 0.5); 
  	backdrop-filter: blur(10px);             
	-webkit-backdrop-filter: blur(10px);   
	border-radius: 16px;
	padding: 32px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .magadra_ismersz_box .inwb_flex_cont {
	align-items: stretch;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .magadra_ismersz_box .inwb_flex_cont > div {
	width: 100%;
	border-radius: 8px;
	padding: 36px 24px;
	align-content: center;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .magadra_ismersz_box .img_container_200 img {
  width: 100%;
  max-width: 100px;
  height: 100%;
  object-fit: cover;
  margin: 0px auto;
  display: block;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .diagram_cont {
	border-radius: 16px;
	background-color: rgba(255, 255, 255, 0.5); 
  	backdrop-filter: blur(10px);             
	-webkit-backdrop-filter: blur(10px);      
	padding: 72px 16px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .diagram_cont img {
	max-width: 436px;
	height: auto;
}


#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 {
	background: #B6005E;
	background: linear-gradient(0deg,rgba(182, 0, 94, 1) 0%, rgba(226, 0, 116, 1) 100%);
	padding: 36px 0px;
}

/* #inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 video,
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 canvas {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  z-index: 1;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 canvas {
  z-index: 2;
  pointer-events: none;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .copilot_block_02_content {
  position: relative;
  z-index: 3;
  margin: auto;
} */
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .inwb_lap{
	overflow: hidden;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .mire_kepes_flex_cont {
	margin: 24px auto 0px;
	max-width: 1092px;
	width: 100%;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .mire_kepes_flex_cont .inwb_flex_item {
    background-color: #ffffff;
    max-width: 300px;
    min-width: 300px;
    width: 100%;
    border-radius: 20px;
    padding: 16px;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
    position: relative;
    transition: all 0.3s ease; /* szép átmenet */
    filter: grayscale(80%) brightness(0.8); /* alap szürkítés */
    opacity: 0.6;
}

/* Aktív elem középen */
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .mire_kepes_flex_cont .slick-current .inwb_flex_item {
    filter: none; /* színes marad */
    opacity: 1;
}

	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .mire_kepes_flex_cont .microsoft_inner_cont {
		background-color: #ffffff;
		width: 80px;
		height: 80px;
		border-radius: 10px;
		padding: 8px;
		box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
		margin: 0px auto 6px;
	}
	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .mire_kepes_flex_cont .microsoft_inner_cont img {
		min-width: 30px;
		height: auto;
	}

	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .mire_kepes_flex_cont .mire_kepes_inner_flex_cont {
		position: relative;
	}
	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .mire_kepes_flex_cont .mire_kepes_inner_flex_cont > div {
		width: 50%;
	}
	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .mire_kepes_flex_cont .mire_kepes_inner_flex_cont .plus_icon {
		position: absolute;
		top: 42px;
		left: 0;
		right: 0;
		margin: 0px auto;
		text-align: center;
	}

	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .mire_kepes_flex_cont .rounded_btn {
		display: block;
		width: 100%;
		font-size: 12px;
	}
	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .mire_kepes_flex_cont .slick-dots {
	margin-top: 30px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .mire_kepes_flex_cont .slick-dots li button {
	width: 24px;
	height: 24px;
	border-radius: 100px;
	background: #fff;
	border: 2px solid #fff;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .mire_kepes_flex_cont .slick-dots li.slick-active button {
	background: transparent;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .mire_kepes_flex_cont button.rounded_btn {
	cursor: pointer;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .mire_kepes_flex_cont .slick-next {
	background: url(/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/img/slick_icon_next.svg) no-repeat center center;
	right: -20px;
	top: 40%;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .mire_kepes_flex_cont .slick-prev {
	background: url(/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/img/slick_icon_next.svg) no-repeat center center;
	transform: rotate(180deg);
	left: -20px;
	top: 40%;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .mire_kepes_card {
  perspective: 1200px;
  position: relative;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .card_flip_inner {
	transition: transform 0.6s;
	transform-style: preserve-3d;
	position: relative;
	transform: rotateY(0deg);
}


#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .video_wrap {
  width: 100%;
  max-width:960px;
  height: 360px;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
  margin: 0 auto;
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .copilot_video_title {
	background-color: #fff;
	border-radius: 100px;
	padding: 5px 12px 3px;
	max-width: fit-content;
	margin: 0px auto 12px;
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_03 {
	padding-top: 40px;
	background-image: url(/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/img/block-03-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	background-attachment: fixed;
}
	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_03 .block_03_flex_cont {
		background-color: rgba(255, 255, 255, 0.5); 
		backdrop-filter: blur(10px);             
		-webkit-backdrop-filter: blur(10px);   
		border-radius: 16px;
		padding: 32px;
	}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_03 .block_03_flex_cont > div:first-of-type {
			width: 60%;
		}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_03 .block_03_flex_cont > div:last-of-type {
			width: 40%;
		}
			#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_03 ul {
				list-style: none;
				padding-left: 24px;
			}
			#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_03 ul li {
				position: relative;
				padding-left: 24px; 
			}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_03 ul li::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: #000000;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 8px;
}


#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 {
	position: relative;
	background-color: #ffffff;
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .inwb_lap .inwb_flex_cont .csomag_kartya {
	width: 100%;
    min-width: 353px;
    max-width: 353px;
	background: #ffffff;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	padding: 16px;
	transition: all 0.3s ease-in-out;
	z-index: 10;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .inwb_lap > .inwb_flex_cont > div:hover {
  box-shadow: 0px 12px 20px rgba(93, 100, 130, 0.36);
  border-color: #e20074;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .inwb_lap .inwb_flex_cont .csomag_kartya .rounded_btn {
	display: block;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .inwb_lap .inwb_flex_cont .csomag_kartya .akcios_badge {
	background-color: #000000;
	border-radius: 100px;
	padding: 13px 20px 11px;
	max-width: fit-content;
	margin: 0px auto;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .inwb_lap .inwb_flex_cont .csomag_kartya .price_outer_box {
	background: #fff;
	padding: 24px 12px 18px;
	border-radius: 0 10px 10px 10px;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
	position: relative;
	top: -2px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .inwb_lap .inwb_flex_cont .originial-price {
  text-decoration: line-through;
}

/* rádióválasztó hatása az eredeti árra */
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .inwb_lap .inwb_flex_cont .originial-price .netto-original { 
	display: inline; 
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .inwb_lap .inwb_flex_cont .originial-price .brutto-original { 
	display: none; 
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .csomag_kartya .inwb_tab_elofizetes:has(> div.active:nth-child(2)) + .price_outer_box {
	border-radius: 10px 0px 10px 10px;
}
/* GOMB HOVER */
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .inwb_lap > .inwb_flex_cont > div a.inwb_tkom_btn_magenta_outlined:hover {
  background: #e20074;
  border-color: #e20074;
  color: #fff;
}

/* ÉVES / HAVI fülek */
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .inwb_tab_elofizetes {
  display: flex;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .inwb_tab_elofizetes a {
	text-decoration: none;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .inwb_tab_elofizetes > div {
  flex: 1;
  padding: 16px;
  cursor: pointer;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .inwb_tab_elofizetes > div.active {
  background: #fff;
 box-shadow: 0px -6px 9px rgba(0, 0, 0, 0.1);
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  z-index: 1;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .inwb_tab_elofizetes > div.active a {
  color: #e20074;
  position: relative;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .inwb_tab_elofizetes > div.active a::after {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 2px;
  background: #f69ec4;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* ÁRDOBOZOK */
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 [data-realid="price_eves"],
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 [data-realid="price_havi"] {

  display: none;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 [data-realid="price_eves"] {
  border-color: #e20074;
  border-width: 0 2px 2px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 [data-realid="price_havi"] {
  border-color: #5D6482;
  border-width: 0 0 2px 2px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 [data-realid="price_eves"] { display: block; } /* alapban éves */

/* RADIO GOMBOK */
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .brutto_netto_radio {
  display: inline-block;
  position: relative;
  cursor: pointer;
  user-select: none;
  margin-right: 18px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .brutto_netto_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .brutto_netto_radio_box {
  position: absolute;
  top: 0; left: 0;
  width: 24px; height: 24px;
  border: 2px solid #18214D;
  border-radius: 50%;
  background: #fff;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .brutto_netto_radio:hover .brutto_netto_radio_box { background: #ccc; }
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .brutto_netto_radio input:checked ~ .brutto_netto_radio_box {
  border-color: #e20074;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .brutto_netto_radio_box:after {
  content: "";
  position: absolute;
  top: 2px; left: 2px;
  width: 16px; height: 16px;
  border-radius: 50%;
  background: #e20074;
  display: none;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .brutto_netto_radio input:checked ~ .brutto_netto_radio_box:after {
  display: block;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .brutto_netto_radio_text {
  margin-left: 32px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .copilot_credit_box {
	position: relative;
	width: 100%;
	margin: 16px auto 28px;
	max-width: 722px;
	border-radius: 10px;
	background-color: #eef2f4;
	padding: 24px 28px;
	box-shadow: 0px 7px 17px rgba(213,215,221, 0.5);
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .copilot_credit_box ul li::marker {
	color: #e20074;
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .copilot_credit_box .inwb_copilot_gyik h3 {
			cursor: pointer;
			padding-right: 60px;
			padding-left: 32px;
			background-image: url('/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/img/arrow_closed_magenta.svg');
			background-position: right 25px center;
			background-size: auto 6px;
			background-repeat: no-repeat;
			background-size: 16px 16px;

		}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .copilot_credit_box .inwb_copilot_gyik .gyik_btn.opened h3{
			background-image: url('/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/img/arrow_opened_magenta.svg');
		}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_05 {
	padding: 60px 0px;
	position: relative;
	background-image: url(/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/img/block-05-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_05 .block_05_box {
	background-color: rgba(255, 255, 255, 0.5); 
  	backdrop-filter: blur(10px);             
	-webkit-backdrop-filter: blur(10px);   
	border-radius: 16px;
	padding: 40px 20px 28px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_05 .block_05_box .inwb_flex_cont {
	align-items: stretch;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_05 .block_05_box .inwb_flex_cont > div {
	width: 100%;
	max-width: 196px;
	background-color: #e20074;
	border-radius: 20px;
	padding: 28px 16px 20px;
	text-align: center;
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_05 .block_05_box .inwb_flex_cont > div img {
	max-width: 100px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_05 .floating_icon {
	width: 80px;
	height: 80px;
	border-radius: 20px;
	background-color: rgba(255, 255, 255, 0.5); 
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  	backdrop-filter: blur(10px);             
	-webkit-backdrop-filter: blur(10px);    
	/* animation: smoothFloat 8s ease-in-out infinite;
	animation-iteration-count: infinite;
  	animation-direction: alternate;
  	transition: transform 0.5s ease, opacity 0.5s ease; */
	padding: 16px;
	/* cursor: grab; */
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_05 .logo_container_left {
	position: absolute;
	left: 0;
	top: 0;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_05 .logo_container_right {
	position: absolute;
	right: 0;
	top: 0;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_05 .floating_icon.m365_icon {
	right: -100px;
	top: 0px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_05 .floating_icon.excel_icon {
	right: -160px;
    top: 0px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_05 .floating_icon.word_icon {
	right: -80px;
	top: 150px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_05 .floating_icon.copilot_icon {
	left: -100px;
	top: 0px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_05 .floating_icon.outlook_icon {
	left: -150px;
	bottom: -260px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_05 .floating_icon.notes_icon {
	left: -100px;
	bottom: -250px;
}



#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_06 {
	background: #B6005E;
	background: linear-gradient(0deg,rgba(182, 0, 94, 1) 0%, rgba(226, 0, 116, 1) 100%);
	padding: 40px 0px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_06 .inwb_lap {
	overflow: hidden;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_06 #block_06_carousel .inwb_flex_item {
	width: 100%;
	max-width: 256px;
	min-width: 256px;
	background-color: #e20074;
	border-radius: 20px;
	padding: 28px 48px 20px;
	text-align: center;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
	/* placeholder height for preview */
	min-height: 256px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_06 #block_06_carousel .slick-dots {
	margin-top: 30px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_06 #block_06_carousel .slick-dots li button {
	width: 24px;
	height: 24px;
	border-radius: 100px;
	background: #fff;
	border: 2px solid #fff;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_06 #block_06_carousel .slick-dots li.slick-active button {
	background: transparent;
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_07 {
		background-color: #ffffff;
	}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_07 .inwb_copilot_gyik {
		width:100%;
		background: #ffffff;
		margin: 16px auto 0px;
		padding: 23px 0px;
		border-radius: 20px;
		box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
	}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_07 .inwb_copilot_gyik .inwb_copilot_gyik_content {
			margin-top:16px;
			padding-left:32px;
			padding-right:16px;
			display:none;
		}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_07 .inwb_copilot_gyik h3 {
			cursor: pointer;
			padding-right: 60px;
			padding-left: 32px;
			background-image: url('/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/img/arrow_closed_magenta.svg');
			background-position: right 25px center;
			background-size: auto 6px;
			background-repeat: no-repeat;
			background-size: 16px 16px;

		}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_07 .inwb_copilot_gyik .gyik_btn.opened h3{
			background-image: url('/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/img/arrow_opened_magenta.svg');
		}

		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_07 .deco_elem {
	position: absolute;
	left: 0;
	bottom: 0;
}


#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_07 .inwb_copilot_gyik ul {
	list-style: none;
	padding-left: 24px;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_07 .inwb_copilot_gyik ul li {
	position: relative;
	padding-left: 24px; 
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_07 .inwb_copilot_gyik ul li::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	background-color: #ffffff;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 8px;
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_08 {
	padding-top: 40px;
	background-image: url(/static-ut/alkalmazasok/lp/ms-copilot-ut-lp-251016-inwb-a/static/img/block-08-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	background-attachment: fixed;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_08 .block_08_box {
	background-color: rgba(255, 255, 255, 0.5); 
  	backdrop-filter: blur(10px);             
	-webkit-backdrop-filter: blur(10px);   
	border-radius: 16px;
	padding: 40px 20px 28px;
}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_08 .block_08_box .form-group { 
	margin-bottom: 10px; 
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_08 .block_08_box label { 
	display: block; font-weight: bold; margin-bottom: .25rem; 
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_08 .block_08_box input, #inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_08 .block_08_box textarea { 
	width: 100%; background: #fff; padding: 20px 24px; border: 1px solid #e6e6e6; border-radius: 10px; 
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_08 .block_08_box textarea { 
	min-height: 257px; 
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_08 .block_08_box .error { 
	display: none; color: #b00020; font-size: .9rem; min-height: 1.2em; 
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_08 .block_08_box button {
	cursor: pointer;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_08 .block_08_box .inwb_flex_cont .col {
	width: 50%;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_08 .block_08_box .rounded_btn {
	display: block;
	margin: 0px auto;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_08 .block_08_box button:disabled { 
	opacity: .5; cursor: default; 
}


/* 1200+ - XL */
@media only screen and (min-width: 1200px) {
	
}
/* 960-1199 - L */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
}
/* 768-959 - M */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
}
/* 576-767 - S */
@media only screen and (min-width: 576px) and (max-width: 767px) {
	
}
/* 360-575 -XS */
@media only screen and (max-width: 575px) {	

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

}
@media (max-width: 1168px){
	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_05 .block_05_box .inwb_flex_cont {
	flex-wrap: wrap;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_05 .block_05_box .inwb_flex_cont > div {
	width: 45%;
	max-width: unset;
	margin: 0px 12px 24px;
}
}
@media (max-width: 1080px){
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.copilot_icon {
	display: none;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.notes_icon {
	top: 220px;
}
}
@media (max-width: 960px){

	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.notes_icon {
		display: none;
	}

}
@media (max-width: 768px){
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .magadra_ismersz_box .inwb_flex_cont {
				flex-wrap: wrap;
			}
			#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .magadra_ismersz_box .inwb_flex_cont > div {
				width: 45%;
			}

	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .header_flex_cont {
		flex-direction: column;
	}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .header_flex_cont > div{
			margin-top: 32px;
		}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon {
			width: 48px;
			height: 48px;
			max-width: 48px;
			max-height: 48px;
			padding: 8px;
			border-radius: 10px;
		}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon img {
			max-width: 32px;
		}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.outlook_icon {
			left: -100px;
			top: -35px;
		}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.powerpoint_icon {
			left: 0;
			top: -65px;
		}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.excel_icon {
			right: 32px;
			top: 240px;
		}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.word_icon {
			right: 0;
			top: 240px;
		}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.teams_icon {
			left: 16px;
			top: -30px;
		}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.access_icon {
			left: 90px;
			top: -105px;
		}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .floating_icon.m365_icon {
			left: 12px;
			top: 552px;
		}

	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_03 .block_03_flex_cont {
		flex-direction: column;
		padding: 24px;
	}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_03 ul {
			padding-left: 0px;
		}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_03 .block_03_flex_cont > div:first-of-type {
			width: 100%;
		}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_03 .block_03_flex_cont > div:last-of-type {
			width: 100%;
			margin-top: 32px;
		}
		#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_04 .inwb_lap .inwb_flex_cont .csomag_kartya {
		width: 100%;
		min-width: unset;
		max-width: unset;
	}
	
}
@media (max-width: 575px){
	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 {
		background-attachment: unset;
	}
	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_03 {
		background-attachment: unset;
	}
	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_05 {
		background-attachment: unset;
	}
	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_08 {
		background-attachment: unset;
	}
	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .magadra_ismersz_box {
		padding: 24px;
	}
	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .magadra_ismersz_box .inwb_flex_cont > div {
		width: calc(90%/2);
	}
	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .magadra_ismersz_box .img_container_200 img {
		max-width: 80px;
	}
	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_02 .mire_kepes_flex_cont{
	overflow: inherit;
	}
	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_03 .block_03_flex_cont {
		padding: 20px;
	}
	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_05 .block_05_box .inwb_flex_cont > div {
	width: 100%;
	margin: 0px auto 24px;
	}

#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_08 .block_08_box .form-container {
	flex-direction: column;
}
#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_08 .block_08_box .inwb_flex_cont .col {
	width: 100%;
}
}	
@media (max-width: 420px){
	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .magadra_ismersz_box .inwb_flex_cont > div {
		width: 100%;
	}
	#inwb_lp_main_cont #inwb_microsoft_copilot_lp #copilot_block_01 .magadra_ismersz_box .img_container_200 img {
		max-width: 80px;
	}
}
@media (max-width: 360px){
	
}