.kyberturvalisus .oranz {
    position: relative;
    color: #E84E1B;
    display: inline-block;
}

.kyberturvalisus .triip::after {
    content: "";
    position: absolute;

    left: 0;
    bottom: -18px;

    width: 245px;
    height: 24px;

    background-image: url('/images/turvalisus/kriips.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.kyberturvalisus h1 {
	text-align: center;
	color: #182F48;
	padding-bottom: 15px;
}

.kyberturvalisus .blokk {
    background: linear-gradient(
		90deg,
		#FFFFFF 0%,
		#FFF8F6 40%,
		#FFF2EE 100%
	);

    border: 1px solid #FFDBCF;
    border-radius: 20px;
    padding: 30px;
    position: relative;
    box-sizing: border-box;
    max-width: 622px;
}

/* ikoon üleval paremal */
.kyberturvalisus .icon {
    position: absolute;

    top: 28px;
    right: 28px;

    width: 60px;
    height: 60px;

    background: #ffffff;

    border-radius: 16px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}

.kyberturvalisus .icon img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

/* pealkiri */
.kyberturvalisus .blokk h2 {
    font-size: 22px;
    font-weight: 700;
    color: #182F48;

    margin: 0 0 0 0;

    padding-right: 90px;
}

/* oranž tekst */
.kyberturvalisus .subtitle {
    color: #f05a28;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 22px;
    padding-right: 90px;
}

/* list */
.kyberturvalisus .blokk li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 2px;
    color: #6A6A6A;
    font-size: 15px;
    list-style: none;
}

.kyberturvalisus .blokk li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 14px;
    height: 14px;
    background-image: url('/images/turvalisus/linnuke.png');
    background-repeat: no-repeat;
    background-size: contain;
}


.kyberturvalisus .bg-ellipse {
    position: absolute;
    width: 332px;
    height: 332px;
    border-radius: 50%;
    z-index: 1;
}

.kyberturvalisus .bg-ellipse1 {
    background: #FFEFE9;
    top: -30px;
    right: 40px;
}

.kyberturvalisus .bg-ellipse2 {
    background: #E3FCFF;
    top: -50px;
    left: 0px;
}

.kyberturvalisus .bg-ellipse3 {
    background: #F5F5F5;
    top: 0px;
    right: 40px;
}

.kyberturvalisus .bg-ellipse4 {
    background: #EFF7FF;
    top: 0px;
    left: 40px;
}

.kyberturvalisus .main-image {
    max-width: 100%;
    position: relative;
    z-index: 3;
}

.primend-kampaania-nupp {
	border-radius: 43px !important;
	background-color: #E84E1B !important;
	font-weight: bold !important;
	font-size: 16px !important;
	height: 46px !important;
}

.kyberturvalisus h3 {
	color: #182F48;
	font-size: 26px;
	font-weight: bold;
	padding-bottom: 20px;
}

.kyberturvalisus .kamp-text p {
	font-size: 18px;
	line-height: 26px;
}

.kyberturvalisus ul {
	margin-bottom: 0px;
}

.kyberturvalisus .kilp-taust {
	background-image: url('/images/turvalisus/kilp.png');
    background-repeat: no-repeat;
    background-size: contain;
	width: 622px;
	padding: 30px;
}

.kyberturvalisus .kilp-taust h2 {
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	margin: 0 0 15px 0;
}

.kyberturvalisus .kilp-taust .subtitle-kilp {
	color: rgb(255 255 255 / 51%);
	font-size: 15px;
}

.kyberturvalisus button {
	margin: 0px;
}

.services-section {
    background: #173554;

    padding-top: 80px;


	/*margin-bottom: 200px;*/

    position: relative;

    /*overflow: hidden;*/
	
	padding-bottom: 80px;
	
}

/* pealkiri */
.services-section .services-title {
    color: #fff;

    font-size: 68px;
    font-weight: 700;
    line-height: 1.05;

    margin: 0;
}

/* pillid */
.services-section .service-pill {
    background: linear-gradient(
        90deg,
        #FFF5F2 0%,
        #FFFFFF 100%
    );

    border-radius: 61px;

    min-height: 61px;

    padding: 0 22px;

    display: flex;
    align-items: center;

    gap: 10px;

    font-size: 18px;
    font-weight: 600;

    color: #182F48;
}

.services-section .service-pill img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

/* statistika kast */
.services-section .stats-box {
    margin-top: -80px;

    background: linear-gradient(
        90deg,
        #E84E1B 0%,
        #B53B13 100%
    );

    border-radius: 172px;

    padding: 28px 40px;

    position: relative;

	height: 172px;

    transform: translateY(160px);

    z-index: 2;



}

