@import url('https://fonts.googleapis.com/css?family=Lato:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Inter:400,500,600,700,800,900');

@media (min-width: 1230px){
	.container {
	    max-width: 1300px;
	}
}

.navbar {
    padding-top: unset;
    padding-bottom: unset;
    backface-visibility: hidden;
    -webkit-transition: .25s cubic-bezier(0.43, 0.49, 0.51, 0.68);
    transition: .25s cubic-bezier(0.43, 0.49, 0.51, 0.68);
    background-color: #fff;
    height: 89px;
}

.navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-right: 121px;
}

.navbar-nav li, .navbar-nav li a {
	color: #2F2F2F;
	font-family: Inter;
	font-weight: 700;
	line-height: 26.63px;
	text-align: left;
}

.navbar-nav li, .navbar-nav li a:hover{
	color: #1937D6;
}

.navbar.sticky-nav .navbar-nav li a:hover, .navbar.sticky-nav .navbar-nav li a.active, .nav-c-black .navbar-nav li a:hover, .nav-c-black .navbar-nav li a.active {
    color: #1937D6;
}

.navbar-nav li a.nav-link-scroll::after, .navbar-nav li a.nav-link-scroll::before, .navbar.sticky-nav .navbar-nav li a.nav-link-scroll::after, .navbar.sticky-nav .navbar-nav li a.nav-link-scroll::before, .nav-button a, .navbar.sticky-nav .nav-button a {
    background-color: #1937D6 !important;
}


.button-scroll{
	background-color: #1937D6;
	padding: 10px 20px !important;
	border-radius: 8px;
	color: #fff !important;
	font-family: Inter;
	font-size: 16px !important;
	font-weight: 700;
	line-height: 20px;
	border: 1px solid #1937D6;
}

.button-scroll:hover{
	background-color: #fff;
	color: #1937D6 !important;
	line-height: 20px;
	border: 1px solid #1937D6;
}

.button-scroll-2 {
    background-color: #1937D6;
    border-radius: 8px;
    color: #fff !important;
    font-family: Inter;
    font-size: 14px !important;
    font-weight: 700;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 5px;
    cursor: pointer;
}

.button-scroll-2:hover{
	background-color: #fff;
	color: #1937D6 !important;
	line-height: 20px;
	border: 1px solid #1937D6;
}

.button-scroll-3{
	background-color: #1937D6;
	padding: 10px 40px !important;
	border-radius: 8px;
	color: #fff !important;
	font-family: Inter;
	font-size: 16px !important;
	font-weight: 700;
	line-height: 20px;
	cursor: pointer;
}

.button-scroll-3:hover{
	color: #fff !important;
}

