@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --highlight: #8E1C59;
    --background: #ffffff;
    --text: #000000;
}

html {
    scroll-behavior: smooth;
    margin-top: 0px !important;
}

body {
    width: 100%;
    margin: 0;
    padding: 0 !important;
    background-color: var(--background);
    transition: all 0.5s ease;
    overflow-x: hidden;
    overflow-y: auto !important;
    font-family: 'Segoe UI', sans-serif;
}

a {
    text-decoration: none;
}

ol,
ul {
    padding-left: 0rem;
}


/* navbar */

.navbar-akraya {
    background-color: #ffffff;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 15%);
    padding-left: 4rem;
    padding-right: 4rem !important;
    width: 100vw;
}

.navbar-akraya .offcanvas-body {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    padding: 0rem 4rem;
}

.navbar-akraya .offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: 100%;
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
    padding-right: 3rem;
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: none;
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
    padding-left: 0px;
}

.navbar-brand {
    margin-right: 0;
}

.fixed-top {
    z-index: 1036
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}

.ab-navbar {
    position: absolute;
    /* right: 144px; */
    right: 230px;
}

.darkTheme .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.darkTheme .form-select {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>") !important;
}

.search-box {
    width: fit-content;
    height: fit-content;
    position: relative;
}

.input-search {
    height: 50px;
    width: 50px;
    border-style: none;
    padding: 10px;
    font-size: 18px;
    letter-spacing: 2px;
    outline: none;
    border-radius: 25px;
    transition: all .5s ease-in-out;
    background-color: #fff;
    padding-right: 40px;
    color: (rgb(121, 109, 109)121, 109, 109);
}

.btn-search:focus~.input-search {
    width: 250px;
    font-size: 14px;
    padding: 6px;
    border-radius: 0px;
    background-color: transparent;
    border-bottom: 1px solid rgb(0 0 0);
    transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
}

.btn-search-dark:focus~.input-search {
    background-color: transparent;
    border-bottom: 1px solid #ffffff;
    transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
}

.input-search::placeholder {
    color: #000000;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 100;
}

.darkTheme .navbar-akraya .input-search::placeholder {
    color: #ffffff;
    font-size: 12px;
}

.btn-search {
    width: 50px;
    height: 50px;
    border-style: none;
    font-size: 16px;
    font-weight: bold;
    outline: none;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    right: 0px;
    color: #000;
    background-color: transparent;
    pointer-events: painted;
}

.darkTheme .btn-search {
    color: #ffffff;
    background-color: transparent;
}

.input-search:focus {
    width: 250px;
    font-size: 14px;
    padding: 6px;
    border-radius: 0px;
    background-color: transparent;
    border-bottom: 1px solid rgb(0 0 0);
    transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
}

.offcanvas.show:not(.hiding),
.offcanvas.showing {
    transform: none;
    background-color: #fffffff0;
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: 100%;
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
}

#offcanvasNavbar .offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5;
    width: 100%;
    display: flex;
}

#offcanvasNavbar .offcanvas-title .search-box {
    display: none;
}

#offcanvasNavbar .offcanvas-title .select-language {
    width: 80px;
}

#offcanvasNavbar .offcanvas-title .input-search {
    background-color: transparent;
}

#offcanvasNavbar .offcanvas-title .btn-search:focus~.input-search {
    width: 100%;
}

.nav-ak .nav-link {
    color: #333333;
    font-size: 25px;
    font-weight: bold;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

.nav-ak .nav-link:hover {
    color: #8E1C59;
}

.nav-ak .nav-link.sub-nav {
    color: #333333;
    font-size: 24.5px;
    font-weight: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

@media screen and (max-width: 768px) {
    .nav-ak .nav-link.sub-nav {
        font-size: 14px;
    }
}

.nav-ak .nav-link.sub-nav:hover {
    color: #8E1C59;
}

.nav-ak .nav-link.active {
    color: #8E1C59 !important;
}

.select-language {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    font-weight: 600;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 0px solid #ced4da;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.lang-switcher select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    font-weight: 600;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 0px solid #ced4da;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

@media screen and (max-width: 1024px) {
    .select-language {
        background-color: transparent;
    }
    #offcanvasNavbar .offcanvas-title .search-box {
        display: none;
    }
}

.select-language:focus {
    border: 1px solid #ced4da;
    outline: 0;
    box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%);
}


/* ============ desktop view ============ */

@media all and (min-width: 1024px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }
    .navbar .nav-item:hover .nav-link {}
    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }
    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}


/* ============ desktop view .end// ============ */

.navbar-akraya .dropdown-toggle::after {
    display: none;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.navbar-akraya .dropdown-menu {
    font-size: 18px;
    font-weight: bold;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    box-shadow: 0 3px 6px rgb(0 0 0 / 6%);
    border: none;
}

.navbar-akraya .dropdown-menu .dropdown-item {
    font-size: 18px;
    font-weight: bold;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    transition: all 1s ease;
}

.navbar-akraya .dropdown-menu .dropdown-item:hover {
    font-size: 18px;
    font-weight: bold;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    color: #8E1C59 !important;
    background-color: transparent;
    transition: all 1s ease;
}

.navbar-akraya .dropdown-menu .dropdown-item.active {
    font-size: 18px;
    font-weight: bold;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    color: #8E1C59 !important;
    background-color: transparent;
}


/* navbar end */


/* custom class */

.index-9999 {
    z-index: 9999 !important;
}

.index-50 {
    z-index: 50 !important;
}


/* custom class end */


/* toggle theme */

.c-theme {
    position: fixed;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-radius: 5% 50% 50% 50%;
    background: #000000;
    transition: all 1s ease;
    z-index: 9999;
}

.c-theme-show {
    width: 5000px;
    height: 5000px;
    background: transparent;
    left: -2000px;
    top: -1000px;
    position: fixed;
    z-index: 0;
}

.switcher {
    width: 70px;
    height: 30px;
    background: #ffffff;
    border-radius: 24px;
    border: 1px solid #BFBFBF;
    position: relative;
    display: flex;
    align-items: center;
    background-image: url(assets/icons/light-dark-icon.png);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    position: relative;
    cursor: pointer;
    margin-right: 3rem;
}

.switcher::after {
    content: "LIGHT MODE";
    position: absolute;
    right: -70px;
    font-size: 10px;
}

.switcher-af::after {
    content: "DARK MODE";
    position: absolute;
    right: -70px;
    font-size: 10px;
}

@media screen and (max-width: 648px) {
    .switcher::after {
        content: "LIGHT MODE";
        position: absolute;
        right: -70px;
        font-size: 10px;
        display: none;
    }
    .switcher-af::after {
        content: "DARK MODE";
        position: absolute;
        right: -70px;
        font-size: 10px;
        display: none;
    }
}

.switch {
    position: absolute;
    background-color: #8E1C59;
    width: 50%;
    height: 100%;
    top: 0px;
    left: 0;
    border-radius: 50% 0% 0% 50%;
    transition: all 0s ease;
    background-image: url(assets/icons/light-icon.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}

.move {
    transform: translateX(34px);
    border-radius: 0% 50% 50% 0%;
    background-image: url(assets/icons/dark-icon.png);
}


/*
 * .darkTheme
 */

.darkTheme,
.darkTheme .aboutus .content-6-s1 .content-top,
.darkTheme .aboutus .content-6-s1 .content-bottom .content,
#template-our-team.darkTheme #section-2 {
    --highlight: #8E1C59;
    --background: #1c1c1c;
    --text: #ffffff;
    color: #ffffff !important;
    background-color: #1c1c1c !important;
    transition: all 1s ease;
}

.darkTheme2 {
    color: #ffffff !important;
    background-color: #951f5b !important;
    transition: all 1s ease;
}

.darkTheme .navbar-akraya .logo-color {
    display: none;
}

.darkTheme .navbar-akraya .logo-white {
    display: block !important;
}

.darkTheme .navbar-akraya,
.darkTheme .navbar-akraya #lang_choice_1,
.darkTheme .navbar-akraya .input-search,
.darkTheme .modal-awards .modal-content,
.darkTheme .news-detail .section-3,
.darkTheme .navbar-akraya .dropdown-menu,
.darkTheme .navbar-akraya .offcanvas {
    --highlight: #8E1C59;
    --background: #1c1c1c;
    --text: #ffffff;
    color: #ffffff !important;
    background-color: #1c1c1c !important;
    transition: all 1s ease;
}

.darkTheme .aboutus-epic .item:hover .dropdown-menu {
    background-color: #951f5b !important;
    color: #ffffff;
}

.darkTheme .navbar-akraya .current-menu-item a {
    color: #8E1C59 !important;
}


/*
 * pengganti darkTheme-text
 */

.darkTheme p,
.darkTheme h2,
.darkTheme h2 b,
.darkTheme h2 strong,
.darkTheme h4,
.darkTheme h6,
.darkTheme label,
.darkTheme .title,
.darkTheme .btn-more,
.darkTheme .r-date,
.darkTheme .navbar-akraya .nav-link,
.darkTheme .dropdown-menu .dropdown-item,
.darkTheme .section-home-1 .swiper .btn-slide-home,
.darkTheme .section-home-1-mobile .swiper-wrapper .content .btn,
.darkTheme .select-language,
.darkTheme .aboutus .content-6-s1 .content-bottom .text-1,
.darkTheme .aboutus .content-6-s1 .content-bottom .text-2,
.darkTheme #menu-sitemap>div>a,
.darkTheme #menu-sitemap .sub-menu a,
#template-our-team.darkTheme #section-2 .name-p,
#template-our-team.darkTheme #section-2 .name-p b,
#template-our-team.darkTheme #section-2 .name-p strong,
#template-contact-us.darkTheme .btn-send {
    color: #ffffff !important;
    transition: all 1s ease;
}

.darkTheme .aboutus .section-1 .content-6-s1 .content .text-3 img,
.darkTheme .slick-arrow {
    filter: invert(1);
}

.darkTheme .lang-switcher select {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>") !important;
}

.darkTheme .switch {
    transform: translateX(34px);
    border-radius: 0% 50% 50% 0%;
    background-image: url(assets/icons/dark-icon.png);
}

.darkTheme .switcher::after {
    content: "DARK MODE";
    position: absolute;
    right: -70px;
    font-size: 10px;
}

.darkTheme .c-theme {
    width: 5000px;
    height: 5000px;
    background: transparent;
    left: -2000px;
    top: -1000px;
    position: fixed;
    z-index: 0;
}

.bg-dark {
    background-color: #1c1c1c !important;
}


/* toggle theme end */


/* section home 1  */

.section-home-1 {
    /* background-image: url(assets/images/section-1-home.png); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: fit-content;
    position: relative;
    height: 100vh;
}

.section-home-1-dark {
    /* background-image: url(assets/images/section-1-home-dark.png) !important; */
}

.section-home-1-light {
    display: block;
}

.section-home-1-dark {
    display: none;
}

.darkTheme .section-home-1-light {
    display: none;
}

.darkTheme .section-home-1-dark {
    display: block;
}

.section-home-1-light-m {
    display: none;
}

.section-home-1-dark-m {
    display: none;
}

.section-home-1-lm {
    display: none;
}

.section-home-1-dm {
    display: none;
}

.section-home-1 .swiper-wrapper {
    height: 100%;
}

.section-home-1 .swiper-wrapper .content {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 50%;
    padding-left: 7rem;
    padding-top: 3rem;
}

