html {
    font-size: 16px;
}

:root {
    --base-color: #2d358e;
    --secondary-color: #ea1729;
    --font-1: 'Roboto', sans-serif;
    --font-2: 'Kedebideri', sans-serif;
    --fs-medium: 0.96rem;
}

header, nav, section, article, aside, footer {
    display: block
}

* {
    margin: 0;
    padding: 0
}

body {
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1.5;
    font-family: var(--font-1);
    overflow-x: hidden;
    font-weight: 400;
    color: #52565b;
    background-color: #f8f8f8;
}

.text--primary {
    color: #71201c;
}

/* .container, */
.container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1240px
}

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

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    font-family: var(--font-1);
    margin: 0 0 15px;
    color: #181d38;
    line-height: 1.2
}

h1 {
    font-size: 48px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 28px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 16px
}

h6 {
    font-size: 14px
}

@media(max-width: 991px) {
    h2 {
        font-size: 28px
    }
}

p {
    margin-bottom: .5rem;
    font-size: 1rem;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

ul li {
    margin-bottom: 0;
    line-height: 1.5;
    color: #565656;
    position: relative;
    display: block;
    padding: 0
}

ol {
    margin: 0;
    counter-reset: i;
    position: relative
}

ol li {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.5;
    color: #565656;
    padding-left: 0;
    position: relative
}

a {
    color: #52565b;
    /* transition: all ease-in-out .5s; */
    cursor: pointer;
    text-decoration: none;
}

a:hover, a:focus {
    text-decoration: none;
    color: var(--base-color);
    transition: all 500ms ease;
    outline: none
}

a.hv-grn:hover, a.hv-grn:focus {
    color: #06cc7a
}

h3 a, h4 a {
    color: #212832
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: #212832
}

.small, small {
    font-size: .975em;
}

:-ms-input-placeholder {
    color: #565656;
}

::-moz-placeholder {
    color: #565656;
}

::placeholder {
    color: #565656;
}

img {
    max-width: 100%
}

.btn {
    background: var(--base-color);
    color: #fff;
    padding: 18px 40px;
    border-radius: 10px;
    font-size: 15px;
    line-height: 1
}

.btn:not(:disabled):hover {
    cursor: pointer !important;
}

.btn:disabled {
    cursor: not-allowed !important;
}

.btn:hover {
    background: #212832;
    color: #fff
}

.btn-curve {
    border-radius: 30px;
    padding: 14px 50px;
    text-transform: uppercase
}

.btn-white {
    background: #fff;
    color: #212832
}

.btn-green {
    background: #06cc7a
}

a.bl-link {
    color: var(--base-color);
    font-size: 12px;
    text-transform: uppercase
}

.form-group {
    width: 100%;
    display: inline-block;
    margin-bottom: 18px;
}

.form-group select {
    padding: 10px 20px 10px 35px
}

input[type=text], input[type=email], input[type=number], input[type=search], input[type=password], input[type=tel], input[type=date], input[type=time], textarea, select {
    font-size: 15px;
    font-weight: 400;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    padding: 10px 20px;
    color: #565656;
    margin-bottom: 0;
    height: 47px;
    box-shadow: none;
    width: 100%;
    border: 1px solid #d4d4d4;
    font-size: 14px;
}

input[type=text]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=time]:focus, textarea:focus, select:focus {
    outline: none;
    transition: all .5s ease;
    box-shadow: none
}

.captcha-input__label {
    position: absolute;
    top: 50%;
    background-color: #eaeaea;
    height: 100%;
    color: #000;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 7px;
    width: 130px;
    left: 0;
    border: 1px solid #7272725e;
    border-right-color: #e6e6e6;
    font-size: 13px;
}

.captcha-input__wrap {
    position: relative;
}

.form-input--captcha {
    padding-left: 140px !important;
}

select {
    padding: 8px 20px;
    width: 100%;
    height: inherit
}

select option {
    color: #212832
}

textarea {
    border-radius: none;
    resize: vertical;
    height: 80px
}

.form-control {
    /* border: none; */
    padding: 10px 20px
}

label {
    display: inline-block;
    color: #565656;
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 15px
}

blockquote {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    border: 0;
    padding: 45px 65px;
    line-height: 1.5;
    color: #fff;
    margin: 40px 0;
    text-align: center;
    position: relative;
    line-height: 30px;
    background: #181d38
}

blockquote::before {
    content: "\f10d";
    font-family: fontawesome;
    font-size: 3rem;
    position: relative;
    display: block;
    text-align: center;
    color: #fff;
    width: 100%;
    padding-bottom: 15px
}

blockquote p {
    margin: 10px 0;
    font-size: 16px
}

blockquote button.btn {
    padding: 6px 25px;
    text-transform: capitalize;
    font-size: 14px
}

@media(max-width: 480px) {
    blockquote {
        padding: 40px
    }
}

/* table>tbody tr td,
table>tbody tr th,
table>tfoot tr td,
table>tfoot tr th,
table>thead tr td,
table>thead tr th {
    padding: 10px;
    vertical-align: sub !important;
    border: 1px solid #d7d7d7
}

table {
    width: 100%
}

table thead tr th {
    border-bottom: none !important
} */
section {
    padding: 60px 0;
    position: relative;
    display: inline-block;
    width: 100%
}

.section-title {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 25px;
    z-index: 1
}

.section-title .title-top {
    padding-bottom: 15px
}

.section-title h3 {
    position: relative;
    margin-bottom: 5px;
    text-transform: uppercase
}

.section-title h3 span {
    font-weight: 700
}

.section-title.sc-center h3 {
    font-weight: 500
}

.section-title .title-quote {
    position: relative
}

.section-title .title-quote span {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: rgba(0, 0, 0, .5019607843);
    margin-bottom: 10px;
    padding: 0 10px
}

.section-title .title-quote span::before {
    content: "";
    position: absolute;
    top: 13px;
    left: -3.5rem;
    margin: auto;
    width: 3.5rem;
    height: 1px;
    background: #d7d7d7;
    z-index: -1
}

.section-title .title-quote span::after {
    content: "";
    position: absolute;
    top: 13px;
    right: -3.5rem;
    margin: auto;
    width: 3.5rem;
    height: 1px;
    background: #d7d7d7;
    z-index: -1
}

.section-title .title-quote.tq-white span {
    color: rgba(255, 255, 255, .5019607843)
}

