/*Start for Sub-Menu CSS*/	


	
	@media only screen and (max-width: 430px){
		html,body{
			width: 100%;
			overflow-x: hidden;
		}
	}
	

	
	.remove-nav-link{
	padding: 0.5rem 1rem;
	display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    border-radius: 0.25rem;
    border: 0;
    text-decoration: none;
    padding: 0.5rem 1rem;	
	}
	.remove-nav-link:hover
	{
		background-color: #0F2540;
    border-radius: 0.25rem;
	}
	
	.nav-tabs{
		height: 335px;
	}
	
	.card .card-header {
        display: block;
    }
	
	.nav-item.dropdown {
    position: relative;
  }

	
	.dropdown-menu {
	display: none;
	position: absolute;
	top: 100%;
    left: 0;	
	background-color: transparent;
	list-style: none;
	margin-top: 0;
	z-index: 1000;
	border: 0;
	width: 100%;
	padding-left: 40px;	
	/*padding: 0.5rem;*/	
	}

	/* Show the dropdown on hover */
	/*.nav-item.dropdown:hover .dropdown-menu, .nav-item.dropdown.show .dropdown-menu  {
	display: block;
	}*/

	/* Style the dropdown items */
	.dropdown-item {
	padding: 5px 15px;
	color: #007bff;
	text-decoration: none;
	background-color: transparent;
	display: flex;
	align-items: center;	
	}

	.dropdown-item:hover {
	background-color: #0F2540;
	color: var(--text-color-theme);
	}
	
	
	.dropdown-item.active, .dropdown-item:active{
		background-color: #0F2540;
	color: var(--text-color-theme);
	}
	
	/*.nav-item.dropdown.show .dropdown-menu {
    display: block;
  }*/
	
	.dropdown-item.active:after {
    content: " ";
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/Zirius-2024/Regnskapsprogram/images/List-Icon-1.svg);
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    background-size: contain;
    display: inline-block;
}
	
	.dropdown-item{
	margin-top: 5px;
	}
	
	
	.integration_icons_class{
		width: 100%;
		max-width: 100px;
	}
	
	.nav-tabs a.nav-link{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		border-radius: 0.25rem;
		border: 0;
	}
	
	/*Upload CSS 25-03-2025 Start*/
		.height35{
			height: 35px;
		}
	
		.customer-center-list {
		display: flex;
		flex-wrap: wrap;
		max-width: 1020px;
		margin: 0 auto;
		gap: 30px;
		}

		.customer-center-list div.customer-center-sub{
		flex: 0 0 calc(24% - 13px);
		}
	
		.customer-center-list div.customer-center-adjust{
		flex: 0 0 calc(49% - 13px) !important;
		}

		.customer-center-sub{
		position: relative;
		}

		.customer-center-sub {
		background-color: #173963;
		border-radius: 10px;
		padding: 1.563rem;
		z-index: 10;
		overflow: hidden;
		cursor: pointer;
		}
		
		.customer-center-sub a{
			text-decoration: none;
		}
	
		.customer-center-sub h3{
		margin: 0;
		font-family: "Inter", sans-serif;
		font-size: var(--home-h3-fs);
		font-weight: 600;
		color: #EBFAFF;
		text-align: left;
		}

		.customer-center-sub p{
		font-family: "Gilroy";
		font-size: var(--all-paragraph-text-fs);
		color: #EBFAFF;
		line-height: var(--all-paragraph-text-lh);
		font-weight: 300;
		margin: 0;
		text-align: left;
		}

		.customer-center-one {
		display: flex;
		flex-direction: column;
		gap: 1.063rem;
		align-items: center;	
		}

		.customer-center-one h3 {
		margin: 0;
		font-family: "Inter", sans-serif;
		font-size: var(--home-h3-fs);
		font-weight: 600;
		color: #EBFAFF;
		text-align: left;
		}

		.customer-center-btn{
		width: 100%;
		max-width: 176px;
		height: 40px;
		text-align: center;
		color: #ffffff;
		font-size: 1rem;
		font-family: "Gilroy";
		background-color: #FA5B3D;
		border-radius: 21px;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		}

		.customer-center-p-width{
		width: 100%;
		max-width: 1030px;
		}

		.customer-center-hover-arrow{
		width: 1rem;
		height: 1rem;
		opacity: .2;
		transform-style: preserve-3d;
		margin-top: auto;
		margin-left: auto;
		transition: opacity .8s;
		position: absolute;
		top: 3.2rem;
		bottom: 1.5rem;
		left: auto;
		right: 1.5rem;
		}

		.customer-center-hover-arrow.active {
		opacity: 1;
		color: #ffffff; 
		}

		.customer-center-embed::before, .customer-center-embed::after{
		content: " ";
		grid-area: 1 / 1 / 2 / 2;
		display: table;
		}

		.customer-center-embed::after{
		clear: both;
		}

		.customer-center-hover-wrap{
		z-index: -1;
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
		display: flex;
		position: absolute;
		top: 0%;
		bottom: 0%;
		left: 0%;
		right: 0%;
		transform: rotate(45deg);
		}

		.customer-center-hover-circle {
		width: 30rem;
		height: 30rem;
		background-color: #0E4AA2;
		border-radius: 15rem;
		flex: none;
		transition: all .5s;
		transform: scale(0);
		}

		.customer-center-hover-circle.active {
		transition-duration: .8s;
		transform: none;
		}
	
		.nav-item.dropdown:has(.dropdown-item.active) .nav-link.active::after {
		display: none;
		}

		.home-industry-list div.hom-industry-sub{
		flex: 0 0 calc(50% - 20px) !important;
		}

		.home-industry-one{
		align-items: center;
		}

	
	/*Upload CSS 25-03-2025 End*/
	
