:root {
    --main-color: #09413e;
    /*--main-color: #047478;*/
    --second-color: #03b0a7;
    --heading-color: #ef4723;
}

/* sarabun-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Sarabun-100';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/sarabun-v15-latin/sarabun-v15-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* sarabun-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Sarabun-regular';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/sarabun-v15-latin/sarabun-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* sarabun-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Sarabun-500';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/sarabun-v15-latin/sarabun-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* sarabun-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Sarabun-700';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/sarabun-v15-latin/sarabun-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* sarabun-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Sarabun-800';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/sarabun-v15-latin/sarabun-v15-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.sarabun-100 {font-family: Sarabun-100;}
.sarabun-regular {font-family: Sarabun-regular;}
.sarabun-500 {font-family: Sarabun-500;}
.sarabun-700 {font-family: Sarabun-700;}
.sarabun-800 {font-family: Sarabun-800;}


body a,
body a:hover {
    text-decoration: none!important;
    color: #000;
}

/*Global Background*/
.bg-soft-yellow {background: #f1e9cd !important}
.bg-soft-light {background: #fafafa !important}
.bg-medium-light {background: #F0F1F1 !important}
.bg-tp {background-color: var(--main-color) !important}
.bg-tp2 {background-color: var(--heading-color) !important}
.bg-tp-gradation {
    background: var(--main-color);
    background: linear-gradient(0deg, var(--main-color) 0%, #01dcd3 100%);
}

/*Fill Color*/
.fill-tp {fill: var(--main-color) !important}
.fill-light {fill: #e3e3e3 !important}



/*Text Color*/
.text-tp {color: var(--main-color) !important;}
.text-tp2 {color: var(--heading-color) !important;}
.text-gray { color: #888888 !important;}



/*Button Color*/
.btn-outline-tp {
    background-color: #ffffff !important;
    color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}
.btn-tp,
.btn-outline-tp:hover {
    background-color: var(--main-color) !important;
    color: #fff!important;
    border-color: var(--main-color) !important;
}
.btn-tp-white {
    background-color: #f8f9fa !important;
    color: var(--main-color) !important;
    border-color: #f8f9fa!important;
}
.btn-tp-gradation {
    position: relative;
    display: inline-block;
    padding: 15px 1rem;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    -webkit-border-radius: 5rem!important;
    -moz-border-radius: 5rem!important;
    border-radius: 5rem!important;
    z-index: 1;
    -webkit-font-smoothing: antialiased!important;
    outline-color: var(--main-color);
    text-shadow: 1px 1px 1px rgb(0 0 0 / 0%);
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    /* box-shadow: 0 0 0 0.5px rgba(50,50,93,.17), 0 2px 5px 0 rgba(50,50,93,.1), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent!important; */
    transition: all 500ms ease;
}
.btn-tp-gradation:before {
    content: "";
    background: var(--main-color);
    background: linear-gradient(47deg, var(--main-color) 0%, #2addae 70%);
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-border-radius: 5rem!important;
    -moz-border-radius: 5rem!important;
    border-radius: 5rem!important;
    transition: all 500ms ease;
    z-index: -1;
}
.btn-tp-gradation:hover:before,
.btn-tp-gradation:focus:before,
.btn-tp-gradation:active:before {
    width: 100%;
    left: 0;
}
.no-transition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.btn-transition {
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
.btn-check:checked+.btn,
.btn:not(.btn-link).active,
.btn:not(.btn-link).show,
.btn:not(.btn-link):first-child:active,
:not(.btn-check)+.btn:not(.btn-link):active {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.btn-check:active+.btn-outline-tp,
.btn-check:checked+.btn-outline-tp,
.btn-outline-tp.active,
.btn-outline-tp.dropdown-toggle.show,
.btn-outline-tp:active {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.btn-tp2 {
    background-color: var(--heading-color) !important;
    color: #FFFFFF !important;
    border-color: var(--heading-color) !important;
}

/*Border Color*/
.border-tp {
    border-color: var(--main-color)!important;
}

/*Shadow*/
.shadow-md {
    box-shadow: 0 .5rem 1.8rem rgba(0,0,0,.175)!important;
}

/*Width & height*/
.w-45 {width: 45%!important;}
.w-35 {width: 35%!important;}
.w-65 {width: 65%!important;}
.w-80 {width: 80%!important;}
.w-90 {width: 90%!important;}


.h-250rem {height: 15rem;}
.h-280rem {height: 18.75rem;}
.h-380rem {height: 23.75rem;}


/*.container {*/
/*border-left: 1px solid red;*/
/*border-right: 1px solid red;*/
/*}*/

/*Padding & Margin*/
.p-6 {padding: 4rem !important;}
.pt-6 {padding-top: 10.5rem !important;}
.py-6 {
    padding-top: 10.5rem !important;
    padding-bottom: 10.5rem !important;
}
.px-6 {
    padding-left: 10.5rem !important;
    padding-right: 10.5rem !important;
}
.mtm-3 {margin-top: -3rem!important;}
.mtm-5 {margin-top: -5rem!important;}
.mtm-6 {margin-top: -6rem!important;}
.mxm-2 {margin: 0 -5px}


.pointer {cursor: pointer!important}
.default {cursor: default!important}

/*Font Custom*/
.fs-xs { font-size: .675rem!important}
.fs-sm { font-size: .775rem!important}
.fs-md { font-size: .950rem!important}
.fs-lg {font-size: 1.125rem !important;}
.fs-xl {font-size: 1.1rem!important;}
.fs-xxl {font-size: 3rem!important;}
.fs-xxxl {font-size: 4rem!important;}
.text-nowrap {white-space: nowrap!important;}
.fw-light {font-weight: 400!important;}
.fw-normal {font-weight: 300!important;}
.fw-medium {font-weight: 600!important;}
.over-hidden-x {overflow-x: hidden !important}
.full-index {z-index: 10!important}

/*Sticky Custom*/
.sticky-offset-2 {
    top: 1.5rem !important;
    z-index: 10;
}
.sticky-offset-3 {
    top: 3rem !important;
    z-index: 10;
}
.sticky-offset-4 {
    top: 3.9rem !important;
    z-index: 10;
}
.sticky-offset-4a {
    top: 4.5rem !important;
    z-index: 10;
}
.sticky-offset-5 {
    top: 5.5rem !important;
    z-index: 10;
}
.sticky-offset-6 {
    top: 6rem!important;
    padding-top: 0;
    z-index: 10;
}


.bg-img-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    z-index: 1;
}
.bg-img-hero::before {
    content: "";
    /*background-image: linear-gradient(to bottom,rgba(30,32,34,.3) 0, rgba(33, 38, 78, 0.45) 100%);*/
    background-image: linear-gradient(to bottom, rgba(30, 32, 34, .3) 0, rgba(14, 16, 33, 0.93) 100%);
    background-repeat: repeat-x;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transition: All .3s linear;
    -moz-transition: All .3s linear;
    -ms-transition: All .3s linear;
    -o-transition: All .3s linear;
    transition: All .3s linear;
}
.bg-img-hero:hover::before {
    background-image: linear-gradient(to bottom, rgba(30, 32, 34, .3) 0, rgba(14, 16, 33, 0.93) 100%);
}

/*Image Custom Wrap*/
.imgCont {overflow: hidden}
.imgCont img {
    max-width: 100%;
    max-height: 100%;
}
.img-long img {
    object-fit: initial;
    height: initial;
}
.full-size img {
    object-fit: cover;
    min-height: 100%;
}


/*List Check*/
ul.list-check {
    list-style: none;
    padding-left: .5rem !important;
}
ul.list-check li {
    position: relative;
    padding-left: 1.6rem;
    margin-bottom: 0;
}
ul.list-check li::before {
    font-family: bootstrap-icons !important;
    content: "\f26a";
    color: var(--heading-color);
    position: absolute;
    left: 0;
}

.article-list .card .imgCont img {
    object-fit: cover;
    height: 100%;
}

/*.imgCont img.card-img {*/
/*    -webkit-border-radius: 0;*/
/*    -moz-border-radius: 0;*/
/*    border-radius: 0;*/
/*}*/

/*Limit Text*/
.limit-text-1,
.limit-text-2,
.limit-text-3,
.limit-text-4,
.limit-text-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
}
.limit-text-1 {-webkit-line-clamp: 1;}
.limit-text-2 {-webkit-line-clamp: 2;}
.limit-text-3 {-webkit-line-clamp: 3;}
.limit-text-4 {-webkit-line-clamp: 4;}
.limit-text-5 {-webkit-line-clamp: 5;}



/*NAVBAR*/
.navbar {
    background-color: var(--main-color);
}
.navbar.active {}
.navbar .offcanvas-header {
    border-color: var(--main-color) !important;
}
.navbar .btn-close {
    background: none;
    height: initial;
    color: #FFFFFF;
}
.navbar .navbar-brand {
    max-width: 12rem;
}
.navbar .navbar-brand img {
    max-width: 100%;
}
.navbar .dropdown-toggle::after {
    content: "\f282";
    font-family: bootstrap-icons !important;
    border: none !important;
    margin-left: 6px;
    /*transition: all 1s linear;*/
    display: inline-block;
}
.navbar .dropdown-menu {
    min-width: 12rem;
}
.navbar .navbar-nav .link-custom  {
    color: #ffffff !important;
    position: relative;
    /*overflow: hidden;*/
}
@media screen and (min-width: 990px) {
    .navbar .navbar-nav li:not(:last-of-type) .link-custom::after  {
        content: '';
        border-right: 2px solid rgba(255, 255, 255, 0.57);
        position: absolute;
        top: .9rem;
        right: 0;
        bottom: .7rem;
    }
    .navbar .navbar-nav li .link-custom::before {
        content: '';
        background: #ffffff;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,  #ffffff 50%, rgba(255, 255, 255, 0) 100%);
        height: 3px;
        position: absolute;
        left: .7rem;
        right: .7rem;
        bottom: -1rem;
        transform: translateY(1.1rem);
        transition: transform 200ms ease-in-out;
    }
    .navbar .navbar-nav .link-custom.active::before,
    .navbar .navbar-nav .link-custom:hover::before {
        transform: translateY(-1rem);
    }
}
.navbar .navbar-nav .dropdown-toggle:hover::after {
    content: "\f286";
}
.navbar  .navbar-nav .link-custom:hover,
.navbar  .navbar-nav .link-custom.active,
.navbar  .navbar-nav .link-custom.active:hover {
    font-weight: 700 !important;
}
.navbar  .navbar-nav .link-custom.active {
    color: var(--heading-color) !important;
}
.dropdown-menu-arrow:before {
    content: "";
    background: #ffffff;
    width: 16px;
    height: 16px;
    border-top: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    position: absolute;
    top: -20px;
    left: 1.25rem;
    bottom: 100%;
    border-top-right-radius: .2rem;;
    -webkit-transform: rotate(-45deg) translateY(1rem);
    -moz-transform: rotate(-45deg) translateY(1rem);
    -ms-transform: rotate(-45deg) translateY(1rem);
    -o-transform: rotate(-45deg) translateY(1rem);
    transform: rotate(-45deg) translateY(1rem);
    z-index: -5;
    display: block;
}
.navbar .navbar-nav ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar .navbar-nav ul.wraps {
    width: initial!important;
}
.navbar>nav>li.nav-item:first-child a {
    padding-left: 0!important;
}
.navbar .navbar-nav li.nav-item>a.nav-link,
.navbar .navbar-nav li.nav-item.parent>a.nav-link,
.navbar .navbar-nav li.nav-item.parent>a.dropdown-toggle,
.navbar .navbar-nav li.nav-item.parent>span.nav-link {
    padding: .5rem 1rem!important;
    white-space: nowrap;
    font-weight: 500;
    position: relative;
}
/*.navbar a.nav-link,*/
/*.navbar .navbar-nav li.nav-item.parent>span.nav-link,*/
/*.navbar .navbar-nav li.nav-item.parent>a.dropdown-toggle {*/
/*    font-size: .95rem;*/
/*    color: #555;*/
/*    display: block;*/
/*}*/


.navbar .dropdown-menu li:hover a,
.navbar .sub-parent li:hover a,
.navbar .sub-parent li:active a {
    background-color: #fff !important;
    color: var(--heading-color) !important;
    z-index: 11;
    cursor: pointer;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0 0 1.25rem rgb(31 45 61 / 8%);
    -moz-box-shadow: 0 0 1.25rem rgb(31 45 61 / 8%);
    box-shadow: 0 0 1.25rem rgb(31 45 61 / 8%);
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
}
.navbar ul.sub-parent li i {
    font-size: 1.25rem!important;
    margin-right: .5rem!important;
}
.navbar .navbar-nav .parent {
    position: relative;
}
.navbar .navbar-nav .parent>a.nav-link::after,
.navbar .navbar-nav .parent>span.nav-link::after {
    content: "\f282";
    font-family: bootstrap-icons !important;
    font-size: .8rem;
    border: 0;
    position: relative;
    top: 4px;
    margin-left: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.navbar .navbar-nav ul ul.sub-parent {
    background-color: #fcfcfc;
    min-width: 25rem;
    border: 1px solid #eee;
    padding: 0!important;
    position: absolute;
    top: 2.5rem;
    -webkit-box-shadow: 0 0.25rem 0.5625rem -0.0625rem #00000008, 0 0.275rem 1.25rem -0.0625rem #00000036;
    -moz-box-shadow: 0 0.25rem 0.5625rem -0.0625rem #00000008, 0 0.275rem 1.25rem -0.0625rem #00000036;
    box-shadow: 0 0.25rem 0.5625rem -0.0625rem #00000008, 0 0.275rem 1.25rem -0.0625rem #00000036;
}
.navbar .navbar-nav .sub-parent li a.nav-link,
.navbar .navbar-nav .dropdown-menu li a.nav-link {
    color: #000!important;
    font-size: .9rem;
    line-height: 2.5;
    /*font-weight: 300;*/
    position: relative;
    padding: 0 1rem;
    transform: scale(1);
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -ms-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

.navbar .navbar-nav .sub-parent li:hover a.nav-link,
.navbar .navbar-nav .sub-parent li:active a.nav-link {
    background-color: #fff !important;
    color: #ef5f00 !important;
    z-index: 11;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0 0 1.25rem rgb(31 45 61 / 8%);
    -moz-box-shadow: 0 0 1.25rem rgb(31 45 61 / 8%);
    box-shadow: 0 0 1.25rem rgb(31 45 61 / 8%);
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
}

.navbar .navbar-nav ul ul.sub-parent li p {
    text-transform: capitalize;
    line-height: 1;
}
.navbar .navbar-nav ul ul.sub-parent li p:last-child {
    margin-bottom: 0!important;
    display: block;
}
.navbar .navbar-nav ul ul.sub-parent li:hover i,
.navbar .navbar-nav ul ul.sub-parent li:hover .h6 {
    background: #227FC0;
    background: -moz-linear-gradient(left, #227FC0 0%, #0E5687 100%);
    background: -webkit-linear-gradient(left, #227FC0 0%,#0E5687 100%);
    background: linear-gradient(to right, #227FC0 0%,#0E5687 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    font-weight: 700;
}
@keyframes dropdown-show {
    from {
        transform: scale(.9);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
.navbar .navbar-nav .wraps.right .sub-parent {
    min-width: 10rem!important;
    right: -5rem!important;
    left: initial!important;
}
.navbar .navbar-nav .wraps.right a.btn {
    padding: .5rem 1.1rem!important;
}





/* Fisrt Tier Dropdown */
.navbar .navbar-nav ul ul li {
    float:none;
    position: relative;
    display:list-item;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/* Second, Third and more Tiers	*/
.navbar .navbar-nav ul ul ul li {
    position: relative;
    top:-60px;
    left:170px;
}




/*MAIN CONTENT*/
.main-content {
    /*padding-top: 4.8rem;*/
}

/*SLIDER NAV*/
#slider-nav .slick-active.is-active .imgCont {
    border: 3px solid #ef5f00 !important;
}



/*Slick*/
.list-slider .slick-slide {
    padding: 0 0.5rem 1rem;
}




/*Highlist Hover*/
.highlist-hover::before {
    content: '';
    background: rgba(236, 236, 236, 0.19);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
}
.card:hover .highlist-hover::before,
.imgContBig.highlist-hover:hover::before {
    -webkit-transform: scale3d(2,1.5,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
    transform: scale3d(2,1.5,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
}






.home h2 {
    font-size: 1.8rem !important;
}
.all-detail-page:not(.mediaDetail) h1 {
    font-size: 2.3rem !important;
}
@media screen and (min-width: 680px) {
    .home h2 {
        font-size: 2.5rem !important;
    }
}
@media screen and (min-width: 990px) {
    .home:not(.aboutUs) h2 {
        font-size: 3.5rem !important;
    }
    .all-detail-page:not(.mediaDetail) h1,
    .all-detail-page .fs-xl {
        font-size: 3.5rem !important;
    }
}


#insightSlider.slick-slider .slick-arrow,
#insightSlider.slick-slider .slick-arrow:active,
#insightSlider.arrow-custom .slick-arrow {
    -webkit-transform: translateY(-180%) !important;
    -moz-transform: translateY(-180%) !important;
    -ms-transform: translateY(-180%) !important;
    -o-transform: translateY(-180%) !important;
    transform: translateY(-180%) !important;
}


/*MEDIA*/
.mediaPage .all-slider .card-title {
    min-height: 47px;
}
.mediaPage .slick-slider .slick-prev,
.mediaPage .slick-slider:hover .slick-prev {
    left: -3.5rem !important;
}
.mediaPage .slick-slider .slick-next,
.mediaPage .slick-slider:hover .slick-next {
    right: -3.5rem !important;
}


@media screen and (max-width: 990px) {
    .mediaDetail .video-cont iframe {
        height: 450px;
    }
}
@media screen and (max-width: 680px) {
    .mediaDetail .video-cont iframe {
        height: 370px;
    }
}
@media screen and (max-width: 480px) {
    .mediaDetail .video-cont iframe {
        height: 250px;
    }
}





/*TOP HEADLINE*/
.top-headline {
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
}
@media screen and (min-width: 990px) {
    .top-headline {
        height: calc(100vh);
        padding-top: 5rem;
    }
}

@media screen and (max-width: 580px) {
    .top-headline {
        height: calc(100vh);
    }
}


.top-headline::before {
    content: '';
    background: var(--main-color);
    /*background: linear-gradient(to bottom, var(--main-color) 0%, rgba(255, 255, 255, 0) 100%);*/
    background: linear-gradient(to bottom, #09413e 0%, rgb(9 65 62 / 27%) 120%);
    height: 100%;
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
}
.top-headline h1 {
    font-size: 3.5rem;
}
@media screen and (min-width: 480px) {
    .top-headline h1 {
        font-size: 4rem;
    }
}
.top-headline .big-banner img {
    margin-top: 5rem;
}


/*ABOUTUS*/
.aboutusPage .text-detail .heading-icon {
    align-items: center;
    display: flex;
}
.aboutusPage .text-detail .heading-icon .imgCont {
    min-width: 4rem !important;
    max-width: 4rem !important;
    margin-right: .5rem;
    display: inline-block;
}


/*WHAT WE DO*/
.whatWeDo.home {}
.whatWeDo.home .accordion-button {
    background-color: #e0e0e0;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.whatWeDo.home .accordion-button::before {
    content: '';
    background-color: #e0e0e0;
    position: absolute;
    top: 0;
    left: -120%;
    right: -120%;
    bottom: 0;
}
@media screen and (min-width: 990px) {
    .whatWeDo.home .accordion-button {
        /*padding: 0 10rem;*/
    }
}
.whatWeDo.home .accordion-button::after {
    content: "\f64d";
    background-image: none;
    color: var(--heading-color);
    font-size: 2rem;
    font-weight: bolder;
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -1rem;

    font-family: bootstrap-icons !important;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 11;
}
.whatWeDo.home .accordion-button:not(.collapsed)[aria-expanded="true"],
.whatWeDo.home .accordion-button:not(.collapsed)[aria-expanded="true"]::before {
    background-color: var(--main-color);
}
.whatWeDo.home .accordion-button:not(.collapsed)::after {
    content: "\f63b";
}
.whatWeDoPage h1 {
    font-size: 4rem;
}



/*PROJECTS*/
.projectsPage h1,
.projectsDetail h1 {
    font-size: 4rem;
}




/*INSIGHT*/
.insights.home .imgCont {
    max-width: 8rem;
}
.insightsDetail h1 {
    font-size: 2.5rem;
}
.insightsDetail .accordion-button:hover {
    color: var(--heading-color);
}
.insightsDetail .accordion-button::after {
    content: "\f64d";
    background-image: none;
    width: 2rem;
    height: 2rem;
    font-family: bootstrap-icons !important;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: bolder;
    color: var(--heading-color);
    margin-top: -1rem;
    position: absolute;
    top: 50%;
    right: 1rem;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 11;
}
.insightsDetail .accordion-button:not(.collapsed)[aria-expanded="true"],
.insightsDetail .accordion-button:not(.collapsed)[aria-expanded="true"]::before {
    background-color: var(--main-color) !important;
    color: #FFFFFF;
}
.insightsDetail .accordion-button:not(.collapsed)::after {
    content: "\f63b";
}
.insightsDetail ul[style$="circle;"] {
    list-style: none !important;
    padding-left: 0 !important;
    line-height: 1.25 !important;
    margin: 1.6rem 0 !important;
}
.insightsDetail ul[style$="circle;"] li {
    position: relative;
    font-weight: 600;
    /*padding-left: 1.5rem;*/
    margin-bottom: 5px;
    align-items: center;
    gap: .5rem;
    display: flex;
}
.insightsDetail ul[style$="circle;"] .imgCont {
    min-width: 3.5rem;
    max-width: 3.5rem;
}
.insightsDetail ul[style$="circle;"] li::before {
    font-family: bootstrap-icons !important;
    content: "\f26a";
    /* content: "\f26c"; */
    font-size: 1.5rem;
    color: var(--heading-color);
    position: relative;
    margin-top: -1px;
    left: 0;
    margin-right: .8rem;
    display: none;
}




/*OFFICES*/
.officesPage h1 {
    font-size: 4rem;
}

/*CAREERS*/
.carrersPage h1 {
    font-size: 4rem;
}
.carrersPage .accordion-button::after {
    content: "\f64d";
    background-image: none;
    color: var(--heading-color);
    font-size: 2rem;
    font-weight: bolder;
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -1rem;
    font-family: bootstrap-icons !important;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 11;
}
.carrersPage .accordion-button:not(.collapsed)[aria-expanded="true"],
.carrersPage .accordion-button:not(.collapsed)[aria-expanded="true"]::before {
    background-color: var(--main-color);
}
.carrersPage .accordion-button:not(.collapsed)::after {
    content: "\f63b";
}

.filter-cat-results .f-cat {
    opacity: 0;
    display: none;
}
.filter-cat-results .f-cat.active {
    opacity: 1;
    display: block;
    -webkit-animation: fadeIn 0.65s ease forwards;
    animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}




/*CAREERS DETAIL*/

/*----------multiple-file-upload-----------*/
.file-upload-contain{
    position: relative;
}
.file-upload-contain .file-input,
.file-upload-contain .file-preview{
    position: initial;
}
.file-upload-contain .file-drop-zone{
    background-color: #FFFFFF;
    min-height: auto;
    border: 1px solid #dee2e6 !important;
    padding: 0;
    margin: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.file-upload-contain .file-drop-zone.clickable:hover,
.file-upload-contain .file-drop-zone.clickable:focus,
.file-upload-contain .file-highlighted{
    background-color: rgba(210, 255, 251, 0.16);
}
.upload-area i {
    color: #c20c0c;
    font-size: 2rem;
}
.upload-area p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: .5rem;
}
.upload-area p,
.upload-area p b {
    color: #000000;
}
.upload-area button {
    background-color: #7c7c7c;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border: none;
    padding: .5rem 1rem;
    -webkit-border-radius: .375rem;
    -moz-border-radius: .375rem;
    border-radius: .375rem;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.upload-area button:hover{
    background-color: #ef4825;
    box-shadow: 0 4px 8px rgb(37 128 232 / 48%);
}
.file-preview{
    padding: 0;
    border: none;
    margin-bottom: .5rem;
}
.file-preview .fileinput-remove{
    display: none;
}
.file-drop-zone-title{
    padding: 1rem;
}
.file-drop-zone .file-preview-thumbnails{
    cursor: pointer;
}
.file-preview-frame{
    cursor: default;
    display: flex;
    align-items: center;
    border: none;
    background-color: #2580e8;
    box-shadow: none;
    border-radius: 8px;
    width: 100%;
    padding: 15px;
    margin: 8px 0px;
}
.file-preview-frame:not(.file-preview-error):hover{
    border: none;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
}
.file-preview-frame .kv-file-content{
    min-width: 45px;
    min-height: 45px;
    width: 45px;
    height: 45px;
    border-radius: 4px;
    margin-right: 10px;
    background-color: #fff;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.file-preview-image {
    border-radius: 4px;
}
.file-preview-frame .file-footer-caption{
    padding-top: 0;
}
.file-preview-frame .file-footer-caption{
    text-align: left;
    margin-bottom: 0;
}
.file-detail{
    font-size: 14px;
    height: auto;
    width: 100%;
    line-height: initial;
}
.file-detail .file-caption-name{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 6px;
}
.file-detail .file-size{
    color: #f1f8fe;
    font-size: 12px;
}
.kv-zoom-cache {
    display: none;
}
.file-preview-frame .file-thumbnail-footer{
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.file-preview-frame .file-drag-handle,
.file-preview-frame .file-upload-indicator{
    float: none;
}
.file-preview-frame .file-footer-buttons{
    float: none;
    display: flex;
    align-items: center;
}
.file-preview-status.text-center {
    display: none;
}
.kv-file-remove.file-remove {
    border: none;
    background-color: #ef2f2f;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 12px;
    border-radius: 4px;
    margin: 0px 4px;
}
.file-drag-handle.file-drag {
    border: none;
    background-color: #fff;
    color: #2580e8;
    width: 25px;
    height: 25px;
    font-size: 12px;
    border-radius: 4px;
    margin: 0px 4px;
}
.kv-file-upload.file-upload{
    border: none;
    background-color: #48bd22;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 12px;
    border-radius: 4px;
    margin: 0px 4px;
}
.file-thumb-loading{
    background: none !important;
}
.file-preview-frame.sortable-chosen {
    background-color: #64a5ef;
    border-color: #64a5ef;
    box-shadow: none!important;
}




/*----------multiple-file-upload-----------*/
/*.file-upload-contain{*/
/*    position: relative;*/
/*    margin-bottom: 40px;*/
/*}*/
/*.file-upload-contain .file-input,*/
/*.file-upload-contain .file-preview{*/
/*    position: initial;*/
/*}*/
/*.file-upload-contain .file-drop-zone{*/
/*    background-color: white!important;*/
/*    border: 2px dashed #d2d2d2;*/
/*    transition: 0.3s;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    border-radius: 20px;*/
/*    min-height: auto;*/
/*}*/
/*.file-upload-contain .file-drop-zone.clickable:hover,*/
/*.file-upload-contain .file-drop-zone.clickable:focus,*/
/*.file-upload-contain .file-highlighted{*/
/*    border: 2px dashed #1e80e8 !important;*/
/*    background-color: #dfedfc;*/
/*}*/
/*.upload-area i {*/
/*    !*color: #1e80e8;*!*/
/*    font-size: 30px;*/
/*}*/
/*!*.upload-area p {*!*/
/*!*font-size: 1rem;*!*/
/*!*font-weight: 600;*!*/
/*!*color: #777777;*!*/
/*!*margin-bottom: .5rem;*!*/
/*!*}*!*/
/*.upload-area p b {*/
/*    color: #777777;*/
/*}*/
/*!*.upload-area button {*!*/
/*!*background-color: #f17420;*!*/
/*!*padding: 8px 16px;*!*/
/*!*min-width: 150px;*!*/
/*!*font-size: 16px;*!*/
/*!*font-weight: 600;*!*/
/*!*color: #fff;*!*/
/*!*border-width: 2px;*!*/
/*!*border-radius: 6px;*!*/
/*!*transition: 0.3s;*!*/
/*!*}*!*/
/*!*.upload-area button:hover{*!*/
/*!*background-color: #1e80e8;*!*/
/*!*box-shadow: 0px 4px 8px rgb(37 128 232 / 48%);*!*/
/*!*}*!*/
/*.file-preview{*/
/*    padding: 0;*/
/*    border: none;*/
/*}*/
/*.file-preview .fileinput-remove{*/
/*    display: none;*/
/*}*/
/*.file-drop-zone-title{*/
/*    padding: 3px 0;*/
/*}*/
/*.file-drop-zone .file-preview-thumbnails{*/
/*    cursor: pointer;*/
/*}*/
/*.file-preview-frame {*/
/*    !* background-color: #ffffff; *!*/
/*    width: 100%;*/
/*    color: #000;*/
/*    cursor: default;*/
/*    padding: .3rem;*/
/*    !* margin: 0 0 5px; *!*/
/*    align-items: center;*/
/*    box-shadow: none;*/
/*    border-radius: 8px;*/
/*    !* border: 1px solid #d7d7d7; *!*/
/*    display: flex;*/
/*}*/

/*.file-preview-frame:not(.file-preview-error):hover{*/
/*    background-color: #fffcd7;*/
/*    !*border: none;*!*/
/*    !*box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);*!*/
/*}*/
/*.file-preview-frame .kv-file-content{*/
/*    background-color: #ffffff;*/
/*    min-width: 4rem;*/
/*    min-height: 4rem;*/
/*    width: 4rem;*/
/*    height: 4rem;*/
/*    border: 1px solid #dee2e6;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    padding: 1px;*/
/*    margin-right: 10px;*/
/*    -webkit-border-radius: 7px;*/
/*    -moz-border-radius: 7px;*/
/*    border-radius: 7px;*/
/*    display: flex;*/
/*}*/

/*.file-drop-zone {*/
/*    !*background-color: #fff;*!*/
/*    !*border: 1px solid #d9d9d9 !important;*!*/
/*    border: 1px solid transparent !important;*/
/*    margin: 0;*/
/*    border-radius: 0.375rem;*/
/*}*/
/*.kv-file-content .file-preview-image {*/
/*    object-fit: cover;*/
/*    min-width: 100%;*/
/*    min-height: 100%;*/
/*    border-radius: 4px;*/
/*}*/
/*.file-preview-frame .file-footer-caption{*/
/*    padding-top: 0;*/
/*}*/
/*.file-preview-frame .file-footer-caption{*/
/*    text-align: left;*/
/*    margin-bottom: 0;*/
/*}*/
/*.file-detail{*/
/*    font-size: 14px;*/
/*    height: auto;*/
/*    width: 100%;*/
/*    line-height: initial;*/
/*}*/
/*.file-detail .file-caption-name{*/
/*    !*color: #fff;*!*/
/*    font-size: 15px;*/
/*    font-weight: 600;*/
/*    margin-bottom: 6px;*/
/*}*/
/*.file-detail .file-size{*/
/*    !*color: #f1f8fe;*!*/
/*    font-size: 12px;*/
/*}*/
/*.kv-zoom-cache {*/
/*    display: none;*/
/*}*/
/*.file-preview-frame .file-thumbnail-footer{*/
/*    height: auto;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    width: 100%;*/
/*}*/
/*.file-preview-frame .file-drag-handle,*/
/*.file-preview-frame .file-upload-indicator{*/
/*    float: none;*/
/*}*/
/*.file-preview-frame .file-footer-buttons{*/
/*    float: none;*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/
/*.file-preview-status.text-center {*/
/*    display: none;*/
/*}*/
/*.kv-file-remove.file-remove {*/
/*    border: none;*/
/*    background-color: #ef2f2f;*/
/*    color: #fff;*/
/*    width: 25px;*/
/*    height: 25px;*/
/*    font-size: 12px;*/
/*    border-radius: 4px;*/
/*    margin: 0px 4px;*/
/*}*/
/*.file-drag-handle.file-drag {*/
/*    border: none;*/
/*    background-color: #fff;*/
/*    color: #2580e8;*/
/*    width: 25px;*/
/*    height: 25px;*/
/*    font-size: 12px;*/
/*    border-radius: 4px;*/
/*    margin: 0px 4px;*/
/*}*/
/*.kv-file-upload.file-upload{*/
/*    border: none;*/
/*    background-color: #48bd22;*/
/*    color: #fff;*/
/*    width: 25px;*/
/*    height: 25px;*/
/*    font-size: 12px;*/
/*    border-radius: 4px;*/
/*    margin: 0px 4px;*/
/*}*/
/*.file-thumb-loading{*/
/*    background: none !important;*/
/*}*/
/*.file-preview-frame.sortable-chosen {*/
/*    background-color: #64a5ef;*/
/*    border-color: #64a5ef;*/
/*    box-shadow: none!important;*/
/*}*/





/*EXPERIENCES*/
.experiences {}
#expSlider .slick-slide .imgCont {
    min-height: 11rem;
    max-height: 100%;
}

@media screen and (max-width: 680px){
    #expSlider .slick-slide .imgCont, #expSlider .slick-slide .infoSlider {
        height: 15rem;
    }
    #expSlider .slick-dots {
        position: relative !important;
    }
}
@media screen and (max-width: 480px){
    #expSlider .slick-slide .imgCont, #expSlider .slick-slide .infoSlider {
        height: 9rem;
    }
    #expSlider .slick-dots {
        position: relative !important;
    }
}



#expSlider .slick-slide .imgCont picture {
    height: inherit;
    max-height: 100%;
}
#expSlider .slick-slide .imgCont,
#expSlider .slick-slide .infoSlider {
    width: 100%;
}
@media screen and (min-width: 990px) {
    #expSlider .infoSlider {
        display: none;
    }
}
#expSlider .slick-current.slick-active .infoSlider {
    display: block;
}
.expArrow {
    left: 4rem;
    right: 4rem;
}
@media screen and (min-width: 990px) {
    .expArrow {
        top: -14rem;
    }
}
@media screen and (max-width: 1200px) {
    .expArrow {
        top: -30rem;
    }
}
@media screen and (max-width: 990px) {
    .expArrow {
        top: -27rem;
    }
}
@media screen and (max-width: 768px) {
    .expArrow {
        top: -25rem;
    }
}
@media screen and (max-width: 640px) {
    .expArrow {
        top: -23rem;
    }
}
@media screen and (max-width: 580px) {
    .expArrow {
        top: -23rem;
    }
}
@media screen and (max-width: 480px) {
    .expArrow {
        top: -25rem;
    }
    .expArrow.arrow-custom .slick-arrow  {
        width: 2.5rem !important;
        height: 2.5rem !important;
    }
}
@media screen and (max-width: 440px) {
    .expArrow {
        top: -23rem;
    }
}
@media screen and (max-width: 390px) {
    .expArrow {
        top: -25rem;
    }
}


#expSlider .slick-slide img {
    width: inherit;
    object-fit: contain !important;
}
@media screen and (min-width: 990px) {
    #expSlider .slick-slide .imgCont {
        width: 1000px;
    }
    #expSlider .slick-slide .infoSlider {
        max-width: 1000px;
        min-height: 14rem;
    }
    #expSlider .slick-slide img {
        object-fit: cover !important;
    }
}

/*PURPHOSE*/
.pmtp {
    background-color: var(--main-color);
    /*background: url(../img/default/purphose.webp);*/
    background-size: cover;
    background-position: 0 center;
    background-attachment: scroll;
}
.pmtp::after {
    content: '';
    background: #09413eb0 60%;
    background: linear-gradient(to right, #09413eb0 60%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
@media screen and (min-width: 990px) {
    .pmtp {
        /*min-height: 38rem;*/
    }
    /*.pmtp::before {*/
    /*    left: 25rem;*/
    /*}*/
    .pmtp::after {
        background-color: var(--main-color);
        background: linear-gradient(to right, var(--main-color) 0%, rgba(255, 255, 255, 0) 100%);
        width: 90%;
        left: 0;
    }
}
@media screen and (min-width: 990px) {
    .pmtp .custom-row {
        margin-top: 6rem !important;
    }
}
@media screen and (min-width: 768px) {
    .pmtp .custom-row .col:not(:first-child)::after {
        content: '';
        background: #ffffff;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
        width: 2px;
        position: absolute;
        top: .1rem;
        left: 0;
        bottom: .1rem;
    }
}


/*FOOTER*/
footer {}
footer a { color: #ffffff}
footer a:hover { color: var(--heading-color) !important;}




/*Slick Slider*/
.all-slider {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}
.all-slider.slick-initialized {
    visibility: visible;
    opacity: 1;
}
.slick-slide img {
    min-width: 100%!important;
    max-width: 100%!important;
    height: 100%;
    object-fit: cover;
}
.slick-slide .container,
.slick-slide .container-fluid {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}



/*Slick dot*/
.slick-dots {}
#ourteam-slider .slick-dots {
    /*background-color: #212529 !important;*/
    width: auto;
    /*padding: .25rem !important;*/
    /*margin: 0 auto;*/
    left: .5rem;
    bottom: .7rem;
    /*-webkit-transform: translateX(-50%);*/
    /*-moz-transform: translateX(-50%);*/
    /*-ms-transform: translateX(-50%);*/
    /*-o-transform: translateX(-50%);*/
    /*transform: translateX(-50%);*/
    /*-webkit-border-radius: 50rem;*/
    /*-moz-border-radius: 50rem;*/
    /*border-radius: 50rem;*/
}
.slick-dots li {
    background-color: #ccc;
    width: 9px;
    height: 9px;
    border: 0;
    /*margin-bottom: 1.1rem;*/
    position: relative;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    -webkit-transition: All 200ms linear;
    -moz-transition: All 200ms linear;
    -ms-transition: All 200ms linear;
    -o-transition: All 200ms linear;
    transition: All 200ms linear;
    display: inline-block;
}
.slick-dots li button {
    display: none;
}
.slick-dots li.slick-active {
    background-color: var(--heading-color)!important;
    width: 1.8rem;
}


/*Slick Arrow*/
.slick-slider .slick-arrow,
.slick-slider .slick-arrow:active,
.arrow-custom .slick-arrow {
    background-color: #fafafa24 !important;
    width: 3.5rem;
    height: 3.5rem;
    top: 50%;
    z-index: 5;
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    -webkit-border-radius: 5rem;
    -moz-border-radius: 5rem;
    border-radius: 5rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    /*-webkit-transition: all 0.1s ease-in-out;*/
    /*-moz-transition: all 0.1s ease-in-out;*/
    /*-ms-transition: all 0.1s ease-in-out;*/
    /*-o-transition: all 0.1s ease-in-out;*/
    /*transition: all 0.1s ease-in-out;*/
    -webkit-box-shadow: 0 12px 12px -4px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 12px 12px -4px rgba(0, 0, 0, .05);
    box-shadow: 0 12px 12px -4px rgba(0, 0, 0, .05);
}
.slick-slider .slick-arrow.slick-disabled,
.slick-slider .slick-arrow.slick-disabled:hover,
.slick-slider .slick-arrow.slick-disabled:visited,
.slick-slider .slick-arrow.slick-disabled:active {
    /*background: #fff!important;*/
    cursor: default!important;
}
.slick-slider .slick-arrow.slick-disabled::before {
    color: #333!important;
}
/*.slick-slider .slick-arrow:active {*/
/*    background: #f17420!important;*/
/*    !*backdrop-filter: blur(0);*!*/
/*}*/
/*.slick-slider .slick-prev.slick-disabled {left: -5rem!important;}*/
/*.slick-slider .slick-nextslick-disabled {right: -5rem!important;}*/
.slick-slider .slick-prev,
.slick-slider:hover .slick-prev {left: -.5rem !important}
.slick-slider .slick-next,
.slick-slider:hover .slick-next {right: -.5rem !important}

.arrow-custom .slick-next {right: 0 !important;}
.arrow-custom .slick-prev {left: 0 !important;}

.expArrow.arrow-custom .slick-next {right: -4rem !important;}
.expArrow.arrow-custom .slick-prev {left: -4rem !important;}

.slick-slider .slick-arrow::before,
.arrow-custom .slick-arrow::before {
    font-family: bootstrap-icons !important;
    font-size: 2rem;
    color: var(--heading-color) !important;
}
.expArrow.arrow-custom .slick-arrow {
    background-color: #f7f8f9 !important;
    /*-webkit-box-shadow: none;*/
    /*-moz-box-shadow: none;*/
    /*box-shadow: none;*/
}
.expArrow.arrow-custom .slick-arrow::before {
    color: var(--main-color);
}



.slick-slider .slick-arrow:active::before,
.arrow-custom .slick-arrow:active::before,
.expArrow.arrow-custom .slick-arrow:active::before {
    color: var(--heading-color);
}


.slick-slider .slick-prev::before,
.arrow-custom .slick-prev::before {
    content: "\f284";
}
.slick-slider .slick-next::before,
.arrow-custom .slick-next::before {
    content: "\f285";
}

/*slick Arrow Custom*/
.nav-arrows {
    /*background-color: #eeecf9;*/
    width: 5.2rem;
    max-height: 338px;
    top: 0;
    bottom: 0;
}
.nav-arrows .slick-arrow {
    /*background: #f09221;*/
    background: transparent !important;
    /*border-radius: 5rem;*/
    border: 0 !important;
    width: 100%;
    height: 25px;
    line-height: 30px;
    text-align: center;
    justify-content: center;

    left: 50%;
    z-index: 11;
    box-shadow: none !important;
    transform: translate(-50%, 0);
    transition: all 100ms linear;
    opacity: 0;
    visibility: hidden;
    display: grid !important;
}
.nav-arrows .slick-arrow:not(.slick-disabled):active::before {
    color: #ef5f00   !important;
}
.sliderProduct:hover .nav-arrows .slick-arrow {
    opacity: 1;
    visibility: visible;
}
.nav-arrows .slick-prev {
    top: 15px;
}
.sliderProduct:hover .nav-arrows .slick-prev {
    top: 0;
}
.nav-arrows .slick-prev::before {
    font-family: bootstrap-icons !important;
    content: "\f286";
    margin-top: 2px;
    font-size: 2rem;
}
.nav-arrows .slick-next {
    top: initial;
    bottom: 15px;
}
.sliderProduct:hover .nav-arrows .slick-next {
    bottom: 0;
}
.nav-arrows .slick-next::before {
    font-family: bootstrap-icons !important;
    content: "\f282";
    margin-top: 3px;
    font-size: 2rem;
}
/*.arrow-custom .slick-arrow {*/
/*    !*background-color: #fff !important;*!*/
/*    box-shadow: none;*/
/*    border: 3px solid rgba(229, 229, 229, 0.65);*/
/*}*/
/*.arrow-custom .slick-arrow::before {*/
/*    color: #333 !important;*/
/*}*/




/*BACK TO TOP SCROLL*/
.btn-scroll-top.active-progress {
    transform: translateY(0);
    visibility: visible;
}
.btn-scroll-top, .btn-scroll-top:after {
    cursor: pointer;
    display: block;
    height: 3rem;
    width: 3rem;
}
.btn-scroll-top:after {
    color: #000000;
    content: "\f145";
    font-family: bootstrap-icons !important;
    font-size: 1.7rem;
    left: 0;
    line-height: 3rem;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all .2s linear;
    z-index: 1;
}
.btn-scroll-top {
    background-color: var(--bs-white);
    border-radius: 10px;
    box-shadow: inset 0 0 0 .1rem rgba(227, 229, 233, .25);
    opacity: 0;
    position: fixed;
    right: .7rem;
    bottom: 1rem;
    transform: translateY(.75rem);
    transition: all .2s linear, margin-right 0s;
    visibility: hidden;
    z-index: 1010;
}
.btn-scroll-top.under {
    bottom: 4rem;
}
.btn-scroll-top svg.progress-square path {
    stroke: var(--heading-color);
    stroke-width: 2;
    box-sizing: border-box;
    transition: all .2s linear;
}
.btn-scroll-top svg path {
    fill: none;
}
@media (min-width: 320px) {
    .btn-scroll-top.active-progress {
        opacity: 1;
    }
}






/*TIMER COUNTDOWN*/
.timeCountdown {
    /*background: #fff;*/
    -webkit-transition: All 300ms linear;
    -moz-transition: All 300ms linear;
    -ms-transition: All 300ms linear;
    -o-transition: All 300ms linear;
    transition: All 300ms linear;
    z-index: 10;
    border-radius: 5px;
    display: inline-block;
}
.timeCountdown::after {
    content: '';
    background: url(../img/dotted_arrow.png) no-repeat center center;
    background-size: contain;
    width: 8rem;
    height: 5rem;
    position: absolute;
    right: -5.5rem;
    bottom: -2rem;
    display: none;
    transform: rotate(-56deg);
}
.timeCountdown div {
    background-color: #4e5358;
    min-width: 4rem;
    font-weight: 700;
    line-height: 1.1;
    padding: .3rem .5rem;
    text-align: center;
    position: relative;
    margin: 0 3px;
    /*border: 2px dashed #e4c0a7;*/
    border-radius: 6px;
}
.timeCountdown div::after {
    content: ':';
    font-size: 1.5rem;
    font-weight: 500;
    position: absolute;
    top: 50%;
    right: -.2rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}
.timeCountdown div:last-child::after {
    display: none;
}
.timeCountdown div span {
    font-weight: 700;
    color: #ffffff;
}
.timeCountdown div:last-child span {
    color: #f17420!important;
}
.membership.my-events .timeCountdown div span {
    font-size: 1rem;
    color: #ffffff;
}
.timeCountdown div small {
    font-size: .7rem;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    display: block;
}
.membership.my-events .timeCountdown div small {
    color: #fff;
}






.accordion-button:not(.collapsed) {
    background-color: var(--heading-color);
    color: #ffffff;
    box-shadow: none;
}


/*TEXT DETAIL*/

.text-detail {
    word-break: break-word;
}
.text-detail>p:first-child:first-letter {
    font-size: 5rem;
    font-weight: bold;
    float: left;
    color: #333333;
    line-height: 4rem;
    align-self: flex-start !important;
    -webkit-initial-letter: 2;
    initial-letter: 2;
    margin: 0 .5rem 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: grid;
}

.text-detail .auto-toc {
    /*background-color: #f8f9fa!important;*/
    padding: 1rem!important;
}
.text-detail .auto-toc ul {
    padding-left: 0;
}
.text-detail .auto-toc ul li {
    margin-bottom: 0;
}
.text-detail .auto-toc ul li a:hover {
    color: #000000 !important;
}
.text-detail .auto-toc ul a {
    color: #0A246A;
    text-decoration: underline!important;
}
.text-detail .auto-toc ul li ul {
    padding-left: 30px;
    list-style-type: disclosure-closed;
}

.all-collapse-btn {
    margin-bottom: .25rem!important;
}
.all-collapse-btn[aria-expanded="false"]::after,
.all-collapse-btn[aria-expanded="true"]::after {
    font-family: bootstrap-icons!important;
    content: "\f282";
    font-size: .9rem;
    position: relative;
    top: 2px;
    left: 5px;
}
.all-collapse-btn[aria-expanded="true"]::after {
    content: "\f286";
}
#daftarIsi ul li:first-child {
    border-top: 0;
}
#daftarIsi ul,
#daftarIsi ol {
    padding-left: 0;
    counter-reset: item
}
#daftarIsi ul ul,
#daftarIsi ol ol {
    list-style: none;
}
#daftarIsi ul li,
#daftarIsi ol li {
    padding-left: 1.5rem;
    padding-right: .5rem;
    position: relative;
    /*border-top: 1px solid rgba(0,0,0,.125);*/
}
/*#daftarIsi ul ul li,*/
/*#daftarIsi ol ol li {*/
/*    padding-left: 2rem;*/
/*}*/
#daftarIsi ul li a,
#daftarIsi ol li a {
    color: #000000;
    text-decoration: none!important;
    font-weight: 300;
    padding-top: 4px;
    padding-bottom: 4px;
}
#daftarIsi ul:first-child>li>a,
#daftarIsi ol:first-child>li>a {
    font-weight: 500;
}
#daftarIsi ul li a:hover,
#daftarIsi ol li a:hover {
    text-decoration: underline!important;
}
#daftarIsi ul li::marker {
    display: none;
}
#daftarIsi ul li::before,
#daftarIsi ol li::before {
    /*content: counters(item, ".") " ";*/
    /*counter-increment: item;*/
    font-family: bootstrap-icons!important;
    content: "\f134";
    color: #f07420;
    font-size: 1.1rem;
    position: absolute;
    left: 0;
    top: 2px;
    /*-webkit-transform: translateY(-50%);*/
    /*-moz-transform: translateY(-50%);*/
    /*-ms-transform: translateY(-50%);*/
    /*-o-transform: translateY(-50%);*/
    /*transform: translateY(-50%);*/
}
#daftarIsi ul ul li::before,
#daftarIsi ol ol li::before {
    content: "\f132" !important;
}
#daftarIsi ul ul li:hover::before,
#daftarIsi ol ol li:hover::before {
    color: #000000;
}