.section-title .title-quote .t-two {
    color: #ccc;
    font-size: 16px;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 2px
}

.section-title .title-quote .t-two::before, .section-title .title-quote .t-two::after {
    display: none
}

.section-title.borderline::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../images/border.png);
    height: 16px;
    opacity: .2
}

.section-title.sc-center::before {
    right: 0;
    margin: 0 auto
}

.about-home__title-small {
    font-size: 18px;
    margin-bottom: 10px;
    color: #ee8c1c;
    font-weight: 700
}

@media(max-width: 991px) {
    .section-title {
        justify-content: center;
        flex-wrap: wrap;
        text-align: center
    }

    .section-title .title-top {
        flex: 0 0 100%
    }

    .section-title .btn {
        margin-bottom: 10px
    }
}

.cl-white {
    color: #fff !important
}

.cl-blue {
    color: var(--base-color) !important
}

.cl-darkb {
    color: #181d38 !important
}

.cl-orange {
    color: #ee8c1c !important
}

.cl-green {
    color: #06cc7a !important
}

.cl-pink {
    color: #ff798d !important
}

.bg-orange {
    background: #ee8c1c
}

.bg-lgrey {
    background: #f1f1f1 !important
}

.bg-grey {
    background: #edeef0 !important
}

.bg-stblack {
    background: #212832 !important
}

.bg-scblue {
    background: #626ce1 !important
}

.bg-scgreen {
    background: var(--base-color) !important
}

.bg-sc-lblue {
    background: #2098df !important
}

.bg-sc-dblue {
    background: #343b66 !important
}

.bg-darkblue {
    background: #181d38
}

.bg-light-y {
    background: #fdf4e6 !important
}

.bg-light-g {
    background: #eeffd7 !important
}

.bg-light-p {
    background: #fee3e3 !important
}

.bg-fb {
    background: #4267b2
}

.bg-twitter {
    background: #1da1f2
}

.bg-pin {
    background: #e60023
}

.bg-youtube {
    background: red
}

.bg-dribble {
    background: #ea4c89
}

.bg-linkedin {
    background: #0077b5
}

.form-btn {
    background: #707070;
    padding: 15px 50px;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    z-index: 1
}

.sym-btn {
    background: #212832;
    padding: 10px 20px;
    color: #fff
}

.sym-btn:hover {
    background: #212832;
    color: #fff
}

.row.slick-slider {
    margin: 0 -15px
}

.slider .slick-prev, .slider .slick-next {
    background: #fff;
    border-radius: 50%
}

.slider .slick-prev::before, .slider .slick-next::before {
    color: var(--base-color)
}

.slider .slick-prev:hover, .slider .slick-next:hover {
    background: var(--base-color)
}

.slider .slick-prev:hover:before, .slider .slick-next:hover:before {
    color: #fff
}

.slider .slick-prev {
    left: 30px
}

.slider .slick-next {
    right: 30px
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2e3d62;
    transition: all ease-in-out .5s;
    opacity: .6
}

.sl-overlay::after {
    /* position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2727279c;
    background-repeat: repeat;
    content: "";
    z-index: -1;
    opacity: .8 */
}

.main-shape01 {
    content: "";
    position: absolute;
    right: 14rem;
    top: 0;
    height: 100%;
    width: 100%;
    margin: auto;
    background-image: url(../images/shape/shape2.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 40%;
    z-index: -1;
    -webkit-animation: bgshape 4s infinite;
    animation: bgshape 4s infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes bgshape {
    0% {
        top: 0
    }

    25% {
        top: 10px
    }

    50% {
        top: 30px
    }

    75% {
        top: 10px
    }

    100% {
        top: 0
    }
}

@keyframes bgshape {
    0% {
        top: 0
    }

    25% {
        top: 10px
    }

    50% {
        top: 30px
    }

    75% {
        top: 10px
    }

    100% {
        top: 0
    }
}

.navbar-default {
    background: #f5f5f5
}

.navbar {
    border-bottom: 0;
    padding: 0
}

.sidebar .navbar-nav {
    background: 0 0;
    margin: 0
}

.navbar.navbar-default {
    transition: none
}

header #navbar {
    width: 100%;
    background: #f49b00
}

.navbar-default a.navbar-brand {
    width: 60%
}

/* .navbar-default .navbar-nav li,
.navbar-default .navbar-nav li.active {
    background: #f33807
} */
/* .navbar-default .navbar-nav li a,
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li.active a,

.navbar-default .navbar-nav li.active a:hover {
    color: #fff;
    background: #f33807
} */
.navbar-nav li>ul>li:last-child>a {
    border-bottom: 0
}

.navbar-nav li>ul>li ul>li:last-child>a {
    border-bottom: 0
}

.social-links ul li {
    display: inline-block
}

.social-links ul li a {
    color: #212832;
    display: inline-block;
    text-align: center;
    font-size: 18px
}

.social-links ul li a:hover {
    color: #212832
}

.main_header_area {
}

.header-middle {
    background-color: #fff;
    padding: 5px 0 5px;
    /* background-color: #f1f1f1; */
    /* background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%); */
}

.img-logo {
    max-width: 470px;
}

.header_menu {
    /* box-shadow: 0 0 15px rgba(0, 0, 0, .2156862745); */
    border-top: 1px solid #cccccc;
}

.middle-action__icon svg {
    width: 47px;
    color: #343997;
}

.middle-action {
    display: flex;
    gap: 10px;
    margin-left: auto;
}

.middle-action__body-label {
    font-size: 16px;
    font-weight: 600;
}

.middle-action__body-value {
    font-size: 16px;
    font-weight: 500;
}

.header_menu.fixed-top {
    background: #fff
}

.main_header_area .topbar-wrap {
    background-color: var(--base-color);
    padding: 10px 0
}

.main_header_area .topbar-wrap ul li {
    color: #fff
}

.main_header_area .topbar-wrap .t-address li {
    padding-right: 15px;
    font-size: 14px
}

.main_header_area .topbar-wrap .t-address li i {
    padding-right: 10px
}

.main_header_area .topbar-wrap .t-social li {
    padding-left: 10px
}

.main_header_area .topbar-wrap .t-social li a {
    color: #fff;
    padding: 8px
}

.header_menu .navbar.navbar-default {
    border-radius: 0;
    margin-bottom: 0;
    background: #ffffff;
    border: none;
    width: 100%;
    padding: 22px 0;
}

.header_menu .navbar.navbar-default .navbar-header {
    flex: 1
}

.header_menu .navbar.navbar-default .navbar-collapse1 {
    flex: 1 1 50%
}

.header_menu .navbar.navbar-default .navbar-collapse {
    text-align: right;
    padding: 0
}

.header-navbar {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: center;
    background: 0 0;
    width: 100%;
    position: relative;
    gap: 10px 25px;
}

.header-navbar li {
    display: inline-block;
    margin-right: 0;
    background: 0 0
}

.header-navbar li:last-child {
    margin: 0
}

.header-navbar li a {
    background: 0 0;
    color: #222222;
    font-size: calc(1rem - 0.089rem);
    letter-spacing: .5px;
    line-height: inherit;
    transition: all 150ms linear;
    border: none;
    padding: 0 0px;
    text-transform: uppercase;
    font-family: var(--font-1);
    font-weight: 450;
}

.header-navbar li a i {
    font-size: 15px;
    padding-left: 7px
}

.header-navbar li a i.fa-angle-right {
    position: absolute;
    right: 15px;
    top: 12px
}

.header-navbar li a:after {
    display: none
}

.header-navbar li a:hover {
    color: #6fdb0a
}

.header-navbar li:hover a, .header-navbar li.active a {
    color: var(--secondary-color);
    background: 0 0
}

.header-navbar li.submenu {
    position: relative
}

.header-navbar li.submenu .dropdown-menu {
    border: none;
    padding: 0;
    border-radius: 0;
    box-shadow: none
}

.header-navbar li.submenu .dropdown-menu:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #eee transparent transparent transparent;
    position: absolute;
    right: 24px;
    top: 45px;
    z-index: 3;
    opacity: 0;
    transition: all 400ms linear
}

