@import url(modal.min.css);

.about-container {
    max-width: 940px;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}

.news-container {
    max-width: 1050px;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}

.btn-position {
    position: relative;
}

.btn-set {
    position: fixed;
    top: calc(50% + 50px);
    left: 0;
    right: 0;
    text-align: center;
}

.about-bg {
    z-index: 1;
    position: relative;
    background: #fff;
}

.sustainP-container {
    max-width: 940px;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}

.sustainP-bg {
    z-index: 1;
    position: relative;
    background: #fff;
}

.bg {
    z-index: 1;
    position: relative;
    background: #000 !important;
    padding: 109px 0;
}

.bg-color-quaternary,
.bg-quaternary {
    background-color: #fff !important;
}

.video-wrapper {
    position: absolute;
    z-index: -1;
    inset: 0px;
    overflow: hidden;
    background-size: cover;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: none;
}

.video {
    margin: auto;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    width: 100%;
    visibility: visible;
    height: auto;
}

/* ---------------------------------------------------------------------------------- */
#header .header-column {
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-grow: 0.2;
    flex-direction: column;
}

.sticky-header-active #header .header-nav.header-nav-links.header-nav-light-text nav>ul>li>a,
#header .header-nav.header-nav-line.header-nav-light-text nav>ul>li>a {
    color: #000;
}

.sticky-header-active #header .header-nav.header-nav-links.header-nav-light-text nav>ul>li:hover>a,
#header .header-nav.header-nav-line.header-nav-light-text nav>ul>li:hover>a {
    color: #12d7cf !important;
}

.sticky-header-active #header .header-nav.header-nav-links nav>ul:not(:hover)>li>a.active {
    color: #12d7cf;
}

/* -----------------custom-dropdown------------------------ */

.dropdownLine {
    position: relative !important;

}

.dropdownAlign {
    position: fixed;
    top: 85px;
    left: 0;
    width: 100%;
    min-height: 30px;
    visibility: hidden;
    opacity: 1;
    background-color: #fff !important;
    color: #000;
    z-index: 11111111;
}

.urlArea {
    max-width: 65%;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}

body:has(#group:hover, #brand:hover, #governance:hover, #sustainability:hover, #newsroom:hover) #header .header-body {
    background: #fff !important;
}

body:has(#group:hover) #groupNav {
    visibility: visible;
}

body:has(#brand:hover) #brandNav {
    visibility: visible;
}

body:has(#governance:hover) #governanceNav {
    visibility: visible;
}

body:has(#sustainability:hover) #sustainabilityNav {
    visibility: visible;
}

body:has(#newsroom:hover) #newsroomNav {
    visibility: visible;
}

body:has(#groupNav:hover) .dropdownAlign#groupNav {
    visibility: visible;
}

body:has(#brandNav:hover) .dropdownAlign#brandNav {
    visibility: visible;
}

body:has(#governanceNav:hover) .dropdownAlign#governanceNav {
    visibility: visible;
}

body:has(#sustainabilityNav:hover) .dropdownAlign#sustainabilityNav {
    visibility: visible;
}

body:has(#newsroomNav:hover) .dropdownAlign#newsroomNav {
    visibility: visible;
}

body:has(#group:hover, #brand:hover, #governance:hover, #sustainability:hover, #newsroom:hover) #header .header-nav.header-nav-links.header-nav-light-text nav>ul>li>a {
    color: #000;
}

body:has(#group:hover, #brand:hover, #governance:hover, #sustainability:hover, #newsroom:hover) #header .header-nav.header-nav-links.header-nav-light-text nav>ul>li>a:hover {
    color: #107069;
}

body:has(#header-show:hover) #header .header-body {
    background: #fff !important;
}

body:has(#header-show:hover) #header .header-nav.header-nav-links.header-nav-light-text nav>ul>li>a {
    color: #000;
}

/* -----------------custom-dropdown------------------------ */


.navArea {
    padding: 30px 20px;
}

#header-show .nav-link {
    color: #000;
    font-weight: 300;
    font-size: 13px;

}

.alignNAvNay {
    padding-left: 20px;
}

.bKLJzN {
    color: rgb(0, 0, 0);
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 400;
    pointer-events: unset;
}

.JzN {
    color: rgb(0, 0, 0);
    font-size: 13px;
    line-height: 15px;
    cursor: unset;
    font-weight: 300;
}

