body {
    font-family: "A1Sans-Regular",sans-serif;
	background: #fff !important;}

ul.list-styled li ul{
	list-style-type: none;
	margin: 0;
	padding: 0;}

	ul.list-styled li ul li {
		padding-left: 25px;}

	ul.list-styled li ul li:before {
		position: absolute;
		top: 2px;
		left: 0;
		width: auto;
		height: auto;
		color: #da291c;
		background: none;
		font-family: 'Font Awesome 5 Pro';
		content: "\f00c";}

ul.list-checkmarks {
	list-style-type: none;
	margin: 0;
	padding: 0;}

	ul.list-checkmarks li {
		position: relative;
		margin: 10px 0;
		padding-left: 34px;}

	ul.list-checkmarks li:before {
		position: absolute;
		top: -1px;
		left: 0;
		width: 24px;
		height: 24px;
		content: "";
		background-image:url(https://www.a1.mk/documents/20126/2531754/A1_OK_icon_red.svg);
		background-repeat: no-repeat;
		background-size: 24px;}

.boxed {
	-webkit-box-shadow: 0 50px 100px -50px rgb(0 0 0 / 60%);
    box-shadow: 0 50px 100px -50px rgb(0 0 0 / 60%);
	padding: 15px 20px;
	width: auto;
	display: inline-block;
	backdrop-filter: blur(5px);
	background: rgba(255,255,255,0.9);}


@media (max-width: 767px) {
	h1, .h1 { font-size: 1.75rem;}
	h2, .h2 { font-size: 1.5rem;}	
	h3, .h3 { font-size: 1.5rem;}
	h4, .h4 { font-size: 1.15rem;}
}
@media (max-width: 991px) {
.boxed {
	padding: 25px;}
}


/****** HERO  **********/

.herov1-wrap {
	padding: 350px 0 125px 0;
	background: url("https://www.a1.mk/documents/20126/2531754/A1mk_Website-banners_ComboTriglav_1800x660px.jpg") bottom right;
	background-size: cover;
	position: relative;
	margin-bottom: 0;
	color: #fff;}

	.herov1-wrap h1 {
		position: relative;
		font-size: 50px;
		color: #fff;
		display: block;}

	.herov1-wrap .icons-osiguruvanje {
		height:60px;}

.text-wrap {	
	-webkit-box-shadow: 0 50px 100px -50px rgb(0 0 0 / 60%);
    box-shadow: 0 50px 100px -50px rgb(0 0 0 / 60%);
	padding: 25px 35px;
	display: inline-block;
	backdrop-filter: blur(10px) brightness(150%);
	background: rgba(255,255,255,0.4);}

@media (max-width: 1199px) { 

}


@media (max-width: 991px) { 
.herov1-wrap {
	margin-top: 40px;
	background: url("https://www.a1.mk/documents/20126/2531754/hero-osiguruvanje-mobile.jpg/034bcaf9-0b11-bd9d-2280-e3f21c62fea8?t=1669389128328") bottom right;
	background-size: cover;
	padding: 300px 0 75px 0;}
	
	.herov1-wrap h1 {
		font-size: 36px;}

}

@media (max-width: 767px) { 
.herov1-wrap {
	margin-top: 60px;
	padding: 150px 0 45px 0;}
	
	.herov1-wrap h1 {
		font-size: 1.75rem;}
	
		.herov1-wrap h2 {
		font-size: 1.15rem;}
	
	.herov1-wrap .icons-osiguruvanje {
		height:30px;}
	
.text-wrap {
	max-width: 85%;
	-webkit-box-shadow: 0 25px 50px -25px rgb(0 0 0 / 60%);
    box-shadow: 0 25px 50px -25px rgb(0 0 0 / 60%);
	backdrop-filter: blur(10px) brightness(100%);
	background: rgba(255,255,255,0.3);
	padding: 15px 20px;}
	

	
	.logo-triglav {
		width: 160px;
	}
}

@media (max-width: 991px) { 
.herov2-wrap {
	margin-top: 90px;}

}

@media (max-width: 767px) { 
.herov2-wrap {
	margin-top: 60px;}
	
}

/****** TOP SECTION  **********/

.top-section {
    padding:100px 0 200px 0;
	margin-bottom: 0px;
	background-color: #efefef;
	background-image: url(https://www.a1.mk/documents/20126/2531754/a1-logo-large.png/feb3b128-ed71-c4c5-d275-0d565eb09f22?t=1669388753637);
	background-position: calc(50% + 700px) -400px;
	background-repeat: no-repeat;
    position: relative;
    z-index: 2;
}

@media (max-width: 1299px) {
.top-section {
	background-size: 700px 700px;
	background-position: calc(50% + 600px) -200px;}
}
@media (max-width: 1199px) {
.top-section {
	background-position: calc(50% + 500px) -200px;}
}

@media (max-width:  991px) {
.top-section {
    padding:25px 0 100px 0;
	margin-bottom: 0px;
	background-color: #efefef;
	background-image: url(https://www.a1.mk/documents/20126/2531754/a1-logo-large.png/feb3b128-ed71-c4c5-d275-0d565eb09f22?t=1669388753637);
	background-size: 640px 640px;
	background-position: bottom 50px left -300px;}
}

/****** BOTTOM SECTION  **********/

.bottom-section-wrap {
	margin: -100px 100px 50px 100px;
	position: relative;
	z-index: 5;}

	.bottom-section {
		background: rgb(85,30,230);
		background: linear-gradient(135deg, rgba(85,30,230,1) 0%, rgba(234,20,10,1) 100%);
		color: #fff;
		padding:60px 0;
		-webkit-box-shadow: 0 50px 100px -50px rgba(0,0,0,0.6);
		box-shadow: 0 50px 100px -50px rgba(0,0,0,0.6);
		position: relative;}

@media (max-width: 1499px) {
.bottom-section-wrap {
	margin: -100px 0px 50px 0px;}
	
	.bottom-section {
		background: none;
		padding:0;
		-webkit-box-shadow: none;
		box-shadow: none;}

		.bottom-section .inner-wrap {
			background: rgb(85,30,230);
			background: linear-gradient(135deg, rgba(85,30,230,1) 0%, rgba(234,20,10,1) 100%);
			color: #fff;
			padding:50px;
			-webkit-box-shadow: 0 50px 100px -50px rgba(0,0,0,0.6);
			box-shadow: 0 50px 100px -50px rgba(0,0,0,0.6);
			font-size: 15px;
			position: relative;}
}

@media (max-width: 991px) {
.bottom-section-wrap {
	margin: -50px 0px 50px 0px;}
	
		.bottom-section .inner-wrap {
			padding:25px;}
}