/*End for Sub-Menu CSS*/	
	
	
/*Start*/	
	
.customer-center-automate-list {
    display: flex;
    flex-wrap: wrap;
    max-width: 1020px;
    margin: 0 auto;
	gap: 30px;
}

.customer-center-automate-list div.customer-center-automate-sub{
	flex: 0 0 calc(32.33% - 20px);
}

.customer-center-automate-sub{
	position: relative;
}

.customer-center-automate-sub {
   border: 1px solid #0E4AA2;
   border-radius: 10px;
   padding: 2rem;
   z-index: 10;
   overflow: hidden;
   cursor: pointer;
}

.customer-center-automate-sub h3{
	margin: 0;
	font-family: "Gilroy";
	font-size: 1rem;
	font-weight: 500;
	color: #EBFAFF;
	text-align: center;
}



.customer-center-automate-one {
    display: flex;
	flex-direction: column;
	gap: 1.063rem;
	align-items: center;
}

/*.customer-center-automate-one h3 {
    margin: 0;
	font-family: "Inter", sans-serif;
	font-size: var(--home-h3-fs);
	font-weight: 600;
	color: #EBFAFF;
	text-align: left;
}

.customer-center-automate-one p {
    font-family: "Gilroy";
	font-size: var(--home-p-fs);
	color: #EBFAFF;
	line-height: var(--home-p-lh);
	font-weight: 300;
	margin: 0;
	text-align: left;
}*/

.customer-center-automate-two {
    display: flex;
	flex-direction: column;
	gap: 1.063rem;
	align-items: center;
}

.customer-center-automate-two h3 {
    
}

.customer-center-automate-two p {
    
}

.customer-center-automate-three {
   display: flex;
	flex-direction: column;
	gap: 1.063rem;
	align-items: center;
}

.customer-center-automate-three h3 {
   
}

.customer-center-automate-three p {
    
}

.customer-center-automate-four {
    display: flex;
	flex-direction: column;
	gap: 1.063rem;
	align-items: center;
}

.customer-center-automate-four h3 {
    
}