.navbar-nav>li {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


.bg-head {
    background-repeat: no-repeat !important;
    width: 100%;
}

.bg-headx {
	background-repeat: no-repeat !important;
    width: 100%;
    position: absolute;
    background-size: 100% 100% !important;
    background: linear-gradient(358deg, rgb(18 18 18 / 60%) 11.65%, rgb(0 0 0 / 60%) 100.43%), url(https://res.cloudinary.com/daraki09f/image/upload/v1721703109/abidaraweb/bg-head.jpg);
    animation: scaleAnimation 12s forwards;
}

.bg-headx2 {
	background-repeat: no-repeat !important;
    width: 100%;
    position: absolute;
    background-size: 100% 100% !important;
    background: linear-gradient(358deg, rgb(18 18 18 / 60%) 11.65%, rgb(0 0 0 / 60%) 100.43%), url(https://res.cloudinary.com/daraki09f/image/upload/v1721703109/abidaraweb/bg-head2.jpg);
    animation: scaleAnimation 12s forwards;
}

.bg-headx3 {
	background-repeat: no-repeat !important;
    width: 100%;
    position: absolute;
    background-size: 100% 100% !important;
    background: linear-gradient(358deg, rgb(18 18 18 / 60%) 11.65%, rgb(0 0 0 / 60%) 100.43%), url(https://res.cloudinary.com/daraki09f/image/upload/v1721703109/abidaraweb/bg-head.jpg);
    animation: scaleAnimation 12s forwards;
}

.bg-headx4 {
	background-repeat: no-repeat !important;
    width: 100%;
    position: absolute;
    background-size: 100% 100% !important;
    background: linear-gradient(358deg, rgb(18 18 18 / 60%) 11.65%, rgb(0 0 0 / 60%) 100.43%), url(https://res.cloudinary.com/daraki09f/image/upload/v1721703109/abidaraweb/bg-head3.jpg);
    animation: scaleAnimation 12s forwards;
}

.bg-headx5 {
    background: linear-gradient(358deg, rgb(18 18 18 / 60%) 11.65%, rgb(0 0 0 / 60%) 100.43%), url(https://res.cloudinary.com/daraki09f/image/upload/v1721703109/abidaraweb/bg-head4.jpg);
    background-position: center !important;
    background-size: 100% !important;
}

@keyframes scaleAnimation {
	from {
	  transform: scale(1.5); /* Skala awal */
	}
	to {
	  transform: scale(1); /* Skala akhir */
	}
}

.bg-head-2{
    background-repeat: no-repeat !important;
	width: 100%;
}

.bg-head-3 {
    background-repeat: no-repeat !important;
    width: 100%;
}

.bg-head-4 {
    background-repeat: no-repeat !important;
    width: 100%;
}

.bg-head-5 {
    background-repeat: no-repeat !important;
    height: 340px;
    margin-top: 89px;
    background: linear-gradient(358deg, rgb(18 18 18 / 60%) 11.65%, rgb(0 0 0 / 60%) 100.43%), url(https://res.cloudinary.com/daraki09f/image/upload/v1721778196/abidaraweb/bg-head4.jpg);
    background-size: 100% !important;
    background-position: center !important;
}

.mt-80{
	margin-top: 80px;
}

.mtsh{
	margin-top: -708px;
}


.mtsh2{
	margin-top: -630px;
}

.txt-h1{
	font-family: Inter;
	font-weight: 700;
	color: #FFFFFF;
}

.txt-h2{
	font-family: Inter;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	color: #FFFFFF;
}

footer, .footer {
    background-color: #003D5F;
    color: #fff;
}

.txt-footer{
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	text-align: left;
	margin-right: 20px;
}

.mgsss{
	margin-left: 80px;
}

.scroll-top {
    background: #1937D6 !important;
    bottom: 28px;
}

.s-padding {
    padding-top: 100px;
    padding-bottom: 10px;
}

.s-title::after {
	background: #1937D6;
	width: 120px;
    height: 2px;
    bottom: -10px;
}

.txt-titles1{
	color: #000000;
	font-family: Inter;
	font-size: 20px;
	font-weight: 700;
	line-height: 24.2px;
	text-align: left;
}

.txt-titles2{
	font-family: Inter;
	font-size: 14px;
	font-weight: 500;
	line-height: 16.94px;
	text-align: left;
	color: #636783;
}

.dvsleft{
	padding-left: 80px;
	padding-right: 40px;
	width: 580px;
}

.mnss{
	padding-top: 100px;
	float: right;
}

.btns{
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #0072B1;
	color: #0072B1;
	font-family: Inter;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	background-color: #f1faff;
}

.btns:hover{
	border: 1px solid #0072B1;
	color: #f1faff;
	background-color: #0072B1;
}

.txt-cntr-1{
	font-family: Inter;
	font-size: 20px;
	font-weight: 700;
	line-height: 24.2px;
	text-align: center;
	color: #000000;

}
.txt-cntr-2{
	color: #000000;
	font-family: Inter;
	font-size: 20px;
	font-weight: 500;
	line-height: 24.2px;
	text-align: center;
}

.csaa {
    margin-right: 5px;
    margin-top: 8px;
}

.trss{
	background-color: #fff;
}

.cards-one{
	background-color: #fff;
	padding: 40px;
	margin-bottom: 20px;
}

.bgss{
	background-color: #fff;
	margin-bottom: 40px;
}

.txxt1{
	font-family: Inter;
	font-size: 20px;
	font-weight: 700;
	line-height: 24.2px;
	text-align: left;
	color: #000;
	margin-bottom: 5px;
}
.txxt2{
	font-family: Inter;
	font-size: 14px;
	font-weight: 500;
	line-height: 16.94px;
	text-align: left;
	color: #636783;
}

.txdss{
	font-family: Inter;
	font-size: 80px;
	font-weight: 700;
	line-height: 96.82px;
	text-align: left;
	color: #000000;
}

.txdss2{
	font-family: Inter;
	font-size: 20px;
	font-weight: 500;
	line-height: 24.2px;
	color: #000000;
	padding: 0px 80px;
}

.possttss {
    position: absolute;
    z-index: 1;
    margin-top: -300px;
}

.txsabcc{
	font-family: Inter;
	font-size: 45px;
	font-weight: 700;
	line-height: 54.46px;
	color: #FAFAFA;
	margin-left: 80px;
}

.txsabcc2{
	font-family: Inter;
	font-size: 18px;
	font-weight: 500;
	line-height: 21.78px;
	text-align: left;
	color: #FAFAFA;
	margin-left: 80px;
}

.w-image{
	width: 100%;
	height: 172px;
	object-fit: cover;
	cursor: pointer;
}

.w-image:hover{
	animation: slideInCardsbdsacx 5s ease;
}

.mask{
    width: 100%; 
    height: auto;
    overflow-y: hidden;
}

/* Sembunyikan scrollbar dari Chrome, Safari dan Opera */
.mask::-webkit-scrollbar {
  display: all;
  width: 0px !important;
  height: 0px !important;
  background-color: transparent;
}

@keyframes slideInCardsbdsacx {
    from {
        transform: scale(1); /* Skala awal */
    }
    to {
        transform: scale(2); /* Skala akhir */
    }
}

@keyframes slideInCardsbdsacx2 {
    from {
        transform: scale(1.5); /* Skala awal */
    }
    to {
        transform: scale(1); /* Skala akhir */
    }
}
.cards-two{
	background-color: #fff;
	padding: 20px;
	margin-bottom: 40px;
}

.dxz-3{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dxz-2{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dxz-4{
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dxz-5{
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.txxt3{
	font-family: Inter;
	font-size: 20px;
	font-weight: 500;
	line-height: 24.2px;
	color: #000000;
	text-align: left;
}

.txt-saam{
	font-family: Inter;
	font-size: 20px;
	font-weight: 500;
	line-height: 24.2px;
	text-align: center;
	color: #000000;
}

.active-navbar{
	color: #1937D6 !important;
}

.txtss{
	font-family: Inter;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	color: #000000;
	text-align: center;
}

.titles-one{
	font-family: Inter;
	font-size: 32px;
	font-weight: 700;
	line-height: 38.73px;
	color: #000;
}

.titles-two{
	font-family: Inter;
	font-size: 20px;
	font-weight: 500;
	line-height: 24.2px;
	color: #000;
}

.hlss2{
	text-align: center;
	margin-top: 100px;
}

.img-service{
	width: 100%;
	height: 395px;
	object-fit: cover;
	margin-bottom: 20px;
}

.mb-40{
	margin-bottom: 40px !important;
}

.txtss2{
	font-family: Inter;
	font-size: 20px;
	font-weight: 500;
	color: #000;
}

.titles3{
	font-family: Inter;
	font-size: 20px;
	font-weight: 700;
	line-height: 24.2px;
	color: #000;
}

.mt-120{
	margin-top: 120px;
}

.mtb-100{
	margin-top: 100px;
	margin-bottom: 100px;
}

.liss{
	margin-bottom:20px;
}

.msds{
	border-right: 1px solid #D2D2D2;
    margin: 60px 0px;
}

.msds2{
    margin: 60px 0px;
}

.subnavbar{
	font-family: Inter;
	font-size: 16px;
	font-weight: 600;
	line-height: 23.2px;
	color: #000;
}

.bg-crss{
	background-image: url(https://abhyasa.id/images/bg-mac.png);
}

.image-icon-service {
    margin-top: -5px;
    margin-right: 8px;
}

.sscv {
    padding: 10px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 23.2px;
    filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(331deg) brightness(100%) contrast(101%);
    cursor: pointer;
}

.active-subnavbar{
	filter: invert(11%) sepia(89%) saturate(6600%) hue-rotate(238deg) brightness(87%) contrast(92%);
}

@media (min-width: 1030px) {
    .lebar-tabel2 {
        width: 600px;
    }
}

.lebar-tabel2 {
    color: #1937D6;
    height: 40px;
    font-size: 14px;
    padding: 0px 20px;
}

@media (min-width: 1030px) {
    .lebar-tabel3 {
        width: 218px;
        border-radius: 0px 5px 5px 0px;
    }
}

.lebar-tabel3 {
    border: 1px #1937D6 solid;
    background-color: #1937D6;
    color: #fff;
    height: 40px;
    font-size: 16px;
}

.txtsh{
	font-family: Inter;
	font-size: 32px;
	font-weight: 700;
	line-height: 38.73px;
	color: #000;
}

.hrrs{
	height: 2px;
	width: 98px;
	background-color: #1937D6;
}

.img-clrs{
	width: 100%;
	height: 200px;
	object-fit: cover;
	cursor: pointer;
}

.img-clrs:hover{
	animation: slideInCardsbdsacx 5s ease;
}

.cxxs{
	background-color: #fff;
	padding: 20px;
}

.txxts1{
	font-family: Inter;
	font-size: 20px;
	font-weight: 700;
	line-height: 24.2px;
	color: #000000;
}

.txxts2{
	font-family: Inter;
	font-size: 14px;
	font-weight: 500;
	line-height: 16.94px;
	color: #636783;
}

.mbbs{
	margin-bottom: 40px;
}

.mbbs2{
	margin:80px 0px;
}

.pagination .page-numbers.prev, .pagination .page-numbers.next {
    border: unset;
    font-size: 30px;
    margin-top: 0px;
}

.pagination .page-numbers {
    background-color: unset;
    font-size: 23px;
    color: #A2A5B9;
}

.pagination .page-numbers:hover, .pagination .page-numbers.current, .pagination .page-numbers.prev:hover, .pagination .page-numbers.next:hover {
    background-color: unset;
    color: #000;
    font-weight: bold;
    font-size: 23px;
}

.navbar-toggler {
    line-height: 1;
    background-color: #1937D6;
    border-radius: 4px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

@media screen and (max-width: 991.98px) {
    .navbar-nav {
        padding-bottom: 40px !important;
    }
}

.navbar-nav {
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width: 1000px){
	.hlss{
		text-align: center;
		margin-top: 140px;
	}

	.hlssxx{
		margin-top: 80px !important;
	}
	.mt-30{
		margin-top: 30px;
	}
	.mb-mobile{
		display: none;
	}

	.pdb-0{
		padding-bottom: 0px !important;
	}

	.bg-color {
	    background-color: #fff;
	}

	.txt-h1 {
	    font-size: 22px;
	    line-height: 30px;
	}

	.mlsg {
	    margin-top: 80px;
	}

	.cards-two{
		height: auto;
		text-align: center;
	}

	.pt-0s {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

	.mt-0s{
		margin-top: 0px !important;
        margin-bottom: 0px !important;
	}

	.clls {
	    padding: 20px;
	}

	.ulss{
		margin-left: 20px; 
		margin-right: 20px;
	}

	.table-hnn{
		display: none;
	}

	.bg-crss {
	    padding-top: 30px !important;
	    padding-bottom: 1px !important;
	}

	.txtss2 {
	    line-height: 31.2px;
	}

	.lebar-tabel2 {
	    width: 100%;
	    margin-bottom: 10px;
	}

	.lebar-tabel3{
		width: 100%;
	}

	.ppp-0{
		padding: 0px !important;
	}
	.bg-head-2 {
	    height: 340px;
	 }

	 .bg-head-3 {
	    height: 340px;
	 }

	 .bg-head-4 {
	    height: 340px;
	 }

	 .bg-headx2 {
	    height: 340px;
	 }
	 .bg-headx3 {
	    height: 340px;
	 }

	 .bg-headx4 {
	    height: 340px;
	 }
	.bg-headx {
	    height: 300px;
	 }
	 .bg-head {
	    height: 300px;
	 }

}

@media (min-width: 1000px){
	.bg-head-2 {
	    height: 340px;
	 }

	 .bg-head-3 {
	    height: 340px;
	 }

	 .bg-head-4 {
	    height: 340px;
	 }

	.bg-headx {
	    height: 500px;
	 }
	 .bg-headx2 {
	    height: 340px;
	 }
	 .bg-headx3 {
	    height: 340px;
	 }
	 .bg-headx4 {
	    height: 340px;
	 }
	.hlss{
		text-align: center;
		margin-top: 100px;
	}
	.lebar-tabel2 {
	    width: 500px;
	}
	.lebar-tabel3{
		width: 100px;
	}
	.txt-h1{
		font-size: 32px;
		line-height: 50px;
	}

	.txtss2{
		line-height: 41.2px;
	}

	.ulss{
		margin-left: 20px; 
		margin-right: 100px;
	}

	.mb-dekstop{
		display: none;
	}

	.bg-color {
	    background-image: url(https://abhyasa.id/images/bg-mac.png);
	}

	.mlsg{
		margin-top: 170px;
	}

	.bg-head {
	    height: 463px;
	}

	.cards-two{
		height: 130px;
	}

	.container-2 {
	    width: 100%;
	    padding-right: 0px !important;
	    padding-left: 0px !important;
	    margin-right: 0px !important;
	    margin-left: 0px !important;
	    max-width: 100% !important;
	}

	.table-hnn{
		border-bottom: 1px solid #DEDEDE;
		background-color: #fff;
	}
	
}

.img-slide{
	width: 100%;
	height: 300px !important;
	object-fit: cover;
	object-position: top;
}

.partner-logo img {
	opacity:unset !important;
	max-width: unset !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 1px solid #1937D6;
}

.datess{
	color: #7C7C7C;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	line-height: 23.2px;
	margin-bottom: 10px;
	text-align: left;
}

.passd{
	padding-top: 80px;
}

.cardspps{
	background-color: #fff;
	padding: 20px;
	border-radius: 8px;
}

.txt-dates{
	color: #fff;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	line-height: 23.2px;
	text-align: center;
}

.dttlls{
	padding-top: 20px;
	padding-bottom: 40px;
}

.dttlls2{
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	line-height: 23.2px;
	text-align: left;
	color: #989898;
}

.csaa2{
	margin-left: 10px;
	margin-right: 10px;
}

.form-control-2 {
    width: 100%;
    border: 1px solid #CECECE;
    border-radius: 8px;
    height: 40px;
    padding: 0px 15px;
}

label {
    color: #000000;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
}

.form-group {
    margin-bottom: 20px;
}

.mtrss{
	padding-right: 5px;
}

.txt-center{
	text-align: center;
	padding-top: 20px;
}

.klss{
	padding-bottom: 100px;
}

.detail-img{
	width: 100%;
	height: 450px;
	object-fit: cover;
}


.possttss2 {
    position: absolute;
    z-index: 1;
    margin-top: -150px;
}

.txsabcc3 {
    font-family: Inter;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    color: #FAFAFA;
    text-align: center;
}

.txsabcc4 {
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    line-height: 21.78px;
    text-align: center;
    color: #FAFAFA;
}

.menu-toggle .hamburger span, .menu-toggle .hamburger-cross span {
    background: #fff !important;
}

.mt-89{
	margin-top: 89px;
}

.immg-trace{
    animation: slideInFromLeftxxxs 3s ease forwards;
}

@keyframes slideInFromLeftxxxs {
	from {
	  transform: translateX(-30%); /* Mulai dari luar layar kiri */
	}
	to {
	  transform: translateX(0); /* Pindahkan ke posisi awal */
	}
}

.imgss{
	animation: slideInCardsbdsacx2 5s ease; 
	cursor: pointer;
	animation-play-state: paused; /* Menghentikan animasi secara default */
}

.bgspp2 {
	background-color: #fff;
	cursor: pointer;
	position: absolute;
    margin-left: -15px;
    margin-bottom: 0px;
}

.bgspp2:hover {
	background-color: #ddd;
    cursor: pointer;
    position: absolute;
    margin-left: -15px;
    margin-bottom: 0px;
}

.bgspp{
	background-color:#fff;
	cursor: pointer;
	margin-bottom: 0px;
	margin-left: -15px;
	margin-right: -15px;
}

.bgspp:hover{
	background-color:#ddd;
	cursor: pointer;
	margin-bottom: 0px;
	margin-left: -15px;
	margin-right: -15px;
}

.shadaw:hover {
    box-shadow: 10px 10px 10px 10px #ebebeb;
}

.img-lang {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.mddss{
	margin:60px 0px;
}