#daftarIsi ul li:hover::before,
#daftarIsi ol li:hover::before {
    content: "\f133";

}
.text-detail img,
.text-detail iframe,
.text-detail table {
    max-width: 100%!important;
}
.text-detail img {
    width: 100%;
    height: auto;
}
.text-detail h2 {
    font-size: 1.65rem !important;
    margin: 1.2rem 0 1rem;
    font-family: 'Sarabun-700';
}
.text-detail h3 {
    font-size: 1.45rem!important;
    font-family: 'Sarabun-700';
}
.text-detail h3:not(.accordion-header) {
    margin: 1.2rem 0 1rem;
}
.text-detail h4 {
    font-size: 1.25rem!important;
    margin: 1.2rem 0 1rem;
    font-family: 'Sarabun-700';
}
.text-detail h5 {
    font-size: 1.15rem!important;
    margin: 1.2rem 0 1rem;
    font-family: 'Sarabun-700';
}
.text-detail h6 {
    font-size: 1.5rem!important;
    margin: 1.2rem 0 1rem;
    font-family: 'Sarabun-700';
}
.text-detail ol,
.text-detail ul {
    padding-left: 1.1rem;
}
.text-detail ol li,
.text-detail ul li{
    margin-bottom: 10px;
}
.text-detail p {
    font-size: 16px;
    margin-bottom: 15px;
}