.header-navbar li.submenu .dropdown-menu li {
    display: block;
    float: none;
    margin-right: 0;
    border-bottom: 1px dashed #d7d7d7
}

.header-navbar li.submenu .dropdown-menu li a {
    line-height: 2.7;
    color: #565656;
    font-size: 15px;
    padding: 0 20px;
    font-weight: 400;
    letter-spacing: .3px;
    transition: all 150ms linear;
    display: block;
    text-transform: capitalize
}

.header-navbar li.submenu .dropdown-menu li a:hover, .header-navbar li.submenu .dropdown-menu li.active a {
    background: var(--base-color);
    color: #fff
}

.header-navbar li.submenu .dropdown-menu li:last-child {
    border-bottom: none
}

.header-navbar li.submenu .dropdown-menu li ul {
    overflow: visible
}

.header-navbar.navbar-right li:last-child {
    margin-right: 0
}

.header_menu .navbar.navbar-default.navbar-sticky-in .nav.navbar-nav li:hover>a, .header_menu .navbar.navbar-default.navbar-sticky-in .nav.navbar-nav li.active>a {
    color: var(--base-color)
}

@media(max-width: 991px) {
    .header_menu .navbar.navbar-default .navbar-header {
        text-align: center
    }
}

@media(min-width: 992px) {
    .header-navbar li.submenu .dropdown-menu {
        position: absolute;
        top: 30px;
        left: 0;
        min-width: 220px;
        background: #fff;
        box-shadow: 0 0 15px rgba(204, 204, 204, .3411764706);
        text-align: left;
        opacity: 0;
        transition: all 350ms ease;
        visibility: hidden;
        display: block;
        border: none;
        padding: 0;
        border-radius: 0
    }

    .header-navbar li.submenu .dropdown-menu li.submenu .dropdown-menu {
        transform: translateZ(0);
        transform: scaleY(0);
        transform-origin: 0 50%;
        position: absolute;
        left: 100%;
        right: auto;
        width: auto;
        top: 0
    }

    .header-navbar li.submenu .dropdown-menu li.submenu .dropdown-menu li a {
        line-height: 2.7;
        color: #565656;
        font-size: 15px;
        padding: 0 20px;
        letter-spacing: .3px;
        transition: all 150ms linear;
        display: block
    }

    .header-navbar li.submenu .dropdown-menu li.submenu .dropdown-menu li:hover a {
        background: #edeef0;
        color: #fff
    }

    .header-navbar li.submenu .dropdown-menu li.submenu:hover .dropdown-menu {
        transform: scale(1, 1)
    }

    .header-navbar li.submenu:hover ul {
        left: 0;
        visibility: visible;
        opacity: 1
    }
}

@media(max-width: 767px) {
    .navbar-default a.navbar-brand {
        width: 100%;
        margin-left: 30px
    }
}

header {
    /* position: absolute;
    left: 0;
    top: 0;
    width: 100%; */
    z-index: 22
}

.logo a {
    font-size: 28px;
    color: #fff
}

.logo a [class^=flaticon-]:before {
    font-size: 28px;
    color: #fff
}

nav.navbar.navbar-default .logo-white {
    display: block
}

nav.navbar.navbar-default .logo-black {
    display: none
}

nav.navbar.navbar-default.navbar-sticky-in .logo-white {
    display: none
}

nav.navbar.navbar-default.navbar-sticky-in .logo-black {
    display: block
}

.nav-btn {
    display: inline-block
}

.navbar-sticky-in .nir-btn:hover {
    color: #edeef0
}

.slicknav_btn {
    right: 20px !important
}

.slicknav_btn.slicknav_open:before, .slicknav_btn.slicknav_collapsed:before {
    font-size: 22px !important;
    color: var(--base-color) !important;
    position: absolute;
    right: 22px;
    top: -10px
}

.navbar-sticky-in .slicknav_btn.slicknav_open:before, .navbar-sticky-in .slicknav_btn.slicknav_collapsed:before {
    color: #444 !important
}

.slicknav_nav {
    top: 118px
}

@media(max-width: 991px) {
    .social-links {
        display: none
    }

    .main_header_area .navbar>.container {
        max-width: 100%;
        padding: 0
    }

    .header_menu.fixed-top {
        position: relative;
        background: 0 0;
        box-shadow: none
    }
}