.customer-center-automate-four p {
    
}

.customer-center-automate-five {
    display: flex;
	flex-direction: column;
	gap: 1.063rem;
}

.customer-center-automate-five h3 {
    
}

.customer-center-automate-five p {
    
}

.customer-center-automate-six {
    display: flex;
	flex-direction: column;
	gap: 1.063rem;
}

.customer-center-automate-six h3 {
    
}

.customer-center-automate-six p {
    
}

.customer-center-automate-hover-arrow{
	width: 1rem;
    height: 1rem;
    opacity: .2;
    transform-style: preserve-3d;
    margin-top: auto;
    margin-left: auto;
    transition: opacity .8s;
    position: absolute;
    top: 3.2rem;
    bottom: 1.5rem;
    left: auto;
    right: 1.5rem;
}

.customer-center-automate-hover-arrow.active {
  opacity: 1;
  color: #ffffff;	
}

.customer-center-automate-embed::before, .customer-center-automate-embed::after{
	content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.customer-center-automate-embed::after{
	clear: both;
}

.customer-center-automate-hover-wrap{
	z-index: -1;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    transform: rotate(45deg);
}

.customer-center-automate-hover-circle {
    width: 50rem;
    height: 50rem;
    background-color: #0F2540;
    border-radius: 25rem;
    flex: none;
    transition: all .5s;
    transform: scale(0);
}

.customer-center-automate-hover-circle.active {
  transition-duration: .8s;
  transform: none;
}
	
	.customer-center-download-btns{
		display: flex;
		gap: 10px;
	}
	
	.customer-center-playstore{
		width: 100px;
	}
	.customer-center-appstore{
		width: 84px;
	}

@media only screen and (max-width: 1199px) and (min-width: 1025px){
          .customer-center-playstore{
              width: 100%;
              max-width: 80px;
          }
          .customer-center-appstore{
              width: 100%;
              max-width: 70px;
          }
	.customer-center-automate-sub{
		padding: 1rem;
	}
	}
	
	@media only screen and (max-width: 1024px){
		.customer-center-playstore{
			width: 100%;
			max-width: 70px;
		}
		.customer-center-appstore{
			width: 100%;
			max-width: 60px;
		}
	}
	
	@media only screen and (max-width: 992px) and (min-width: 769px){
		.customer-center-automate-sub h3{
			font-size: 0.875rem;
    }
		.customer-center-automate-sub	{
			padding: 1rem;
		}
	}
	
	@media only screen and (max-width: 768px) and (min-width: 576px) {
    .customer-center-automate-sub	{
			padding: 0.6rem;
		}
		
		.customer-center-automate-list{
			gap: 15px;
		}
		.customer-center-automate-sub h3{
			font-size: 0.875rem;
		}
		
		.customer-center-list div.customer-center-sub{
			flex: 0 0 calc(49% - 13px);
		}
		
}
	
	@media only screen and (max-width: 575px) and (min-width: 360px){
		.customer-center-playstore {
        width: 100%;
        max-width: 100px;
    }
		.customer-center-appstore{
			width: 100%;
			max-width: 84px;
		}
		.customer-center-automate-list {
        display: block !important;
    }
	.customer-center-automate-list div.customer-center-automate-sub {
        margin-top: 10px !important;
    }
		.customer-center-list div.customer-center-sub{
			flex: 0 0 calc(49% - 13px);
		}
		:root{
			--home-h3-fs: 12px
		}
	}
	
/*End*/		
	
	.integration_icons_class{
		width: 100%;
		max-width: 100px;
	}
	
	.nav-tabs a.nav-link{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		border-radius: 0.25rem;
		border: 0;
	}
	
.intdivsplit {
width: 100%;
/*min-width: 920px;*/
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
background-color: #0F2540;
border: 0;
color: var(--text-color-theme);
	
}
/*.nav-link.active:after {
content: " ";
height: 0;
position: absolute;
width: 0;
border: 7px solid transparent;
border-left-color: #FA5B3D;
margin-top: 6px;
right: 5px;
}*/
	
	
.nav-link.active:after {
    content: " ";
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/Zirius-2024/Regnskapsprogram/images/List-Icon-1.svg);
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    background-size: contain;
    display: inline-block;
}	
	