.brxyz {
    color: rgb(0, 0, 0);
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 300;
    pointer-events: unset;
    text-decoration: underline;
}

@media (min-width: 992px) {
    #header .header-nav-main nav>ul>li>a {
        font-weight: 300;
        font-size: 16px;
        padding-left: 0.9rem !important;
        padding-right: 0.9rem !important;
    }
}

/* ------------------------------------------------------------------------------- */

.sustain-containers {
    width: 100%;
    overflow-x: hidden;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}

.sustain-containers .row>* {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.sustain-container {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}

.sustain-container .row>* {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.sustain-container .fVxzHD {
    position: absolute;
    left: 64px;
    bottom: 64px;
    cursor: inherit;
    user-select: initial;
    pointer-events: all;
}

.text-lr {
    writing-mode: vertical-lr;
    transform: scale(-1);
}

.lr-color {
    color: rgb(255, 255, 255);
    background-color: transparent;
    font-size: 40px;
    font-weight: 300;
    pointer-events: unset;
}

.lr-colors {
    color: rgb(255, 255, 255);
    background-color: transparent;
    font-size: 40px;
    font-weight: 300;
    pointer-events: unset;
}


body:has(#ccc:hover) .lr-color {
    font-size: 24px;
}

body:has(#bbb:hover) .lr-colors {
    font-size: 24px;
}

.effectDip {
    display: none;
}

.effectDip p {
    color: rgb(255, 255, 255);
    background-color: transparent;
    font-size: 20px;
    font-weight: 300;
    pointer-events: unset;
}

body:has(#ccc:hover) .effectDip {
    display: block;
    padding-top: 8px;
    margin-left: 10px;
}

.effectIno {
    display: none;
}

.effectIno p {
    color: rgb(255, 255, 255);
    background-color: transparent;
    font-size: 20px;
    font-weight: 300;
    pointer-events: unset;
    /* position: absolute; */
}

body:has(#bbb:hover) .effectIno {
    display: block;
    padding-top: 8px;
    margin-left: 10px;
}


.ttm-btn {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: normal;
    padding: 11px 32px 11px 31px;
    background: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeff5;
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    overflow: hidden;
    z-index: 1;
    transition: all 0.5s ease 0s;
    cursor: pointer;
}

.ttm-btn-size-md {
    font-size: 14px;
    padding: 14px 30px 14px 30px;
}

.ttm-btn-shape-square {
    border-radius: 0;
}

.ttm-btn-style-border {
    background-color: transparent;
    border: 1px solid currentColor;
}

.ttm-btn.ttm-btn-color-white {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}

.ttm-btn.ttm-btn-color-dark {
    color: #fff;
    border-color: #000;
    background-color: #000;
}

.ttm-btn.ttm-btn-color-dark:hover:before {
    background-color: #107069;
}

/* 
  .ttm-btn.ttm-btn-style-border.ttm-btn-color-brand:not(.btn-inline):hover{
    color: #107069;
  } */

.ttm-btn:not(.btn-inline)::before {
    content: "";
    position: absolute;
    background-color: #343434;
    width: 0%;
    height: 100%;
    right: 0;
    left: auto;
    top: 0;
    -webkit-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
    z-index: -1;
}

.ttm-btn:not(.btn-inline):hover::before {
    right: auto;
    left: 0;
    width: 100%;
}

.ttm-btn-color-white:hover:before {
    background-color: #fff;
}

.ttm-btn.ttm-btn-style-border.ttm-btn-color-white:not(.btn-inline):hover {
    color: #222d35;
}

#ccc {
    z-index: 9;
}

#bbb {
    z-index: 1;
}


/* --------------------------------------------------------------------------- */


.bg-content {
    position: relative;
    background: #fff;
    z-index: 1;
}

.bg-contents {
    position: relative;
    background: #fff;
    z-index: 1;
}

.bg-white {
    background: #fff;
    position: relative;
}


.bg-grey {
    background: rgb(244, 244, 244);
    position: relative;
}

.owl-carousel .owl-nav {
    display: none;
}

.owl-carousel {
    width: 100%;
    z-index: 1;
    margin-bottom: 0PX !important;
}

.pb-109 {
    padding-top: 109px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.bg-white .custom-grid-1 {
    margin-top: 0px;
}

.bg-white #grid .custom-grid-1 {
    margin-top: -70px !important;
}