.breadcrumb-main {
    display: none;
    position: relative;
    padding: 100px;
    background-image: url(../images/bg/bg-inner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    z-index: 0
}

.bg-fixed {
    background-attachment: fixed;
}

.bg-center {
    background-position: center;
}

.breadcrumb-main .breadcrumb-inner {
    position: relative;
    text-align: center
}

.breadcrumb-main .breadcrumb-inner h2 {
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase
}

.breadcrumb-main::after {
    content: "\f0d8";
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-size: 4rem;
    left: 0;
    right: 0;
    bottom: -38px;
    width: 100%;
    text-align: center;
    color: #f0fbfc;
    font-weight: 700;
}

@media(max-width: 991px) {
    .breadcrumb-main {
        margin-top: 0;
        padding: 80px 40px
    }
}

.banner {
    position: relative;
    margin-top: 130px;
    overflow: hidden
}

.banner::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../images/banner/bg-ban.png);
    background-repeat: no-repeat;
    background-position: right;
    z-index: -1
}

.banner-item {
    position: relative;
}

.banner-item__caption {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #34343459;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 40px;
}

.banner-item__caption-title {
    color: #fff;
    font-weight: 500;
    font-family: var(--font-1);
    color: #000000;
    padding: 10px 20px;
    position: relative;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease;
    display: inline-block;
}

.banner-item__caption-title:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #ffffffb8;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transform: translateY(50px);
    transition: all 1s ease;
    font-size: 15px;
}

.owl-banner .owl-item.active .banner-item__caption-title {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

.owl-banner .owl-item.active .banner-item__caption-title::after {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

.banner-overlay {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #dbdbdb4d 5%, transparent);
    z-index: 1111;
    top: 0;
    left: 0;
}

.owl-banner .owl-nav button {
    content: "\f0d8";
    position: absolute;
    text-align: center;
    top: 50%;
    background: white !important;
    z-index: 11;
    width: 30px;
    font-size: 22px !important;
    height: 40px;
}

.owl-banner .owl-next {
    right: 0px;
}

.owl-button-icons {
}

@media(max-width: 1200px) {
    .banner {
        padding-bottom: 60px
    }

    .banner::before {
        right: -200px;
        width: 100%
    }
}

@media(min-width: 1200px) {
    .banner-item__caption-title {
        font-size: 50px;
    }
}

@media(max-width: 991px) {
    .main_header_area .topbar-wrap {
        display: none
    }

    .banner {
        margin-top: 77px;
        overflow: hidden
    }

    .banner:after {
        background-position: center
    }
}

@media(max-width: 480px) {
    .banner {
        text-align: center
    }

    .banner h1 {
        font-size: 38px
    }
}

.services-main .service-main {
    height: 100%
}

.services-main .service-list-wrap .service-ct-list {
    display: flex;
    flex-direction: column;
    padding: 30px 20px;
    background: #fff;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    box-shadow: 0 0 15px 0 rgba(204, 204, 204, .2)
}

.services-main .service-list-wrap .service-ct-list i {
    font-size: 3.5rem;
    color: var(--base-color);
    margin-bottom: 15px
}

@media(max-width: 1200px) {
    .services-main .service-list-wrap .service-ct-list {
        padding: 30px 5px
    }
}

@media(max-width: 991px) {
    .services-main .service-list-wrap .service-ct-list {
        padding: 30px 20px
    }

    .services-main .service-main {
        margin-bottom: 60px
    }
}

@media(max-width: 480px) {
    .services-main .service-list-wrap .service-ct-list {
        margin-bottom: 1.5rem
    }

    .services-main .service-inner {
        text-align: center
    }
}

.section-about {
    position: relative
}

.about-home__img-wrap {
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

.about-home__content-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-evenly;
    height: 100%
}

.about-home__title-wrap {
    position: relative
}

.about-home__title-wrap:not(.no-border):after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 3rem;
    border-bottom: 4px dotted #333
}

.about-home__title-wrap h2 {
    text-transform: uppercase
}

.about-content p {
    line-height: 32px;
    font-size: 15px;
}

/* about inner */
.section-aboutinner {
    position: relative;
    padding: 40px 0px 20px;
}

.section-aboutinner--first {
    padding-top: 50px;
}

.section-aboutinner--last {
    padding-top: 50px;
}

.about-img__wrap {
    overflow: hidden;
}

.about-img__wrap img {
    border-radius: 50%;
    aspect-ratio: 1;
}

.aboutinner-title {
    font-size: 21px;
    font-weight: 500;
    color: #232323;
    font-family: var(--font-2);
    margin-bottom: 25px;
}

.aboutinner-content p {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500;
}

.about-main__title {
}

.about-main__title-sub {
}

.about-paragraph__wrap, .p-wrap {
    margin-bottom: 35px;
}

.p-title-light {
    font-weight: 500;
    font-family: var(--font-1);
    font-size: 16px;
    color: #2a2a2a;
    margin-bottom: 8px;
    letter-spacing: -0.01px;
}

.p-title {
    font-weight: 500;
    font-family: var(--font-2);
    font-size: 17.8px;
    color: #712622;
    margin-bottom: 8px;
    letter-spacing: 0.31px;
}

.about-paragraph__wrap p, .single-para__wrap p, .p-list p {
    margin-bottom: 0.2rem;
    line-height: 29px;
    font-family: var(--font-1);
    font-size: 15px;
    color: #464646;
    font-weight: 500;
    letter-spacing: 0.019rem;
}

.p-num-list-item {
    display: flex;
    gap: 10px;
}

.p-num-list {
    padding-left: 10px;
    padding-top: 11px;
}

.p-num-list-item span {
    font-weight: 500;
}

.content-large-title {
    background-color: #fff;
    padding: 35px 25px;
    border-radius: 12px;
}

.content-large-title ul li {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 15.5px;
    color: #615e5e;
    letter-spacing: 0.35px;
}

.content-large-title ul li:last-child {
    margin-bottom: 0px;
}

@media(max-width: 991px) {
    .about-home__img-wrap {
        width: 55%;
        margin: 0 auto 30px
    }
}

@media(max-width: 480px) {
    .section-about {
        text-align: center
    }

    .about-home__img-wrap {
        width: 80%
    }

    .about-home__title-wrap::after {
        right: 0;
        margin: 0 auto
    }
}

.course-detail {
    margin-top: 8rem
}

.course-detail .cs-detail-im img {
    border: 10px solid #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2509803922)
}

.course-detail .cs-detail-info .customize-bottom li {
    color: #ee8c1c
}

.course-detail .course-content .cs-title h3 {
    text-transform: uppercase;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px
}

.accordion .card {
    border-radius: 0
}

.accordion .card-header {
    background: #fff
}

.accordion .card-header a.collapsed .fa-plus::before {
    content: "\f067"
}

.accordion .card-header a .fa-plus::before {
    content: "\f068"
}

.accordion .card-header a h5 {
    color: var(--base-color)
}

.accordion .card-header a h5 i {
    position: absolute;
    right: 15px;
    top: 15px
}

.accordion .card-header a.collapsed h5 {
    color: #212832
}

.accordion.acc-dark .card .card-header {
    background: #181d38
}

.accordion.acc-dark .card .card-header a.collapsed h5 {
    color: #fff
}

.prev-next-page {
    background: #fff;
    padding: 10px
}

.prev-next-page .prev-navlink-page, .prev-next-page .next-navlink-page {
    position: relative
}

.prev-next-page .prev-navlink-page i, .prev-next-page .next-navlink-page i {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    font-size: 2.3rem;
    color: var(--base-color)
}

.prev-next-page .prev-navlink-page .prevnext__nav p, .prev-next-page .next-navlink-page .prevnext__nav p {
    font-size: 12px
}

.prev-next-page .prev-navlink-page .prevnext__nav p, .prev-next-page .prev-navlink-page .prevnext__nav h5, .prev-next-page .next-navlink-page .prevnext__nav p, .prev-next-page .next-navlink-page .prevnext__nav h5 {
    margin-bottom: 0
}

.prev-next-page .prev-navlink-page {
    padding-left: 45px
}

.prev-next-page .prev-navlink-page i {
    left: 0
}

.prev-next-page .next-navlink-page {
    padding-right: 45px;
    text-align: right
}

.prev-next-page .next-navlink-page i {
    right: 0
}

.course-content-side ul {
    padding: 15px
}

.course-content-side ul li {
    border-bottom: 1px dotted #bfbfbf;
    padding: 8px 0;
    margin-bottom: 5px;
    text-align: left
}

@media(max-width: 991px) {
    .course-detail {
        margin-top: 4.5rem
    }

    .course-content-side {
        margin-top: 30px
    }

    .cs-detail-im {
        margin-bottom: 30px
    }
}

.gallery {
    padding: 60px 0
}

#lightbox .lb-nav a.lb-prev, #lightbox .lb-nav a.lb-next {
    opacity: 1
}