.integrationdiv {
opacity: 1;
padding: 15px;
margin-top: 30px;
background-color: #0F2540;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.integrationdiv p {
font-family: var(--ff-gilroy);
font-size: var(--home-p-fs);
color: var(--text-color-theme);
line-height: 150%;
text-align: left;

}
.integrationdiv p a {
font-family: Muli, sans-serif;
font-size: 16px;
line-height: 150%;
text-align: left;
color: #007acc !important;
text-decoration: underline;
}
.nav-tabs {
display: none;
}
	
.nav-tabs .nav-link.active:hover {
    background-color: #0F2540;
}
	
@media (min-width: 801px) {
.nav-tabs {
display: flex;
flex-flow: column nowrap;
font-family: Muli, sans-serif;
}
.nav-tabs {
border-bottom: none;
display: flex;
/*width: 30%;*/
}
.nav-tabs {
margin: 15px 15px;
}
.nav-tabs .nav-item + .nav-item {
margin-top: 1rem;
}
.nav-tabs .nav-link {
transition: border-color 125ms ease-in;
white-space: nowrap;
}
.nav-tabs .nav-link:hover {
background-color: #def1ff;
border-color: transparent;
color: #000000;
}
.nav-tabs .nav-link.active {
border-top-right-radius: 0;
margin-right: -1px;
width: 100%;
min-width: 180px;
position: relative;
}
.nav-tabs .nav-link.active:hover {
/*background-color: #def1ff;*/
background-color: #0F2540;
}
.card {
border: none;
background-color: transparent ;
}
.card .card-header {
display: none;
}
.card .collapse {
display: block;
}
}
@media (max-width: 800px) {
.tab-pane {
display: block !important;
opacity: 1 !important;
background-color: transparent;
}
}
.nav-item a {
color: #0072ed;
}
	.nav-tabs .nav-link:hover{		
		background-color: #0F2540;
		border-radius: 0.25rem;
	}
	
	
	.d-flex{
		background-color: #0B1C30;
		border-radius: 0.25rem;
	}
	
	.nav-tabs .nav-link{
		color: var(--text-color-theme) !important;
		font-family: "Gilroy";
    font-size: var(--home-p-fs);
		
	}
	
	p.texttitle, h5, tr.heading>th{
	font-family: var(--ff-inter);
	font-size: var(--home-p-fs);
	color: var(--text-color-theme);
	line-height: var(--home-p-lh);;
	text-align: left;
	font-weight: 600;	
	}
	
	p.texttitle b{
		font-weight: 600 !important;
		font-family: var(--ff-inter);
	}
	
	p.text, p{
	font-family: var(--ff-gilroy);
	font-size: var(--home-p-fs);
	color: var(--text-color-theme);
	line-height: var(--home-p-lh);;
	text-align: left;
	/*word-wrap: break-word;*/
	word-break: break-word;	
	}
	
	ul.fakturalist li, ul li{
	font-family: var(--ff-gilroy);
	font-size: var(--home-p-fs);
	color: var(--text-color-theme) !important;	
	}
	
	ul.fakturalist li, ul li a{
		color: var(--text-color-theme) !important;
	}
	
	table.table-advance tr td{
		font-family: var(--ff-gilroy);
	font-size: var(--home-p-fs);
	color: var(--text-color-theme);
	}
	
	.appdowplayimg{
		width: 100%;
		max-width: 100px;
	}
	
	.card-body a{
		font-family: var(--ff-gilroy);
	font-size: var(--home-p-fs);
	color: var(--text-color-theme) !important;
	}
	
	.height15{
		height:20px;
	}