/*PAGINATION*/
.page-item .page-link {
    min-width: 2.4rem;
    height: 2.4rem;
    color: #333333;
}
.page-item .page-link.disabled {
    background-color: #d4d5d5!important;
}
.page-item.active .page-link {
    background: var(--main-color);
    border-color: var(--main-color) !important;
    color: #fff!important;
    z-index: 3;
}



/*LIST COLUMN*/
.list-2-column {
    column-count: 2;
    column-gap: 40px;
    /*column-rule-style: solid;*/
    /*column-rule-color: lightblue;*/
    /*column-rule: 1px solid lightblue;*/
    column-span: all;
    /*column-width: 100px;*/
}
section.insightsDetail .list-2-column {
    column-count: 1;
}
@media screen and (min-width: 580px) {
    .list-2-column {
        column-count: 2 !important;
    }
}

@media screen and (max-width: 1070px) {
    .navbar .navbar-nav li.nav-item {
        /*border-bottom: 1px solid #ffffff;*/
    }
    .navbar .navbar-nav li.nav-item>a,
    .navbar .navbar-nav li.nav-item.parent>a,
    .navbar .navbar-nav li.nav-item.parent>span {
        position: relative;
        display: block;
    }
    .navbar .navbar-nav .parent>a[aria-expanded='true']::after,
    .navbar .navbar-nav .parent>span[aria-expanded='true']::after {
        content: "\f282";
    }
    .navbar .navbar-nav ul ul.sub-parent {
        background-color: #f8f8f8;
        min-width: 100%;
        position: relative;
        top: 0;
        -webkit-border-radius: 0!important;
        -moz-border-radius: 0!important;
        border-radius: 0!important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .navbar .navbar-nav .sub-parent li a,
    .navbar .navbar-nav .dropdown-menu li a {
        padding: 0 2rem 0 1rem;
    }
    .navbar .navbar-nav .sub-parent li i {
        font-size: 2rem!important;
    }
    .navbar .navbar-nav .sub-parent li p:last-child {
        line-height: 1.3!important;
    }
    .navbar .navbar-nav .sub-parent li:hover a,
    .navbar .navbar-nav .sub-parent li:active a {
        border: 1px solid #e9e7e7;
    }
    .card .w-50 {
        width: 100% !important;
    }
}
@media screen and (max-width: 1024px) {
    .container {
        max-width: 100% !important;
    }
}
@media screen and (max-width: 990px) {
    .container, .container-md, .container-sm {
        max-width: 100%;
    }
    .w-90, .w-80, .w-75 {
        width: 100%!important;
    }
    .navbar .navbar-toggler {
        border: 0!important;
        outline: none!important;
        border-radius: 0;
        box-shadow: none!important;
    }
    .navbar .navbar-collapse {
        background-color: rgba(0, 0, 0, 0.53);
        width: 100%;
        height: 100vh!important;
        position: fixed;
        top: 4rem;
        right: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.35s ease;
        transition-delay: 0.55s;
        /*z-index: 999;*/
    }
    .navbar .navbar-collapse.show {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
        right: 0;
    }
    .navbar .navbar-collapse nav {
        background-color: #fff;
        width: 310px;
        height: 100%;
        border-top: 1px solid #efefef;
        align-items: normal!important;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        transition: all 0.5s ease;
        transition-delay: 0s;
        transform: translateX(16px);
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
    }
    .navbar .navbar-collapse.show nav {
        opacity: 1;
        transition-delay: 0.55s;
        transform: translateX(0);
    }
    .navbar .navbar-collapse nav ul {
        align-items: flex-start!important;
    }
    .navbar .navbar-nav li.nav-item>a.nav-link,
    .navbar .navbar-nav li.nav-item.parent>a.nav-link,
    .navbar .navbar-nav li.nav-item.parent>span.nav-link {
        font-size: 1rem;
        /*padding: .7rem 0 !important;*/
    }
}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 640px) {
    .w-65 {
        width: 100%!important;
    }
}
@media screen and (max-width: 580px) {
    .navbar .navbar-nav li.nav-item>a.nav-link:active,
    .navbar .navbar-nav li.nav-item.parent>a.nav-link:active,
    .navbar .navbar-nav li.nav-item.parent>span.nav-link:active {
        color: #fff!important;
        background: #2addae!important;
        background: linear-gradient(47deg, #2addae 0%, #227FC0 70%);!important;
    }
    .navbar .navbar-collapse nav {
        width: 100%;
    }
    .navbar .navbar-collapse nav ul {
        display: block!important;
    }
    .navbar .navbar-collapse nav ul li.nav-item:not(#konsul) {
        width: 50%;
        float: left;
        border-bottom: 0;
        padding: .5rem .5rem 0;
        margin-bottom: 1rem;
    }
    .navbar .navbar-collapse nav ul li.nav-item:not(#konsul) a {
        background-color: #f4f4f4;
        padding: 2rem 0!important;
        text-align: center;
        border: 1px solid #e2dede;
        border-radius: .5rem;
    }
    .navbar .navbar-collapse nav ul li.nav-item#konsul a {
        justify-content: center;
        font-weight: 700!important;
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }
    .slick-dots li {
        margin-bottom: 0;
    }
    .slick-dots li.slick-active {
        width: 9px;
        height: 9px;
        background-color: var(--heading-color) !important;
    }
}