.mgm-info .container{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.sustain-containers .row>* .container .lsxt{
    padding-left: 50px !important;
}
.pbs-3 {
    padding-bottom: 10rem !important;

}

.mt-100 {
    margin-bottom: 100px;
}

.dPYHIc {
    /* font-family: Avenir; */
    font-size: 60px;
    font-weight: 500;
    text-align: center;
    color: rgb(255, 255, 255);
    /* max-width: 800px; */
    margin-bottom: 24px;
}

.custom-grid-1-item .afr {
    display: none;
}

.custom-grid-1-item:hover .afr {
    display: block;
}

.custom-grid-1-item:hover .bfr {
    display: none;
}

@media (min-width: 992px) {

    .custom-grid-1 .container .row>*:nth-child(1),
    .custom-grid-1 .container .row>*:nth-child(3),
    .custom-grid-1 .container .row>*:nth-child(6),
    .custom-grid-1 .container .row>*:nth-child(8) {
        border: 1px solid #a9a9a9;
    }

    .custom-grid-1 .container .row>*:nth-child(1):hover,
    .custom-grid-1 .container .row>*:nth-child(3):hover,
    .custom-grid-1 .container .row>*:nth-child(6):hover,
    .custom-grid-1 .container .row>*:nth-child(8):hover {
        border: 1px solid rgba(24, 130, 126, 0.3);
    }
}

.custom-grid-1 .col-12:hover {
    transform: translateY(-2px);
    box-shadow: 1px 5px 10px rgba(0, 0, 0, .1);
    cursor: pointer;
}


.algDat {
    position: relative;
    display: inline;
    align-items: center;
    cursor: pointer;
    text-decoration: none !important;
    z-index: 0 !important;

}

.algData {
    position: relative;
    display: inline;
}

.algDat h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    padding: 10px 15px 0 15px;
    text-transform: initial;
}

.sticky-header-active .stbl {
    display: none;
}

.stac {
    display: none;
}

.sticky-header-active .stac {
    display: block;
}

body:has(#group:hover, #brand:hover, #governance:hover, #sustainability:hover, #newsroom:hover) .stbl {
    display: none;
}

body:has(#group:hover, #brand:hover, #governance:hover, #sustainability:hover, #newsroom:hover) .stac {
    display: block;
}

/* ----------------------banner design for page---------------------------- */
.ce-image-header:not(.ce-image-header-with-video) {
    min-height: 91vh;
}

.large-margin-bottom-45 {
    margin-bottom: 2.8125rem;
}

.relative {
    position: relative;
}

.ce-image-header .image-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: #121212;
    z-index: 1;
}

.ce-image-header .image-background .image-wrapper {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.ce-image-header .image-overlay {
    background-color: rgba(0, 0, 0, 0);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.ce-image-header .image-overlay.darken-overlay-2 {
    background-color: rgba(0, 0, 0, .2);
}

.ce-image-header .inner-content-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.align-center-middle {
    justify-content: center;
    align-items: center;
    align-content: center;
}

.ce-image-header .row.inner-content {
    pointer-events: none;
}

.large-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}

.medium-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}

.small-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.ce-image-header .row.inner-content {
    pointer-events: none;
}

.headline-1 {
    font-size: 4.5rem;
    letter-spacing: 2px;
    line-height: 1.056;
}

.uppercase {
    text-transform: uppercase !important;
}

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

