.bg-switch-grey {
				background: #E1E5E5;
				padding-top: 30px
			}

			.tel-ban-block1 {
				min-height: 200px;
				border-right: solid 10px #A8C5CD;
				position: relative
			}

			.tel-ban-block1 span {
				font-size: 80px;
				color: #0083C3;
				font-weight: bold;
				text-align: right;
				position: absolute;
				top: 50%;
				right: 10px;
				transform: translateY(-50%)
			}

			.notice-agm {
				display: block;
				transform: translateX(-135px);
			}

			/* pices */
			.movemargin {
				margin-top: 50px;
				margin-bottom: 30px;
			}

			.button-download {
				font-weight: 700 !important;
			}

			.button-download img {}

			.button-download {
				line-height: 0;
			}

			ul.tabs-download {
				float: left;
				width: 100%;
				padding: 1em 0 0 0;
				margin-bottom: 0 !important
			}

			ul.tabs-download li {
				float: left;
				cursor: pointer;
				padding: 20px 25px;
				text-decoration: none;
				color: #007BBE;
				list-style-type: none;
				font-size: 17px;
				position: relative;
				margin-right: -4px;
				float: left;
				display: block;
				padding-left: 70px;
				padding-bottom: 17px;
				font-weight: 600;
			}

			ul.tabs-download li:first-of-type {
				margin: 0;
				animation: none
			}

			ul.tabs-download li:hover {
				color: #fff;
				z-index: 1;
        background: #1A9CD1;
			}

			.tab-container {
				border: 0px solid #0e2c6d !important;
				clear: both;
				float: left;
				width: 99.7894737%;
				background: none;
				overflow: hidden;
				margin-bottom: 30px;
				padding-bottom: 20px;
				box-shadow: 0px 0px 0px rgb(0 0 0 / 10%) !important;
			}

			/*948 divide 950 = 99.7894737%*/
			/* ul.tabs-download li:before{content:url("images/icons/dblue-arrow.png");left: 31px;top:2px;position: absolute;} */
			ul.tabs-download li.active {
				/* padding-bottom:5px; */
				/* background: #0e2c6d; */
				/* border-color:#004d90; */
				background: #1A9CD1;
				color: #fff;
				font-weight: bold;
				transition: 500ms ease 0s;
			}


			/* ul.tabs-download li.active:before{content:url("images/icons/blue-arrow.png");} */
			.tab1-icon::before {
				content: url("images/icons/download-report-icon.png");
				left: 10px;
				top: 6px;
				position: absolute;
			}

			.tab2-icon::before {
				content: url("images/icons/create-your-own-report.png");
				left: 10px;
				top: 6px;
				position: absolute;
			}

			.tab3-icon::before {
				content: url("images/icons/excels-icons.png");
				left: 10px;
				top: 6px;
				position: absolute;
			}

			.tab-container-payments {
				margin-top: 20px !important;
			}

			.tab-drawer-heading {
				display: none;
			}

			

			.tab-drawer-content {
				padding: 1em;
				display: none;
				animation-duration: 1000ms;
				animation-delay: 0ms;
				animation-iteration-count: 1;
				animation-name: downloadright;
			}