.event-detail-cn .ev-detail-info {
    padding-bottom: 25px
}

.event-detail-cn .ev-detail-info ul li {
    color: #ee8c1c;
    padding-bottom: 20px
}

.event-detail-cn .ev-detail-content .evt__section {
    text-align: center;
    padding-bottom: 35px
}

.event-detail-cn .ev-detail-content .evt__section h3 {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
    margin-bottom: 25px;
    text-transform: uppercase
}

.event-detail-cn .ev-detail-content .evt__section ul li {
    padding-bottom: 15px
}

.event-detail-cn .ev-detail-content .evt__section .event-form span {
    display: block;
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 15px
}

.event-detail-cn .ev-detail-content .evt__section .event-form h3 {
    border-bottom: none;
    margin-bottom: 0
}

.sche_tab_list {
    margin: 0 6rem
}

.sche_tab_list .nav-pills .nav-link {
    padding: 20px;
    min-width: 9rem;
    font-weight: 600
}

.sche_tab_list .nav-pills .nav-link.active, .sche_tab_list .nav-pills .show>.nav-link {
    background: #fff;
    color: var(--base-color)
}

.sche_tab_list .tab-content {
    background: #fff;
    padding: 25px 20px
}

@media(max-width: 991px) {
    .customize-wrap {
        margin-bottom: 30px
    }

    .sche_tab_list {
        margin: 0
    }

    .sche_tab_list .nav-pills .nav-link {
        min-width: 8rem
    }
}

@media(max-width: 767px) {
    .sche_tab_list .nav-pills .nav-link {
        min-width: 5.6rem
    }
}

@media(max-width: 480px) {
    .sche_tab_list .nav-pills .nav-item {
        width: 100%
    }

    .sche_tab_list .nav-pills .nav-item .nav-link {
        padding: 10px;
        text-align: center
    }
}

.newsletter form {
    padding: 2rem 15rem 0
}

.newsletter form .form-group {
    display: flex;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1215686275)
}

.newsletter form .form-group input {
    border: none;
    height: 53px
}

.newsletter form .form-group .btn {
    width: 45%;
    border-radius: 0
}

@media(max-width: 991px) {
    .newsletter form {
        padding: 2rem 4rem 0
    }
}

@media(max-width: 767px) {
    .newsletter form {
        padding: 2rem 0 0
    }

    .newsletter form .form-group .btn {
        width: 50%;
        padding: 18px 5px
    }
}

.bg__contents .author__datetime {
    padding: 15px 0;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 15px
}

.bg__contents .author__datetime li {
    padding-right: 15px
}

.bg__contents .author__datetime li i {
    color: var(--base-color)
}

.bg__contents .bg__only_detail ul {
    list-style-type: disc;
    padding-left: 30px
}

.bg__contents .bg__only_detail ul li {
    display: list-item
}

.bg__contents .bg__only_detail .accordion .card {
    background: 0 0
}

.bg__contents .bg__only_detail .accordion .card .card-header {
    background: 0 0
}

.bg__contents .bg__only_detail .accordion .card .card-body {
    padding: 35px
}

.bg__contents .bg__only_detail .accordion .card .card-body ol li ol {
    padding-left: 15px;
    padding-top: 10px
}

.bg__contents .blg__ct_form form input, .bg__contents .blg__ct_form form textarea {
    border: 1px solid #212832;
    border-radius: 4px
}

.aside-sidebar .ss__myprofile {
    text-align: center;
    background: #fff;
    padding: 30px 20px
}

.aside-sidebar .ss__myprofile img {
    width: 30%;
    border-radius: 50%;
    margin-bottom: 15px;
    border: 5px solid rgba(82, 86, 91, .1215686275)
}

.aside-sidebar .ss__myprofile h4 {
    text-transform: uppercase;
    margin-bottom: 5px
}

.aside-sidebar .ss__myprofile p {
    font-size: 14px
}

@media(max-width: 991px) {
    .aside-sidebar {
        margin-top: 30px
    }
}