/* statistika item */
.services-section .stat-item {
    position: relative;
}

/* vertikaalsed jooned */
.services-section .stat-item:not(:last-child)::after {
    content: "";

    position: absolute;

    right: 0;
    top: 50%;

    transform: translateY(-50%);

    width: 1px;
    height: 100px;

    background: rgba(255,255,255,0.2);
}

/* number */
.services-section .stat-number {
    color: #fff;

    font-size: 60px;
    font-weight: 700;

    line-height: 1;
}

/* tekst */
.services-section .stat-text {
    margin-top: 14px;

    color: #fff;

    font-size: 14px;
    font-weight: 500;

    letter-spacing: 1px;

    line-height: 1.45;
}

.primend-header-height-kampaania {
	height: 640px;
}

.next-section {
    padding-top: 100px;
}

.icon-arrow-right {
    font-size: 0.8em;
}

/*vaata ka teisi teenuseid*/
.service-card {
    background: #FFFFFF;

    border: 1px solid #FFE3DA;

    border-radius: 24px;

    padding: 42px 34px;

    text-align: center;

    height: 100%;

    transition: 0.3s ease;

	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.service-card:hover {
    transform: translateY(-4px);
}

/* ikoon */
.service-card .service-icon {
    width: 60px;
    height: 60px;

    margin: 0 auto 18px;

    background: #FFEFE9;

    border-radius: 18px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.service-card .service-icon img {
    width: 36px;
    height: 36px;

    object-fit: contain;
}

/* pealkiri */
.service-card h3 {
    color: #182F48;

    font-size: 20px;
    font-weight: 700;

    margin-bottom: 0px;

	padding-bottom: 10px;
}


/* tekst */
.service-card p {
    color: #6A6A6A;

    font-size: 18px;
    line-height: 26px;

    margin-bottom: 8px;
}

/* link */
.service-card a {
    color: #E84E1B;

    font-size: 16px;
    font-weight: 700;

    text-decoration: none;

    transition: 0.2s ease;
}

.service-card a:hover {
    opacity: 0.8;
}

.gray-primend-button {
	border-radius: 43px !important;
	background-color: #324E6C !important;
	font-weight: 300 !important;
	font-size: 16px !important;
	height: 46px !important;
}
/* responsive */



@media (max-width: 1200px) {
	
	.kyberturvalisus .kilp-taust {
		background-color: #05172E;
		background-image: none;
		padding: 30px;
		border-radius: 20px;
		width: 50%;
	}

	.kyberturvalisus .bg-ellipse {
        display: none;
    }

}

@media screen and (min-width: 990px) and (max-width: 1400px) {
	.pohiteenuse_blokid {
         --bs-gutter-x: 2rem;
        --bs-gutter-y: 2rem;
    }

	.kyberturvalisus .kilp-taust {
		background-color: #05172E;
		background-image: none;
		padding: 30px;
		border-radius: 20px;
		width: 47%;
		margin-left: 16px; 
	}
}


@media (max-width: 991px) {

    .services-section .services-title {
        font-size: 52px;

        margin-bottom: 40px;
    }

    .services-section .stats-box {
       display: none; 
    }

    .services-section .stat-item {
        margin-bottom: 40px;
    }

    .services-section .stat-item::after {
        display: none;
    }

	.next-section {
		padding-top: 0px;
	}

	
}

@media (max-width: 768px) {
	
	.next-section {
		padding-top: 0px;
	}

	.kyberturvalisus .bg-ellipse {
        display: none;
    }
	
	.kyberturvalisus .image-side {
        display: none;
    }

	.kyberturvalisus h3 {
        font-size: 20px;
    }

	.kyberturvalisus h1 {
		padding-top: 24px;
	}
	 
	
	.kyberturvalisus .kilp-taust {
		background-color: #05172E;
		background-image: none;
		padding: 30px;
		border-radius: 20px;
		width: 100%;
	}

	.kyberturvalisus .triip::after {
        display: none;
    }

	.primend-header-height-kampaania {
		max-height: 440px;
	}

    .emphasis-title h1 {
		font-size: 32px !important;
		line-height: 1.2;
	}
	
	.services-section {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .services-section .services-title {
        font-size: 36px;
    }

    .services-section .service-pill {
        min-height: 78px;

        padding: 20px;

        font-size: 16px;
    }

    .services-section .stat-number {
        font-size: 52px;
    }
}