.tab-drawer-content {
				padding: 1em 0;
				display: none;
			}

			ul.excel-download {
				position: relative;
				list-style: none;
			}

			ul.excel-download li {
				position: relative;
				list-style: none;
				padding-bottom: 12px;
				color: #0e2c6d;
				padding-left: 20px;
				transition: all 0.5s ease-in-out;
				cursor: pointer;
			}

			ul.excel-download li:after {
				content: "\e8f5";
				color: #0e2c6d;
				font-family: 'icomoon';
				speak: none;
				font-size: 16px;
				left: -18px;
				position: absolute;
				top: -4px;
				transition: all 0.5s ease-in-out;
			}

			ul.excel-download li:before {
				content: "";
				font-family: 'icomoon';
				height: 25px;
				width: 25px;
				border: 1px solid #0e2c6d;
				border-radius: 50%;
				position: absolute;
				left: -23px;
				top: -3px;
				font-size: 16px;
				text-align: center;
				line-height: 1.5;
				transition: all 0.5s ease-in-out;
			}

			.button-create {
				background-color: #004570;
				border: none;
				color: #fff;
				/* padding: 7px 55px !important; */
				text-align: center;
				text-decoration: none;
				border-radius: 25px;
				display: inline-block;
				font-size: 16px;
				margin: 10px 2px;
				cursor: pointer;
				/* min-height: 58px; */
				transition: all 0.5s ease-in-out;
				padding: 20px 30px;
			}

			.cover-img2021 {
				display: block;
			}

			.cover-img2021:hover {
				cursor: pointer;
			}

			.button-create:hover {
				background-color: #00b6f0;
				transition: all 0.5s ease-in-out
			}

			ul.excel-download li:hover:before {
				background: #00b6f0;
				transition: all 0.5s ease-in-out
			}

			ul.excel-download li a {
				text-decoration: none
			}

			ul.excel-download li span {
				text-decoration: none;
				position: absolute;
				right: 0;
			}

			ol.createpdflist {
				position: relative;
				list-style: none;
				counter-reset: counternumber;
			}

			ol.createpdflist li {
				position: relative;
				/* float: left; */
			}

			ol.createpdflist li::before {
				content: counter(counternumber);
    font-weight: bold;
    font-size: 40px;
    margin-right: 0.5rem;
    line-height: 1;
    position: absolute;
    left: -3px;
    border: none;
    border-bottom: 10px solid #0e2c6d;
    top: -4px;
    padding-bottom: 7px;
    color: #0e2c6d;
    height: auto;
    width: auto;
	padding-left: 0;
	background: transparent;
			}

			ol.createpdflist li {
				counter-increment: counternumber;
				display: block;
				/* width: 46%; */
				font-size: 0.8rem;
				/* margin-right: 3.2%; */
				margin-bottom: 0.5rem;
			}

			@-webkit-keyframes downloadright {
				0% {
					-webkit-transform: translateX(100px);
					transform: translateX(100px);
					opacity: 0;
				}

				100% {
					-webkit-transform: translateX(0);
					transform: translateX(0);
					opacity: 1;
				}
			}


			ol.createpdflist li:nth-child(2)::before {
				border-bottom: 10px solid #0083c3;
				color: #0083c3;
			}

			ol.createpdflist li:nth-child(3)::before {
				border-bottom: 10px solid #00b6f0;
				color: #00b6f0;
			}


			ol.createpdflist li:nth-child(4)::before {
				border-bottom: 10px solid #485966;
				color: #485966;
			}

			ol.createpdflist li:nth-child(5)::before {
				border-bottom: 10px solid #9faab2;
				color: #9faab2;
			}

			ol.createpdflist li:nth-child(6)::before {
				border-bottom: 10px solid #0083c3;
				color: #0083c3;
			}

			ol.createpdflist li:nth-child(1) table tr td {
				color: #0e2c6d;
			}

			ol.createpdflist li:nth-child(2) table tr td {
				color: #0083c3;
			}

			ol.createpdflist li:nth-child(3) table tr td {
				color: #00b6f0;
			}

			ol.createpdflist li:nth-child(4) table tr td {
				color: #485966;
			}

			ol.createpdflist li:nth-child(5) table tr td {
				color: #9faab2;
			}

			ol.createpdflist li:nth-child(6) table tr td {
				color: #0083c3;
			}

			.btn:before {
				content: '';
				font-family: 'icomoon';
				speak: none;
				right: -1px;
				position: absolute;
				width: 37px;
				height: 26px;
				background: #29202000;
				transition: all .5s ease;
				transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
				z-index: 2;
				bottom: -1px;
				border-bottom: 3px solid #5e9732;
				border-right: 3px solid #5e9732;
			}

			.btn:after {
				content: '';
				font-family: 'icomoon';
				speak: none;
				left: -1px;
				position: absolute;
				width: 37px;
				height: 26px;
				background: #29202000;
				transition: all .5s ease;
				top: 5px;
				z-index: 2;
				top: -2px;
				transition: width 0.25s ease-out, height 0.2s ease-out 0.25s;
				border-top: 3px solid #5e9732;
				border-left: 3px solid #5e9732;
			}

			p a.btn {
				text-decoration: none;
				position: relative;
			}

			p a.btn .btnDescription {
				position: absolute;
				width: 100%;
				bottom: -20px;
				left: 0;
				right: 0;
				font-size: 10px;
				color: rgba(52, 52, 52, 0.7);
			}

			input[type='checkbox'] {
				margin-top: -30px;
			}

			input[type='checkbox'] {
				-webkit-font-smoothing: antialiased;
				text-rendering: optimizeSpeed;
				width: 13px;
				height: 13px;
				margin: 0;
				margin-right: 1px;
				display: block;
				float: left;
				position: relative;
				cursor: pointer;
				border-radius: 10px;
			}

			input[type='checkbox']:after {
				/* content: ""; */
				vertical-align: middle;
				text-align: center;
				line-height: 13px;
				position: absolute;
				cursor: pointer;
				height: 25px;
				width: 25px;
				left: -7px;
				top: -3px;
				font-size: 16px;
				background: #fff;
				border: 1px solid #485966;
				border-radius: 50%;
				content: "\e8f5";
				font-family: 'icomoon';
				color: #485966;
				padding-top: 4px;
			}

			input[type='checkbox']:before {
				/* content: "\e8f5"; */
				color: #485966;
				font-family: 'icomoon';
				vertical-align: middle;
				text-align: center;
				line-height: 13px;
				position: absolute;
				cursor: pointer;
				/* height: 17px; */
				/* width: 17px; */
				left: -2px;
				top: -2px;
				font-size: 10px;
				background: #fff0;
				border: 1px solid #485966;
				border-radius: 10px;
				height: 24px;
				width: 24px;
			}

			input[type='checkbox']:hover:after,
			input[type='checkbox']:checked:hover:after {
				background: #485966;
				content: "\e8f5";
				font-family: 'icomoon';
				color: #fff;
				animation: toRightFromLeft 0.3s ease-in-out forwards;
				left: -4px;
			}

			input[type='checkbox']:checked:after {
				background: #485966;
				content: "\e8f5";
				font-family: 'icomoon';
				color: #fff;
				animation: toRightFromLeft 0.5s forwards;
			}

			@keyframes toRightFromLeft {
				49% {
					transform: translate(100%);
				}

				50% {
					opacity: 0;
					transform: translate(-100%);
				}

				51% {
					opacity: 1;
				}
			}

			.brownlightthinlinetop {
				color: #0e2c6d;
				font-weight: bold;
				padding-left: 45px;
				font-size: 19px;
				margin-bottom: 20px;
			}

			form {
				animation: downloadright 2s ease-in-out;
				color: #000;
				overflow: hidden
			}

			@keyframes fadeInBottom {
				from {
					opacity: 0;
					-webkit-transform: translatey(100%);
					transform: translatey(100%)
				}

				to {
					opacity: 1;
					-webkit-transform: translatey(0);
					transform: translatey(0)
				}
			}

			.tablehead {
				animation: bg 2s ease-in-out;
				background-image: url(../images/Group%201088.png);
				opacity: 1;
				border: 1px dotted #006f51;
				font-size: 1rem;
				line-height: 1.5;
				transition: color 0.15s ease-in-out;
				background: 0.15s ease-in-out;
				border-color: 0.15s ease-in-out;
				box-shadow: 0.15s ease-in-out;
			}

			.tablehead tr td {
				padding-left: 2px;
			}

			@-webkit-keyframes bg {
				0% {
					transform: scaleX(0);
					opacity: 0
				}

				100% {
					background-image: url(../images/Group%201088.png);
					transform: scaleX(1);
					transition: transform 0.2s ease-in;
				}
			}

			.btn1 .btn {
				display: block;
				width: 20%
			}

			div[style="width:555px"] {
				background: #000;
				float: none;
				width: 100% !important;
			}

			p.switch-orange {
				color: #ffa828 !important;
			}


			/* ===buttons start====== */
			#wrap {
				margin: 20px auto;
				text-align: center;
			}

			.btn-slide {
				position: relative;
				display: inline-block;
				height: 50px;
				width: 200px;
				line-height: 50px;
				padding: 0;
				border-radius: 50px;
				background: #fdfdfd;
				border: 2px solid #0099cc;
				/* margin: 10px; */
				transition: 0.5s;
			}



			.btn-slide:hover {
				background-color: #0099cc;
			}


			.btn-slide:hover span.circle {
				left: 100%;
				margin-left: -45px;
				background-color: #fdfdfd;
				color: #0099cc;
			}

			.btn-slide:hover span.title {
				left: 40px;
				opacity: 0;
			}

			.btn-slide:hover span.title-hover {
				opacity: 1;
				left: 25px;

			}

			.btn-slide span.circle {
				display: block;
				background-color: #0099cc;
				color: #fff;
				position: absolute;
				float: left;
				margin: 5px;
				line-height: 42px;
				height: 40px;
				width: 40px;
				top: -2px;
				left: 75%;
				transition: 0.5s;
				border-radius: 50%;
			}

			.btn-slide span.circle:hover {
				transform: rotate(360deg);
			}

			.btn-slide span.title,
			.btn-slide span.title-hover {
				position: absolute;
				left: 30px;
				text-align: center;
				margin: 0 auto;
				font-size: 16px;
				font-weight: bold;
				color: #30abd5;
				transition: 0.5s;
			}


			.btn-slide span.title-hover {
				left: 90px;
				opacity: 0;
			}

			.btn-slide span.title-hover {
				color: #fff;
			}

			/* ====buttons end here====== */

			.download-flex-direction {
				display: flex;
				flex-direction: row;
				position: relative;
			}

			.downloads-heading {
				background: linear-gradient(180deg, rgb(255 255 255 / 0) 0%, #DADDDB 100%);
				/* linear-gradient(0deg, rgb(255 255 255 / 0) -3%, #007BBE 67%); */
			}

			@media screen and (max-width:1360px) {

				.notice-agm {

					transform: translateX(-40px);
				}
			}

			.download-fade-banner {
				float: left;
				width: 100%;
				    background: linear-gradient(180deg, rgb(255 255 255 / 0) 0%, #DADDDB 100%);
			}

			.download-section-Telkom {
				/* border-left: 2px solid #007BBE; */
				height: 100%;
				padding-bottom: 20px;
			}

			.download-section-Telkom img{
				border-left: 2px solid #007BBE;
			}

			.download-txt {
				position: relative;
				    color: #fff;
    padding: 15px 50px 15px 23px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    z-index: 5;
    background: #007BBE;
	min-height: 80px;
	border-left: 2px solid #fff;
			}

			.download-txt:before {
				position: absolute;
				content: "\e8f5";
				color: #fff;
				font-size: 20px;
				top: 15px;
				right: 20px;
				font-family: 'icomoon';
				transition: ease-in-out 0.3s all;
				
			}
			.download-txt:hover:before{
right: 10px;
			}


			.process-background2 {
				background-color: #1A9CD1;
				padding: 15px;
				min-height: 400px;
				position: relative;
				padding-top: 20px;
				padding-left: 0;
				padding-right: 20px;

			}

			.process-background2:before {
				position: absolute;
				background-color: #1A9CD1;
				content: "";
				left: -100%;
				width: 100%;
				height: 100%;
				top: 0;
			}

			.downloads-bkr{
				background: #D6EBFB!important;
			}

			@media screen and (max-width: 1024px) {

				.S1024-50 {
					flex: 0 0 auto;
					flex: 0 0 50%;
					max-width: 50%;
				}


			}


			@media screen and (max-width: 991px) {
				ol.createpdflist li {
					display: block;
					width: 100%;
				}

				.process-background2::after {
					position: absolute;
					background-color: #5DC5ED;
					content: "";
					right: -100%;
					width: 100%;
					height: 100%;
					top: 0;
				}
			}



			@media screen and (max-width: 500px) {

				.S500-100 {
					flex: 0 0 auto;
					flex: 0 0 100%;
					max-width: 100%;
				}


			}