footer {
    /* background: #69874e;
    background: #aeb4be;
    background: #e2e2e275; */
    overflow: hidden;
    background: #192239;
    padding: 60px 0 0;
    --footer-title: #ffffff;
    --text-link: #bcbcbc;
    --text-link-hover: var();
    --text-link-hover: var(--secondary-color);
}

footer p, footer li, footer li a {
    /*color: var(--text-link);
    font-weight: 500;*/
}

.ft-lists :is(li a, p) {
}

.ft-lists li a:hover {
}

footer a {
    color: var(--text-link);
    font-weight: 500;
    font-size: 1rem;
    font-family: var(--font-2);
    letter-spacing: 0.01rem;
}

footer h4 {
    color: var(--footer-title);
}

footer a:hover {
    color: var(--secondary-color);
}

.footer-desc-wrap {
    color: var(--footer-text);
}

footer .footer-upper {
    position: relative;
    z-index: 1
}

.footer-text-link {
}

footer .footer-upper .ft-lists ul {
    display: flex;
    flex-direction: column
}

footer .footer-upper .ft-lists ul li {
    padding: 7px 0
}

footer .footer-upper .copyright-main {
    position: relative;
    border-top: 1px solid #3a3a3a;
    margin-top: 20px;
    padding-bottom: 0px;
}

footer .footer-upper .copyright-main .copyright-text {
    padding: 15px 0px;
    font-size: 14px;
    font-weight: 400;
}

@media(max-width: 991px) {
    footer .footer-upper .col-lg-6, footer .footer-upper .col-md-4 {
        margin-bottom: 30px
    }

    footer .footer-upper .copyright-main {
        margin-top: 40px
    }
}

.banner-main {
    position: relative;
    overflow: hidden
}

.banner-main .h2-slider-list {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* padding: 150px 0 200px; */
    z-index: 0;
    min-height: 80vh;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.banner-main .h2-slider-list .slide-contain {
    position: relative;
    color: #fff;
    max-width: 900px;
    font-size: 22px;
    z-index: 1
}

.banner-main .h2-slider-list .slide-contain h4 {
    color: #893114;
    font-size: 26px;
    font-weight: 700;
}

.banner-main .h2-slider-list .slide-contain h1 {
    line-height: 1.5;
    font-family: var(--font-2);
}

.banner-main .h2-slider-list .slide-contain .btn {
    padding: 21px 40px 19px
}

.home-2 .services-main {
    padding: 0
}

.home-2 .services-main .service-list-wrap {
    padding: 0 15px
}

.home-2 .services-main .service-list-wrap .service-ct-list {
    position: relative;
    top: -5rem;
    box-shadow: none;
    color: #fff;
    padding: 40px 20px
}

.home-2 .services-main .service-list-wrap .service-ct-list i {
    font-size: 4.4rem;
    color: #fff
}

.home-2 .services-main .service-list-wrap .service-ct-list:hover {
    filter: saturate(.5)
}

@media(max-width: 991px) {
    .banner-main {
        padding-top: 60px
    }
}

@media(max-width: 480px) {
    .banner-main .h2-slider-list {
        text-align: center
    }

    .banner-main .h2-slider-list .slide-contain h1 {
        font-size: 34px
    }

    .banner-main .h2-slider-list .slide-contain p {
        font-size: 18px
    }

    .banner-main .h2-slider-list .slide-contain .btn {
        padding: 21px 21px 19px
    }
}

.banner-main.banner-3 .slide-contain {
    max-width: 80%;
    margin: 0 auto
}

.banner-main.banner-3 .slider .slick-prev, .banner-main.banner-3 .slider .slick-next, .banner-main.banner-3 .slider .slick-prev:hover, .banner-main.banner-3 .slider .slick-next:hover {
    background: 0 0
}

.banner-main.banner-3 .slick-prev:before, .banner-main.banner-3 .slick-next:before {
    font-size: 3rem;
    color: rgba(255, 255, 255, .5098039216)
}

@media(max-width: 767px) {
    .banner-main.banner-3 .slide-contain {
        max-width: 100%
    }
}

/* updates 2.0 */
.section__title {
    font-weight: 500;
    color: var(--secondary-color);
    font-family: var(--font-1);
    font-size: 33px;
    text-align: center;
}

.section--facilities {
    background: #ffdfd2ab;
    overflow: hidden;
}

.facilities {
    background: var(--secondary-color);
    border-radius: 13px;
    overflow: hidden;
}

.facilities__img-wrap {
    overflow: hidden;
}

.facilities__img {
    transition: 0.4s linear;
}

.facilities:hover img {
    transform: scale(1.1);
}

.facilities__desc {
}

.facilities__desc-title {
    text-align: center;
    color: #fff;
    margin-bottom: 0px;
    font-family: var(--font-1);
    font-weight: 400;
    letter-spacing: 0.5px;
}

.footer-contact {
}

.footer-contact__list {
    margin-bottom: 15px;
}

.footer-contact__list h2 {
    font-size: 16px;
    color: #69874e;
    font-family: var(--font-1);
    font-weight: 400;
    letter-spacing: 0.5px;
}

.footer-contact__list h3 {
    font-size: 14px;
    color: #3c3c3c;
    font-family: var(--font-1);
    font-weight: 400;
    letter-spacing: 0.5px;
    margin-bottom: 7px;
}

.footer-contact__list-body {
    padding-left: 1rem;
}

.footer-contact__list-link {
    color: #3c2424;
}

.footer-social__ul li a {
    display: inline-block;
    aspect-ratio: 1;
    width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #fff;
}

@media(max-width: 991px) {
    .header-middle {
        padding: 0px 0 4px;
    }
}

.gallery-album__item {
}

.gallery-album__item-title {
    font-size: 16px;
    font-family: var(--font-1);
    color: #212121;
    font-weight: 500;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.gallery-album__item {
    background: #d7e8ed;
    padding-bottom: 5px;
    border-radius: 12px;
    overflow: hidden;
    padding: 8px;
}

.gallery-album__item img {
    border-radius: 12px;
    overflow: hidden;
}

/*  */
/* mobile menu */
.mobile-menu {
    position: fixed;
    width: 85%;
    height: 100%;
    background: white;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 202;
    /* padding: 0.5rem 1rem 2rem; */
    padding: 0rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    transform: translateX(-380px);
    opacity: 0;
    visibility: hidden;
}

body.mobile-menu-active .mobile-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}

body.mobile-menu-active .mobile__backdrop {
    opacity: 1;
    visibility: visible;
}

.mobile__backdrop {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #2222228c;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 200;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-logo {
    padding: 10px 18px 13px 14px;
}

.mobile__menu-logo {
    max-width: 310px;
    aspect-ratio: 5/1;
}

.mobile__menu ul:not(.dropdown-menu) {
    list-style: none;
    padding-left: 0px;
    display: flex;
    flex-direction: column;
}

.mobile__menu ul:not(.dropdown-menu) li {
    display: inline-block;
    margin-right: 0;
    background: 0 0;
    width: 100%;
    text-align: left;
}

.mobile__menu li a {
    display: block;
    color: #414141;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 19px;
    border: 1px solid transparent;
    border-top: 1px solid #dbdbdb;
    line-height: 25px;
    font-family: var(--font-secondary);
}

.mobile__menu .dropdown:after {
}

.mobile__menu .dropdown-menu {
    float: none;
    width: 100%;
    position: static;
    border: none;
    padding-left: 1rem;
    background-color: #eee;
}

.mobile__menu .dropdown-menu li a {
    border: none;
    color: #717070;
}

.mobile__menu li a:hover {
    text-decoration: none;
}

.mobile__menu__close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 35px;
    height: 35px;
    background: #d7d7d7;
    color: #4c4c4c;
    text-align: center;
    line-height: 37px;
    cursor: pointer;
}

