/*Theme Name: Khazanah Template V2Theme URI: http://16two.agency/Author: the 16two teamDescription: Khazanah Main Theme V2*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 130%;
    color: #343434;
}

h1 {
    text-transform: none;
}

h3 {
    font-size: 25px;
    line-height: 120%;
}

.font-white {
    color: #fff;
}

.font-darkblue {
    color: #293075;
}

.font-darkgrey {
    color: #343434;
}

.font-green {
    color: #8DC63F;
}

p {
    font-family: "Roboto", sans-serif;
    font-style: normal;
}

.font-semibold {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

.font-black {
    font-weight: 900;
}

.dropdown:hover>.dropdown-menu {
    display: block;
    margin-top: 0;
}

.navbar-upper {
    border-image: linear-gradient(90deg, rgba(44, 51, 114, 1) 0%, rgba(114, 174, 76, 1) 33%, rgba(41, 48, 116, 1) 83%) 1 0 0 0;
    border-top: 10px solid;
}

nav .nav-link,
nav .nav-link:hover {
    color: #293075;
    font-size: 15px;
    font-weight: 900 !important;
    text-transform: uppercase;
    padding: 10px 12px !important;
}

.navbar {
    padding: 0;
}

.navbar .dropdown-toggle::after {
    font-family: "bootstrap-icons";
    display: inline-block;
    margin-left: 1em;
    vertical-align: -0.1em;
    content: "\F282";
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    font-size: 10px;
}

.navbar .dropdown-toggle:hover:after {
    color: white;
    transform: rotate(180deg);
}

.navbar .dropdown-menu {
    background: black;
    border-radius: 0;
    background: rgb(40, 50, 118);
    background: -moz-linear-gradient(153deg, rgba(40, 50, 118, 1) 0%, rgba(40, 50, 118, 1) 45%, rgba(124, 84, 144, 1) 100%);
    background: -webkit-linear-gradient(153deg, rgba(40, 50, 118, 1) 0%, rgba(40, 50, 118, 1) 45%, rgba(124, 84, 144, 1) 100%);
    background: linear-gradient(153deg, rgba(40, 50, 118, 1) 0%, rgba(40, 50, 118, 1) 45%, rgba(124, 84, 144, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#283276", endColorstr="#7c5490", GradientType=1);
    text-transform: uppercase;
    margin: 0;
}

.navbar .dropdown-menu {
    padding: 2px 12px;
    border: 0;
}

.navbar .dropdown-menu a {
    color: #fff;
    font-weight: 600;
    padding: 7px 0;
    font-size: 15px;
}

.navbar .dropdown-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.navbar .dropdown-menu li:nth-last-child(1) {
    border: 0 !important;
}

.navbar .nav-link {
    background: transparent;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    background: #293075;
    color: #fff;
}

.navbar .nav-link:hover {
    background: #293075;
    color: #fff;
}

.navbar-top .nav-link {
    font-weight: 600 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 0 !important;
    font-size: 14px;
}

.navbar .dropdown-item:focus,
.navbar .dropdown-item:hover {
    background: #293075;
}

.navbar .dropdown-menu a {
    background: transparent !important;
}

.slide-bg {
    height: 100%;
    object-fit: cover;
    object-position: top left;
    width: 100%;
}

.main-slide h2 {
    font-size: 26px;
    font-weight: 700;
    padding-bottom: 20px;
}

.main-slide p {
    font-size: 16px;
    /* font-weight:700;	 */
    line-height: 1.2;
    color: #fff;
}

/* a.defaultbutton { */
    /* background: #293075; */
    /* border-radius: 20px; */
    /* color: #fff; */
    /* padding: 5px 10px; */
    /* text-decoration: none; */
    /* transition: 0.3s ease-in-out; */
    /* display: inline-block; */
    /* font-weight: 700; */
	/* border:1px solid #293075; */
/* } */