.bg-aboutimg {
    background-image: url("../img/gallery/about.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */

}

.bg-hnbimg {
    background-image: url("../img/gallery/hnb/hnbbanner.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}

.bg-hnbAlungitimg {
    background-image: url("../img/gallery/hnb/amanatshahLungi.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}

.bg-hnbAvoileimg {
    background-image: url("../img/gallery/hnb/amanat-shah_voile_poplin.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}

.bg-hnbthreepiceimg {
    background-image: url("../img/gallery/hnb/standarad_three_piece.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}

.bg-hnbshareeimg {
    background-image: url("../img/gallery/hnb/standard_sharee.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}

.bg-newsimg {
    background-image: url("../img/news/newsbanner.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}

.bg-galleryimg {
    background-image: url("../img/gallery/gallery/gallery.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}

.bg-esgrimg {
    background-image: url("../img/sustainability/esgr/sustainable.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}

.bg-wpimg {
    background-image: url("../img/gallery/sustainability/wp.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}

.bg-csrimg {
    background-image: url("../img/gallery/sustainability/csr.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}
.bg-f2fimg {
    background-image: url("../img/gallery/f2f/02.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}
.bg-f2fbimg {
    background-image: url("../img/gallery/f2f/03.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}
.bg-amanatshahimg {
    background-image: url("../img/gallery/amanatshah/01.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}
.bg-hassmlbimg {
    background-image: url("../img/hassml/008.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}
.bg-aswplbimg {
    background-image: url("../img/aswpl/40.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}
.bg-trustimg {
    background-image: url("../img/trustknitware/05.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}
.bg-trustbimg {
    background-image: url("../img/trustknitware/06.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}
.bg-miahimg {
    background-image: url("../img/miah/01.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}
.bg-miahbimg {
    background-image: url("../img/miah/02.jpg") !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
}


#slideshow .ce-image-header:not(.ce-image-header-with-video) {
    min-height: 80vh !important;
}

#news .ce-image-header:not(.ce-image-header-with-video) {
    min-height: 70vh !important;
}

/* ----------------------banner design for page---------------------------- */

html #header.header-bg {
    min-height: 0 !important;
    width: 100%;
    position: relative;
    background: #fff !important;
}

.eCrNZo {
    color: rgb(0, 0, 0);
    margin-bottom: 16px;
    font-family: var(--AvenirMedium);
    text-align: center !important;
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 30px;
    font-weight: 400;
    pointer-events: unset;

}

.text-5s {
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
    text-align: center !important;
}

.takeway {
    position: relative;
    z-index: 1;
}

.btluys {
    position: absolute;
    top: 0;
    bottom: 0;
}

.fdezPK {
    color: rgb(0, 0, 0);
    font-size: 25px;
    line-height: 30px;
    font-weight: 400;
    /* padding-bottom: 16px; */
}

.left-container {
    max-width: 65%;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    margin-right: auto;
}

.right-container {
    max-width: 65%;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    margin-left: auto;
}

.trvxe {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.text-5xzer {
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
    padding: 5px;
}

.lrcyzx {
    position: relative;
    background-color: rgba(245, 242, 239, .38)
}

.bg-white .nzxcy .btbt {
    width: 190px !important;
    padding: 0 12px;
}
.bg-white .nzxcy .btbts {
    width: 140px !important;
    padding: 0 12px;
}

.bg-grey .nzxcy img {
    width: 190px !important;
    padding: 0 12px;
}

.deskcrx {
    font-size: 25px;
    font-weight: 500;
    line-height: 27px;
    margin: 0 !important;
    /* padding: 5px; */
    /* width: 300px; */
}

.ce-image-header h1 {
    color: #fff !important;
    margin: 0 0 15px 0 !important;
    z-index: 111;
}

.ce-image-header p {
    color: #fff !important;
    z-index: 111;

}

@media (min-width: 992px) {
    .custom-text-background {
        -webkit-text-fill-color: #7b6b6c !important;
    }
}

.slideoverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background-color: rgba(0, 0, 0, 0.3); */
    background-color: rgba(18, 18, 18, 0.3);
    z-index: 2;
}

.brand-container {
    max-width: 920px;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}

.brand-bg {
    z-index: 1;
    position: relative;
    background: #fff !important;
    margin-top: -215px;
    padding: 30px 35px 15px 35px;
    border: 1px solid #ededed !important;
}

.brP {
    max-width: 800px;
    width: 100%;
}

.ttm-btn.ttm-btn-color-brand {
    color: #000;
    border-color: #ededed;
    background-color: transparent;
}

.ttm-btn-color-brand:hover:before {
    background-color: #fff;
}

.ttm-btn.ttm-btn-style-border.ttm-btn-color-brand:not(.btn-inline):hover {
    color: #107069;
}

.slick-dots li button {
    display: none;
}

.sustain-box {
    max-width: 85%;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    border: 1px solid #ededed;
    min-height: 390px;
    cursor: pointer;
    margin: 10px 0;
}

.sustain-box:hover {
    box-shadow: 0px 6px 61px 6px #ededed;
    transform: translateY(-15px);

}

.sustain-box-design {
    position: relative;
    padding: 20px 15px;
}

.sustain-box-design h1 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin: 0;

}

.box-designzx {
    position: absolute;
    bottom: -142px;
    left: 15px;
}


#sustain-cot-box .row>* {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.mangbrzxder {
    width: 100%;
}

.mangbrzxder img {
    width: 100%;
}

.mangbrzxder-brief {
    position: relative;
    /* padding: 20px 15px 5px 40px;  */
    padding: 1.5625rem 1.875rem 6.25rem 1.875rem;
}

.mangbrzxder-brief h3 {
    margin-bottom: 1.5625rem !important;
}

#director .mangbrzxder-brief {
    min-height: 365px;
}

.mangbrzxder-brief .box-designzx {
    position: absolute;
    bottom: 1.875rem;
    left: 33px;
}

.mangbrzxder-brief h3 {
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 8px;
}

.mangbrzxder-brief h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

.mangbrzxder-brief p {
    font-size: 15px;
    padding-bottom: 15px !important;
}

.texxxbrf {
    padding: 30px 0 !important;
}

.texxxbrf h4 {
    font-size: 28px;
    font-weight: 500;
    padding: 30px 0;
}

#director .img-fluid {
    width: 100%;
    height: auto;
}

.tsrxswq {
    border: 1px solid #ededed !important;
}

.tsrxswq:hover {
    box-shadow: 0px 6px 61px 6px #ededed;
    transform: translateY(-15px);
}
/* body:has(.tsrxswq:hover) .b {
    box-shadow: 0px 6px 61px 6px #ededed;
    transform: translateY(-15px);
} */
#director .draggable {
    padding: 0 !important;
}

.tbxcfj {
    margin-top: auto !important;
    margin-bottom: auto !important;
    border-top: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

#chairman img {
    padding-bottom: 1px !important;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.director-container {
    max-width: 1200px;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}

/* ---------------------director-page------------------------------- */

/* #testtes h4{
    font-size: 35px;
    font-weight: 200;
} */
#testtes h5 {
    /* font-size: 23px;
    font-weight: 500; */
    margin-bottom: 10px;
}

.texttef {
    font-size: 17px;
    /* font-weight: 600; */

}

.texttzf {
    font-size: 25px;
    font-weight: 400;
    color: #7a7a7a !important;
    margin-bottom: 25px;

}

.nhftvx {
    margin-bottom: 5px !important;
}


.form-d {
    border-top: none !important;
    border-left: none !important;
}


/* ---------------------director-page------------------------------- */

.pb-15 {
    padding-bottom: 50px !important;
}

.ptz-30 {
    padding-top: 30px;
}

.vbxcy {
    padding-left: 50px;
}

.mt-10s {
    padding-bottom: 150px;
}

.bg-layer {
    background-color: #222d35;
    opacity: 0.79;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

#footer {
    margin-top: -48px !important;
}

#bhazah {
    margin-bottom: -70px !important;
}

.p-2 {
    padding: 20px 0 20px 0 !important;
    display: flex;
    justify-content: space-between !important;
}

article .post-content .sub-title {
    color: #7a7a7a;
}

article .post-content .sub-title:hover {
    color: #107069;
}

.text-rel {
    font-size: 18px !important;
    /* line-height: 144px; */
    position: absolute;
    bottom: 10%;
}

.m007 {
    margin-bottom: 50px !important;
}

article.post .post-date .day {
    color: #107069;
}

article.post .post-date .month {
    background-color: #107069;
}

article.post .post-date .head-tag {
    display: block;
    text-align: left !important;
}

.custom-hidden {
    display: none;
}

/* .post {
    position: relative;
    min-height: 315px;
    border: 1px solid #ededed;
    padding: 1.5rem;
} */

/* .post:hover {
    box-shadow: 0px 6px 61px 6px #ededed;
    transform: translateY(-15px);
} */

.post-btn {
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
}

.banner-set {
    height: 100vh !important;
    z-index: 0 !important;
    position: fixed !important;
}


.home-banner-after {
    display: block;
    height: 100vh;
}

.bg-white #grid .p-2 {
    padding: .5rem !important;
    display: block;
}

.mts-5 {
    margin-top: 0 !important;
}

.layout-bg {
    width: 100%;
    height: 100%;
    background-image: url('../img/gallery/about-us/map.svg');
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
    background-position: 0% 0%;
    background-size: 100% 100%;
}

.l-ht {
    line-height: 40px !important;
}

.counter-lazy {
    position: relative !important;
    height: 50vh;
}

.thumb-info {
    height: 80%;
}

.timeline-body .p-2 {
    padding: .5rem !important;
    display: block;
}

.list.list-icons li>[class*=fa-]:first-child,
.list.list-icons li>.icons:first-child,
.list.list-icons li a:first-child>[class*=fa-]:first-child,
.list.list-icons li a:first-child>.icons:first-child {
    color: #107069;
    border-color: #107069;
}

.nav-border {
    border-right: 1px solid;
}


/* #header .desknav {
    display: block !important;
} */

#header .mblnav {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    #header .desknav {
        display: none !important;
    }

    #header .mblnav {
        display: block !important;
    }
}

.ban-position {
    position: relative;
    z-index: 99999;
}

.ban-set {
    position: absolute;
    top: 49vh;
    /* left: 44%;
    right: 44%; */
    width: 100%;
    text-align: center;
}

#header .header-body {
    border-bottom: 1px solid #106971;
}


.py-2 {
    font-size: 30px !important;
}

.form-control:not(.form-control-sm):not(.form-control-lg) {
    font-family: poppins, Arial, sans-serif;
    font-size: 1.1em !important;
    line-height: 1.15;
}

.form-style-4.form-style-4-text-dark .form-control {
    color: #7a7a7a !important;
}

#seconad-navigation li a {
    font-size: 25px;
    font-weight: 500;
    color: #7a7a7a !important;
}

#seconad-navigation li a {
    font-size: 17px;
    font-weight: 500;
    color: #7a7a7a !important;
}

#seconad-navigation .nav-link.active {
    border-bottom: 2px solid #107069;
    color: #107069 !important;
}

.bgsxy {
    margin-bottom: 3px !important;
}

.contact-form {
    max-width: 75%;
}

/* ----------------------------------------------------------- */
.swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.slick-container {
    width: 100%;
    overflow-x: hidden;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right:0;
    padding-left: 0;
}
/* ----------------------------------------------------------- */

.owl-carousel .owl-item img {
    min-height: 315px;
}


.torque-4{
    font-size: 1.4em;
    font-weight: 600;
    line-height: 27px;
    margin: 0 0 14px;
    color: #121212;
}
.torque-6{
    font-size: 1em;
    font-weight: 600;
    line-height: 27px;
    margin: 0 0 14px;
    color: #121212;
}

.post {
    position: relative;
    box-shadow: 0px 6px 61px 6px #ededed;
} 
/* .post:hover {
    box-shadow: 0px 6px 61px 6px #ededed;
    transform: translateY(-15px);
}  */

/* .post img{
    padding: 0 !important;
} */

.post .post-content{
    min-height: 220px;
    padding: 1.5rem;
}


.mdirect{
    display: block !important;
}
.mchair{
    display: none !important;
}
@media (max-width:767px) {
    .mchair{
        display: block !important;
    }
    .mdirect{
        display: none !important;
    }
}

.videoDiv{
    position: absolute; 
    z-index: -1; 
    inset: 0px; 
    overflow: hidden; 
    background-size: cover; 
    background-color: transparent; 
    background-repeat: no-repeat; 
    background-position: 50% 50%;
}

.vidFix{
    margin: auto; 
    position: absolute; 
    z-index: -1; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    opacity: 1; 
    width: 100%; 
    height: auto;
}
.vidMbl{
    display: none;
}

@media (max-width:767px) {
    .vidFix{
        display: none;
    }
    .vidMbl{
        display: block;
    }
}

/* ----------------------------------page design----------------------------------- */
.ptb-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
@media (max-width: 767px) {
    .ptb-xs-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
.v-line {
    border-left: 3px solid #0ba5a0;
    padding-left: 20px;
}
.mb-35 {
    margin-bottom: 35px;
}
.block-title h2 {
    font-size: 30px;
    font-weight: normal;
    margin-top: 0;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}
.block-title h2 span {
    color: #0ba5a0;
}
.offShow {
    color: #0ba5a0;
    font-size: 15px;
    font-weight: 500;
}
.offShowP {
    color: #0ba5a0;
    font-size: 13px;
    font-weight: 600;
}
.post ul>li {
    list-style-type: none;
    font-size: 13px;
}
.text-13s{
    font-size: 13px;
    font-weight: 500;
}
/* ----------------------------------page design----------------------------------- */