.mobile__social-links {
    column-gap: 20px;
    margin-top: 1rem;
    font-size: 24px;
}

.mobile__social-links a {
    display: inline-block;
    color: #464646;
}

.mobile__contact-info li {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
    padding: 6px 0px;
}

.mobile__contact-info li a {
    display: inline-block;
    color: #061F2E;
}

@media(max-width: 991px) {
    .banner-main .h2-slider-list {
        min-height: 60vh;
    }

    .banner-main .h2-slider-list .slide-contain h4 {
        color: #ededed;
        font-size: 24px;
        font-weight: 200;
        font-family: var(--font-2);
        letter-spacing: 0.9px;
    }
}

.content-wrap {
    margin-bottom: 20px;
}

.content-wrap strong {
    margin-bottom: 0px;
    display: inline-block;
}

.home-news {
    background-color: #7e4500;
    padding: 25px;
    border-radius: 10px;
}

.home-news__title {
    color: #feffd1;
    font-size: 18px;
    border-bottom: 2px dotted #fff;
    padding-bottom: 9px;
}

.content-wrap p {
    font-family: var(--font-1);
    font-size: 14px;
    line-height: 25px;
}

.content-wrap li {
    font-size: 14px;
}

.table-faculity {
}

.table-faculity h2 {
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
}

.table tr th, .table tr td {
    padding: 0.95rem 0.75rem;
    font-size: 14px;
    font-family: var(--font-1);
}

.table tr:first-child td {
    font-weight: 500;
    white-space: nowrap;
    vertical-align: middle;
}

.td-year {
    width: 85px;
}

.table thead th {
    vertical-align: middle;
    letter-spacing: 0.25px;
}

.table-content__title {
    text-align: center;
    color: #701f1e;
    font-size: 30px;
}

.section--contact {
}

.contact-left {
    background: #fff;
    padding: 21px 20px;
    border-radius: 15px;
}

.contact-form {
    background: #fff;
    border-radius: 15px;
}

.contact-main__title {
    font-size: 21px;
    color: #644040;
    text-align: center;
    margin-bottom: 1.5rem;
}

.contact-info__item {
    gap: 15px;
    margin-bottom: 15px;
}

.contact-info__sec-title {
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.25px;
    color: #061F2E;
    margin-bottom: 30px;
}

.contact-info__body-link {
    color: #868686;
    font-weight: 500;
    letter-spacing: 0.25px;
}

.contact-info__title {
    font-size: calc(var(--fs-medium) - 0.08rem);
    font-weight: 460;
    letter-spacing: 0.35px;
    width: 94px;
    color: #2c398b;
    font-family: var(--font-1);
    margin-top: 4px;
    margin-bottom: 0;
    margin-right: 0px;
}

.contact-info__body-title {
    font-size: 20px;
    font-family: var(--font-1);
}

.contact-info__body-subtitle {
    font-family: var(--font-1);
    font-size: 16px;
    color: gray;
    font-weight: 400;
    margin-bottom: 7px;
}

.contact-info__content, .contact-info__content a {
    font-size: var(--fs-medium);
    display: inline-block;
    color: #5a5a5a;
    font-weight: 410;
    line-height: 1.7;
}

.contact-info__content a:hover {
    color: var(--base-color)
}

.section--page {
}

.page-title {
    text-align: center;
}

.gap-10 {
    gap: 10px;
}

/*  */
.table-tc th {
    width: 13.333%;
}

.table-tc__th-full {
    width: 30%;
}

.table-tc__th-half {
    width: 20%;
}

.tc-btn__download {
    background-color: #20beff;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    padding: 9px 23px;
    transition: 0.1s ease 0s;
}

.tc-btn__download:hover {
    color: #fff;
    background-color: #114459;
}

.tc-btn__download i {
}

/* section-enquiry */
.zindex-1 {
    z-index: 1;
}

