body{
			padding: 0px;
			margin: 0px;
			font-family: "Noto Sans", sans-serif;
		}

		*{
			box-sizing: border-box;
		}

		.container{
			max-width: 1366px;
			margin: 0 auto;
		}


		.aiops_css_page .hero_section{
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: flex-start;
/*			padding: 100px 80px;*/
			text-align: left;
		}
		.aiops_css_page .hero_section .container{
			max-width: 100%;
			display: flex;
    		justify-content: space-around;
		}
		.aiops_css_page .hero_section .hs_column{
		    display: flex;
		    flex-wrap: wrap;
		    justify-content: flex-start;
		    align-items: flex-start;
		    text-align: left;
		    width: 50vw;
		}
		.aiops_css_page .hero_section .hs_column:first-child{
		    padding: 200px 80px;
		}
		.aiops_css_page .hero_section .hs_column p{
			width: 100%;
		    font-size: 18px;
		    font-weight: 600;
		    margin: 0px 0px 0px 0px;
		    color: #1BD68B;
		}
		.aiops_css_page .hero_section .hs_column span{
		    font-size: 18px;
		    font-weight: 600;
		    margin: 0px 0px 0px 0px;
		    color: #13444E;
		}
		.aiops_css_page .hero_section .hs_column .hr_line{
			width: 100%;
			height: 1px;
			background: #13444E;
			margin-top: 20px;
			margin-bottom: 20px;
			display: inline-block;
		}
		.aiops_css_page .hero_section .hs_column h3{
			font-size: 42px;
			line-height: normal;
			font-weight: 300;
			color: #13444E;
			margin: 0px 0px 0px 0px;
		}
		.aiops_css_page .hero_section .hs_column h3 span{
			font-size: 42px;
			line-height: normal;
			font-weight: 600;
		    margin: 0px 0px 0px 0px;
		    color: #1BD68B;
		}
		.aiops_css_page .hero_section .hs_column h4{
		    font-size: 24px;
		    font-weight: 300;
		    margin: 0px 0px 0px 0px;
		    color: #13444E;
		}
		.aiops_css_page .hero_section .hs_column.img{
			width: 50vw;
			background-image: url('https://perennialsys.com/wp-content/uploads/2026/05/hero_section_img_02.png');
			background-size: cover;
			background-position: center;
			display: inline-flex;
			height: 600px;
		}



		.aiops_css_page .about_section{
			background: #F6F9FB;
			padding: 80px 20px;
			text-align: center;
		}
		.aiops_css_page .about_section p{
			font-size: 18px;
			line-height: normal;
			font-weight: 300;
			color: #13444E;
			margin: 0px 0px 20px 0px;
		}
		.aiops_css_page .about_section p b{
			font-weight: 600;
		}
		.aiops_css_page .about_section p:last-child{
			margin: 0px 0px 0px 0px;
		}



		.aiops_css_page .note_section{
			background: #F6F9FB;
			padding: 80px 20px;
			text-align: center;
		}
		.aiops_css_page .note_section p{
			font-size: 18px;
			font-weight: 300;
			line-height: normal;
			color: #13444E;
			margin: 0px 0px 20px 0px;
		}
		.aiops_css_page .note_section p b{
			font-weight: 600;
		}
		.aiops_css_page .note_section p:last-child{
			margin: 0px 0px 0px 0px;
		}



		.aiops_css_page .diagnose_section{
			background: #13444E;
			padding: 80px 20px;
			text-align: center;
		}
		.aiops_css_page .diagnose_section .container{
			display: flex;
    		justify-content: space-around;
		}
		.aiops_css_page .diagnose_section .ds_column{
			padding: 0px 40px;
		}
		.aiops_css_page .diagnose_section .ds_column h2{
		    font-size: 60px;
		    font-weight: 300;
		    margin: 0px 0px 10px 0px;
		    color: #1BD68B;
		}
		.aiops_css_page .diagnose_section .ds_column p{
			font-size: 18px;
			color: #fff;
			margin: 0px 0px 0px 0px;
		}


		.aiops_css_page .steps_section{
			background: #fff;
			padding: 80px 20px;
			text-align: center;
		}
		.aiops_css_page .steps_section .container{
			display: flex;
    		justify-content: space-around;
		}
		.aiops_css_page .steps_section .sp_column{
			padding: 0px 40px;
		}
		.aiops_css_page .steps_section .sp_column span{
			font-size: 24px;
			font-weight: 600;
			color: #fff;
			background: #1BD68B;
			border-radius: 100px;
			width: 42px;
			height: 42px;
			display: flex;
			align-items: center;
			margin: 0 auto;
			justify-content: center;
		}
		.aiops_css_page .steps_section .sp_column h3{
		    font-size: 24px;
		    font-weight: 400;
		    margin: 20px 0px 20px 0px;
		    color: #13444E;
		}
		.aiops_css_page .steps_section .sp_column p{
			font-size: 24px;
			font-weight: 300;
			line-height: normal;
			color: #13444E;
			margin: 0px 0px 0px 0px;
		}



		.aiops_css_page .cta_section{
			background: #1BD68B;
			padding: 80px 20px;
			text-align: center;
		}
		.aiops_css_page .cta_section p{
			font-size: 24px;
			line-height: normal;
			font-weight: 300;
			color: #fff;
			margin: 0px 0px 0px 0px;
		}
		.aiops_css_page .cta_section h3{
			font-size: 32px;
			line-height: normal;
			font-weight: lighter;
			color: #fff;
			margin: 0px 0px 0px 0px;
		}
		.aiops_css_page .cta_section .cta_link:link, .aiops_css_page .cta_section .cta_link:visited{
			font-size: 18px;
			line-height: normal;
			font-weight: 600;
			color: #fff;
			text-decoration: none;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.aiops_css_page .cta_section .cta_link:hover{
			text-decoration: underline;
		}
		.aiops_css_page .cta_section .cta_link:link img{
			margin-left: 10px;
            width: 9px;
		}



		.aiops_css_page .form_section{
			background: #05343e;
			padding: 80px 40px;
		}
		.form_section .container{

		}
		.aiops_css_page .form_section .container .form_column{
			display: flex;
			justify-content: space-between;
		}
		.aiops_css_page .form_section .container .form_column .form_content{
			width: 50vw;
			padding-right: 40px;
		}
		.aiops_css_page .form_section .container .form_column .form_content p{
			font-weight: 300;
			font-size: 18px;
			color: #fff;
			margin: 0px;
            padding-bottom: 0px;
		}
		.aiops_css_page .form_section .container .form_column .form_content h3{
			font-weight: 300;
			font-size: 42px;
			color: #fff;
			margin: 20px 0px;
            padding-bottom: 0px;
		}
		.aiops_css_page .form_section .container .form_column .form_input{
			width: 50vw;
		}
		.aiops_css_page .form_section .container .form_column .form_input .input {
		    border-radius: 25px;
		    border: 1px solid rgba(255, 255, 255, 0.5);
		    padding: 20px;
		    width: 100%;
		    height: 55px;
		    background: transparent;
		    margin-bottom: 20px;
		    color: #fff;
		    font-size: 18px;
		    font-weight: 300;
		}
		.aiops_css_page .form_section .container .form_column .form_input .input:focus, .aiops_css_page .form_section .container .form_column .form_input .input:focus-visible {
		    border: 1px solid #1BD68B !important;
		}
		.aiops_css_page .form_section .container .form_column .form_input input::placeholder {
		  color: rgba(255, 255, 255, 0.5);
		}
		.aiops_css_page .form_section .container .form_column .form_input  button.primary_btn{
			color: #fff;
			font-weight: 600;
			font-size: 18px;
			padding: 15px 40px;
			margin-left: 10px;
			background: #1BD68B;
			border: 0px;
			cursor: pointer;
			border-radius: 100px;
			border: solid 1px #1BD68B;
			width: 100%;
		}
		.aiops_css_page .form_section .container .form_column .form_input  button.primary_btn:hover{
			background: #0ccb7e;
			border: solid 1px #0ccb7e;
		}


		
		.aiops_css_page .summary_report_section{
			background: #13444E;
			padding: 80px 40px;
		}
		.aiops_css_page .summary_report_section .container{

		}
		.aiops_css_page .summary_report_section .container .summary_content{
			display: flex;
			justify-content: space-between;
			overflow: visible;
		}
		.aiops_css_page .summary_report_section .container .summary_content .number_report{
			width: 50vw;
			padding-right: 40px;
		}
		.aiops_css_page .summary_report_section .container .summary_content .number_report h4{
			font-weight: 600;
			font-size: 24px;
			color: #fff;
			margin: 0px 0px 40px 0px;
			padding-bottom: 20px;
			border-bottom: solid 1px #fff;
		}
		.aiops_css_page .summary_report_section .container .summary_content .number_report h2{
			font-weight: 300;
			font-size: 64px;
			color: #1BD68B;
			margin: 0px 0px 40px 0px;
			display: flex;
    		align-items: baseline;
			padding-bottom: 0px;			
		}
		.aiops_css_page .summary_report_section .container .summary_content .number_report p{
			font-weight: 300;
			font-size: 24px;
			color: #fff;
			margin: 0px 0px 0px 10px;
			padding-bottom: 0px;
		}
		.aiops_css_page .summary_report_section .container .summary_content .number_report p span{
			color: #1BD68B;
			width: 100%;
			display: inline-block;
		}
		.aiops_css_page .summary_report_section .container .summary_content .number_report p span:last-child{
			color: #fff;
		}
		.aiops_css_page .summary_report_section .container .summary_content .number_report h3{
			font-weight: 300;
			font-size: 24px;
			color: #1BD68B;
			margin: 40px 0px 20px 0px;
			padding-bottom: 0px;			
		}
		.aiops_css_page .summary_report_section .container .summary_content .number_report h6{
			font-weight: 300;
			font-size: 18px;
			color: #fff;
			padding-right: 40px;
			margin: 0px 0px 0px 0px;
            padding-bottom: 0px;
		}
		.aiops_css_page .summary_report_section .container .summary_content .graph_report{
			width: 50vw;
			overflow: visible;
		}
 		.aiops_css_page .summary_report_section .container .summary_content .graph_report h4{
			font-weight: 600;
			font-size: 24px;
			color: #fff;
			margin: 0px 0px 40px 0px;
			padding-bottom: 20px;
			border-bottom: solid 1px #fff;
		}
		.aiops_css_page .bfsi-aiops-radar {
			width: 100%;
			max-width: 480px;
			margin: 0 auto;
			overflow: visible;
		}
		.aiops_css_page .bfsi-aiops-radar svg {
			width: 100%;
			height: auto;
			display: block;
			overflow: visible;
		}
		.aiops_css_page .bfsi-aiops-radar svg text {
			fill: #ffffff;
		}
		.aiops_css_page .bfsi-aiops-radar svg polygon[stroke],
		.aiops_css_page .bfsi-aiops-radar svg line {
			vector-effect: non-scaling-stroke;
		}
		.aiops_css_page .hero_section .hs_column p.bfsi-aiops-scoreboard-empty a:link, {
			color: #1BD68B !important;
			font-weight: 600;
			text-decoration: none;
		}
		.aiops_css_page .hero_section .hs_column p.bfsi-aiops-scoreboard-empty a:visited, .aiops_css_page .hero_section .hs_column p.bfsi-aiops-scoreboard-empty a:hover{
        	color: #1BD68B;
            text-decoration: underline;
        }

        input[type="radio"] {
          accent-color: #1BD68B;
        }



		@media (min-width: 768px) and (max-width: 992px) {
			.aiops_css_page .hero_section .container {
			    flex-wrap: wrap;
			}			
			.aiops_css_page .hero_section .hs_column:first-child {
			    padding: 40px;
			}
			.aiops_css_page .hero_section .hs_column {
			    width: 100vw;
			}
			.aiops_css_page .hero_section .hs_column.img {
			    width: 100vw;
			    height: 450px;
			}
			.aiops_css_page .diagnose_section {
			    padding: 40px 20px;
			}
			.aiops_css_page .diagnose_section .container {
			    flex-wrap: wrap;
			}			 
			.aiops_css_page .diagnose_section .ds_column {
			    width: 50%;
			    padding: 40px 0px;
			}
			.aiops_css_page .steps_section {
			    padding: 40px 20px;
			}
			.aiops_css_page .steps_section .container {
			    flex-wrap: wrap;
			}			 
			.aiops_css_page .steps_section .sp_column {
			    padding: 40px 0px;
			}
			.aiops_css_page .summary_report_section .container .summary_content {
				display: flex;
			    flex-wrap: wrap;
			}	
			.aiops_css_page .summary_report_section .container .summary_content .number_report {
			    width: 100vw;
			    padding-right: 0px;
			}
			.aiops_css_page .summary_report_section .container .summary_content .number_report h6{
				padding-right: 0px;
			}
			.aiops_css_page .summary_report_section .container .summary_content .graph_report{
				width: 100vw;
				margin-top: 40px;
			}
			.aiops_css_page .form_section .container .form_column {
    			flex-wrap: wrap;
			}
			.aiops_css_page .form_section .container .form_column .form_content{
				width: 100vw;
				padding-right: 0px;
			}
			.aiops_css_page .form_section .container .form_column .form_input{
				width: 100vw;
				margin-top: 40px;
			}			
		}

		@media (min-width: 375px) and (max-width: 767px) {
			.aiops_css_page .hero_section .container {
			    flex-wrap: wrap;
			}			
			.aiops_css_page .hero_section .hs_column:first-child {
			    padding: 40px 20px;
			}
			.aiops_css_page .hero_section .hs_column {
			    width: 100vw;
			}
			.aiops_css_page .hero_section .hs_column.img {
			    width: 100vw;
			    height: 250px;
			}
			.aiops_css_page .hero_section .hs_column h3{
				font-size: 24px;
			}
			.aiops_css_page .hero_section .hs_column h3 span{
				font-size: 24px;
			}
			.aiops_css_page .diagnose_section {
			    padding: 40px 20px;
			}
			.aiops_css_page .diagnose_section .container {
			    flex-wrap: wrap;
			}			 
			.aiops_css_page .diagnose_section .ds_column {
			    padding: 40px 0px;
			}
			.aiops_css_page .steps_section {
			    padding: 40px 20px;
			}
			.aiops_css_page .steps_section .container {
			    flex-wrap: wrap;
			}			 
			.aiops_css_page .steps_section .sp_column {
			    padding: 40px 0px;
			}
			.aiops_css_page .summary_report_section{
				padding: 40px 20px;
			}
			.aiops_css_page .summary_report_section .container .summary_content {
				display: flex;
			    flex-wrap: wrap;
			}	
			.aiops_css_page .summary_report_section .container .summary_content .number_report {
			    width: 100vw;
			    padding-right: 0px;
			}				
			.aiops_css_page .summary_report_section .container .summary_content .number_report h4{
				font-size: 18px;
			}	
			.aiops_css_page .summary_report_section .container .summary_content .number_report h2{
				font-size: 32px;
			}
			.aiops_css_page .summary_report_section .container .summary_content .number_report p{
				font-size: 16px;
			}
			.aiops_css_page .summary_report_section .container .summary_content .number_report h6{
				padding-right: 0px;
			}
			.aiops_css_page .summary_report_section .container .summary_content .graph_report{
				width: 100vw;
				margin-top: 40px;
			}
			.aiops_css_page .summary_report_section .container .summary_content .graph_report h4{
				font-size: 18px;
			}
			.aiops_css_page .form_section{
				padding: 40px 20px;
			}
			.aiops_css_page .form_section .container .form_column {
    			flex-wrap: wrap;
			}
			.aiops_css_page .form_section .container .form_column .form_content{
				width: 100vw;
				padding-right: 0px;
			}
			.aiops_css_page .form_section .container .form_column .form_content h3{
				font-size: 24px;
			}
			.aiops_css_page .form_section .container .form_column .form_input{
				width: 100vw;
				margin-top: 40px;
			}
            .aiops_css_page .form_section .container .form_column .form_input input{
            	padding-left: 20px !important;
            }
			.aiops_css_page .form_section .container .form_column .form_input button.primary_btn{
				margin-left: 0px;
			}
			.aiops_css_page .cta_section{
				padding: 40px 20px;
			}
		}

/* Email My Report — status feedback */
.aiops_css_page .form_section .bfsi-report-feedback {
	margin: 16px 0 0;
	padding: 12px 16px;
	border-radius: 6px;
	font-size: 15px;
	line-height: 1.45;
	max-width: 100%;
}
.aiops_css_page .form_section .bfsi-report-feedback.is-loading {
	background: rgba(255, 255, 255, 0.12);
	color: #e8f4f6;
	border: 1px solid rgba(255, 255, 255, 0.25);
}
.aiops_css_page .form_section .bfsi-report-feedback.is-success {
	background: rgba(46, 125, 50, 0.2);
	color: #c8e6c9;
	border: 1px solid rgba(129, 199, 132, 0.6);
}
.aiops_css_page .form_section .bfsi-report-feedback.is-error {
	background: rgba(198, 40, 40, 0.2);
	color: #ffcdd2;
	border: 1px solid rgba(239, 83, 80, 0.6);
}
.aiops_css_page .form_section button.primary_btn.is-loading {
	opacity: 0.75;
	cursor: wait;
}
.aiops_css_page .form_section button.primary_btn:disabled:not(.is-loading) {
	opacity: 0.45;
	cursor: not-allowed;
}
.aiops_css_page .form_section .form_input input.is-invalid {
	border-color: #ef5350 !important;
	box-shadow: 0 0 0 1px rgba(239, 83, 80, 0.35);
}