@media screen and (max-width: 990px) {
    .navbar .navbar-collapse {
        background-color: rgba(0, 0, 0, 0.53);
        width: 100%;
        height: 100vh!important;
        position: fixed;
        top: 4rem;
        left: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.15s ease;
        transition-delay: 0.15s;
        z-index: 999;
    }
    /*body.custom .navbar .navbar-collapse {top: 0;}*/
    body.custom .navbar-stuck .navbar-collapse {top: 4rem;}
    .navbar .navbar-collapse.show {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }
    .navbar .navbar-collapse nav {
        background-color: #fff;
        width: 24rem!important;
        height: 100%;
        border-top: 1px solid #efefef;
        align-items: normal!important;
        position: absolute!important;
        top: 0;
        bottom: 0;
        opacity: 0;
        transition: all 0.15s ease;
        transition-delay: 0s;
        transform: translateX(16px);
        z-index: 1000;
    }
    .navbar .navbar-collapse nav {
        /*height: calc(100vh + 75px)!important;*/
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
    }
    body.custom .navbar .navbar-collapse,
    .navbar .navbar-collapse nav {
        right: 0;
    }
    .navbar .navbar-collapse.show nav {
        opacity: 1;
        transition-delay: 0.15s;
        transform: translateX(0);
    }
    .navbar .navbar-collapse nav ul {
        align-items: flex-start!important;
    }
    .navbar ul ul.sub-parent {
        border: 0;
        margin-bottom: .5rem;
    }
    .navbar li.nav-item {
        border-bottom: 0 !important;
        padding: .3rem .5rem !important;
        /*background-color: #fbfafa;*/
        /*margin-bottom: .475rem;*/
        /*padding: 0!important;*/
        /*border: 1px solid #e1e0e3;*/
        /*border-radius: .5rem;*/
        /*position: relative;*/
        /*overflow: hidden;*/
        /*display: block;*/
    }
    .navbar li.nav-item>a,
    .navbar li.nav-item.parent>a,
    .navbar li.nav-item.parent>span {
        /*margin-bottom: .375rem;*/
        /*padding: .125rem 1rem!important;;*/
        /*border: 1px solid #efecf3;*/
        /*border-radius: .5rem;*/
        position: relative;
        /*font-weight: 600;*/
        display: block;
    }
    .navbar li.nav-item:not(:last-of-type)>a,
    .navbar li.nav-item.parent:not(:last-of-type)>a,
    .navbar li.nav-item.parent:not(:last-child)>span {
        /*border-bottom: 1px solid #ededed;*/
    }
    .navbar li.nav-item>a[aria-expanded="true"],
    .navbar li.nav-item.parent>a[aria-expanded="true"],
    .navbar li.nav-item.parent>span[aria-expanded="true"] {
        /*border-bottom: none;*/
    }

    .navbar li.nav-item>a,
    .navbar li.nav-item.parent>a,
    .navbar li.nav-item.parent>span {
        /*font-size: 1rem;*/
        /*font-weight: 600;*/
        /*text-transform: capitalize;*/
    }
    .navbar li.nav-item>a:not(.btn), .navbar li.nav-item.parent>a:not(.btn), .navbar li.nav-item.parent>span:not(.btn) {
        /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;*/
    }
    .navbar li.nav-item>a:not(.btn) i,
    .navbar li.nav-item.parent>a:not(.btn) i,
    .navbar li.nav-item.parent>span:not(.btn) i {
        font-size: 1.25rem!important;
        display: inline-block;
    }
    .navbar .navbar-nav li.nav-item>a.nav-link,
    .navbar .navbar-nav li.nav-item.parent>a.nav-link,
    .navbar .navbar-nav li.nav-item.parent>a.dropdown-toggle,
    .navbar .navbar-nav li.nav-item.parent>span.nav-link {
        border: 0 !important;
        padding: .7rem 1rem !important;
    }
    .navbar li.nav-item.parent>a.link-custom.active {
        background-color: #f2f2f2 !important;
        color: #333333 !important;
    }
    .navbar .parent>a::after,
    .navbar .parent>span::after,
    .navbar .sub-parent a::after {
        /*content: "\f285";*/
        font-size: 1rem;
        font-weight: 700;
        position: absolute;
        top: 50%;
        right: .5rem;
        -webkit-transform: translateY(-50%) rotate(-90deg);
        -moz-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
        -o-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
    }
    .navbar .navbar-nav .sub-parent li a.nav-link.active,
    .navbar .navbar-nav .dropdown-menu li a.nav-link.active {
        color: var(--heading-color) !important;
    }
    .navbar .sub-parent a::after {
        font-size: .8rem;
        color: #aea9a9;
        display: none;
    }
    .navbar .parent.active>a[aria-expanded='true']::after,
    .navbar .parent.active>span[aria-expanded='true']::after {
        content: "\f286";
        background: #f06c13;
        background: -moz-linear-gradient(18deg, #f06c13 32%, #ffc422 70%);
        background: -webkit-linear-gradient(18deg, #f06c13 32%, #ffc422 70%);
        background: linear-gradient(18deg, #f06c13 32%, #ffc422 70%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

        -webkit-transform: translateY(-50%) rotate(0deg);
        -moz-transform: translateY(-50%) rotate(0deg);
        -ms-transform: translateY(-50%) rotate(0deg);
        -o-transform: translateY(-50%) rotate(0deg);
        transform: translateY(-50%) rotate(0deg);
        color: #fff;
    }
    .navbar .langCont {}
    .navbar ul ul.sub-parent {
        background-color: #fff;
        border-left: 0;
        /*position: fixed;*/
        /*top: 3rem;*/
        /*left: 0;*/
        /*right: 0;*/
        /*bottom: 0;*/
        transform: none;
        overflow: hidden;
        padding: 0 1rem!important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0!important;
        -moz-border-radius: 0!important;
        border-radius: 0!important;
        /*-webkit-animation-duration: .5s;*/
        /*animation-duration: .5s;*/
        /*-webkit-animation-fill-mode: both;*/
        /*animation-fill-mode: both;*/
        /*-webkit-animation-name: bounceInLeft;*/
        /*animation-name: bounceInLeft;*/
    }
    .navbar ul ul.sub-parent {
        /* -webkit-animation-name: bounceInRight; */
        /* animation-name: bounceInRight; */
        box-shadow: none !important;
        border: 0 !important;
    }
    .navbar ul .parent.active a[aria-expanded="true"].show~ul.sub-parent {
        display: block;
    }
    .navbar ul ul.sub-parent.collapsing {
        transform: none;
        transition: none;
    }
    .offcanvas-header {
        height: 3.5rem;
    }
    .navbar ul ul li {
        padding: 0;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .navbar ul ul li:not(:first-child) {
        /*border-top: 1px solid #e1e0e3;*/
    }
    .navbar ul ul.sub-parent li p.h6 {
        font-weight: 500;
        margin-bottom: 0!important;
    }
    .navbar ul ul.sub-parent li p:not(p.h6) {
        display: none!important;
    }
    .navbar ul ul.sub-parent::before {
        content: '';
        background-color: #f17420;
        width: 1px;
        height: 2px;
        position: absolute;
        top: 0;
        left: 50%;
        animation: center-animate 1s ease infinite alternate;
        /*transform: scaleX(100%);*/
        z-index: 10;
        display: none;
    }
    .navbar .sub-parent li a,
    .navbar .dropdown-menu li a {
        line-height: initial !important;
        padding: .8rem 1rem !important;
    }
    .navbar .sub-parent li i {
        font-size: 1rem!important;
    }
    .navbar .sub-parent li p:last-child {
        line-height: 1.3!important;
    }

    .navbar .sub-parent li:active {
        background-color:#fff!important;
    }
    .navbar .sub-parent li:hover a,
    .navbar .sub-parent li:active a {
        border: 1px solid #e9e7e7;
    }
}


/*SCROLLBAR CUSTOM*/
.h-scroll {
    max-width: 100%;
    padding-top: 2px;
    padding-bottom: 5px;
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    /*overflow-y: hidden;*/
    -webkit-overflow-scrolling: touch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/* width */
.v-scroll::-webkit-scrollbar,
.h-scroll::-webkit-scrollbar {
    width: 3px;
    height: 0;
}
@media screen and (min-width: 990px){
    body.no-scroll {
        overflow-y: hidden!important;
    }
    .h-scroll::-webkit-scrollbar-track {
        border-radius: 1rem;
    }
}
/* Track */
.h-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.v-scroll::-webkit-scrollbar-track {
    background: transparent;
    width: 0;
}
/* Handle */
.v-scroll::-webkit-scrollbar-thumb,
.h-scroll::-webkit-scrollbar-thumb {
    background: transparent;
}
/* Handle on hover */
.v-scroll::-webkit-scrollbar-thumb:hover,
.h-scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}



/*EVENTS*/
.eventPage .event-background {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 2rem 0;
}
.eventPage .event-background::before {
    content: '';
    background: var(--main-color);
    background: linear-gradient(to right, #09413e99 100%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}
@media screen and (max-width: 580px) {
    .eventPage .event-background .container {
        min-height: 20rem !important;
    }
}
@media screen and (min-width: 580px) and (max-width: 990px) {
    .eventPage .event-background .container {
        min-height: 30rem;
    }
}
@media screen and (min-width: 990px) {
    .eventPage .event-background {
        background-size: contain;
        background-position: bottom right;
    }
    .eventPage .event-background::before {
        display: none;
    }
    .eventPage .event-background,
    .eventPage .event-background .container {
        height: 40rem;
    }
}



/*.eventPage .event-background::before {*/
/*    content: '';*/
/*    background: linear-gradient(to right, rgb(9 65 62) 20%, #ffffff00 100%);*/
/*    width: 70%;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*}*/
/*.eventPage .event-background .container {*/
/*    height: 20rem;*/
/*}*/
/*@media screen and (min-width: 490px) {*/
/*    .eventPage .event-background {*/
/*        background-size: contain;*/
/*        background-position: bottom right;*/
/*    }*/
/*}*/

.eventPage .breadcrumb li::before {
    color: #FFFFFF;
    font-weight: normal;
}
.eventPage .card-body {
    min-height: 240px !important;
}
.eventPage .card-date span:last-of-type,
.eventPageDetail .card-date span:last-of-type {
    background-color: #42706e !important;
}
.eventPage .past-event .card-header {
    max-width: 100%;
}
@media screen and (min-width: 576px) {
    .eventPage .past-event .card-header {
        /*max-width: 50%;*/
    }
}
@media screen and (min-width: 1200px) {
    .eventPage .past-event .card-header {
        /*max-width: 19rem;*/
    }
}
.eventPage .past-event .imgCont {
    /*min-height: 20rem;*/
    height: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}
#upcomingSlider .slick-arrow {
    -webkit-transform: translateY(-115%);
    -moz-transform: translateY(-115%);
    -ms-transform: translateY(-115%);
    -o-transform: translateY(-115%);
    transform: translateY(-115%);
}
#upcomingSlider .slick-arrow:active::before {
    color: var(--heading-color);
}
#upcomingSlider .slick-dots {
    margin-bottom: 1rem;
}




/*EVENT DETAIL*/
.eventPageDetail .event-background{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
}
.eventPageDetail .big-image {
    max-width: 100%;
}
@media screen and (min-width: 480px) {
    .eventPageDetail .big-image {
        max-width: 80%;
    }
}
@media screen and (min-width: 990px) {
    .eventPageDetail .big-image {
        max-width: 100%;
    }
    .eventPageDetail .event-background {
        background-size: 40%;
    }
}
.eventPageDetail .breadcrumb li::before {
    color: #FFFFFF;
    font-weight: normal;
}

.sec-child-3 {
    background-color: #aa3213;
}
.sec-child-3 .border-top:first-child {
    border-top: none !important;
}
.sec-child-4 .card-img-overlay {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 47%, #09413e 100%);
}

.eventPageDetail .modal .imgCont {
    min-width: 15rem;
    height: 15rem;
    max-width: 15rem;
}
.toggle-speaker::after {
    content: '';
    /*background-color: red;*/
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.75rem;
    margin-left: -.75rem;
    z-index: 1;
    opacity: 1;
    -webkit-animation: pulse 1s infinite;
    -o-animation: pulse 1s infinite;
    animation: pulse 1s infinite;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    display: block;
}
.pulse-animate::after {

}
@keyframes pulse {
    0% {
        transform: scale(0.95);
        /*box-shadow: 0 0 0 0 rgba(241, 241, 241, 0.7);*/
        box-shadow: 0 0 0 0 var(--heading-color);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}





.sec-child-6 .agenda-custom .col:nth-child(odd){
    background-color: #f5f5f5;
}
@media screen and (min-width: 990px) {
    .sec-child-4 .card .card-header[aria-expanded="true"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media screen and (max-width: 990px) {
    .sec-child-4 .card .card-header[aria-expanded="true"] {

    }
    .sec-child-4 .card .card-header ~ .card-body.collapse {
        display: block !important;
    }
}
/*.sec-child-4 .card:hover .card-body,*/
/*.sec-child-4 .card:focus .card-body {*/
/*    display: block !important;*/
/*}*/
.sec-child-5 {
    background-color: #e0e0e0;
}





/*CAREERS*/
.careersPage .career-background {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.careersPage .career-background::before {
    content: '';
    background: var(--main-color);
    background: linear-gradient(to right, #09413e99 100%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}
/*@media screen and (min-width: 490px) {*/
/*    .careersPage .career-background {*/
/*        background-size: contain;*/
/*        background-position: bottom right;*/
/*    }*/
/*}*/
@media screen and (min-width: 990px) {
    .careersPage .career-background {
        background-size: contain;
        background-position: bottom right;
    }
    .careersPage .career-background::before {
        display: none;
    }
}
@media screen and (min-width: 990px) {
    .careersPage .career-background {}
    .careersPage .career-background,
    .careersPage .career-background .container {
        height: 40rem;
    }
}


.careersPage .breadcrumb li::before {
    color: #FFFFFF;
    font-weight: normal;
}
.careersPage .floating-heading {
    font-size: 2.1rem !important;
}
@media screen and (min-width: 990px) {
    .careersPage .floating-heading {
        font-size: 3rem !important;
    }
}
.kv-preview-data {
    display: none !important;
}