a.defaultbutton {
    background: #293075;
    border-radius: 30px;
    color: #fff;
    padding: 12px 12px 12px 20px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    display: inline-block;
    font-weight: 500;
    border: 1px solid #293075;
    line-height: 1;
    /* min-width: 160px; */
}

a.defaultbutton:hover {
    color: #293075;
	background: #fff;
    transition: 0.3s ease-in-out;
	border:1px solid #293075;
}

.main-slide .slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    right: 10vw;
    /* top: 20px; */
    /* margin-top: -21px; */
}

.main-slide .slick-dots li button:before {
    font-family: 'slick';
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.main-slide .slick-dots li.slick-active button:before {
    opacity: 1;
    color: white;
    border: 1px solid;
    border-radius: 50%;
}

.section-title {
    font-size: 30px;
    font-weight: 700;
    color: #339900;
    margin-bottom: 25px;
}

.section-title span {
    font-size: 30px;
    font-weight: 700;
    color: #293075;
}

.home-news-title {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: #293075;
}

.news-slide a {
    text-decoration: none;
}

.news-slide p {
    color: #343434;
}

.news-slide-imgcontainer {
    background: #293075;
    aspect-ratio: 48 / 30;
    position: relative;
}

.news-slide-imgcontainer img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center center;
}

.news-slide .slick-track {
    display: flex !important;
}

.news-slide .slick-slide {
    height: inherit !important;
}

.news-slide .slick-slide>div {
    height: 100%;
}

.list-icons {
    color: #293075;
    border: 2px solid #293075;
    padding: 3px 5px; 
    border-radius: 50%;
    font-size: 18px;
    font-weight: 700;
}

.news-arrow-prev {
    color: #fff;
    border: 2px solid #293075;
    background: #293075;
    padding: 4px 5px;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    right: calc(2rem + 64px);
    top: -43px;
    cursor: pointer;
	width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.news-arrow-next {
    color: #fff;
    border: 2px solid #293075;
    background: #293075;
    padding: 4px 5px;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    right: calc(1.5rem + 32px);
    top: -43px;
    cursor: pointer;
	width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.news-arrow-prev.slick-disabled,
.news-arrow-next.slick-disabled {
    color: #B0B0B0;
    border: 2px solid #B0B0B0;
    background: #fff;
}

.box-blue {
    background: #293075;
    border-radius: 10px;
    padding: 30px 15px;
    ;
    color: #fff;
}

.community-slide-item {
    aspect-ratio: 50 / 27;
    position: relative;
}

.community-slide-item img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.community-slide-details {
    width: 649px;
    position: absolute;
    right: 0;
    bottom: 30px;
    z-index: 1;
}

.community-slide-details h3 {
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    line-height: 110%;
}

.community-slide-dots {
    height: 100px;
}

.community-slide-dots .slick-dots {
    position: relative;
}

.community-slide-dots .slick-dots li button:before {
    font-size: 14px;
}

footer {
    background: #343434;
    color: #fff;
    padding-top: 30px;
    border-image: linear-gradient(90deg, rgba(44, 51, 114, 1) 0%, rgba(114, 174, 76, 1) 33%, rgba(41, 48, 116, 1) 83%) 1 0 0 0;
    border-top: 10px solid;
    font-size: 14px;
}

footer .nav-link {
    color: #fff;
    text-decoration: none;
    text-transform: none;
    padding: 3px 0;
    font-size: 14px;
}

footer .footer_title .nav-link,
footer .footer_title_social {
    color: #339900;
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 10px;
    margin-top: 10px;
}

.footer-social .bi {
    font-size: 20px;
}

footer .nav-link.active,
footer .nav-link.show {
    color: rgba(255, 255, 255, 0.5) !important;
}

footer .footer_title .nav-link:hover {
    text-transform: none;
}

footer .navbar-nav .nav-link.active {
    background: none;
    color: #fff;
}

.footer-social a{
color:#fff;	 
}