.section-home-1 .swiper-wrapper .content h2 {
    font-size: 65px;
    font-weight: normal;
    color: #292929;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

.section-home-1 .swiper-wrapper .content h2 b {
    color: #8E1C59;
}

.section-home-1 .swiper-wrapper .content h2 strong {
    color: #8E1C59;
}

.section-home-1 .swiper-wrapper .content p {
    margin-top: 1rem;
    margin-bottom: 2rem;
    color: #464646;
    font-size: 15px;
    font-weight: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

.section-home-1 .swiper-pagination {
    bottom: 16%;
    left: 8%;
    width: fit-content;
}

.section-home-1 .ph-section1 {
    position: absolute;
    bottom: 0px;
    right: 20%;
    height: 100vh;
    width: 20%;
    /* z-index: 1100; */
    z-index: 1035;
}

.ph-section1 .dropdown-collapsePh1h-btn {
    top: 17%;
    z-index: 1040 !important;
}

.ph-section1 .dropdown-collapsePh2h-btn {
    top: 46%;
    z-index: 1040 !important;
}

.ph-section1 .dropdown-collapsePh3h-btn {
    top: 81%;
    z-index: 1040 !important;
}

.ph-section1 .dropdown-btn:hover .bg-collapsePhh-btn {
    display: block !important;
}

.bg-collapsePhh-btn:hover {
    display: none !important;
}

.bg-collapsePhh-btn-close {
    display: none !important;
}

.ph-section1 .dropdown-btn:hover .dropdown-menu {
    display: block !important;
    inset: 0px auto auto 0px;
    margin: 0px;
    word-wrap: break-word;
    white-space: normal;
}

.ph-section1 .dropdown-btn:hover .bg-collapsePhh-btn::after {
    content: "X";
    position: absolute;
    right: 32px;
    top: 103px;
    font-size: 12px;
    border: solid 2px #8e1c59;
    background: #8e1c59;
    color: #fff;
    padding: 2px;
    border-radius: 30px;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ph-section1 .dropdown-btn:hover .bg-collapsePhh-btn:active {
    display: none !important;
}

.ph-section1 .dropdown .dropdown-toggle::after {
    display: none;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.darkTheme .ph-section1 .dropdown-menu {
    --bs-dropdown-color: #fff;
    --bs-dropdown-bg: #8E1C59;
}

.ph-section1 .collapsePh1h-btn {
    position: relative;
    top: 21%;
    left: 53%;
    background: #8E1C59;
    border-color: #8E1C59;
    box-shadow: 0 0 0 0.35rem #838383a3;
    border-radius: 2rem;
    width: 23px;
    height: 23px;
    padding: 0 !important;
    margin: 0;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

@media screen and (max-width: 1600px) {
    .ph-section1 .collapsePh1h-btn {
        top: 17%;
    }
}

.ph-section1 .collapsePh1h-btn:focus {
    background-color: #8E1C59;
    border-color: #8E1C59;
    outline: 0;
    box-shadow: 0 0 0 0.35rem #8e1c596e !important;
}

.ph-section1 .collapsePh1h::before {
    position: absolute;
    content: "";
    width: 54px;
    height: 2px;
    background: #8E1C59;
    left: -54px;
    top: 12px;
    z-index: 0;
}

.ph-section1 .bg-collapsePhh-btn {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #00000036;
    z-index: 0;
    display: none;
}

.ph-section1 .bg-collapsePhh-btn-close {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: transparent;
    z-index: 0;
}

.ph-section1 .dropdown-toggle.show .bg-collapsePh1h-btn {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #00000036;
    z-index: 1031;
}

.ph-section1 .collapsePh1h {
    position: absolute !important;
    width: 260px;
    height: fit-content;
    box-shadow: 0rem 0rem 2rem rgba(0, 0, 0, .15)!important;
    border: none;
    padding: 1.5rem;
    /* margin-left: 48px !important; */
    margin-left: 75px !important;
    z-index: 9999;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

@media screen and (max-width: 1600px) {
    .ph-section1 .collapsePh1h .card {
        top: 15%;
        left: 72%;
    }
}

.ph-section1 .collapsePh2h-btn {
    position: relative;
    top: 48%;
    left: 72%;
    background: #8E1C59;
    border-color: #8E1C59;
    box-shadow: 0 0 0 0.35rem #838383a3;
    border-radius: 2rem;
    width: 23px;
    height: 23px;
    padding: 0 !important;
    margin: 0;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

@media screen and (max-width: 1600px) {
    .ph-section1 .collapsePh2h-btn {
        top: 47%;
        left: 72%;
    }
}

.ph-section1 .collapsePh2h-btn:focus {
    background-color: #8E1C59;
    border-color: #8E1C59;
    outline: 0;
    box-shadow: 0 0 0 0.35rem #8e1c596e !important;
}

.ph-section1 .collapsePh2h::before {
    position: absolute;
    content: "";
    width: 51px;
    height: 2px;
    background: #8E1C59;
    left: -51px;
    top: 12px;
    z-index: -1;
}

.ph-section1 .dropdown-toggle.show .bg-collapsePh2h-btn {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #00000036;
    z-index: 1031;
}

.ph-section1 .collapsePh2h {
    position: absolute !important;
    width: 260px;
    height: fit-content;
    box-shadow: 0rem 0rem 2rem rgba(0, 0, 0, .15)!important;
    border: none;
    padding: 1.5rem;
    /* margin-left: 48px !important; */
    margin-left: 72px !important;
    z-index: 9999;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

@media screen and (max-width: 1600px) {
    .ph-section1 .collapsePh2h .card {
        top: 48%;
        left: 96%;
    }
}

.ph-section1 .collapsePh3h-btn {
    position: relative;
    top: 80%;
    left: -5%;
    background: #8E1C59;
    border-color: #8E1C59;
    box-shadow: 0 0 0 0.35rem #838383a3;
    border-radius: 2rem;
    width: 23px;
    height: 23px;
    padding: 0 !important;
    margin: 0;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

@media screen and (max-width: 1600px) {
    .ph-section1 .collapsePh3h-btn {
        top: 81%;
    }
}

.ph-section1 .collapsePh3h-btn:focus {
    background-color: #8E1C59;
    border-color: #8E1C59;
    outline: 0;
    box-shadow: 0 0 0 0.35rem #8e1c596e !important;
}

.ph-section1 .collapsePh3h::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 42px;
    background: #8E1C59;
    right: 6%;
    bottom: -23%;
    z-index: 0;
}

.ph-section1 .dropdown-toggle.show .bg-collapsePh3h-btn {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #00000036;
    z-index: 1031;
}

.ph-section1 .collapsePh3h {
    position: absolute !important;
    bottom: 17%;
    left: -82%;
    width: 260px;
    height: fit-content;
    box-shadow: 0rem 0rem 2rem rgba(0, 0, 0, .15)!important;
    border: none;
    margin-bottom: 4rem !important;
    /* transform: translateX(-244px) !important; */
    transform: translate(-228px, -221px);
    padding: 1.5rem;
    z-index: 9999;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

@media screen and (min-width: 1600px) {
    .ph-section1 .collapsePh3h .card {
        position: absolute !important;
        bottom: 18%;
        left: -60%;
        width: 260px;
        height: fit-content;
        box-shadow: 0rem 0rem 2rem rgba(0, 0, 0, .15)!important;
        border: none;
    }
    .section-home-1 .swiper-pagination {
        bottom: 22%;
        left: 6%;
        width: fit-content;
    }
    .section-mtl-1 {
        height: 95vh !important;
    }
}

.section-home-1 .swiper-pagination-bullet-active {
    border: 1px solid #8E1C59 !important;
}

.section-home-1 .swiper-pagination-bullet-active::after {
    content: "";
    width: 6px;
    height: 6px;
    color: #8E1C59;
    background: #8E1C59;
    position: absolute;
    border-radius: 36px;
}

.section-home-1 .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: transparent;
    opacity: 100%;
    border: 1px solid #ccc;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.section-home-1 .swiper-wrapper .content .btn {
    width: fit-content;
    border-top: 1px solid #65334E;
    border-bottom: 1px solid #65334E;
    border-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    text-transform: uppercase;
    transition: 0.5s;
}

.section-home-1 .swiper-wrapper .content .btn:hover {
    border-top: 1px solid #65334E;
    border-bottom: 1px solid #65334E;
    border-right: 1px solid #65334E;
    border-left: 1px solid #65334E;
    background-color: #65334E;
    color: #FFFFFF;
}

@media screen and (max-width: 1600px) {
    .section-home-1 .swiper-wrapper .content h2 {
        font-size: 45px;
    }
}


/* section home 1 mobile */

.section-home-1-mobile {
    position: relative;
    height: auto;
    display: none;
    padding-top: 0rem;
}

.section-home-1-mobile .swiper-wrapper {
    height: 320px;
}

.section-home-1-mobile .swiper-wrapper .content {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: fit-content;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    width: 100%;
    padding: 0 1.5rem;
}

.section-home-1-mobile .swiper-wrapper .content h2 {
    font-size: 24px;
    font-weight: normal;
    text-align: left;
    width: 100%;
    color: #292929;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

.section-home-1-mobile .swiper-wrapper .content h2 b,
.section-home-1-mobile .swiper-wrapper .content h2 strong {
    color: #8E1C59;
}

.section-home-1-mobile .swiper-wrapper .content p {
    margin-top: 0.5rem;
    margin-bottom: 2rem;
    color: #464646;
    font-size: 12px;
    font-weight: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

.ph-section1-mobile {
    position: relative;
    bottom: 0;
    right: 0;
    height: fit-content;
    width: 100%;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.listph-btn-mobile {
    margin-bottom: 1rem;
}

.ph-section1-mobile .dropdown-collapsePh1h-btn {
    top: -182px;
    left: 257px;
    z-index: 1040 !important;
}

.ph-section1-mobile .dropdown-collapsePh2h-btn {
    top: -109px;
    left: 279px;
    z-index: 1040 !important;
}

.ph-section1-mobile .dropdown-collapsePh3h-btn {
    top: 0;
    z-index: 1040 !important;
}

.ph-section1-mobile .dropdown .dropdown-toggle::after {
    display: none;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.ph-section1-mobile .collapsePh1h-btn {
    position: absolute;
    top: -615px;
    left: 47%;
    background: #8E1C59;
    border-color: #8E1C59;
    box-shadow: 0 0 0 0.35rem #838383a3;
    border-radius: 2rem;
    width: 23px;
    height: 23px;
    padding: 0 !important;
    margin: 0;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.ph-section1-mobile .collapsePh1h-btn:focus {
    background-color: #8E1C59;
    border-color: #8E1C59;
    outline: 0;
    box-shadow: 0 0 0 0.35rem #8e1c596e !important;
}

.ph-section1-mobile .bg-collapsePhh-btn {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #00000036;
    z-index: 0;
    display: none;
}

.ph-section1-mobile .bg-collapsePhh-btn-close {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: transparent;
    z-index: 0;
}

.ph-section1-mobile .dropdown-toggle.show .bg-collapsePh1h-btn {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #00000036;
    z-index: 1031;
}

.ph-section1-mobile .collapsePh1h {
    position: relative!important;
    width: 100vw;
    height: fit-content;
    box-shadow: 0rem 0rem 0rem rgba(0, 0, 0, .15)!important;
    border: none;
    margin-top: 0rem !important;
    padding: 0 1.5rem;
    padding-left: 2rem;
    z-index: 9999;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    top: 0;
    left: 0;
    bottom: 0;
    transform: translateX(0) !important;
    display: none;
}

@media screen and (max-width: 1600px) {
    .ph-section1-mobile .collapsePh1h .card {
        top: 15%;
        left: 72%;
    }
}

.ph-section1-mobile .collapsePh2h-btn {
    position: absolute;
    top: -470px;
    left: 56%;
    background: #8E1C59;
    border-color: #8E1C59;
    box-shadow: 0 0 0 0.35rem #838383a3;
    border-radius: 2rem;
    width: 23px;
    height: 23px;
    padding: 0 !important;
    margin: 0;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.ph-section1-mobile .collapsePh2h-btn:focus {
    background-color: #8E1C59;
    border-color: #8E1C59;
    outline: 0;
    box-shadow: 0 0 0 0.35rem #8e1c596e !important;
}

.ph-section1-mobile .collapsePh2h::before {
    position: absolute;
    content: "";
    width: 51px;
    height: 2px;
    background: #8E1C59;
    left: -51px;
    top: 12px;
    z-index: -1;
}

.ph-section1-mobile .dropdown-toggle.show .bg-collapsePh2h-btn {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #00000036;
    z-index: 1031;
}

.ph-section1-mobile .collapsePh2h {
    position: relative!important;
    width: 100vw;
    height: fit-content;
    box-shadow: 0rem 0rem 0rem rgba(0, 0, 0, .15)!important;
    border: none;
    margin-top: 0rem !important;
    padding: 0 1.5rem;
    padding-left: 2rem;
    z-index: 9999;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    top: 0;
    left: 0;
    bottom: 0;
    transform: translateX(0) !important;
}

@media screen and (max-width: 1600px) {
    .ph-section1-mobile .collapsePh2h .card {
        top: 48%;
        left: 96%;
    }
}

.ph-section1-mobile .collapsePh3h-btn {
    position: absolute;
    top: -390px;
    left: 100px;
    background: #8E1C59;
    border-color: #8E1C59;
    box-shadow: 0 0 0 0.35rem #838383a3;
    border-radius: 2rem;
    width: 23px;
    height: 23px;
    padding: 0 !important;
    margin: 0;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.ph-section1-mobile ul li {
    list-style: auto;
    margin-bottom: 1rem;
}

.ph-section1-mobile .collapsePh3h-btn:focus {
    background-color: #8E1C59;
    border-color: #8E1C59;
    outline: 0;
    box-shadow: 0 0 0 0.35rem #8e1c596e !important;
}

.ph-section1-mobile .dropdown-toggle.show .bg-collapsePh3h-btn {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #00000036;
    z-index: 1031;
}

.ph-section1-mobile .collapsePh3h {
    position: relative!important;
    width: 100vw;
    height: fit-content;
    box-shadow: 0rem 0rem 0rem rgba(0, 0, 0, .15)!important;
    border: none;
    margin-top: 0rem !important;
    padding: 0 1.5rem;
    padding-left: 2rem;
    z-index: 9999;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    top: 0;
    left: 0;
    bottom: 0;
    transform: translateX(0) !important;
}

.ph-section1-mobile .collapsePh3h::before {
    content: none;
}

.section-home-1-mobile .swiper-pagination {
    bottom: 12%;
    left: 14%;
    width: fit-content;
    transform: translate(-50%, 0px);
}

.section-home-1-mobile .swiper-pagination-bullet-active {
    border: 1px solid #8E1C59 !important;
}

.section-home-1-mobile .swiper-pagination-bullet-active::after {
    content: "";
    width: 6px;
    height: 6px;
    color: #8E1C59;
    background: #8E1C59;
    position: absolute;
    border-radius: 36px;
}

.section-home-1-mobile .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: transparent;
    opacity: 100%;
    border: 1px solid #ccc;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.section-home-1-mobile .swiper-wrapper .content .btn {
    width: fit-content;
    border-top: 1px solid #65334E;
    border-bottom: 1px solid #65334E;
    border-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    text-transform: uppercase;
    transition: 0.5s;
    font-size: 12px;
}

.section-home-1-mobile .swiper-wrapper .content .btn:hover {
    border-top: 1px solid #65334E;
    border-bottom: 1px solid #65334E;
    border-right: 1px solid #65334E;
    border-left: 1px solid #65334E;
    background-color: #65334E;
    color: #FFFFFF;
}


/* section home 1 end */


/* section home 2 */

.section-home-2 {
    position: relative;
}

.section-home-2 .content-1 h6.text-t {
    width: fit-content;
    position: relative;
    font-size: 25px;
    font-style: italic;
    font-weight: bold;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

.section-home-2 .content-1 p {
    width: fit-content;
    position: relative;
    font-size: 15px;
    color: #0D0D0D;
    font-weight: normal;
}

@media screen and (max-width: 1600px) {
    .section-home-2 .content-1 h6.text-t {
        width: fit-content;
        position: relative;
        font-size: 17px;
        font-style: italic;
        font-weight: bold;
        /* font-family: 'Raleway', sans-serif; */
        font-family: 'Segoe UI', sans-serif;
    }
}

.section-home-2 .content-1 h6.text-t::before {
    content: url(assets/images/kutif-left.png);
    position: absolute;
    left: -94px;
    top: -52px;
}

.section-home-2 .content-1 h6.text-t::after {
    content: url(assets/images/kutif-right.png);
    position: absolute;
    right: -94px;
    top: 18px;
}

.section-home-2 .content-1 {
    width: 100%;
    height: 100%;
    padding-top: 7rem;
    padding-bottom: 1rem;
}

.section-home-2 .content-1 .content-ph {
    position: relative;
}

.section-home-2 .content-1 .content-ph .ph-section2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.section-home-2 .content-1 .content-ph .ph-section2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ph-section2 .collapsePh1hs2-btn {
    position: absolute;
    top: 152px;
    left: 16.5%;
    background: #ffffff;
    border-color: #8E1C59;
    color: #8E1C59;
    font-size: 11px;
    border-radius: 2rem;
    width: 23px;
    height: 23px;
    padding: 0 !important;
    margin: 0;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    z-index: 1;
}

.ph-section2 .collapsePh1hs2-btn:focus {
    background-color: none;
    border-color: none;
    outline: 0;
    box-shadow: 0 0 0 0.35rem transparent !important;
}

.ph-section2 .collapsePh1hs2 .card::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 100px;
    background: #8E1C59;
    left: 105%;
    top: 50%;
    z-index: 0;
}

.ph-section2 .collapsePh1hs2 .card::after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 2rem;
    background: #8E1C59;
    left: 103.1%;
    top: 47%;
    z-index: 0;
}

.ph-section2 .collapsePh1hs2 .card {
    position: absolute !important;
    top: -2%;
    left: -7%;
    width: 260px;
    height: fit-content;
    box-shadow: 0rem 0rem 2rem rgba(0, 0, 0, .15)!important;
    border: none;
}


/* section home 2 end */


/* aboutus page */

.aboutus {
    overflow-x: hidden;
}

.aboutus .section-1 .content-1-s1 {
    position: relative;
    margin-top: 76px;
}

.aboutus .section-1 .content-1-s1 img {
    /* filter: brightness(0.6); */
}

.aboutus .section-1 .content-1-s1 .content-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.aboutus .section-1 .content-1-s1 .content-text h2 {
    color: #ffffff;
    font-size: 65px;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    font-weight: normal;
}

@media screen and (max-width: 1600px) {
    .aboutus .section-1 .content-1-s1 .content-text h2 {
        font-size: 45px;
    }
}

.ourvision-swiper {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.ourmission-swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-pagination-bullet-active {
    background: #8e1c59;
}

.aboutus .section-1 .content-1-s1 .content-text p {
    color: #ffffff;
    font-size: 15px;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

.aboutus .section-1 .content-2-s1 {
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 5rem;
}

.aboutus .section-1 .content-2-s1 .bg-icon-c2 {
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
    z-index: -1;
}

.darkTheme .aboutus .section-1 .content-2-s1 .bg-icon-c2 {
    opacity: 0.25;
}

.aboutus .section-1 .content-2-s1 .content {
    width: fit-content;
    height: fit-content;
    background-color: #552B42;
    position: relative;
    top: -25px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 2rem;
}

.aboutus .section-1 .content-2-s1 .content .kutif-left {
    width: 100px;
    position: relative;
    top: -10px;
}

.aboutus .section-1 .content-2-s1 .content .kutif-right {
    width: 100px;
    position: relative;
    top: 86px;
}

.aboutus .section-1 .content-2-s1 .content .text {
    display: flex;
    flex-direction: column;
}

.aboutus .section-1 .content-2-s1 .content .text .text-1 {
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    font-style: italic;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

@media screen and (max-width: 1600px) {
    .aboutus .section-1 .content-2-s1 .content .text .text-1 {
        font-size: 15px;
    }
}

.aboutus .section-1 .content-2-s1 .content .text-2 {
    color: #ffffff;
    margin-bottom: 0;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-wrapper {
    /* left: -35%; */
}

.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-wrapper .swiper-slide {
    position: relative;
    width: 100% !important;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-wrapper .swiper-slide .content-text {
    position: absolute;
    bottom: 0;
    border-left: 3px solid #ffffff;
    margin: 2rem;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-wrapper .swiper-slide .content-text h6 {
    font-size: 17px;
    font-weight: bold;
    line-height: normal;
    color: #ffffff;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 0;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-wrapper .swiper-slide .content-text p {
    font-size: 17px;
    font-weight: normal;
    line-height: normal;
    color: #ffffff;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 0;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-pagination-bullet {
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-pagination-bullet-active {
    background: #8e1c59 !important;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-horizontal>.swiper-pagination-bullets,
.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-pagination-bullets.swiper-pagination-horizontal,
.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-pagination-custom,
.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-pagination-fraction {
    bottom: 30px;
    right: 30px;
    left: unset;
    width: fit-content;
    display: none;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-right .swiper-button-next {
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    border-radius: 24px;
    box-shadow: #5e5e5e 1px 1px 4px;
    position: relative;
    top: -8px;
    left: 40px;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-right .swiper-button-next::after {
    content: 'next';
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-right .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    border-radius: 24px;
    box-shadow: #5e5e5e 1px 1px 4px;
    position: relative;
    top: 0;
    left: 0;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-right .swiper-button-prev::after {
    content: 'prev';
    font-size: 14px;
    font-weight: bold;
    color: #000;
}


/* content-3-s1-left swiper 1 */


/* .aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-button-next {
    color: #fff;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-button-prev {
    color: #fff;
} */


/* content-3-s1-left swiper 1 end */


/* content-3-s1-left swiper 2 */

.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-button-next {
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    border-radius: 24px;
    box-shadow: #5e5e5e 1px 1px 4px;
    top: unset;
    right: 30px;
    bottom: 40px;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-button-next::after {
    content: 'next';
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-button-next:hover,
.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-button-next:hover::after {
    background-color: #8e1c59;
    color: #fff;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    border-radius: 24px;
    box-shadow: #5e5e5e 1px 1px 4px;
    right: 70px;
    left: unset;
    top: unset;
    bottom: 40px;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-button-prev::after {
    content: 'prev';
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-button-prev:hover,
.aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-button-prev:hover::after {
    background-color: #8e1c59;
    color: #fff;
}


/* content-3-s1-left swiper 2 end */

.aboutus .section-1 .content-3-s1 .content-3-s1-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 7rem;
    padding-left: 10rem;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-right h6 {
    font-size: 40px;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding: 1rem 0rem;
    position: relative;
    color: #222222;
}

@media screen and (max-width: 1600px) {
    .aboutus .section-1 .content-3-s1 .content-3-s1-right h6 {
        font-size: 28px;
    }
}

.aboutus .section-1 .content-3-s1 .content-3-s1-right h6::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 56px;
    border-bottom: 1px solid #8E1C59;
}

.aboutus .section-1 .content-3-s1 .content-3-s1-right p {
    font-size: 35px;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding: 1rem 0rem;
    position: relative;
    color: #2C2C2C;
}

@media screen and (max-width: 1600px) {
    .aboutus .section-1 .content-3-s1 .content-3-s1-right p {
        font-size: 24px;
    }
}

.aboutus .section-1 .content-4-s1 {
    margin: 7rem 0rem;
}

.aboutus .section-1 .content-4-s1 .content-4-s1-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10rem;
    padding-right: 5rem;
}

.aboutus .section-1 .content-4-s1 .content-4-s1-left h6 {
    font-size: 40px;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding: 1rem 0rem;
    position: relative;
    color: #222222;
}

@media screen and (max-width: 1600px) {
    .aboutus .section-1 .content-4-s1 .content-4-s1-left h6 {
        font-size: 28px;
    }
}

.aboutus .section-1 .content-4-s1 .content-4-s1-left h6::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 56px;
    border-bottom: 1px solid #8E1C59;
}

.aboutus .section-1 .content-4-s1 .content-4-s1-left p {
    font-size: 28px;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding: 1rem 0rem;
    position: relative;
    color: #414141;
}

@media screen and (max-width: 1600px) {
    .aboutus .section-1 .content-4-s1 .content-4-s1-left p {
        font-size: 19px;
    }
}

.aboutus .section-1 .content-4-s1 .content-4-s1-right .swiper-pagination-bullet {
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.aboutus .section-1 .content-4-s1 .content-4-s1-right .swiper-pagination-bullet-active {
    background: #8e1c59 !important;
}

.aboutus .section-1 .content-4-s1 .content-4-s1-right .swiper-horizontal>.swiper-pagination-bullets,
.aboutus .section-1 .content-4-s1 .content-4-s1-right .swiper-pagination-bullets.swiper-pagination-horizontal,
.aboutus .section-1 .content-4-s1 .content-4-s1-right .swiper-pagination-custom,
.aboutus .section-1 .content-4-s1 .content-4-s1-right .swiper-pagination-fraction {
    bottom: 30px;
    left: 30px;
    width: fit-content;
}

.aboutus .section-1 .content-5-s1 {
    height: fit-content;
}

.aboutus .section-1 .content-5-s1 .col-c5s1 {
    height: inherit;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: none;
}

.aboutus .section-1 .content-5-s1 [class^=imghvr-] figcaption ul {
    padding-left: 2rem;
}

.aboutus .section-1 .content-5-s1 [class*=" imghvr-"] figcaption,
.aboutus .section-1 .content-5-s1 [class^=imghvr-] figcaption {
    background: linear-gradient(180deg, #65334ef5, #65334ee6, #65334e, #3e1f30);
    padding: 30px 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.aboutus .section-1 .content-5-s1 [class*=" imghvr-reveal-"]:before,
.aboutus .section-1 .content-5-s1 [class^=imghvr-reveal-]:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: #65334e78;
}

.aboutus .section-1 .content-5-s1 [class*=" imghvr-"],
[class*=" imghvr-"] *,
[class*=" imghvr-"]:after,
[class*=" imghvr-"] :after,
[class*=" imghvr-"]:before,
[class*=" imghvr-"] :before,
[class^=imghvr-],
[class^=imghvr-] *,
[class^=imghvr-]:after,
[class^=imghvr-] :after,
[class^=imghvr-]:before,
[class^=imghvr-] :before {
    box-sizing: border-box;
    transition: all 1s ease;
}


/* [class*=" imghvr-"],
[class^=imghvr-] {
    width: 100%;
}

[class*=" imghvr-"]>img,
[class^=imghvr-]>img {
    vertical-align: top;
    max-width: 100%;
    width: 100%;
} */

.card-ppg-close {
    display: none;
}

.aboutus .section-1 .content-5-s1 .card-ppg .imghvr-reveal-up {
    height: 100%;
}

.aboutus .section-1 .content-5-s1 .card-ppg .card-ppg-img-c {
    position: absolute;
    bottom: 10%;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
}

.aboutus .section-1 .content-5-s1 .card-ppg h4 {
    font-size: 40px;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding: 1rem 0rem;
    position: relative;
}

@media screen and (max-width: 1600px) {
    .aboutus .section-1 .content-5-s1 .card-ppg h4 {
        font-size: 28px;
    }
}

.aboutus .section-1 .content-5-s1 .card-ppg h4::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 40%;
    width: 56px;
    border-bottom: 1px solid #ffffff;
}

.aboutus .section-1 .content-5-s1 .card-ppg h6 {
    font-size: 17px;
    font-weight: bold;
    line-height: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding: 1rem 0rem;
    position: relative;
}

@media screen and (max-width: 1600px) {
    .aboutus .section-1 .content-5-s1 .card-ppg h6 {
        font-size: 14px;
    }
}

.aboutus .section-1 .content-5-s1 .card-ppg p {
    font-size: 15px;
    color: #ffffff;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    position: relative;
}

@media screen and (max-width: 1600px) {
    .aboutus .section-1 .content-5-s1 .card-ppg p {
        font-size: 12px;
    }
}

.aboutus .section-1 .content-6-s1 {
    position: relative;
}

.aboutus .section-1 .content-6-s1 .content-top {
    width: 100%;
    height: 400px;
    background-color: #ffffff;
}

.aboutus .section-1 .content-6-s1 .content-bottom {
    width: 100%;
    height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #65334E;
}

.aboutus .section-1 .content-6-s1 .content {
    width: 70%;
    height: fit-content;
    background-color: #ffffff;
    position: relative;
    top: -170px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 2rem 4rem 2rem 4rem;
}

.aboutus .section-1 .content-6-s1 .content .text {
    display: flex;
    flex-direction: column;
}

.aboutus .section-1 .content-6-s1 .content .text .text-1 {
    font-size: 40px;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding: 0rem 1rem 1rem 1rem;
    position: relative;
    color: #2B2B2B;
}

@media screen and (max-width: 1600px) {
    .aboutus .section-1 .content-6-s1 .content .text .text-1 {
        font-size: 28px;
    }
}

.aboutus .section-1 .content-6-s1 .content .text .text-1::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 56px;
    border-bottom: 1px solid #8E1C59;
}

.aboutus .section-1 .content-6-s1 .content .text-2 {
    font-size: 20px;
    color: #414141;
    margin-bottom: 0;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

@media screen and (max-width: 1600px) {
    .aboutus .section-1 .content-6-s1 .content .text-2 {
        font-size: 16px;
    }
}

.filter-white {
    filter: invert(1);
}

.b-s-dark:hover {
    border: 10px solid #212121 !important;
    box-shadow: #212121 0px 4px 0px !important;
}

.aboutus-epic {
    display: flex;
    width: 100%;
    gap: 10px;
    margin: 1rem 0rem;
    justify-content: center;
}

.aboutus-epic .item:hover .dropdown-menu {
    display: block;
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(-110px, 192px);
    display: block;
    border-radius: 0px;
    border: 0px;
    padding: 2rem;
    width: 400px;
    z-index: 1035;
}

.aboutus-epic .item {
    width: 180px;
    height: 190px;
    background-color: #951F5B;
    font-size: 100px;
    font-weight: bold;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.aboutus-epic .item .dropdown-toggle {
    width: 100%;
    height: 100%;
    background-color: transparent;
    font-size: 100px;
    font-weight: bold;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    border: 0px;
    z-index: 1035;
}

.aboutus-epic .item .dropdown-toggle::after {
    display: none;
}

.aboutus-epic .item .dropdown-toggle img {
    width: 100%;
    height: 100%;
}

.aboutus-epic .item .dropdown-menu.show {
    display: block;
    border-radius: 0px;
    border: 0px;
    padding: 2rem;
    width: 400px;
    z-index: 1031;
}


/* .aboutus-epic .item .itemlistepic-active {
    display: none;
}

.aboutus-epic .item .dropdown-toggle.show .itemlistepic-active {
    width: 100%;
    height: 100%;
    background-color: #951F5B;
    font-size: 100px;
    font-weight: bold;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    cursor: pointer;
    z-index: 2000;
    border: 10px solid #ffffff;
    box-shadow: #fff 0px 4px 0px;
} */

.aboutus-epic .item .dropdown-menu:hover {
    display: none;
}

.aboutus-epic .item .dropdown-toggle .itemlistepic-active {
    display: none;
}

.aboutus-epic .item .dropdown-toggle:hover .itemlistepic-active {
    width: 100%;
    height: 100%;
    background-color: #951F5B;
    font-size: 100px;
    font-weight: bold;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    cursor: pointer;
    z-index: 1035;
    border: 10px solid #ffffff;
    box-shadow: #fff 0px 4px 0px;
    display: block;
}

.aboutus-epic:hover .imgb-active {
    width: 100%;
    height: 100%;
    filter: brightness(0.6);
}

.aboutus-epic .bg-aboutus-epic-detail {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: transparent;
    z-index: 1030;
    display: none;
}

.aboutus-epic .bg-aboutus-epic-detail-close {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #552b42e6;
    z-index: 1030;
}

.aboutus-epic .item .dropdown-toggle.show .bg-aboutus-epic-detail {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #552b42e6;
    z-index: 1030;
    display: none;
}

.aboutus-epic .item .bg-aboutus-epic-detail {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #552b42e6;
    z-index: 999;
    display: none;
}

.aboutus-epic:hover .bg-aboutus-epic-detail {
    display: block;
}

.bg-aboutus-epic-detail:hover {
    display: none !important;
    cursor: pointer;
}


/* .aboutus-epic .item .dropdown-menu.show .bg-aboutus-epic-detail {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #f443366b;
    transform: translate(0, 0);
} */

.aboutus-epic .item .dropdown-menu h6 {
    font-size: 35px;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    font-weight: bold;
}

@media screen and (max-width: 1600px) {
    .aboutus-epic .item .dropdown-menu h6 {
        font-size: 24px;
    }
}

.aboutus-epic .item .dropdown-menu p {
    font-size: 15px;
    font-weight: normal;
    color: #313131;
    margin-bottom: 0;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

@media screen and (max-width: 1600px) {
    .aboutus-epic .item .dropdown-menu p {
        font-size: 12px;
    }
}


/* about us epic mobile  */

.aboutus-epic-m {
    display: none;
    width: 100%;
    gap: 10px;
    margin: 1rem 0rem;
    justify-content: center;
}

.aboutus-epic-m .item:hover .dropdown-menu {
    display: block;
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(-110px, 192px);
    display: block;
    border-radius: 0px;
    border: 0px;
    padding: 2rem;
    width: 400px;
    z-index: 1035;
}

.aboutus-epic-m .item {
    width: 180px;
    height: 190px;
    background-color: #951F5B;
    font-size: 100px;
    font-weight: bold;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.aboutus-epic-m .item .dropdown-toggle {
    width: 100%;
    height: 100%;
    background-color: transparent;
    font-size: 100px;
    font-weight: bold;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    border: 0px;
    z-index: 1035;
}

.aboutus-epic-m .item .dropdown-toggle::after {
    display: none;
}

.aboutus-epic-m .item .dropdown-toggle img {
    width: 100%;
    height: 100%;
}

.aboutus-epic-m .item .dropdown-menu.show {
    display: block;
    border-radius: 0px;
    border: 0px;
    padding: 2rem;
    width: 400px;
    z-index: 1031;
}

.aboutus-epic-m .item .dropdown-menu:hover {
    display: none;
}

.aboutus-epic-m .item .dropdown-toggle:hover .itemlistepic-active {
    width: 100%;
    height: 100%;
    background-color: transparent;
    font-size: 100px;
    font-weight: bold;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    cursor: pointer;
    z-index: 1035;
    border: 5px solid #ffffff;
}

.aboutus-epic-m:hover .imgb-active {
    width: 100%;
    height: 100%;
    filter: brightness(0.6);
}

.aboutus-epic-m .bg-aboutus-epic-detail-m {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: transparent;
    z-index: 1030;
    display: none;
}

.aboutus-epic-m .bg-aboutus-epic-detail-close-m {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #552b42e6;
    z-index: 1030;
}

.aboutus-epic-m .item .dropdown-toggle.show .bg-aboutus-epic-detail-m {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #552b42e6;
    z-index: 1030;
    display: none;
}

.aboutus-epic-m .item .bg-aboutus-epic-detail-m {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #552b42e6;
    z-index: 999;
    display: none;
}

.aboutus-epic-m:hover .bg-aboutus-epic-detail-m {
    display: block;
}

.bg-aboutus-epic-detail-m:hover {
    display: none !important;
    cursor: pointer;
}

.aboutus-epic-m .item .dropdown-menu h6 {
    font-size: 35px;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    font-weight: bold;
}

@media screen and (max-width: 1600px) {
    .aboutus-epic-m .item .dropdown-menu h6 {
        font-size: 24px;
    }
}

.aboutus-epic-m .item .dropdown-menu p {
    font-size: 15px;
    font-weight: normal;
    color: #313131;
    margin-bottom: 0;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media screen and (max-width: 1600px) {
    .aboutus-epic-m .item .dropdown-menu p {
        font-size: 12px;
    }
}


/* about us epic mobile end */

.aboutus .section-1 .content-6-s1 .content .text-3 {
    font-size: 40px;
    font-weight: bold;
    color: #414141;
    margin-bottom: 0;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    width: 100%;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1600px) {
    .aboutus .section-1 .content-6-s1 .content .text-3 {
        font-size: 40px;
    }
}

.aboutus .section-1 .content-6-s1 .content .text-3 img {
    width: auto;
    height: 74px;
}

.aboutus .section-2 {
    padding: 4rem 0rem;
    text-align: center;
}

.aboutus .section-2 .content-top h4 {
    font-size: 40px;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding: 0rem 1rem 1rem 1rem;
    position: relative;
    margin-bottom: 3rem;
    color: #313131;
}

@media screen and (max-width: 1600px) {
    .aboutus .section-2 .content-top h4 {
        font-size: 28px;
    }
}

.aboutus .section-2 .content-top h4::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 56px;
    border-bottom: 1px solid #8E1C59;
}


/* aboutus page end */


/* contactus page */

.contactus {
    width: 100%;
    overflow-x: hidden;
}

.contactus .section-1 {
    position: relative;
    margin-top: 76px;
}

.contactus .section-2 .content-top {
    text-align: center;
    padding: 4rem 1rem;
}

.contactus .section-2 .content-top h4 {
    text-align: center;
    font-size: 65px;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    color: #212121;
    margin-bottom: 1rem;
}

@media screen and (max-width: 1600px) {
    .contactus .section-2 .content-top h4 {
        font-size: 45px;
    }
}

.contactus .section-2 {
    margin-bottom: 5rem;
    position: relative;
    z-index: 0;
}

.contactus .section-2 .content-top p {
    font-size: 20px;
    font-weight: normal;
    color: #363636;
    margin-bottom: 0;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

@media screen and (max-width: 1600px) {
    .contactus .section-2 .content-top p {
        font-size: 16px;
    }
}

.contactus .section-2 .content-bottom form label {
    font-size: 15px;
    font-weight: bold;
    line-height: normal;
    color: #8E1C59;
    margin-bottom: 0.5rem;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

.contactus .section-2 .content-bottom form input::placeholder {
    font-size: 15px;
    font-weight: normal;
    line-height: normal;
    font-style: italic;
    color: #707070;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

.contactus .section-2 .content-bottom form textarea::placeholder {
    font-size: 15px;
    font-weight: normal;
    line-height: normal;
    font-style: italic;
    color: #707070;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

.contactus .section-2 .content-bottom form .form-control {
    margin-bottom: 1rem;
    border-color: #383838;
    padding: 1rem 1.5rem;
    font-size: 15px;
}

@media screen and (max-width: 1600px) {
    .contactus .section-2 .content-bottom form .form-control {
        font-size: 12px;
    }
    .contactus .section-2 .content-bottom form textarea::placeholder {
        font-size: 12px;
    }
    .contactus .section-2 .content-bottom form input::placeholder {
        font-size: 12px;
    }
}

.contactus .section-2 .content-bottom form .form-control:focus {
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
    border-color: #65334E;
}

.contactus .section-2 .content-bottom form .btn-send {
    font-size: 15px;
    color: #343434;
    width: fit-content;
    border-top: 1px solid #65334E;
    border-bottom: 1px solid #65334E;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-transform: uppercase;
    background: transparent;
    transition: 0.5s;
}

.contactus .section-2 .content-bottom form .btn-send:hover {
    font-size: 15px;
    color: #ffffff;
    width: fit-content;
    border-top: 1px solid #65334E;
    border-bottom: 1px solid #65334E;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-transform: uppercase;
    background: #65334E;
}


/* contactus page end */


/* our projects page */

.section-op-1 {
    position: relative;
    width: 100%;
    height: 70vh;
    background-color: #000;
}

.section-op-mobile {
    display: none;
    overflow-x: hidden;
    width: 100vw;
}

.section-op-mobile .list-op {
    width: 100vw;
    height: 450px;
    position: relative;
    margin: 0;
}

.section-op-mobile .list-op img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-op-mobile .list-op .content img {
    width: 100px;
    height: auto;
    object-fit: cover;
}

.section-op-mobile .content {
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.section-op-mobile .content p {
    font-size: 14px;
    font-weight: bold;
    color: #ffff;
    margin: 1rem;
}

.section-op-mobile .modal .btn-close {
    position: absolute;
    right: -8px;
    top: -6px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
    width: 20px;
    height: 20px;
    z-index: 999;
    background: #8e1c59;
    border: 8px solid #8e1c59;
    opacity: 1;
    border-radius: 24px;
}

.section-op-mobile .modal .modal-body .content-vidios {
    width: 100%;
    height: 290px;
}

.section-op-mobile .modal .modal-body .content-text {
    padding: 2rem;
    background: #8e1c59;
    color: #ffffff;
}

.section-op-mobile .modal .modal-body .content-text a {
    width: fit-content;
    border-top: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4;
    background-color: transparent;
    border-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    text-transform: uppercase;
    font-size: 15px;
    color: #ffffff;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    line-height: normal;
    font-weight: normal;
    margin-top: 0.5rem;
}

.section-op-mobile .modal .modal-body .content-text h2 {
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    margin-bottom: 1rem;
}

.section-op-mobile .modal .modal-body .content-text h6 {
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    line-height: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    margin-bottom: 0rem;
}

.section-op-mobile .modal .modal-body .content-text p {
    font-size: 12px;
    color: #ffffff;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    margin-bottom: 1rem;
}

.section-op-1 .imghvr-slide-up::before {
    content: "";
    /* background-color: #1f1f1f9c; */
    /* background-color: #1f1f1f61; */
    position: absolute;
    width: 100%;
    height: 100%;
    transition: 1s;
}

.section-op-1 .imghvr-slide-up {
    background-color: #000000;
    background: #000000;
    max-width: 100%;
    transition: 5s;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 36% 30%;
    position: relative;
    z-index: 0;
}

.section-op-1 .imghvr-slide-up:hover {
    width: 105%;
    max-width: 105%;
    z-index: 9;
    position: relative;
    margin-left: -1rem;
}

.section-op-1 .imghvr-slide-up:hover img {
    object-fit: cover;
    transform: scaleX(1) !important;
}

.section-op-1 .imghvr-slide-up:hover::before {
    background-color: transparent;
}

.section-op-1 [class^=imghvr-] figcaption img {
    width: 100px;
    height: auto;
    margin-bottom: 0.5rem;
}

.section-op-1 [class^=imghvr-] figcaption h5 {
    width: 100%;
    height: fit-content;
    font-size: 28px;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    font-weight: bold;
    line-height: normal;
}

.section-op-1 [class^=imghvr-] figcaption p {
    width: 100%;
    height: fit-content;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
}

@media screen and (max-width: 1600px) {
    .section-op-1 [class^=imghvr-] figcaption p {
        font-size: 12px;
    }
}

.section-op-1 [class*=" imghvr-"] figcaption,
.section-op-1 [class^=imghvr-] figcaption {
    background-color: #13579600;
    padding: 30px;
    padding-bottom: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
}

.section-op-1 [class*=" imghvr-"],
.section-op-1 [class*=" imghvr-"] *,
.section-op-1 [class*=" imghvr-"]:after,
.section-op-1 [class*=" imghvr-"] :after,
.section-op-1 [class*=" imghvr-"]:before,
.section-op-1 [class*=" imghvr-"] :before,
.section-op-1 [class^=imghvr-],
.section-op-1 [class^=imghvr-] *,
.section-op-1 [class^=imghvr-]:after,
.section-op-1 [class^=imghvr-] :after,
.section-op-1 [class^=imghvr-]:before,
.section-op-1 [class^=imghvr-] :before {
    box-sizing: border-box;
    transition: all 1s ease;
    width: 100%;
    height: 70vh;
}

.section-op-1 [class*=" imghvr-fade"]:hover>img,
.section-op-1 [class*=" imghvr-fade"]:hover figcaption,
.section-op-1 [class^=imghvr-fade]:hover>img,
.section-op-1 [class^=imghvr-fade]:hover figcaption {
    transform: scalex(1);
}

.section-op-1 [class*=" imghvr-"]>img,
.section-op-1 [class^=imghvr-]>img {
    vertical-align: top;
    max-width: 100%;
    object-fit: cover;
    object-position: top;
}

.section-op-1 .offcanvas.show:not(.hiding),
.offcanvas.showing {
    transform: none;
    background-color: transparent;
}

.section-op-1 .offcanvas-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 98;
    width: 100vw;
    height: 100vh;
    background-color: transparent;
}

.section-op-1 .offcanvas {
    /* z-index: 99; */
    z-index: 1030 !important;
    position: fixed !important;
}

.section-op-1 .offcanvas .offcanvas-header {
    padding: 0;
}

.section-op-1 .offcanvas-body {
    overflow: hidden;
    padding-top: 0;
}

.section-op-1 .offcanvas .offcanvas-body .op-r-detail {
    background-color: #492C3B;
    background-image: url(assets/images/ourprojects/bg-op-r-detail.png);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 5%;
    padding-top: 200px;
    padding-right: 10%;
    height: 100vh;
    overflow-y: auto;
}

.section-op-1 .offcanvas .offcanvas-body .op-l-detail {
    height: 100vh;
    background-color: #ffffff;
}

.section-op-1 .offcanvas .offcanvas-body .op-l-detail img {
    object-fit: cover;
}

.section-op-1 .offcanvas .op-r-detail h2 {
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    margin-bottom: 1rem;
}

@media screen and (max-width: 1600px) {
    .section-op-1 .offcanvas .op-r-detail h2 {
        font-size: 21px;
    }
}

.section-op-1 .offcanvas .op-r-detail h6 {
    font-size: 15px;
    color: #ffffff;
    font-weight: bold;
    line-height: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

@media screen and (max-width: 1600px) {
    .section-op-1 .offcanvas .op-r-detail h6 {
        font-size: 12px;
    }
}

.section-op-1 .offcanvas .op-r-detail p {
    font-size: 15px;
    color: #ffffff;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 1600px) {
    .section-op-1 .offcanvas .op-r-detail p {
        font-size: 12px;
    }
}

.section-op-1 .offcanvas .btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0;
    color: #000;
    border: 0;
    border-radius: 0.375rem;
    opacity: 1;
    position: absolute;
    top: 17%;
    right: 5%;
}

@media screen and (max-width: 1600px) {
    .section-op-1 .offcanvas .btn-close {
        top: 17%;
    }
}

.darkTheme .navbar-akraya .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>") !important;
}

.btn-close {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
    background: transparent;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    position: relative;
    top: 5px;
}

.section-op-1 .offcanvas .op-r-detail .btn {
    width: fit-content;
    border-top: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4;
    background-color: transparent;
    border-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    text-transform: uppercase;
    font-size: 15px;
    color: #ffffff;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    line-height: normal;
    font-weight: normal;
    margin-top: 0.5rem;
}

.section-op-1 .offcanvas .op-r-detail .btn:hover {
    border: 1px solid #8E1C59;
    background: #8E1C59;
    color: #FFFFFF;
    transition: 0.5s;
}


/* our projects end */


/* our meettheleaders page */

.mtl-body #section-2 {
    scroll-margin-block-start: 70px;
}

.section-mtl-1 {
    position: relative;
    width: 100%;
    height: 100vh;
    background-color: #000;
}

.section-mtl-1 .imghvr-slide-up::before {
    content: "";
    /* background-color: #1f1f1f9c; */
    background-color: #1f1f1f14;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: 1s;
}

.section-mtl-1 .imghvr-slide-up {
    background-color: #000000;
    background: #000000;
    max-width: 100%;
    transition: 5s;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 36% 30%;
    position: relative;
    margin-top: 70px;
    z-index: 0;
}

.section-mtl-1 .imghvr-slide-up:hover {
    width: 105%;
    max-width: 105%;
    z-index: 9;
    position: relative;
    margin-left: -1rem;
}

.section-mtl-1 .imghvr-slide-up:hover img {
    object-fit: cover;
    transform: scaleX(1) !important;
}

.section-mtl-1 .imghvr-slide-up:hover::before {
    background-color: transparent;
}

.section-mtl-1 [class^=imghvr-] figcaption img {
    width: 100px;
    height: auto;
    margin-bottom: 0.5rem;
}

.section-mtl-1 [class^=imghvr-] figcaption .rm-1 {
    width: fit-content;
    height: fit-content;
    color: #fff;
    font-size: 12px;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    font-weight: bold;
    line-height: normal;
    border: solid 3px #ffffff;
    padding: 6px 8px;
    text-align: center;
}

.content .rm-1 {
    width: 85px;
    height: fit-content;
    color: #fff;
    font-size: 12px;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    font-weight: bold;
    line-height: normal;
    border: solid 3px #ffffff;
    padding: 6px 4px;
    text-align: center;
    margin-top: 1rem;
}

.section-mtl-1 [class^=imghvr-] figcaption h5 {
    width: 100%;
    height: fit-content;
    font-size: 25px;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    font-weight: bold;
    line-height: normal;
}

.section-mtl-1 [class^=imghvr-] figcaption p {
    width: 100%;
    height: fit-content;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
}

@media screen and (max-width: 1600px) {
    .section-mtl-1 [class^=imghvr-] figcaption h5 {
        font-size: 25px;
    }
    .section-mtl-1 [class^=imghvr-] figcaption p {
        font-size: 12px;
    }
}

.section-mtl-1 [class*=" imghvr-"] figcaption,
.section-mtl-1 [class^=imghvr-] figcaption {
    background-color: #13579600;
    padding: 30px;
    padding-bottom: 110px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
}

.section-mtl-1 [class*=" imghvr-"],
.section-mtl-1 [class*=" imghvr-"] *,
.section-mtl-1 [class*=" imghvr-"]:after,
.section-mtl-1 [class*=" imghvr-"] :after,
.section-mtl-1 [class*=" imghvr-"]:before,
.section-mtl-1 [class*=" imghvr-"] :before,
.section-mtl-1 [class^=imghvr-],
.section-mtl-1 [class^=imghvr-] *,
.section-mtl-1 [class^=imghvr-]:after,
.section-mtl-1[class^=imghvr-] :after,
.section-mtl-1[class^=imghvr-]:before,
.section-mtl-1 [class^=imghvr-] :before {
    box-sizing: border-box;
    transition: all 1s ease;
    width: 100%;
    height: 90vh;
}

.section-mtl-1 [class*=" imghvr-fade"]:hover>img,
.section-mtl-1 [class*=" imghvr-fade"]:hover figcaption,
.section-mtl-1 [class^=imghvr-fade]:hover>img,
.section-mtl-1 [class^=imghvr-fade]:hover figcaption {
    transform: scalex(1.1);
}

.section-mtl-1 [class*=" imghvr-"]>img,
.section-mtl-1 [class^=imghvr-]>img {
    vertical-align: top;
    max-width: 100%;
    object-fit: cover;
    object-position: top;
}

.section-mtl-1 .offcanvas.show:not(.hiding),
.offcanvas.showing {
    transform: none;
    background-color: transparent;
}

.section-mtl-1 .offcanvas-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 98;
    width: 100vw;
    height: 100vh;
    background-color: transparent;
}

.section-mtl-1 .offcanvas {
    z-index: 99;
}

.section-mtl-1 .offcanvas .offcanvas-header {
    padding: 0;
}

.section-mtl-1 .offcanvas-body {
    overflow: hidden;
}

.section-mtl-1 .offcanvas .offcanvas-body .op-r-detail {
    background-color: #492C3B;
    background-image: url(assets/images/ourprojects/bg-op-r-detail.png);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow-y: auto;
    padding: 5%;
    padding-top: 9%;
    padding-right: 5%;
    height: 100vh;
}

.section-mtl-1 .offcanvas .offcanvas-body .op-l-detail {
    height: 100vh;
    background-color: transparent;
}

.section-mtl-1 .offcanvas .offcanvas-body .op-l-detail .mtl-name-detail {
    position: absolute;
    top: 50%;
    left: 10%;
}

.section-mtl-1 .offcanvas .offcanvas-body .op-l-detail .mtl-name-detail h5 {
    width: 100%;
    height: fit-content;
    font-size: 28px;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    font-weight: bold;
    line-height: normal;
    color: #ffffff;
}

.section-mtl-1 .offcanvas .offcanvas-body .op-l-detail .mtl-name-detail p {
    width: 100%;
    height: fit-content;
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    color: #ffffff;
}

.section-mtl-1 .offcanvas .offcanvas-body .op-l-detail img {
    width: 100%;
    margin-top: 50px;
}

.section-mtl-1 .offcanvas .op-r-detail h2 {
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    margin-bottom: 1rem;
}

@media screen and (max-width: 1600px) {
    .section-mtl-1 .offcanvas .op-r-detail h2 {
        font-size: 21px;
    }
}

.section-mtl-1 .offcanvas .op-r-detail h6 {
    font-size: 15px;
    color: #ffffff;
    font-weight: bold;
    line-height: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

@media screen and (max-width: 1600px) {
    .section-mtl-1 .offcanvas .op-r-detail h6 {
        font-size: 12px;
    }
}

.section-mtl-1 .offcanvas .op-r-detail p {
    font-size: 15px;
    color: #ffffff;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    margin-bottom: 1rem;
}

@media screen and (max-width: 1600px) {
    .section-mtl-1 .offcanvas .op-r-detail p {
        font-size: 12px;
    }
}

.section-mtl-1 .offcanvas .btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0;
    color: #000;
    border: 0;
    border-radius: 0.375rem;
    opacity: 1;
    position: absolute;
    top: 17%;
    right: 5%;
}

@media screen and (max-width: 1600px) {
    .section-mtl-1 .offcanvas .btn-close {
        top: 17%;
    }
}

.section-mtl-1 .offcanvas .op-r-detail .btn {
    width: fit-content;
    border-top: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4;
    background-color: transparent;
    border-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    text-transform: uppercase;
    font-size: 15px;
    color: #ffffff;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    line-height: normal;
    font-weight: normal;
    margin-top: 1.8rem;
}

.section-mtl-1 .offcanvas .op-r-detail .btn:hover {
    border: 1px solid #8E1C59;
    background: #8E1C59;
    color: #FFFFFF;
    transition: 0.5s;
}

.mtl-open-detail {
    z-index: 99 !important;
    position: absolute;
    animation-name: mtl-open-detail-animate;
    animation-duration: 1.5s;
    animation-direction: normal;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}

.mtl-open-detail::before {
    content: "";
    background-color: transparent !important;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: 1s;
}

@keyframes mtl-open-detail-animate {
    from {
        left: 0;
        margin-right: 100%;
        width: 50vw;
        max-width: 50vw;
        transform: translate3d(0px, 0px, 0px);
    }
    to {
        left: 0;
        margin-right: -100%;
        transform: translate3d(0px, 0px, 0px);
        width: 100vw;
        max-width: 100vw;
        background-position: left;
    }
}

.scrolldown-meetourteam {
    background-color: #8D2C57;
    height: 40px;
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 1s;
    z-index: 95;
}

.scrolldown-meetourteam:hover {
    background-color: #381424
}

.scrolldown-meetourteam:hover p {
    color: #ffffff;
}

.scrolldown-meetourteam p {
    margin-bottom: 0;
    font-weight: normal;
    font-size: 15px;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    color: #ffffff;
}

.scrollup-meetourteam {
    background-color: #8D2C57;
    height: 40px;
    position: fixed;
    width: 100%;
    top: 82px;
    display: none;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: 1s;
    z-index: 9;
}

.scrollup-meetourteam:hover {
    background-color: #381424
}

.scrollup-meetourteam:hover p {
    color: #ffffff;
}

.scrollup-meetourteam p {
    margin-bottom: 0;
    font-weight: normal;
    font-size: 15px;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    color: #ffffff;
}

.section-mtl-2 {
    position: relative;
    width: 100%;
    height: fit-content;
    background-color: #ffffff;
    z-index: 1000;
    padding: 5rem 0;
}

.section-mtl-2 .content1 {
    width: 100%;
    text-align: center;
}

.section-mtl-2 .content1 h2 {
    font-size: 40px;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding: 0rem 1rem 1rem 1rem;
    position: relative;
    color: #414141;
}

@media screen and (max-width: 1600px) {
    .section-mtl-2 .content1 h2 {
        font-size: 28px;
    }
}

.section-mtl-2 .content1 h2::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 56px;
    border-bottom: 1px solid #8E1C59;
}

.section-mtl-2 .content1 p {
    font-size: 16px;
    color: #414141;
    margin-bottom: 0;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding-top: 0.5rem;
    padding-bottom: 1.5rem;
}

@media screen and (max-width: 1600px) {
    .section-mtl-2 .content1 p {
        font-size: 16px;
    }
}

.section-mtl-2 .r-content2 {
    margin-bottom: 5rem;
}

.section-mtl-2 .r-content2 .content2-l img {
    object-fit: cover;
}

.section-mtl-2 .content2-r {
    text-align: left;
    width: 100%;
}

.section-mtl-2 .content2-r .name-p {
    font-size: 15px;
    color: #414141;
    margin-bottom: 0;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    position: relative;
}

.section-mtl-2 .content2-r .name-p b {
    font-size: 40px;
    font-weight: bold;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding: 0rem 0rem 1rem 0rem;
    position: relative;
    color: #414141;
}

@media screen and (max-width: 1600px) {
    .section-mtl-2 .content2-r .name-p b {
        font-size: 28px;
    }
    .section-mtl-2 .content2-r .name-p {
        font-size: 15px;
    }
}

.section-mtl-2 .content2-r .name-p::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(0, 0);
    width: 56px;
    border-bottom: 1px solid #8E1C59;
}

.section-mtl-2 .content2-r p {
    font-size: 15px;
    color: #414141;
    margin-bottom: 0;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

@media screen and (max-width: 1600px) {
    .section-mtl-2 .content2-r p {
        font-size: 12px;
    }
}

.section-mtl-2 .content3-r img {
    object-fit: cover;
}

.section-mtl-2 .content3-l {
    text-align: left;
    width: 100%;
}

.section-mtl-2 .content3-l .name-p {
    font-size: 15px;
    color: #414141;
    margin-bottom: 0;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    position: relative;
}

.section-mtl-2 .content3-l .name-p b {
    font-size: 40px;
    font-weight: bold;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding: 0rem 0rem 1rem 0rem;
    position: relative;
    color: #414141;
}

@media screen and (max-width: 1600px) {
    .section-mtl-2 .content3-l .name-p b {
        font-size: 28px;
    }
    .section-mtl-2 .content3-l .name-p {
        font-size: 15px;
    }
}

.section-mtl-2 .content3-l .name-p::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(0, 0);
    width: 56px;
    border-bottom: 1px solid #8E1C59;
}

.section-mtl-2 .content3-l p {
    font-size: 15px;
    color: #414141;
    margin-bottom: 0;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

@media screen and (max-width: 1600px) {
    .section-mtl-2 .content3-l p {
        font-size: 12px;
    }
}

.bg-icon-c1-meetourteam {
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    z-index: -1;
}

#template-our-team.darkTheme .bg-icon-c1-meetourteam {
    opacity: 0.25;
}

.section-mtl-mobile {
    display: none;
    overflow-x: hidden;
    width: 100vw;
    padding-top: 50px;
}

.section-mtl-mobile .list-mtl {
    width: 100vw;
    height: 600px;
    position: relative;
    margin: 0;
}

.section-mtl-mobile .list-mtl img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 30%;
}

.section-mtl-mobile .list-mtl .content img {
    width: 100px;
    height: auto;
    object-fit: cover;
}

.section-mtl-mobile .content {
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 1.5rem;
}

.section-mtl-mobile .content h4 {
    font-size: 24px;
    font-weight: bold;
    color: #ffff;
    margin: 0rem;
}

.section-mtl-mobile .content p {
    font-size: 14px;
    font-weight: normal;
    color: #ffff;
    margin: 0rem;
}

.section-mtl-mobile .modal .btn-close {
    position: absolute;
    right: -6px;
    top: -5px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
    width: 20px;
    height: 20px;
    z-index: 999;
    background: #8e1c59;
    border: 8px solid #8e1c59;
    opacity: 1;
    border-radius: 24px;
}

.section-mtl-mobile .modal .modal-body .content-vidios {
    width: 100%;
    height: 290px;
}

.section-mtl-mobile .modal .modal-body .content-vidios img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0%;
}

.section-mtl-mobile .modal .modal-body .content-text {
    padding: 2rem;
    background: #8e1c59;
    color: #ffffff;
}

.section-mtl-mobile .modal .modal-body .content-text a {
    width: fit-content;
    border-top: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4;
    background-color: transparent;
    border-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    text-transform: uppercase;
    font-size: 15px;
    color: #ffffff;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    line-height: normal;
    font-weight: normal;
    margin-top: 1.8rem;
}

.section-mtl-mobile .modal .modal-body .content-text h2 {
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    margin-bottom: 0.2rem;
}

.section-mtl-mobile .modal .modal-body .content-text h6 {
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    margin-bottom: 1rem;
}

.section-mtl-mobile .modal .modal-body .content-text h4 {
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    margin-bottom: 1rem;
}

.section-mtl-mobile .modal .modal-body .content-text p {
    font-size: 12px;
    color: #ffffff;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    margin-bottom: 1rem;
}


/* meet the leaders end */


/* vidios custom */

.video-js {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 9%;
    object-fit: cover;
}

.video-js .vjs-poster {
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-color: #000000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}

.video-js .vjs-control-bar {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    padding-left: 1rem;
    padding-right: 1rem;
    transition: All 0s;
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    background-color: #ffffff;
    border-radius: 2rem;
    transition: all 0s;
}

.video-js .vjs-big-play-button::after {
    content: "Autoplay Video";
    font-size: 15px;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    font-weight: normal;
    line-height: normal;
    width: max-content;
    position: absolute;
    right: -26px;
    top: 55px;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    border-color: #8E1C59;
    background-color: #8E1C59;
    transition: all 0s;
}

.video-js:hover .vjs-big-play-button .vjs-icon-placeholder,
.video-js .vjs-big-play-button .vjs-icon-placeholder:focus {
    color: #ffffff;
}

.vjs-modal-dialog .vjs-modal-dialog-content,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder {
    top: 0;
    left: 0;
    color: #8E1C59;
}

.vjs-modal-dialog .vjs-modal-dialog-content,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* vidios custom end */


/* news page */

.news {
    width: 100%;
    overflow-x: hidden;
}

.news .section-1 {
    position: relative;
    margin-top: 80px;
}

.news .section-1 .content-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.news .section-1 .content-text h2 {
    color: #ffffff;
    font-size: 65px;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    font-weight: normal;
}

@media screen and (max-width: 1600px) {
    .news .section-1 .content-text h2 {
        font-size: 45px;
    }
}

.news .section-1 .content-text p {
    color: #ffffff;
    font-size: 15px;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

.news .section-2 {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.news .section-2 .content-left h6 {
    font-size: 40px;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding: 1rem 0rem;
    position: relative;
    color: #222222;
    margin-bottom: 2rem;
}

@media screen and (max-width: 1600px) {
    .news .section-2 .content-left h6 {
        font-size: 28px;
    }
}

.news .section-2 .content-left h6::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 56px;
    border-bottom: 1px solid #8E1C59;
}

.news .section-2 .content-left .list-news-mv .content-news-mv {
    display: flex;
    column-gap: 20px;
    margin-bottom: 3rem;
}

.news .section-2 .content-left .list-news-mv .content-news-mv .r-date {
    font-size: 15px;
    text-align: center;
    position: relative;
    padding-left: 20px;
    padding-right: 10px;
    color: #2C2C2C;
    width: 15%;
    display: flex;
    flex-direction: column;
}

.news .section-2 .content-left .list-news-mv .content-news-mv .r-date::before {
    content: "";
    position: absolute;
    left: 0;
    top: 25px;
    width: 5px;
    height: 60px;
    background-color: #8E1C59;
}

.news .section-2 .content-left .list-news-mv .content-news-mv .r-date b {
    font-size: 50px;
}

.news .section-2 .content-left .list-news-mv .content-news-mv .content-text {
    width: 55%;
}

.news .section-2 .content-left .list-news-mv .content-news-mv .content-text .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0.5rem;
    color: #414141;
}

@media screen and (max-width: 1600px) {
    .news .section-2 .content-left .list-news-mv .content-news-mv .content-text .title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 0.5rem;
        color: #414141;
    }
}

.news .section-2 .content-left .list-news-mv .content-news-mv .content-text p {
    font-size: 15px;
    color: #414141;
}

.news .section-2 .content-left .list-news-mv .content-news-mv .img-news-mv img {
    width: 200px;
    height: 130px;
    margin-right: 2rem;
}

.news .section-2 .content-right h6 {
    font-size: 40px;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding: 1rem 0rem;
    position: relative;
    color: #222222;
    margin-bottom: 2rem;
    margin-left: 1.5rem;
}

@media screen and (max-width: 1600px) {
    .news .section-2 .content-right h6 {
        font-size: 28px;
    }
}

.news .section-2 .content-right h6::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 56px;
    border-bottom: 1px solid #8E1C59;
}

.news .section-2 .content-right .list-news-media {
    border-left: 2px solid #D5D5D5;
    transition: 1s;
}

.news .section-2 .content-right .list-news-media .content-news-media .content-body {
    margin-bottom: 2rem;
    padding-left: 1.5rem;
    position: relative;
}

.news .section-2 .content-right .list-news-media .content-news-media:hover .content-body::before {
    content: "";
    background: purple;
    position: absolute;
    left: -3px;
    top: 10px;
    width: 5px;
    height: 80px;
    transition: 1s;
}

.news .section-2 .content-right .list-news-media .content-news-media:hover .content-body .read img {
    margin-left: 1rem;
    transition: 1s;
}

.news .section-2 .content-right .list-news-media .content-news-media .content-body label {
    font-size: 17px;
    color: #414141;
}

.news .section-2 .content-right .list-news-media .content-news-media .content-body .title {
    font-size: 17px;
    color: #414141;
    font-weight: bold;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}

.news .section-2 .content-right .list-news-media .content-news-media .content-body .read {
    font-size: 15px;
    color: #8E1C59;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
}

.news .section-2 .content-right .list-news-media .content-news-media .content-body .read img {
    width: 30px;
    height: auto;
}

.news .section-3 .content-top h6 {
    font-size: 40px;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding: 0rem 0rem 1rem 0rem;
    position: relative;
    color: #222222;
    margin-bottom: 2rem;
}

@media screen and (max-width: 1600px) {
    .news .section-3 .content-top h6 {
        font-size: 28px;
    }
}

.news .section-3 .content-top h6::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 56px;
    border-bottom: 1px solid #8E1C59;
}

.news .section-3 .content-top {
    display: flex;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.news .section-3 .content-top .filter-rn {
    margin-left: auto;
    display: flex;
    width: auto;
}

.news .section-3 .content-top .filter-rn .d-select {
    display: flex;
    align-items: center;
}

.news .section-3 .content-top .filter-rn .d-select label {
    margin-right: 1rem;
}

.news .section-3 .content-top .filter-rn .form-select {
    width: 170px;
    height: 40px;
    align-items: center;
}

.news .section-3 {
    padding-bottom: 8rem;
    background-image: url(../assets/images/news/baground-news-recent.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.news .section-3 .content-bottom .list-news-recent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 80px 40px;
}

.news .section-3 .content-bottom .list-news-recent .content-news-recent .content-body .img-news-recent img {
    width: 100%;
}

.news .section-3 .content-bottom .list-news-recent .content-news-recent label {
    color: #414141;
    font-size: 17px;
    margin-top: 1.5rem;
}

.news .section-3 .content-bottom .list-news-recent .content-news-recent .title {
    color: #414141;
    font-size: 20px;
    font-weight: bold;
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media screen and (max-width: 1600px) {
    .news .section-3 .content-bottom .list-news-recent .content-news-recent .title {
        color: #414141;
        font-size: 18px;
        font-weight: bold;
        margin-top: 1rem;
        margin-bottom: 1rem
    }
}

.news .section-3 .content-bottom .list-news-recent .content-news-recent .read {
    color: #8E1C59;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 2rem;
}

.news .section-3 .content-bottom .list-news-recent .content-news-recent:hover .content-body .read img {
    margin-left: 1rem;
    transition: 1s;
}


/* news page end */


/* news detail */

.news-detail .section-1 {
    position: relative;
    margin-top: 80px;
}

.news-detail .section-2 {
    position: relative;
    top: -324px;
    margin-bottom: -220px;
}

.news-detail .section-2 label {
    color: #ffffff;
    font-size: 17px;
}

.news-detail .section-2 .title {
    color: #ffffff;
    font-size: 35px;
    font-weight: bold;
}

.news-detail .section-2 .content-text p img {
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.news-detail .section-2 .p-1 {
    color: #030303;
    font-size: 20px;
    font-weight: bold;
}

.news-detail .section-2 .img-1 {
    width: 100%;
    height: 500px;
    object-fit: cover;
    margin-top: 4rem;
    margin-bottom: 3rem;
}

.news-detail .section-2 .caption {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.news-detail .section-2 .content-text blockquote {
    text-align: center;
    color: #8E1C59;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
}

.news-detail .section-2 .caption i {
    text-align: center;
    color: #8E1C59;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
}

.news-detail .section-2 .caption p {
    text-align: center;
    color: #0D0D0D;
    font-size: 15px;
}

.news-detail .section-2 .galeri-news-detail {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.news-detail .section-2 .galeri-news-detail img {
    width: 100%;
}

.news-detail .section-3 {
    background-color: #F4F4F4;
}

.news-detail .section-3 .list-other-news {
    height: fit-content;
    padding-top: 0rem;
    padding-bottom: 15rem;
}

.news-detail .section-3 .list-other-news .slick-prev {
    top: 233px;
    background-image: url(assets/images/news-detail/prev.png);
    background-repeat: no-repeat;
    background-size: unset;
    width: 86px;
    height: 75px;
    left: 45%;
    transform: translate(-50%, 0px);
}

.news-detail .section-3 .list-other-news .slick-next {
    top: 233px;
    background-image: url(assets/images/news-detail/next.png);
    background-repeat: no-repeat;
    background-size: unset;
    width: 86px;
    height: 75px;
    right: 40%;
    transform: translate(-50%, 0px);
}

.news-detail .section-3 .list-other-news .slick-prev:before {
    content: '←';
    display: none;
}

.news-detail .section-3 .list-other-news .slick-next:before {
    content: '←';
    display: none;
}

.news-detail .section-3 .top {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 3rem;
}

.news-detail .section-3 .top h6 {
    font-size: 40px;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding: 1rem 0rem;
    position: relative;
    color: #222222;
    margin-bottom: 3rem;
}

@media screen and (max-width: 1600px) {
    .news-detail .section-3 .top h6 {
        font-size: 28px;
    }
}

.news-detail .section-3 .top h6::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0px);
    width: 56px;
    border-bottom: 1px solid #8E1C59;
}

.news-detail .section-3 .content-news-mv {
    display: flex;
    column-gap: 20px;
}

.news-detail .section-3 .content-news-mv .r-date {
    font-size: 15px;
    text-align: center;
    position: relative;
    padding-left: 20px;
    padding-right: 10px;
    color: #2C2C2C;
}

.news-detail .section-3 .content-news-mv .r-date::before {
    content: "";
    position: absolute;
    left: 0;
    top: 25px;
    width: 5px;
    height: 60px;
    background-color: #8E1C59;
}

.news-detail .section-3 .content-news-mv .r-date b {
    font-size: 50px;
}

.news-detail .section-3 .content-news-mv .content-text .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0.5rem;
    color: #414141;
}

@media screen and (max-width: 1600px) {
    .news-detail .section-3 .content-news-mv .content-text .title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 0.5rem;
        color: #414141;
    }
}

.news-detail .section-3 .content-news-mv .content-text p {
    font-size: 15px;
    color: #414141;
}

.news-detail .section-3 .content-news-mv .img-news-mv img {
    width: 200px;
    height: 130px;
    margin-right: 2rem;
}


/* news detail end */


/* awards */

.awards .section-1 {
    position: relative;
    margin-top: 80px;
}

.awards .section-1 .content-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.awards .section-1 .content-text h2 {
    color: #ffffff;
    font-size: 65px;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    font-weight: normal;
}

@media screen and (max-width: 1600px) {
    .awards .section-1 .content-text h2 {
        font-size: 45px;
    }
}

.awards .section-1 .content-text p {
    color: #ffffff;
    font-size: 15px;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

.awards .section-2 .content-top h6 {
    font-size: 40px;
    font-weight: normal;
    line-height: normal;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    padding: 0rem 0rem 1rem 0rem;
    position: relative;
    color: #222222;
    margin-bottom: 2rem;
}

@media screen and (max-width: 1600px) {
    .awards .section-2 .content-top h6 {
        font-size: 28px;
    }
}

.awards .section-2 .content-top h6::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 56px;
    border-bottom: 1px solid #8E1C59;
}

.awards .section-2 .content-top {
    display: flex;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.awards .section-2 {
    padding-top: 8rem;
    padding-bottom: 8rem;
    position: relative;
}

.awards .section-2 .tab-link {
    width: 500px;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translate(-50%, 0%);
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    border-radius: 8px;
    box-shadow: 2px 2px 18px #0000007a;
}

.awards .section-2 .tab-link img {
    width: 120px;
    height: auto;
    padding: 1.5rem 0;
}

.awards .section-2 .tab-link .line img {
    width: 35px;
    height: auto;
    margin: 0 1.5rem;
}

.awards .section-2 .tab-link a.active {
    border-bottom: 5px solid #8E1C59;
}

.awards .section-2 .tab-link a:hover {
    border-bottom: 5px solid #8E1C59;
}

.awards .section-2 .content-bottom .list-awards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 80px 40px;
}

.awards .section-2 .content-bottom .list-awards .content-awards .content-body .img-awards img {
    width: 100%;
}

.awards .section-2 .content-bottom .list-awards .content-awards .content-body .img-awards {
    border: 6px solid #79BEFC;
    margin-bottom: 1.5rem;
}

.awards .section-2 .content-bottom .list-awards .content-awards label {
    color: #414141;
    font-size: 17px;
}

.awards .section-2 .content-bottom .list-awards .content-awards .title {
    color: #414141;
    font-size: 20px;
    font-weight: bold;
    margin-top: 1rem;
}

@media screen and (max-width: 1600px) {
    .awards .section-2 .content-bottom .list-awards .content-awards .title {
        color: #414141;
        font-size: 18px;
        font-weight: bold;
        margin-top: 1rem;
    }
}

.awards .section-2 .content-bottom .list-awards .content-awards .p-1 {
    color: #262626;
    font-size: 15px;
}

.awards .section-2 .content-bottom .list-awards .content-awards .read {
    color: #8E1C59;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
}

.awards .section-2 .content-bottom .list-awards .content-awards:hover .content-body .read img {
    margin-left: 1rem;
    transition: 1s;
}

.row-btn-more {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 5rem;
}

.btn-more {
    background-color: transparent;
    border-right: none;
    border-left: none;
    border-top: 2px solid #8E1C59;
    border-bottom: 2px solid #8E1C59;
    padding: 0.5rem 3rem;
    text-transform: uppercase;
    transition: 0.5s;
}

.btn-more:hover {
    background-color: #8E1C59;
    color: #fff;
}

.modal-awards {
    background-color: #552b42bf;
}

.modal-awards .modal-body .img-awards {
    border: 6px solid #79BEFC;
}

.modal-awards .modal-body .img-awards img {
    width: 100%;
}

.modal-awards .modal.show .modal-dialog {
    transform: none;
    position: relative;
}

.modal-awards .btn-close-2 {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>") !important;
    background: transparent;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    position: fixed;
    right: 20px;
    top: 20px;
    border: none;
    transition: 2s;
}

.modal-awards .modal-body label {
    color: #414141;
    font-size: 17px;
    margin-top: 1rem;
}

.modal-awards .modal-body .title {
    color: #8E1C59;
    font-size: 20px;
    font-weight: bold;
}

.modal-awards .modal-body .p-1 {
    color: #1A1A1A;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0;
}

.modal-awards .modal-body .p-2 {
    color: #414141;
    font-size: 15px;
    margin-bottom: 0;
}


/* awards end */


/* sitemap page */

.sitemap {
    width: 100%;
    height: 70vh;
    overflow-x: hidden;
    overflow-y: hidden;
}

.sitemap .section-1 {
    position: relative;
    margin-top: 76px;
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-bottom: 5rem;
}

.sitemap .section-1 .title-sitemap {
    background-color: #8E1C59;
    color: #ffffff;
    font-weight: bold;
    font-size: 25px;
    padding: 1rem;
}

.sitemap .section-1 .list-sitemap {
    display: flex;
    flex-direction: column;
}

.sitemap .section-1 .list-sitemap .main,
#menu-sitemap>div>a,
#menu-sitemap-id>div>a {
    font-weight: bold;
    font-size: 18px;
    color: #000;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    display: block;
}

.sitemap .section-1 .list-sitemap .main:hover {
    color: #F265B0;
}

.sitemap .section-1 .list-sitemap .sub-main,
#menu-sitemap .sub-menu a,
#menu-sitemap-id .sub-menu a {
    font-size: 16px;
    color: #000;
}

.sitemap .section-1 .list-sitemap .sub-main:hover {
    color: #F265B0;
}


/* sitemap end page */


/* footer */

.lastSection .fp-tableCell {
    display: table-cell;
    vertical-align: bottom;
    width: 100%;
    height: 100%;
}

.footer-ak-b {
    justify-content: space-between;
    position: relative;
    z-index: 9;
}

.footer-sitemap a {
    font-size: 13px;
    color: #535353;
}

.footer-sitemap a:hover {
    color: #F265B0;
}

.footer-ak {
    background-image: url(assets/images/bg-footer.png);
    background-size: cover;
    background-position: left;
    z-index: 1000;
    position: relative;
    background-color: #2E2E2E;
    padding-top: 3rem;
}

.footer-ak hr {
    color: #FFFFFF;
    width: 50px;
    border-top: 2px solid;
}

.footer-ak h5 {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

.footer-ak li,
a {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
}

.footer-ak a:hover {
    color: #F265B0;
    font-size: 12px;
    font-weight: normal;
}

.footer-ak li a.f-sosmed-i {
    background-color: #fff;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: normal;
    border-radius: 100%;
    width: 30px !important;
    height: 30px !important;
    margin-right: 8px;
}

.footer-ak li a.f-sosmed-i:hover {
    background-color: #65334E;
    color: #fff;
}

.z-dex-footer {
    z-index: 1000;
}

.footer-ak-b .c-left {
    font-size: 13px;
    color: #535353;
}

.footer-ak-b .c-right {
    font-size: 13px;
    color: #535353;
}

.ul-2-col {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}


/* footer end */


/* search result */

.section-searchresult {
    position: relative;
    padding-top: 90px;
    padding-bottom: 90px;
    width: 100vw;
    height: fit-content;
}

.section-searchresult .content-searchresult {
    margin-bottom: 3rem;
}

.section-searchresult h4 {
    font-size: 35px;
    /* font-family: 'Raleway', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    color: #292929;
    padding-top: 4rem;
    padding-bottom: 2rem;
    margin-bottom: 0;
    line-height: normal;
}

.section-searchresult h6 {
    font-size: 25px;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    color: #3E3E3E;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: normal;
}

.section-searchresult p {
    font-size: 15px;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    color: #3E3E3E;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: normal;
}

.section-searchresult a {
    font-size: 15px;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Segoe UI', sans-serif;
    color: #B42371;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: normal;
}

.section-searchresult .content-searchresult:hover {
    cursor: pointer;
}

.section-searchresult .content-searchresult:hover h6 {
    text-decoration: underline;
}

.maps-contactus {
    display: block;
    width: 100%;
    height: auto;
}

.maps-contactus-dark {
    display: none;
}

.darkTheme .maps-contactus {
    display: none;
}

.darkTheme .maps-contactus-dark {
    display: block;
    width: 250px;
    height: auto;
}

@media screen and (max-width: 1600px) {
    .section-searchresult h4 {
        font-size: 25px;
    }
    .section-searchresult h6 {
        font-size: 18px;
    }
    .section-searchresult p {
        font-size: 12px;
    }
    .section-searchresult a {
        font-size: 12px;
    }
}


/* search result end */

@media (min-width: 1300px) and (max-width: 1400px) {
    .aboutus .section-1 .content-5-s1 {
        height: 78vh;
    }
}

@media screen and (max-width: 1024px) {
    .d-desk {
        display: none !important;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-button-next {
        width: 25px;
        height: 25px;
        background-color: #ffffff;
        border-radius: 24px;
        box-shadow: #5e5e5e 1px 1px 4px;
        top: unset;
        right: 30px;
        bottom: 30px;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-button-next::after {
        content: 'next';
        font-size: 14px;
        font-weight: bold;
        color: #000;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-button-next:hover,
    .aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-button-next:hover::after {
        background-color: #8e1c59;
        color: #fff;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-button-prev {
        width: 25px;
        height: 25px;
        background-color: #ffffff;
        border-radius: 24px;
        box-shadow: #5e5e5e 1px 1px 4px;
        right: 70px;
        left: unset;
        top: unset;
        bottom: 30px;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-button-prev::after {
        content: 'prev';
        font-size: 14px;
        font-weight: bold;
        color: #000;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-button-prev:hover,
    .aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-button-prev:hover::after {
        background-color: #8e1c59;
        color: #fff;
    }
}

@media screen and (min-width: 1024px) {
    .d-mob {
        display: none !important;
    }
}

@media (min-width: 628px) and (max-width: 992px) {
    .c-rjc-5-s1 {
        justify-content: center;
        grid-row-gap: 16px;
    }
}

@media (min-width: 628px) and (max-width: 1300px) {
    .section-mtl-mobile {
        display: none;
        overflow-x: hidden;
        width: 100vw;
        padding-top: 70px;
    }
    .section-mtl-1 {
        display: block;
    }
    .scrollup-meetourteam {
        display: none;
    }
    .section-mtl-mobile .list-mtl {
        width: 100%;
        height: 700px;
        position: relative;
        margin: 0;
    }
    .modal {
        --bs-modal-width: 580px;
    }
    .section-mtl-mobile .list-mtl img {
        object-position: 33%;
    }
}

@media (min-width: 628px) and (max-width: 1200px) {
    .section-mtl-2 .r-content2 .content2-l img {
        object-fit: contain !important;
    }
    .section-mtl-2 .content3-r img {
        object-fit: contain !important;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .aboutus-epic .item {
        width: 130px;
        height: 140px;
    }
    .aboutus .section-1 .content-6-s1 .content .text-3 img {
        width: auto;
        height: 55px;
    }
    .aboutus-epic .item:hover .dropdown-menu {
        transform: translate(-110px, 143px);
    }
    .section-op-mobile {
        display: block;
    }
    .section-op-1 {
        display: none;
    }
    .section-op-mobile .list-op {
        width: 100%;
        height: 800px;
        position: relative;
        margin: 0;
    }
}

@media (min-width: 628px) and (max-width: 1024px) {
    .section-mtl-mobile {
        display: block;
        overflow-x: hidden;
        width: 100vw;
        padding-top: 70px;
    }
    .section-mtl-1 {
        display: none;
    }
    .section-home-1 {
        background-position: 70%;
    }
    .ph-section1 .collapsePh2h::before {
        display: none;
    }
    .ph-section1 .collapsePh1h::before {
        display: none;
    }
    .ph-section1 .collapsePh1h {
        margin-left: -264px !important;
    }
    .ph-section1 .collapsePh2h {
        margin-left: -268px !important;
        ;
    }
    .ph-section1 .dropdown-collapsePh1h-btn {
        top: 20%;
        left: 5%;
        z-index: 1040 !important;
    }
    .ph-section1 .dropdown-collapsePh2h-btn {
        top: 54%;
        left: 47%;
        z-index: 1040 !important;
    }
    .ph-section1 .dropdown-collapsePh3h-btn {
        top: 80%;
        right: 81%;
        z-index: 1040 !important;
    }
    .aboutus .section-1 .content-1-s1 .content-text h2 {
        font-size: 30px;
    }
    .aboutus .section-1 .content-1-s1 .content-text p {
        color: #ffffff;
        font-size: 14px;
        /* font-family: 'Open Sans', sans-serif; */
        font-family: 'Segoe UI', sans-serif;
    }
    .aboutus .section-1 .content-2-s1 .content .kutif-left {
        width: 70px;
        top: -30px;
    }
    .aboutus .section-1 .content-2-s1 .content .kutif-right {
        width: 70px;
        top: 68px;
    }
    .aboutus .section-1 .content-2-s1 .content .text .text-1 {
        font-size: 12px;
    }
    .aboutus .section-1 .content-2-s1 .content .text .text-1 br {
        display: none;
    }
    .aboutus .section-1 .content-2-s1 .content .text-2 {
        font-size: 12px;
    }
    .aboutus .section-1 .content-2-s1 .content {
        width: 70%;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-wrapper .swiper-slide .content-text {
        bottom: 0;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-wrapper .swiper-slide .content-text p {
        font-size: 10px;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-wrapper .swiper-slide .content-text h6 {
        font-size: 12px;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-right p {
        font-size: 14px;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-right {
        padding-right: 4rem;
        padding-left: 4rem;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-right h6 {
        font-size: 22px;
    }
    .aboutus .section-1 .content-4-s1 .content-4-s1-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .aboutus .section-1 .content-4-s1 .content-4-s1-left h6 {
        font-size: 22px;
    }
    .aboutus .section-1 .content-4-s1 .content-4-s1-left p {
        font-size: 14px;
    }
    .aboutus .section-1 .content-5-s1 .card-ppg h4 {
        font-size: 16px;
    }
    .aboutus .section-1 .content-5-s1 .card-ppg h6 {
        font-size: 10px;
    }
    .aboutus .section-1 .content-5-s1 .card-ppg p {
        font-size: 10px;
    }
    .aboutus-epic-m .item {
        width: 100px;
        height: 110px;
    }
    .aboutus-epic-m .item .dropdown-toggle {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .aboutus .section-1 .content-6-s1 .content .text-3 img {
        width: auto;
        height: 45px;
    }
    .aboutus .section-1 .content-5-s1 .card-ppg {
        display: flex;
        justify-content: center;
    }
    .aboutus .section-1 .content-2-s1 .bg-icon-c2 {
        width: 200px;
    }
    .section-op-mobile {
        display: block;
    }
    .section-op-1 {
        display: none;
    }
    .section-op-mobile .list-op {
        width: 100%;
        height: 600px;
        position: relative;
        margin: 0;
    }
    .news .section-2 .content-left .list-news-mv .content-news-mv .img-news-mv img {
        width: 100px;
        height: auto;
        margin-right: 2rem;
    }
    .news .section-2 .content-left .list-news-mv .content-news-mv .r-date b {
        font-size: 30px;
    }
    .news .section-2 .content-left .list-news-mv .content-news-mv .r-date::before {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        width: 5px;
        height: 60px;
        background-color: #8E1C59;
    }
    .news .section-3 {
        background-image: none;
    }
    .news-detail .section-2 {
        position: relative;
        top: -210px;
    }
    .news-detail .section-2 .title {
        color: #ffffff;
        font-size: 25px;
        font-weight: bold;
    }
    .news-detail .section-3 .content-news-mv .r-date b {
        font-size: 35px;
    }
    .news-detail .section-3 .content-news-mv .img-news-mv img {
        width: 100px;
        height: auto;
        margin-right: 2rem;
    }
    .news-detail .section-3 .list-other-news .slick-prev {
        top: 80%;
        background-repeat: no-repeat;
        background-size: unset;
        width: 86px;
        height: 75px;
        left: 10%;
        transform: translate(-50%, 0px);
    }
    .news-detail .section-3 .list-other-news .slick-next {
        top: 80%;
        background-repeat: no-repeat;
        background-size: unset;
        width: 86px;
        height: 75px;
        right: 0%;
        transform: translate(-50%, 0px);
    }
}

@media screen and (max-width: 900px) {
    .ph-section1 .collapsePh1h::before {
        display: none;
    }
    .ph-section1 .collapsePh2h::before {
        display: none;
    }
    .aboutus-epic-m {
        display: flex;
    }
    .aboutus-epic {
        display: none;
    }
    .aboutus-epic-modal .modal .modal-content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        color: var(--bs-modal-color);
        pointer-events: auto;
        background-color: var(--bs-modal-bg);
        background-clip: padding-box;
        border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
        border-radius: var(--bs-modal-border-radius);
        outline: 0;
        padding: 1rem;
    }
    .darkTheme .aboutus-epic-modal .modal .modal-content {
        background-color: #951f5b;
    }
    .aboutus-epic-modal .modal .modal-body h6 {
        font-size: 24px;
        font-weight: bold;
        color: #951f5b;
    }
    .aboutus-epic-modal .modal .modal-body p {
        font-size: 14px;
        font-weight: normal;
        color: #101010;
    }
    .aboutus-epic-modal .modal .btn-close {
        background: transparent;
        width: 10px;
        height: 10px;
        background-repeat: no-repeat;
        position: absolute;
        top: 40px;
        right: 8px;
        top: 10px;
    }
    .homepoint-mobile-modal .modal .modal-content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        color: var(--bs-modal-color);
        pointer-events: auto;
        background-color: var(--bs-modal-bg);
        background-clip: padding-box;
        border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
        border-radius: var(--bs-modal-border-radius);
        outline: 0;
        padding: 3rem 1rem;
    }
    .darkTheme .homepoint-mobile-modal .modal .modal-content {
        background-color: #951f5b;
    }
    .homepoint-mobile-modal .modal .modal-body .content-text {
        display: flex;
    }
    .homepoint-mobile-modal .modal .modal-body .n-point {
        font-size: 16px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        width: 35px;
        height: 30px;
        background: #951f5b;
        border-radius: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 1rem;
    }
    .homepoint-mobile-modal .modal .modal-body p {
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 0;
        width: fit-content;
        color: #101010;
    }
    .homepoint-mobile-modal .modal .btn-close {
        background: transparent;
        width: 10px;
        height: 10px;
        background-repeat: no-repeat;
        position: absolute;
        top: 40px;
        right: 8px;
        top: 10px;
    }
    .section-mtl-mobile .list-mtl {
        width: 100%;
        height: 600px;
        position: relative;
        margin: 0;
    }
}

@media screen and (max-width: 768px) {
    .content-5-s1 .row-m {
        height: fit-content !important;
    }
}

@media screen and (max-width: 628px) {
    .navbar-toggler {
        padding-right: 0;
    }
    .navbar-akraya {
        padding-left: 0.5rem;
        padding-right: 0.5rem !important;
    }
    .navbar-akraya .offcanvas-body {
        padding: 0rem 0rem;
    }
    .navbar-akraya .offcanvas.offcanvas-end {
        padding-right: 1rem;
    }
    .navbar-brand img {
        width: 100px;
        height: auto;
    }
    .switcher {
        margin-right: 0rem;
    }
    .section-home-1 {
        background-image: url(assets/images/monas-mobile.png);
        display: none;
    }
    .section-home-1.section-home-1-dark.d-block {
        display: none !important;
    }
    .section-home-1-light-m {
        background-image: url(assets/images/monas-mobile.png);
        display: block;
    }
    .section-home-1-dark-m {
        background-image: url(assets/images/monas-mobile-dark.png) !important;
        display: block;
    }
    .darkTheme .section-home-1-dark {
        display: none;
    }
    .section-home-1 .swiper {
        display: none;
    }
    .section-home-1 .ph-section1 {
        display: none;
    }
    .section-home-1-mobile {
        display: block;
    }
    .ph-section1-mobile {
        display: flex !important;
        margin-bottom: 0rem;
    }
    .section-mtl-1 {
        position: relative;
        width: 100%;
        height: fit-content;
        background-color: #000;
        display: none;
    }
    .col-mtl-list-mobile {
        flex: 0 0 auto;
    }
    .navbar-toggler {
        padding-right: 0;
    }
    .section-mtl-mobile {
        display: block;
    }
    .section-op-mobile {
        display: block;
    }
    .section-op-1 {
        display: none;
    }
    .section-mtl-2 .r-content2 .content2-l {
        display: flex;
        justify-content: center;
    }
    .section-mtl-2 .r-content2 .content2-l img {
        height: 50%;
        width: 50%;
    }
    .section-mtl-2 .r-content3 .content3-r {
        display: flex;
        justify-content: center;
    }
    .section-mtl-2 .r-content3 .content3-r img {
        height: 50%;
        width: 50%;
    }
    .section-mtl-2 .content2-r .name-p b {
        font-size: 20px;
    }
    .section-mtl-2 .content2-r .name-p {
        font-size: 12px;
    }
    .section-mtl-2 .content3-l .name-p b {
        font-size: 20px;
    }
    .section-mtl-2 .content3-l .name-p {
        font-size: 12px;
    }
    .bg-icon-c1-meetourteam {
        position: absolute;
        right: 0;
        top: 0;
        width: 120px;
        z-index: -1;
        opacity: 0.5;
    }
    .wrap-rev-mobile {
        flex-wrap: wrap-reverse !important;
    }
    .btn-close {
        top: -2px;
        width: 10px;
        height: 10px;
    }
    .nav-ak .nav-link {
        margin-bottom: 1rem;
    }
    .aboutus .section-1 .content-6-s1 .content .text-2 {
        font-size: 12px;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .aboutus .section-1 .content-2-s1 .bg-icon-c2 {
        position: absolute;
        right: 0;
        top: 0;
        width: 300px;
        z-index: -1;
        opacity: 0.5;
    }
    .aboutus .section-1 .content-1-s1 {
        position: relative;
        margin-top: 54px;
    }
    .aboutus .section-1 .content-1-s1 img {
        /* height: 150px; */
        height: 250px;
        object-fit: cover;
    }
    .aboutus .section-1 .content-1-s1 .content-text h2 {
        font-size: 24px;
    }
    .aboutus .section-1 .content-1-s1 .content-text p {
        font-size: 12px;
        margin-bottom: 0;
    }
    .aboutus .section-1 .content-2-s1 .content {
        top: 0px;
        padding: 1rem;
    }
    .aboutus .section-1 .content-5-s1 .col-c5s1 {
        padding: 0.5rem 0rem !important;
    }
    .content-5-s1 .row-m {
        margin: 0 !important;
        padding: 0 !important;
    }
    .aboutus-epic .item {
        height: 65px;
        width: 60px;
    }
    .aboutus-epic .item .dropdown-toggle {
        font-size: 50px;
    }
    .aboutus-epic .item .dropdown-toggle img {
        display: none;
    }
    .aboutus-epic .item .dropdown-toggle.show .itemlistepic-active {
        font-size: 50px;
        border: 6px solid #ffffff;
    }
    .aboutus-epic .item .dropdown-toggle.show .bg-aboutus-epic-detail {
        height: 100%;
    }
    .aboutus-epic {
        justify-content: center;
    }
    .aboutus-epic-m .item {
        height: 65px;
        width: 60px;
    }
    .aboutus-epic-m .item .dropdown-toggle {
        font-size: 50px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .aboutus-epic-m .item .dropdown-toggle.show .itemlistepic-active {
        font-size: 50px;
        border: 6px solid #ffffff;
    }
    .aboutus-epic-m .item .dropdown-toggle.show .bg-aboutus-epic-detail {
        height: 100%;
    }
    .aboutus-epic-m {
        justify-content: center;
    }
    .aboutus-epic-m .bg-aboutus-epic-detail-close-m {
        top: 0;
        background-color: transparent;
    }
    .aboutus .section-1 .content-6-s1 .content {
        width: fit-content;
    }
    .aboutus .section-1 .content-6-s1 .content .text-3 {
        font-size: 14px;
        width: 100vw;
    }
    .aboutus .section-1 .content-6-s1 .content .text-3 img {
        width: auto;
        height: 30px;
    }
    .aboutus .section-1 .content-4-s1 .content-4-s1-left p {
        font-size: 12px;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-right p {
        font-size: 14px;
        text-align: center;
    }
    .aboutus .section-1 .content-2-s1 .content .kutif-left {
        width: 30px;
        top: -30px;
    }
    .aboutus .section-1 .content-2-s1 .content .kutif-right {
        width: 30px;
        top: 47px;
    }
    .aboutus .section-1 .content-2-s1 .content .text .text-1 {
        font-size: 10px;
    }
    .aboutus .section-1 .content-2-s1 .content .text .text-1 br {
        display: none;
    }
    .aboutus .section-1 .content-2-s1 .content .text-2 {
        font-size: 10px;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-right h6 {
        text-align: center;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-right h6::before {
        transform: translate(-50%, 0px);
        left: 50%;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-right .swiper-button-prev {
        left: 42%;
        transform: translate(-50%, 10px);
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-right .swiper-button-next {
        left: 58%;
        transform: translate(-50%, 10px);
    }
    .aboutus .section-1 .content-6-s1 .content-top {
        height: 290px;
    }
    .aboutus .section-1 .content-6-s1 .content-bottom {
        height: 200px;
    }
    .aboutus .section-1 .content-6-s1 .content {
        top: -140px;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-right: 2rem;
        padding-left: 2rem;
        margin-top: 1rem;
    }
    .aboutus .section-1 .content-4-s1 .content-4-s1-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 2rem;
        padding-right: 2rem;
        text-align: center;
    }
    .aboutus .section-1 .content-4-s1 .content-4-s1-left h6::before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 56px;
        border-bottom: 1px solid #8E1C59;
        transform: translate(-50%, 0px);
        left: 50%;
    }
    .aboutus .section-1 .content-5-s1 {
        height: fit-content;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-pagination-bullet {
        display: inline-block;
        border-radius: 50%;
        background: #fff;
        opacity: 1;
        width: 10px;
        height: 10px;
    }
    .aboutus .section-1 .content-4-s1 .content-4-s1-right .swiper-pagination-bullet {
        display: inline-block;
        border-radius: 50%;
        background: #fff;
        opacity: 1;
        width: 10px;
        height: 10px;
    }
    .video-js .vjs-tech {
        padding-top: 0%;
    }
    .card-ppg-close {
        display: block;
        width: 30px;
        height: 30px;
        background: transparent;
        color: #fff;
        font-size: 24px;
        font-weight: bold;
        right: 10px !important;
        top: 10px !important;
        left: auto !important;
        z-index: 9999999;
    }
    .card-ppg-close-c1:before {
        transform: translateY(100%) !important;
    }
    .card-ppg-close-c2 {
        opacity: 0 !important;
    }
    .aboutus .section-1 .content-5-s1 .card-ppg .imghvr-reveal-up {
        height: fit-content;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-wrapper .swiper-slide .content-text {
        margin: 1rem;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-wrapper .swiper-slide .content-text h6 {
        font-size: 12px;
    }
    .aboutus .section-1 .content-3-s1 .content-3-s1-left .swiper-wrapper .swiper-slide .content-text p {
        font-size: 12px;
    }
    .contactus .section-2 .content-top h4 {
        font-size: 30px;
    }
    .contactus .section-1 {
        position: relative;
        margin-top: 55px;
    }
    .maps-contactus {
        /* height: 150px; */
        height: 250px;
        object-fit: cover;
    }
    .maps-contactus-dark {
        /* height: 150px; */
        height: 250px;
        object-fit: cover;
    }
    .aboutus-epic .item:hover .dropdown-menu {
        display: block;
        position: absolute;
        inset: 0px auto auto 0px;
        margin: 0px;
        transform: translate(-72px, 65px);
        display: block;
        border-radius: 0px;
        border: 0px;
        padding: 2rem;
        width: 100vw;
        z-index: 1035;
        left: 0;
    }
    .aboutus .section-1 .content-5-s1 [class*=" imghvr-"] figcaption,
    .aboutus .section-1 .content-5-s1 [class^=imghvr-] figcaption {
        z-index: 2;
    }
    .section-mtl-2 .r-content3 {
        flex-direction: column-reverse;
    }
    .scrollup-meetourteam {
        display: none !important;
    }
    .scrolldown-meetourteam {
        display: none !important;
    }
    .footer-ak-b {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .footer-ak li,
    a {
        color: #fff;
        font-size: 10px;
        font-weight: normal;
    }
    .footer-ak a:hover {
        color: #F265B0;
        font-size: 10px;
        font-weight: normal;
    }
    .footer-ak-b .c-left {
        font-size: 10px;
        color: #535353;
    }
    .footer-ak-b .c-right {
        font-size: 11px;
        color: #535353;
        margin-left: auto;
    }
    .section-searchresult .content-searchresult {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .section-searchresult .title-searchresult {
        padding-left: 0;
        padding-right: 0;
    }
    .section-searchresult h4 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .section-searchresult p {
        padding-top: 0;
        padding-bottom: 0;
    }
    .news .section-1 {
        position: relative;
        margin-top: 58px;
    }
    .news .section-1 .newsbanner {
        height: 250px;
        object-fit: cover;
    }
    .news .section-1 .content-text h2 {
        font-size: 24px;
    }
    .news .section-1 .content-text p {
        font-size: 12px;
    }
    .news .section-2 .content-left .list-news-mv .content-news-mv .r-date b {
        font-size: 20px;
    }
    .news .section-2 .content-left .list-news-mv .content-news-mv .r-date::before {
        content: "";
        position: absolute;
        left: 0;
        top: 14px;
        width: 3px;
        height: 35px;
        background-color: #8E1C59;
    }
    .news .section-2 .content-left .list-news-mv .content-news-mv .img-news-mv img {
        width: 100px;
        height: auto;
        margin-right: 0rem;
    }
    .news .section-3 .content-top {
        display: flex;
        align-items: flex-start;
        margin-bottom: 2rem;
        flex-direction: column;
    }
    .news .section-3 .content-top .filter-rn {
        margin-left: 0;
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .news .section-2 .content-right h6 {
        font-size: 40px;
        font-weight: normal;
        line-height: normal;
        /* font-family: 'Raleway', sans-serif; */
        font-family: 'Segoe UI', sans-serif;
        padding: 1rem 0rem;
        position: relative;
        color: #222222;
        margin-bottom: 2rem;
        margin-left: 0rem;
    }
    .news .section-3 .content-bottom .list-news-recent {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 40px;
    }
    .news .section-3 .content-bottom .list-news-recent .content-news-recent .title {
        color: #414141;
        font-size: 16px;
        font-weight: bold;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .news .section-3 .content-bottom .list-news-recent .content-news-recent .read {
        color: #8E1C59;
        font-size: 14px;
        font-weight: bold;
        display: flex;
        gap: 10px;
    }
    .news .section-3 .content-bottom .list-news-recent .content-news-recent .content-body .img-news-recent img {
        width: 50%;
    }
    .news .section-3 .content-top h6 {
        font-size: 20px;
    }
    .news .section-2 .content-right h6 {
        font-size: 20px;
    }
    .news .section-2 .content-left h6 {
        font-size: 20px;
    }
    .news .section-2 .content-left .list-news-mv .content-news-mv .content-text .title {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 0.5rem;
    }
    .news .section-2 .content-left .list-news-mv .content-news-mv .content-text p {
        font-size: 12px;
    }
    .news .section-2 .content-right .list-news-media .content-news-media .content-body .title {
        font-size: 16px;
    }
    .news .section-2 .content-right .list-news-media .content-news-media .content-body .read {
        font-size: 14px;
        color: #8E1C59;
        font-weight: bold;
    }
    .news .section-3 {
        background-image: none;
    }
    .awards .section-2 .content-bottom .list-awards {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 80px 40px;
    }
    .awards .section-2 .tab-link {
        width: 80%;
    }
    .awards .section-2 .tab-link img {
        width: 70px;
        height: auto;
        padding: 1rem 0;
    }
    .awards .section-2 .tab-link .line img {
        width: 20px;
        height: auto;
        margin: 0 1.5rem;
    }
    .awards .section-1 {
        position: relative;
        margin-top: 58px;
    }
    .awards .section-1 .awardsbanner {
        height: 250px;
        object-fit: cover;
    }
    .awards .section-1 .content-text h2 {
        font-size: 24px;
    }
    .awards .section-1 .content-text p {
        font-size: 12px;
        text-align: center;
    }
    .awards .section-2 .tab-link {
        top: -36px;
    }
    .news-detail .section-1 {
        position: relative;
        margin-top: 58px;
    }
    .news-detail .section-1 .newsdetail-banner {
        height: 250px;
        object-fit: cover;
    }
    .news-detail .section-2 {
        position: relative;
        top: -210px;
    }
    .news-detail .section-2 .title {
        color: #ffffff;
        font-size: 20px;
        font-weight: bold;
    }
    .news-detail .section-2 label {
        color: #ffffff;
        font-size: 12px;
    }
    .news-detail .section-2 .p-1 {
        color: #030303;
        font-size: 14px;
        font-weight: bold;
    }
    .news-detail .section-2 .caption i {
        font-size: 20px;
    }
    .news-detail .section-3 .content-news-mv .r-date b {
        font-size: 20px;
    }
    .news-detail .section-3 .content-news-mv .img-news-mv img {
        width: 100px;
        height: auto;
    }
    .news-detail .section-3 .list-other-news .slick-prev {
        top: 80%;
        background-repeat: no-repeat;
        background-size: unset;
        width: 86px;
        height: 75px;
        left: 20%;
        transform: translate(-50%, 0px);
    }
    .news-detail .section-3 .list-other-news .slick-next {
        top: 80%;
        background-repeat: no-repeat;
        background-size: unset;
        width: 86px;
        height: 75px;
        right: 0%;
        transform: translate(-50%, 0px);
    }
    .news-detail .section-3 .list-other-news {
        height: fit-content;
        padding-top: 0rem;
        padding-bottom: 10rem;
    }
    .news-detail .section-2 .img-1 {
        width: 100%;
        height: 200px;
        object-fit: cover;
        margin-top: 4rem;
        margin-bottom: 3rem;
    }
    .mr-0-m {
        margin-right: 0 !important;
    }
    /* sitemap page mobile */
    .sitemap {
        height: 100% !important;
    }
    .sitemap .section-1 .list-sitemap {
        display: flex;
        flex-direction: column;
        padding-left: 1rem;
    }
    .sitemap .section-1 .row-m {
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: calc(var(--bs-gutter-x) * .5);
    }
    .sitemap .section-1 .mp-m {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    /* sitemap page mobile end */
}

@media screen and (max-height:700px) {
    .section-op-1 .offcanvas .offcanvas-body .op-r-detail {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: unset;
        padding-top: 130px;
    }
}