.section-enquiry {
    background-image: url(../images/bg/home-contact.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    background-attachment: fixed;
}

.section-enquiry .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* content: ''; */
    opacity: .7;
    background: #fd6100;
    background: -moz-linear-gradient(45deg, #fd6100 0%, #0d1128 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fd6100), color-stop(100%, #0d1128));
    background: -webkit-linear-gradient(45deg, #fd6100 0%, #0d1128 100%);
    background: -o-linear-gradient(45deg, #fd6100 0%, #0d1128 100%);
    background: -ms-linear-gradient(45deg, #fd6100 0%, #0d1128 100%);
    background: linear-gradient(45deg, #fd6100 0%, #0d1128 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd6100', endColorstr='#0d1128', GradientType=1);
}

.enquiry-form {
    background-color: #fff;
    border-radius: 22px;
}

.enquiry-main__title {
    font-size: 21px;
    color: #622e15;
    text-align: center;
    margin-bottom: 1.5rem;
    font-family: var(--font-1);
    font-weight: 400;
}

/* SOFT / LOW CONTRAST COLORS */
.sfooter-footer {
    background: #1b1e22;
    /* softer dark */
    color: #c7cdd4;
    /* muted text */
}

.sfooter-title {
    font-weight: 600;
    color: #e3e5e8;
    /* soft white */
}

.sfooter-heading {
    font-weight: 500;
    color: #eeeeee;
    /* muted heading */
    letter-spacing: 0.2px;
    font-size: calc(1rem + 0.03rem);
}

.sfooter-heading .brd {
    position: relative;
    padding-bottom: 0px;
    display: block;
    margin-bottom: 35px;
}

.sfooter-heading .brd:before {
    content: '';
    position: absolute;
    width: 40px;
    background: #ff0000a8;
    height: 2px;
    bottom: -10px;
    margin-top: 10px;
}

.sfooter-heading .brd {
}

.sfooter-text {
    color: #bcbcbc;
    /* softer gray */
    line-height: 1.5;
    letter-spacing: 0.12px;
}

.sfooter-list li {
    margin-bottom: 10px;
}

.sfooter-link {
    color: #c7c7c7;
    text-decoration: none;
    transition: 0.2s ease;
    display: inline-block;
    margin-bottom: 10px;
}

.sfooter-list i {
    color: #c7c7c7;
}

.sfooter-link:hover {
    /* softer blue */
}

.sfooter-social {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #24272b;
    /* soft dark */
    border-radius: 8px;
    color: #c7cdd4;
    font-size: 1.2rem;
    border: 1px solid #2e3237;
    transition: 0.2s ease;
}

.sfooter-social:hover {
    background: #32363b;
    color: #ffffff;
    transform: translateY(-3px);
}

.sfooter-social.fb {
    background-color: #1877f2;
}

.sfooter-divider {
    border-color: rgb(255 255 255 / 42%);
}

.sfooter-copy {
    color: #9aa1a8;
    font-size: 1rem;
}

.svg, .svgbrands, .svg-brands {
    display: inline-block;
    width: var(--fs, 1.2em);
    height: var(--fs, 1.2em);
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    vertical-align: middle
}

.svg-facebook-f {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M80 299.3V512h116V299.3h86.5l18-97.8H196v-34.6c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4.4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8z'/%3E%3C/svg%3E");
}

.mm-title {
    font-size: 1.3rem;
}

.section-aboutinner p {
    font-size: calc(1rem + 0.08rem);
    line-height: 1.7;
    text-align: justify;
}

.info-title {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 5px;
    margin-bottom: 2px;
    text-align: center;
    color: var(--base-color);
}

.info-box p {
    font-size: 15px;
    color: #2d2d2dde;
    text-align: justify;
    margin-bottom: 0px;
    line-height: 1.8;
    font-size: var(--fs-medium);
    font-weight: 400;
}

.info-icon {
    font-size: 48px;
    color: var(--base-color);
    display: block;
    text-align: center;
    margin-bottom: 10px;
    line-height: normal;
}

.info-icon SVG {
    width: 38px;
    height: 38px;
}

.about-info {
    border: 1px solid #7a7f9c33;
    background-color: #ffffff45;
    padding: 10px 30px 24px;
    border-radius: 33px;
    box-shadow: var(--bs-box-shadow);
}

.mgmt-card {
    border-radius: 14px;
    /* smooth round corners */
    overflow: hidden;
    /* ensures image also gets rounded */
    transition: 0.25s ease;
    /* smooth hover animation */
    border: 1px solid #e8e8e8;
    /* subtle border */
}

.mgmt-card:hover {
    transform: translateY(-6px);
    /* slight lift */
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
}

.section-hero {
    /* align-items: center; */
    background-color: #d3d3d31f;
    align-items: stretch;
}

.hero-left {
}

.hero-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-aboutwrap {
    padding: 16px 5px;
    background-color: #efefef;
}

.hero-about h2 {
    color: var(--base-color);
    text-align: center;
}

.hero-about p {
    text-align: center;
    font-size: 0.95rem;
    /* max-width: 65ch; */
    margin: 0 auto;
    /* text-align: justify; */
    line-height: 1.85rem;
    color: #454545;
    max-width: 941px;
    letter-spacing: 0.005rem;
}

.hero-about {
    border: 4px double var(--base-color);
    padding: 16px 10px;
    background-color: #ffffff;
    border-radius: 15px;
}

.hero-slider, .hero-slider .item, .hero-slider .item img {
    height: 100%;
}

.hero-slider .item img {
    width: 100%;
    object-fit: cover;
    /* IMPORTANT: fill space without distortion */
    display: block;
}

.hero-slider .owl-stage-outer {
    display: flex;
}

.bs-slide__slide, .bs-slide__inner, .bs-slide__item {
    height: 100%;
}

.bs-slide__item img {
    width: 100%;
    object-fit: cover;
    display: block;
    height: 100%;
}

.section-absub {
    background-color: #f5f5f9;
}

.hmabout-info {
    border: 1px solid #7a7f9c33;
    background-color: #ffffff45;
    padding: 10px 30px 24px;
    border-radius: 13px;
    background-color: #fff;
}

.hmabout-info p {
    font-size: 0.85rem;
    line-height: 1.55rem;
}

/* zz */
@media(min-width: 1200px) {
    .header-navbar li a {
        font-size: calc(1rem - 0.050rem);
    }

    .header-navbar {
        gap: 10px 44px;
    }

    .section-hero {
        display: flex;
    }

    .hero-left {
        width: 45%;
    }

    .hero-right {
        width: 55%;
    }

    .hero-about {
        padding: 40px 20px;
    }
}

@media(min-width: 1400px) {
    .banner-main .h2-slider-list {
        min-height: 90vh;
    }

    .hero-left {
        width: 60%;
    }

    .hero-right {
        width: 40%;
    }

    .hero-aboutwrap {
        padding: 40px 50px 40px;
    }
}

@media(max-width: 567px) {
    .banner-item__caption-title {
        font-size: 15px !important;
    }

    .owl-banner .owl-nav button {
        content: "\f0d8";
        position: absolute;
        text-align: center;
        top: 50%;
        background: #ffffffad !important;
        z-index: 11;
        width: 22px;
        font-size: 12px !important;
        height: 26px;
        transform: translateY(-50%);
    }
}