@charset "UTF-8";
/* @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); */
/* Replace the old Poppins font import with Playfair Display */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');

:root {
    --color-font: #000;
    --color-primary: #B28332;
    --color-secondary: #251C0B;
    --color-link: #B28332;
    --color-link-hover: #18355f;
    --color-gradient-start: #18355f;
    --color-gradient-stop: #B28332;
    --color-img-holder: #efefef;
}

body {
    /* font-family: "Poppins", sans-serif; */
    font-family: Helvetica;
    font-weight: 400;
    color: var(--color-font);
}

p {
    margin-bottom: 0.5rem;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    /* font-family: "Poppins", sans-serif; */
    font-family: Playfair Display;
    font-weight: 500;
}

.bg-primary {
    background: var(--color-primary) !important;
}

.bg-secondary {
    background: var(--color-secondary) !important;
}

.btn-secondary {
    background: var(--color-secondary) !important;
    color: #fff;
    border-color: var(--color-secondary) !important;
}

.btn-secondary:hover {
    background: var(--color-primary) !important;
    color: #fff;
    border-color: var(--color-primary) !important;
}

.btn-primary {
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
}

.btn-primary:hover {
    background: var(--color-secondary);
    color: #fff;
    border-color: var(--color-secondary);
}

.btn-primary.btn-styl2 i {
    /* color: var(--color-secondary); */
    color: white;

}

.btn-primary.btn-styl2:hover i {
    /* color: var(--color-primary); */
    color: white;
}

.text-secondary {
    color: var(--color-secondary);
}

.text-primary {
    --bs-text-opacity: 1;
    color: var(--color-primary);
}

.navbar-brand img {
    /* height: 50px; */
}

.nav-link,
.dropdown-item {
    font-weight: 400;
}

.cntsc-sld {
    position: absolute;
    z-index: 2;
    width: 35%;
    left: 9%;
    /* top: 54%; */
    top: 81%;
    padding: 0;
}

h3.prcj-sl-nm {
    position: absolute;
    bottom: 80px;
    right: 165px;
    color: #ffff;
    z-index: 2;
}

.imgLiquid img {
    visibility: hidden;
}

.ft-btm-sc {
    background: #73767b;
    padding: 15px 0;
}

.navbar.caret-none .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
    display: initial;
}

.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow:before {
    content: "\e92d";
    font-family: "Unicons" !important;
    font-size: 20px;
    line-height: 7px !important;
}

.cntsc-sld h2 {
    font-size: 43px;
    font-weight: 400;
    line-height: 45px;
    font-family: Playfair Display !important;
}

.cntsc-sld p {
    font-size: 18px;
    font-weight: 300;
}
.cntsc-sld .sld-background{
    background-color: #B28332;
   width: 160px; 
   padding: 8px 12px;
   text-align: center;
   border-radius: 50px;
}
.cntsc-sld .sld-background:hover{
    background: #251C0B;
    transition: 0.5s ease;
    box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
    transform: translateY(-3px);
}
.cntsc-sld .sld-background i{
    color: white;
}
.cntsc-sld a.sld-btn {
    /* font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding-left: 0px;
    transition: 0.3s all ease;
    position: relative;
    padding-right: 20px; */
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding-left: 0px;
    transition: 0.3s all ease;
    position: relative;
}

/* .cntsc-sld a.sld-btn::before {
    content: "";
    height: 2px;
    width: 0px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s all ease;
}

.cntsc-sld a.sld-btn::after {
    content: "";
    height: 2px;
    width: 15px;
    background: var(--color-secondary);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s all ease;
} */

/* .cntsc-sld a.sld-btn:hover::before {
    width: 25px;
    background: var(--color-secondary);
}

.cntsc-sld a.sld-btn:hover::after {
    width: 0px;
} */

/* .cntsc-sld a.sld-btn:hover {
    color: var(--color-secondary);
    padding-left: 30px;
} */

.hm-crslc-wrapper div#counter {
    color: var(--color-secondary);
    position: absolute;
    right: 80px;
    bottom: 95px;
    z-index: 1;
    font-size: 14px;
    font-weight: 600;
    padding-left: 24px;
    padding-bottom:100vh;
}

.hm-crslc-wrapper div#counter::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: var(--color-secondary);
    left: 0;
    top: 50%;
    color: var(--color-secondary);
    transform: translateY(-50%);
}

.hm-crslc-wrapper div#counter span {
    color: #fff;
}

.counter-crsl {
    color: var(--color-primary);
    z-index: 1;
    font-size: 14px;
    font-weight: 600;
}

.counter-crsl::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: var(--color-secondary);
    left: 0;
    top: 50%;
    color: var(--color-secondary);
    transform: translateY(-50%);
}

.counter-crsl span {
    /* color: #18355f; */
    color: var(--color-secondary);
}

.ssb-sc::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    /* background: #18355f; */
    background: var(--color-secondary);
    left: 0;
    top: 50%;
}

.hm-crslc button.owl-prev {
    display: none;
}

.hm-crslc-sw .next-btn,
.hm-crslc button.owl-next {
    top: auto !important;
    bottom: 117px;
    right: 85px !important;
    background: #5ba646 !important;
    color: #fff !important;
}

.hm-crslc-sw .next-btn:hover,
.hm-crslc button.owl-next:hover {
    background: #fff !important;
    color: #5ba646 !important;
}

a.nav-link.srch-bt-hd i {
    /* color: var(--color-secondary); */
}

a.btn-prjct-slcs {
    position: absolute;
    width: 70px;
    height: 70px;
    line-height: 71px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    border-radius: 100px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #0000007d;
    animation: inctb ease-in-out 7s infinite;
}

a.btn-prjct-slcs i {
    margin-right: -5px;
}

@keyframes inctb {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }
    25% {
        transform: translate(-50%, -50%) scale(1.2);
    }
    50% {
        transform: translate(-50%, -50%) scale(1);
    }
    75% {
        transform: translate(-50%, -50%) scale(1.2);
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

a.btn-prjct-slcs::before {
    content: "";
    position: absolute;
    border: 2px solid #fff;
    left: 5px;
    top: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 100px;
}

.abt-scsf figure,
figure.abtsc-sc {
    height: 100%;
    /* min-height: 330px; */
    min-height: 470px;


}

h2.sb-ttls {
    font-size: 40px;
    line-height: 40px;
    font-weight: 500;
    color: #251C0B;
    /* color: #382910; */
    position: relative;
    font-family: "Playfair Display";
}
.ab-dtlsc{
    /* background-image: url('../img/technical-background.webp'); */
    background-repeat: no-repeat;
}
.ab-dtlsc h3.counter {
    color: var(--color-primary);
    font-weight: 700;
    font-size: 40px;
    font-family: Helvetica;
}

.ab-dtlsc .counter-wrapper p {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding-top: 11px;
    position: relative;
    color:  var(--color-secondary);
    font-family: Playfair Display;
}

.ab-dtlsc .counter-wrapper p::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 2px;
    background: var(--color-primary);
    top: 0;
}

a.prf-btn-s {
    border: 1px solid;
    text-transform: uppercase;
    border-radius: 100px;
    padding: 8px 25px;
    color: #B28332;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: Helvetica;
}

a.prf-btn-s i {
    margin-left: 4px;
    color: var(--color-secondary);
}

a.prf-btn-s:hover {
    background: #251C0B;
    border: 1px solid #251C0B;
}

a.prf-btn-s:hover i {
    color: #fff;
    border: 1px solid var(--color-secondary);
}

h4.tp-ttls {
    position: relative;
}

h4.tp-ttls span {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    position: relative;
    padding-left: 25px;
}

h4.tp-ttls.lns-c::before {
    content: "";
    width: 75%;
    height: 1px;
    background: #ddd;
    position: absolute;
    bottom: 11px;
    right: 0;
    z-index: 1;
}

h4.tp-ttls span::before {
    content: "";
    height: 2px;
    background: #18355f;
    width: 16px;
    position: absolute;
    left: 0;
    top: 50%;
}

.fncy-bxs-ctg .ttlsc-h3,
.fncy-bxs-ctg h3 {
    /* background: #B28332; */
    background: #251C0B;
    color: #fff;
    margin: 0;
    padding: 17px;
    text-align: center;
    font-size: 18px;
    position: relative;
    font-weight: 600;
    transition: 0.5s all ease;
}

.fncy-bxs-ctg .ttlsc-h3::before,
.fncy-bxs-ctg h3::before {
    content: "";
    height: 30px;
    width: 1px;
    background: #ffff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.3;
}

.btn-styl2 {
    padding: 7px 45px 7px 25px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.btn-styl2 i {
    margin-left: 5px;
    color: #fff;
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.btn-styl2:hover i {
    color: var(--color-img-holder);
}

.fncy-bxs-ctg {
    position: relative;
}

a.aslnk-ws {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -99999px;
    z-index: 1;
}

.fncy-bxs-ctg i.uil.uil-arrow-up-right {
    position: absolute;
    z-index: 1;
    width: 60px;
    height: 60px;
    line-height: 57px;
    text-align: center;
    bottom: 50%;
    /* color: var(--color-secondary); */
    color: #251C0B;;
    background-color: white;
    font-size: 26px;
    border: 2px solid #fff;
    border-radius: 100px;
    left: 50%;
    transform: translate(-50%, 60%);
    opacity: 0;
    transition: 0.3s all ease;
}

.fncy-bxs-ctg:hover i.uil.uil-arrow-up-right {
    transform: translate(-50%, 110%);
    opacity: 1;
}

.fncy-bxs-ctg figure.th-ctgr-sc::before {
    content: "";
    position: absolute;
    width: 100%;
    /* height: 0%; */
    height: 100%;
    bottom: 0;
    /* background: rgb(0, 0, 0); */
    transition: 0.3s all ease;
    background: -moz-linear-gradient( 357deg, rgba(0, 0, 0, 0.7399334733893557) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient( 357deg, rgba(0, 0, 0, 0.7399334733893557) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient( 357deg, rgba(0, 0, 0, 0.7399334733893557) 0%, rgba(255, 255, 255, 0) 100%);
    /* filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1); */
    filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(238deg) brightness(93%) contrast(103%);
}

.fncy-bxs-ctg:hover figure.th-ctgr-sc::before {
    /* height: 100%; */
    height: 0%;

}
.fncy-bxs-ctg .th-ctgr-sc img {
    filter: grayscale(100%);
    transition: filter 0.5s;
}

/* Revert to color on hover */
.fncy-bxs-ctg:hover img{
    filter: grayscale(0);
}

.cntc-sx h3 {
    font-size: 55px;
    color: var(--color-secondary);
    font-weight: 700;
    margin-bottom: 3px;
}

.cntc-sx p {
    padding-top: 12px;
    line-height: 20px;
    position: relative;
    color: #18355f;
    font-weight: 600;
}

.cntc-sx p::before {
    content: "";
    width: 70px;
    height: 1px;
    background: var(--color-secondary);
    position: absolute;
    top: 0;
}

section#grp-oprt h4.tp-ttls span,
section#grp-oprt {
    background: #eef5fc;
}

.grscs {
    padding: 50px 40px;
    text-align: center;
    height: 100%;
    position: relative;
}

.grscs::before,
.grscs::after {
    content: "";
    height: 0%;
    width: 100%;
    background: #2c466a;
    position: absolute;
    left: 0;
    transition: 0.2s all ease;
}

.grscs::after {
    bottom: 0;
}

.grscs:hover::after {
    height: 50%;
}

.grscs::before {
    top: 0;
}

.grscs:hover::before {
    top: 0;
    height: 50%;
}

.search-box-form button#basic-addon1 {
    /* background: var(--color-secondary); */
    background: var(--color-primary);
    color: #fff;
    border-radius: 0 10px 10px 0;
    padding: 13px 16px;
    border: 1px solid var(--color-secondary);
}

.grscs img {
    width: 100%;
    height: 32px;
    margin-bottom: 10px;
    transform: translateY(37px);
    transition: 0.3s all ease;
    position: relative;
    z-index: 1;
}

.grscs h3 {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
    opacity: 0;
    transform: translateY(37px);
    transition: 0.3s all ease;
    position: relative;
    z-index: 1;
}

.bg-primary.grp-prsc .col-md-3:not(:last-child) {
    border-right: 1px solid #ffffff26;
    border-bottom: 1px solid #ffffff26;
}

.grscs:hover img {
    transform: translateY(0px);
    transition: 0.3s all ease;
}

.grscs:hover h3 {
    opacity: 1;
    transform: translateY(0px);
    transition: 0.3s all ease;
}

.fncybx-s2 {
    position: relative;
    height: 100%;
}

footer.ftrs-scs h2 {
    color: #fff;
    font-weight: 400;
    font-size: 30px;
}

footer.ftrs-scs ul.list-unstyled li a {
    position: relative;
    padding-left: 15px;
    font-weight: 300;
    color: #fff;
}

footer.ftrs-scs ul.list-unstyled li a::before {
    width: 6px;
    height: 6px;
    background: var(--color-secondary);
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

footer.ftrs-scs ul.list-unstyled li a:hover {
    color: var(--color-secondary);
}

.ftrs-scs hr.mt-7.mb-7 {
    border-top: 1px solid var(--color-secondary);
}

footer.ftrs-scs h4 {
    color: #fff;
    font-size: 18px;
}

a.dwn-bl i {
    font-weight: 100;
    color: #fff;
}

footer.ftrs-scs ul.gtin-tch li {
    width: 100%;
}

a.dwn-bl {
    width: 45px;
    height: 45px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    font-size: 26px;
    border-radius: 5px;
}

a.dwn-bl:hover {
    background: #fff !important;
    color: #5ba646 !important;
}

a.dwn-bl:hover i {
    color: #5ba646 !important;
}

footer.ftrs-scs nav.nav.social a {
    text-align: center;
    /* margin: 0 2px; */
    border: 1px solid rgb(255 255 255 / 42%);
    display: inline-block;
    padding: 6px 7px;
    line-height: 18px;
    border-radius: 5px;
}

footer.ftrs-scs nav.nav.social a i {
    /* color: var(--color-secondary) !important; */
    color: white !important;
}

footer.ftrs-scs nav.nav.social a:hover {
    /* background: #fff; */
    background: #251C0B;
}

.ft-btm-sc {
    font-size: 14px;
}

ul.ftr-bt-nv {
    list-style: none;
    margin-bottom: 0px;
    padding-left: 0pc;
}

ul.ftr-bt-nv li {
    display: inline;
    padding: 0 10px;
}

ul.ftr-bt-nv li>a:hover {
    color: var(--color-secondary);
}

.ft-btm-sc p {
    opacity: 0.5;
    color: #fff;
    font-weight: 300;
}

ul.ftr-bt-nv li>a {
    color: #fff;
}

.fncybx-s2 {
    padding: 100px;
    background: #dedede;
    border-radius: 150px 10px;
    overflow: hidden;
}

.fncybx-s2 figure::before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
    background: rgb(37, 96, 20);
    background: -moz-linear-gradient( 100deg, rgba(37, 96, 20, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient( 100deg, rgba(37, 96, 20, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient( 100deg, rgba(37, 96, 20, 1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#256014", endColorstr="#ffffff", GradientType=1);
    opacity: 0.6;
}

.icntsc-s .icn-sc {
    border-radius: 5px;
}

.icntsc-s .icn-sc img {
    width: 70px;
    height: 70px;
    padding: 15px;
}

.icntsc-s:not(:last-child) {
    border-bottom: 1px solid #dedede;
}

.icntsc-s {
    padding: 20px 0 20px;
}

.fncybx-s2 h4,
.fncybx-s2 h2 {
    color: #fff;
}

.fncybx-s2 h4.tp-ttls span::before {
    background: #fff;
}

.nwly-scg {
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    min-height: 300px;
}

.nwly-scg figure {
    position: absolute;
    width: 100%;
    height: 100%;
}

.progress-wrap svg.progress-circle path {
    stroke: var(--color-secondary);
}

.progress-wrap:after {
    color: var(--color-secondary);
}

.sb-btsc {
    border-bottom: 1px solid #ddd;
}

.navbar-dark.transparent.banner--stick .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
    color: var(--color-secondary);
}

.banner--stick:not(.navbar-dark).navbar-dark .nav-link:hover,
.banner--stick:not(.navbar-dark).navbar-dark .nav-link:focus,
.banner--stick.transparent.navbar-dark .nav-link:hover,
.banner--stick.transparent.navbar-dark .nav-link:focus {
    color: var(--color-primary);
}

.fncy-bxs-ctg:hover .ttlsc-h3 {
    background: var(--color-primary);
}

.fnc-nwpr-aw {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.fnc-nwpr-aw .tx-s-desc {
    position: absolute;
    z-index: 1;
    bottom: 10%;
    left: 6%;
    color: #fff;
    width: 300px;
}

.fnc-nwpr-aw .tx-s-desc h5 {
    color: #fff;
    text-transform: uppercase;
    line-height: 22px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    border-bottom: 1px solid var(--color-secondary);
    padding-bottom: 10px;
}

.tx-s-desc h3 {
    font-size: 26px;
    color: #fff;
    margin-bottom: 0px;
}

.fnc-nwpr-aw::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.5;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.5;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient( 90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient( 90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient( 90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.nwly-prdct {
    position: relative;
}

.nwly-prdct h3.sb-ttls {
    position: absolute;
    top: 10%;
    left: 6%;
    z-index: 2;
    color: #fff;
    line-height: 35px;
    font-size: 30px;
}

.nws-glr-s {
    height: 200px;
    margin-bottom: 30px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.nws-glr-s figure {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.nws-glr-s .cn-ngs {
    z-index: 1;
    margin-bottom: 25px;
    position: relative;
}

p.dscrpt {
    text-overflow: ellipsis !important;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    height: 52px;
    overflow: hidden;
    margin-bottom: 5px;
}

.nws-glr-s figure::before {
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient( 0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 49%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient( 0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 49%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient( 0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 49%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 1;
    opacity: 0.5;
}

.nws-glr-s .cn-ngs h3 {
    font-size: 22px;
    font-weight: 500;
    text-overflow: ellipsis !important;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    height: 62px;
    margin-top: 2px;
    overflow: hidden;
    transition: 0.3s all ease;
}

.nws-glr-s .cn-ngs:hover h3 {
    color: var(--color-secondary);
}

.nws-glr-s .cn-ngs span.post-date {
    font-size: 14px;
}

.nws-glr-s .cn-ngs span.post-date i {
    margin-right: 5px;
}

.nws-glr-s span.sbts {
    position: absolute;
    z-index: 1;
    left: 25px;
    top: 25px;
    background: transparent;
    border: 2px solid var(--color-primary);
    z-index: 2;
    color: var(--color-primary);
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 1px 10px 0;
    font-size: 14px;
}

.fnc-nwpr-aw:hover figure {
    transform: scale(1);
}

.fnc-nwpr-aw figure {
    height: 300px;
    transform: scale(1.1);
    transition: 1s all ease;
}

.nws-glr-s:hover figure {
    transform: scale(1.1);
}

.nws-glr-s figure {
    transform: scale(1);
    transition: 1s all ease;
}

.my-owl-nav span {
    border: 1px solid var(--color-primary);
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    font-size: 21px;
    line-height: 40px;
    border-radius: 100px;
    color: var(--color-primary);
    transition: 0.5s all ease;
    cursor: pointer;
}

.my-owl-nav span:hover {
    border: 1px solid #251C0B;;
    color: white;
    background: #251C0B;;
}

section#grp-oprt {
    position: relative;
}

.fncybx-s2 figure {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.offcanvas-info {
    box-shadow: 0rem 0rem 1.25rem rgb(30 34 40 / 4%);
}

.offcanvas-close {
    filter: none;
    color: #B28332 !important;
    left: 20px;
    top: inherit; /*   for search icon added  */
}

.ttlsc-h3 img {
    width: 40px !important;
    height: 40px !important;
    margin-right: 8px;
}

.ttlsc-h3 h4,
.ttlsc-h3 img {
    display: inline-block !important;
}

.ttlsc-h3 h4 {
    font-weight: 600;
    color: #fff;
    margin: 9px 0 0;
    padding: 0;
    position: relative;
    top: 5px;
    font-family: Helvetica !important;
}

ul.gtin-tch li {
    width: 100% !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--color-primary);
}

.ctgsc-crls.owl-carousel.mb-0.owl-loaded.owl-drag {
    border-radius: 10px;
    overflow: hidden;
}

section.abthsc {
    position: relative;
    overflow: hidden;
}

section.abthsc::before {
    width: 79%;
    right: -43%;
    height: 132%;
    background: url('../img/technical-background.webp') !important;
    content: "";
    position: absolute;
    top: -21%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.05;
}

.my-owl-nav {
    position: relative;
}

.offcanvas-info {
    background: #fff;
}

.video-wrapper.bg-overlay:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient( 0deg, rgba(0, 0, 0, 0.5) 0%, rgba(15, 15, 15, 0) 29%, rgba(0, 0, 0, 0.008841036414565795) 70%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-linear-gradient( 0deg, rgba(0, 0, 0, 0.5) 0%, rgba(15, 15, 15, 0) 29%, rgba(0, 0, 0, 0.008841036414565795) 70%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient( 0deg, rgba(0, 0, 0, 0.5) 0%, rgba(15, 15, 15, 0) 29%, rgba(0, 0, 0, 0.008841036414565795) 70%, rgba(0, 0, 0, 0.6) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.abt-scsf {
    position: relative;
    height: 100%;
}

a.prf-btn-s svg path,
a.prf-btn-s svg line,
a.prf-btn-s svg polygon {
    stroke: var(--color-primary);
}

a.prf-btn-s svg {
    width: 19px;
    margin-left: 5px;
}

a.prf-btn-s:hover svg path,
a.prf-btn-s:hover svg line,
a.prf-btn-s:hover svg polygon {
    stroke: #fff;
}

.abt-scsf h4 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    right: 5%;
    bottom: 5%;
    padding-top: 9px;
}

.abt-scsf h4::before {
    content: "";
    width: 70px;
    height: 3px;
    background: var(--color-primary);
    position: absolute;
    top: 0;
    right: 0;
}

.abt-scsf .btn-primary.btn-circle.ripple::before,
.abt-scsf .btn-primary.btn-circle.ripple::after {
    background: #000000;
    opacity: 0.5;
}

.abt-scsf .btn-primary {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

section.pg-banner.image-wrapper:not(.mobile) {
    background-attachment: inherit !important;
}

section.pg-banner.image-wrapper.bg-overlay:before {
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient( 0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 37%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient( 0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 37%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient( 0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 37%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    opacity: 0.9;
}

h1.bnr-ttl {
    font-size: 64px;
    font-weight: 500;
    color: #fff;
    line-height: 55px;
    font-family: "Playfair Display";
}

hr.bt-lne {
    border: none;
    height: 4px;
}

.wd-125 {
    width: 100px;
}

.cnnt-sc figure {
    /* border-bottom: 1px solid #cccccc; */
    height: 260px;
    background-size: contain !important;
}

.fnc-bx-one {
    position: relative;
}

.fnc-bx-one figure {
    height: 400px;
    position: relative;
}

.fnc-bx-one .dsc-sc {
    position: absolute;
    bottom: 80px;
    left: 50px;
    right: 50px;
}

.fnc-bx-one .dsc-sc h5,
.fnc-bx-one .dsc-sc h3 {
    color: #fff;
}

.fnc-bx-one figure::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient( 0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 41%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient( 0deg, rgba(0, 0, 0, 1) 0%, rgb(0 0 0 / 30%) 41%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient( 0deg, rgba(0, 0, 0, 1) 0%, rgb(0 0 0 / 30%) 41%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    bottom: 0;
    opacity: 0.8;
}

.fnc-bx-one .dsc-sc h3 {
    font-size: 30px;
    padding-top: 15px;
    position: relative;
    color: #ffff;
    line-height: 30px;
}

.fnc-bx-one .dsc-sc h3::before {
    content: "";
    position: absolute;
    height: 4px;
    background: var(--color-secondary);
    width: 100px;
    top: 0px;
}

.fnc-bx-one .dsc-sc h5 {
    font-weight: 500;
}

.nmbr-dts.owl-carousel .owl-dots button {
    opacity: 1;
    margin-right: 1em;
}

.nmbr-dts.owl-carousel .owl-dots button span {
    position: relative;
    width: 16px;
    height: 25px;
    background: none;
    margin: 0;
    transform: inherit;
    line-height: 25px;
    color: #fff;
    opacity: 1;
    border: none;
    border-top: 2px solid rgba(255, 255, 255, 0);
    border-radius: 0;
}

.nmbr-dts.owl-carousel .owl-dots button:hover span,
.nmbr-dts.owl-carousel .owl-dots button.active span {
    color: var(--color-primary);
    border-top: 2px solid var(--color-primary);
}

.nmbr-dts.owl-carousel .owl-dots button span::before {
    content: "00";
    font-size: 15px;
    font-weight: 500;
}

.nmbr-dts.owl-carousel .owl-dots button:nth-child(1) span::before {
    content: "01";
}

.nmbr-dts.owl-carousel .owl-dots button:nth-child(2) span::before {
    content: "02";
}

.nmbr-dts.owl-carousel .owl-dots button:nth-child(3) span::before {
    content: "03";
}

.nmbr-dts.owl-carousel .owl-dots button:nth-child(4) span::before {
    content: "04";
}

.nmbr-dts.owl-carousel .owl-dots button:nth-child(5) span::before {
    content: "05";
}

.owl-carousel.nmbr-dts.dots-over.csr-crsl .owl-dots {
    position: absolute;
    width: auto;
    bottom: 40px;
    left: 46px;
}

ul.prgrs-ulsc {
    list-style: none;
    padding-left: 0;
}

ul.prgrs-ulsc li {
    padding-left: 25px;
    position: relative;
    color: var(--color-secondary);
    font-weight: 500;
}

ul.prgrs-ulsc li:not(:last-child) {
    margin-bottom: 1.3em;
}

ul.prgrs-ulsc li:not(:last-child)::before {
    position: absolute;
    width: 1px;
    height: 175%;
    /* background: #e5e5e5; */
    content: "";
    left: 5px;
    z-index: -0;
    top: 9px;
}

ul.prgrs-ulsc li::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    background: var(--color-primary);
    left: 0;
    border-radius: 100px;
    top: 8px;
}

.fnc-bx-two {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.fnc-bx-two figure {
    height: 350px;
    position: relative;
}

.fnc-bx-two figure::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: rgb(0, 0, 0);
    background: -moz-linear-gradient( 0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 41%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient( 0deg, rgba(0, 0, 0, 1) 0%, rgb(0 0 0 / 30%) 41%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient( 0deg, rgba(0, 0, 0, 1) 0%, rgb(0 0 0 / 30%) 41%, rgba(0, 0, 0, 0) 100%); */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    bottom: 0;
    opacity: 0.8;
}

.fnc-bx-two .dsc-sc {
    position: absolute;
    bottom: 30px;
    left: 30px;
    color: #fff;
    right: 30px;
}

.fnc-bx-two i.uil.uil-arrow-up-right {
    position: absolute;
    top: 30px;
    right: 30px;
    background: var(--color-secondary);
    color: #000;
    width: 35px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 100px;
    font-size: 19px;
}

.fnc-bx-two .dsc-sc h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
    transition: 0.3s all ease;
    transform: translateY(34px);
}

.fnc-bx-two:hover .dsc-sc h3 {
    transform: translateY(0px);
}

div#MoreEvents .fnc-bx-two .dsc-sc h3 {
    transform: inherit !important;
}

span.rdmrsc {
    transform: translateY(5px);
    opacity: 0;
    transition: 0.3s all ease;
}

.fnc-bx-two:hover .dsc-sc span.rdmrsc {
    transform: translateY(0px);
    opacity: 1;
}

.fnc-bx-two figure {
    transition: 0.5s all ease;
    filter: grayscale(100%);
}

.fnc-bx-two:hover figure {
    transform: scale(1.1);
    background: rgb(0, 0, 0);
    filter: grayscale(0);
   
}

.fnc-bx-two .dsc-sc h5 {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--color-secondary);
    display: inline-block;
    padding-right: 2em;
    margin-bottom: 1em;
}

figure.ovr-sc2 {
    height: 100%;
    min-height: 250px;
}

.ps-mds-c hr {
    width: 100px;
}

section.ovr-sc2 {
    border-radius: 100px;
}

.hr-lft-md {
    border-left: 3px solid var(--color-primary);
}

.bg-wh-ov {
    background: rgba(255, 255, 255, 80%);
    border-radius: 60px;
}

ul.ul-stls-cs {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0px;
}

ul.ul-stls-cs li {
    display: inline-block;
    margin-bottom: 16px;
    margin: 8px 1px 0px;
}

ul.ul-stls-cs li>a {
    border: 2px solid #fff;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #fff;
    padding: 7px;
    border-radius: 100px;
}

ul.ul-stls-cs li:hover a {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.fnc-bx-tw {
    position: relative;
}

.fnc-bx-tw figure {
    height: 450px;
    width: 100%;
}

.fnc-bx-tw .dsc-sc {
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 20px;  /*   new line added */
    color: #fff;
}

.fnc-bx-tw .dsc-sc p {
    margin-bottom: 0;
}

.fnc-bx-tw figure::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient( 0deg, rgba(0, 0, 0, 1) 6%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient( 0deg, rgba(0, 0, 0, 1) 6%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient( 0deg, rgba(0, 0, 0, 1) 6%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    z-index: 0.6;
    bottom: 0;
}

.fnc-bx-tw .dsc-sc h3 {
    color: #fff;
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 15px;
}

.fnc-bx-tw .dsc-sc p {
    margin-bottom: 0;
    position: relative;
    padding-top: 5px;
}

.fnc-bx-tw .dsc-sc p::before {
    content: "";
    position: absolute;
    width: 40%;
    height: 1px;
    background: var(--color-secondary);
    top: 0;
}
.fnc-bx-tw .dsc-sc1 p::before {
    content: "";
    position: absolute;
    width: 0%;
    height: 0px;
    background: var(--color-primary);
    top: 0;
}

.ssb-sc {
    padding-left: 40px;
    position: relative;
    display: inline-block;
}

.ttl-sc h3 {
    font-weight: 500;
    font-size: 22px;
    color: #18355f;
    line-height: 25px;
}

.lst-sc-s {
    background: #edeff2;
}

.ttl-sc {
    position: relative;
    padding-left: 70px;
}

.ttl-sc img {
    position: absolute;
    width: 52px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.insc-cnt {
    position: relative;
    overflow: hidden;
    max-height: 144px;
    transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    margin-bottom: 15px;
}

div.insc-cnt.expanded:before {
    opacity: 0;
}

.ulsc-st .lst-sc-s:nth-child(even) {
    background: #e3e6ec;
}

@media only screen and (min-width: 480px) {
    div.insc-cnt {
        max-height: 96px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .insblsx,
    .carousel-cell {
        max-height: 72vh;
    }
    .hm-crslc-sw {
        max-height: 72vh !important;
    }
        #index-section .carousel-cell .web-img{
        height: 72vh !important;
    }
}

@media only screen and (min-width: 720px) {
    div.insc-cnt {
        max-height: 76px;
    }
}

a.exp-btn {
    border: 1px solid var(--color-secondary);
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    border-radius: 100px;
    transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}

a.exp-btn:hover {
    background: var(--color-secondary);
    border: 1px solid var(--color-secondary);
}

a.exp-btn i {
    font-size: 28px;
    color: var(--color-primary);
}

a.exp-btn:hover i {
    color: #fff;
}

.fnc-bx-nw {
    position: relative;
}

.fnc-bx-nw figure {
    height: 250px;
    margin-bottom: 15px;
}

.fnc-bx-nw date {
    font-weight: 600;
    font-size: 13px;
}

.fnc-bx-nw h4 {
    margin: 5px 0 7px;
    font-weight: 500;
    font-size: 22px;
    line-height: 24px;
    color: var(--color-primary);
}

a.rdm-pl,
.fnc-bx-nw .dsc-sc a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
}

a.rdm-pl i,
.fnc-bx-nw .dsc-sc a i {
    color: var(--color-secondary);
}

a.rdm-pl:hover {
    color: var(--color-secondary) !important;
}

.cnt-gr h3 {
    font-weight: 700;
    font-size: 65px;
    line-height: 60px;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 18px;
}

.cnt-gr h3::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 1px;
    background: var(--color-secondary);
    bottom: 0;
}

.cnt-gr p {
    font-size: 22px;
    line-height: 25px;
    font-weight: 500;
    color: #18355f;
}

.gr-its-c p.g-ttl {
    font-weight: 300;
    color: #fff;
    line-height: 15px;
}

.gr-its-c>img.lgo-s {
    height: 30px;
}

.gr-its-c>img.lgo-s.bt-tx {
    height: 40px;
}

.b-rnd-l {
    position: relative;
}

.gr-its-c .gr-mns {
    width: 350px;
    height: 350px;
    border-radius: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.gr-its-c hr {
    height: 3px;
    background: var(--color-secondary);
    margin: 20px 0 20px;
}

.b-rnd-l figure {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.b-rnd-l .prllx {
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    opacity: 0.2;
}

p.geo-p {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}

p.geo-loc {
    color: #fff;
    font-weight: 200;
    font-size: 15px;
}

.fnc-bx-nw,
.prit-sc i.uil,
.fnc-bx-prit .thmb-im,
.fnc-bx-prit:hover figure,
.fnc-bx-prit,
.smt-trns,
.fnc-bx-th,
.fnc-bx-th figure,
.gr-its-c {
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.prjct-dtl-cl figure {
    transition: 4s all ease;
    -webkit-transition: 4s all ease;
    -moz-transition: 4s all ease;
}

.fnc-bx-nw:hover,
.fnc-bx-prit:hover,
.fnc-bx-th:hover {
    /* transform: translateY(-10px); */
}

.fnc-bx-prit:hover .thmb-im,
.fnc-bx-th:hover figure,
.fnc-bx-prit:hover figure {
    box-shadow: 0 0 0 0.05rem rgb(8 60 130 / 0%), 0rem 0rem 1.25rem rgb(30 34 40 / 25%);
    transform: translateY(-10px);
}

.fnc-bx-prit {
    position: relative;
}

.prit-sc:hover i.uil {
    background: var(--color-secondary);
}

.prjct-dtl-cl:hover figure {
    transform: scale(1.4);
}

.gr-its-c:hover {
    transform: translateY(-10px);
    box-shadow: 0 0 0 0.05rem rgb(8 60 130 / 0%), 0rem 0rem 1.25rem rgb(30 34 40 / 25%);
}

.gr-its-c button {
    background: var(--color-secondary);
    color: #fff;
    border-radius: 14px;
    border: none;
    width: 50px;
    height: 40px;
    color: #000;
    font-size: 22px;
}

.bg-grey {
    background: #73767b !important;
}

.gr-its-c a.aslnk-ws {
    z-index: 2;
}

.gr-pgsc img {
    height: 50px;
    margin-bottom: 1.5em;
}

.gr-pgsc h1.bnr-ttl {
    padding-bottom: 5px;
    position: relative;
}

.gr-pgsc h1.bnr-ttl::before {
    content: "";
    position: absolute;
    width: 150px;
    height: 1px;
    background: var(--color-secondary);
    bottom: 0;
}

h5.sct-bnr {
    font-size: 22px;
    color: #fff;
}

h5.sct-bnr b {
    font-weight: 600;
    margin-left: 5px;
}

.br-rds-10 {
    border-radius: 10px;
}

ul.uls-grdt a.nav-link {
    background: #73767b;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffff;
    font-size: 16px;
    padding: 10px 35px !important;
    border-radius: 50px;
}

ul.uls-grdt a.nav-link:hover,
ul.uls-grdt a.nav-link.active {
    background: var(--color-primary);
    color: var(--color-secondary);
}

.bg-lg-grey {
    /* background: #f7f7f7; */
    background: rgba(178, 131, 50, 0.10);
}

p.wb-dtl {
    position: relative;
    padding-left: 35px;
}

p.wb-dtl i {
    font-size: 26px;
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    color: var(--color-secondary);
    left: 0;
}

h4.dl-tt-h {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 8px;
    position: relative;
}

h4.dl-tt-h::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 1px;
    background: var(--color-primary);
    bottom: 0;
}

.clnt-bx-s figure {
    height: 200px;
    background-size: contain !important;
    border: 1px solid #e8e7e7;
}

.fnc-bx-th figure {
    height: 280px;
    margin-bottom: 15px;
    border-radius: 10px;
}

.fnc-bx-th date {
    font-weight: 600;
    font-size: 15px;
    text-align: left;
    width: 100%;
    display: inline-block;
    border-left: 2px solid var(--color-primary);
    line-height: 14px;
    padding-left: 10px;
}

.fnc-bx-th .dsc-sc h4 {
    font-weight: 500;
    font-size: 20px;
    margin: 8px 0 10px;
    color: var(--color-secondary);
    line-height: 25px;
    text-overflow: ellipsis !important;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    height: 51px;
    overflow: hidden;
}

.fnc-bx-th .dsc-sc p {
    margin-bottom: 10px;
    text-overflow: ellipsis !important;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    height: 50px;
    overflow: hidden;
}

.fnc-bx-th .dsc-sc a {
    text-align: left !important;
    display: inline-block;
    width: 100%;
}


.nws-crl figure {
    height: 600px;
}

.nws-nv-st a {
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    color: var(--color-primary);
    position: relative;
    cursor: pointer;
}

.nws-nv-st a>i {
    /* width: 35px;
    height: 35px; */
    width: 65px;
    height: 65px;
    border: 1px solid var(--color-primary);
    display: inline-block;
    text-align: center;
    /* font-size: 19px; */
    font-size: 34px;
    border-radius: 100px;
    color: white;
    transition: 0.3s all ease-in-out;
    background: var(--color-primary);
}

.nws-nv-st a.pre-btn {
    margin-left: 1em;
    padding-left: 1em;
    /* border-left: 1px solid #dedede; */
    border-left: 1px solid black;

}

.nws-nv-st a.nxt-btn {
    /* padding-left: 45px; */
    padding-left: 85px;
}

.nws-nv-st a.nxt-btn i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.nws-nv-st a.pre-btn {
    /* padding-right: 45px; */
    padding-right: 85px;
}

.nws-nv-st a.pre-btn i {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.nws-nv-st a:hover {
    color: var(--color-secondary);
}

.nws-nv-st a:hover i {
    background: var(--color-secondary);
    border: var(--color-secondary);
    color: #fff;
}

ul.ul-stls-tw li {
    margin-bottom: 10px;
}

.fnc-bx-th:hover h4,
.fnc-bx-th:hover a,
.fnc-bx-th:hover i
 {
    color: var(--color-primary);
}

.bg-overlay-r::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    background: rgb(54, 0, 9);
    background: -moz-linear-gradient( 0deg, rgba(54, 0, 9, 1) 0%, rgba(54, 0, 9, 1) 14%, rgba(54, 0, 9, 0.2637429971988795) 89%);
    background: -webkit-linear-gradient( 0deg, rgba(54, 0, 9, 1) 0%, rgba(54, 0, 9, 1) 14%, rgba(54, 0, 9, 0.2637429971988795) 89%);
    background: linear-gradient( 0deg, rgba(54, 0, 9, 1) 0%, rgba(54, 0, 9, 1) 14%, rgba(54, 0, 9, 0.2637429971988795) 89%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#360009", endColorstr="#360009", GradientType=1);
    opacity: 0.7;
    z-index: -1;
}

.sct-cn h3 {
    font-size: 65px;
    font-weight: 700;
    color: #fff;
    line-height: 65px;
}

.sct-cn p {
    font-size: 20px;
}

.sct-cn {
    position: relative;
}

.sct-cn::before {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    background: url(./../img/rnd-sc.svg);
    background-repeat: no-repeat;
    z-index: -1;
    margin: -34px 0 0 -18px;
    animation: rtsmd infinite 5s ease-in-out;
}

@keyframes rtsmd {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

p:last-child {
    margin-bottom: 0px !important;
}

.gr-grp-sc .item .gr-its-c {
    background: var(--color-primary);
}

.gr-grp-sc .item:nth-child(2) .gr-its-c,
.gr-grp-sc .item:nth-child(3) .gr-its-c,
.gr-grp-sc .item:nth-child(6) .gr-its-c,
.gr-grp-sc .item:nth-child(7) .gr-its-c,
.gr-grp-sc .item:nth-child(10) .gr-its-c,
.gr-grp-sc .item:nth-child(11) .gr-its-c {
    background: #73767b;
}

.vs-sctrs {
    height: 100%;
}

.vs-sctrs figure {
    height: 100%;
    border-radius: 3px;
    min-height: 300px;
}

.sctr-sm-pr figure {
    height: 500px;
}

section.sm-pr-sc {
    position: relative;
}

section.sm-pr-sc span.sm-spntl {
    position: absolute;
    font-size: 16em;
    font-weight: 800;
    right: -33%;
    top: -5%;
    opacity: 0.05;
}

.bx-rgt-dv p>b {
    font-weight: 500;
}

.rounded {
    border-radius: 10px !important;
    overflow: hidden;
}

.prjct-vd figure {
    height: 400px;
}

.prjct-vd span.btn-pr-vd {
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    font-size: 65px;
    color: #fff;
}

.prjct-dtl-cl figure {
    height: 400px;
}

.prit-sc {
    position: relative;
}

.prit-sc i.uil {
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 15px;
    background: var(--color-primary);
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 100px;
}

.fnc-bx-prit .thmb-im,
.fnc-bx-prit figure {
    height: 350px;
    margin-bottom: 25px;
}

.fnc-bx-prit h5 {
    font-weight: 400;
    color: #737373;
    font-size: 15px;
    margin-bottom: 5px;
}

.fnc-bx-prit h3 {
    font-size: 19px;
    font-weight: 700;
    padding-bottom: 8px;
    position: relative;
    display: inline-block;
    font-family: 'Playfair Display ';
}

.fnc-bx-prit h3::before {
    content: "";
    position: absolute;
    width: 92px;
    height: 2px;
    background: #d89726;
    bottom: 0;
}

a.bt-blnk-d {
    color: #fff;
    font-weight: 500;
    position: relative;
    padding-right: 44px;
    transition: 0.3s all ease;
}

a.bt-blnk-d i {
    background: var(--color-secondary);
    width: 36px;
    text-align: center;
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
    border-radius: 6px;
    margin-left: 0.5em;
    position: absolute;
    right: 0;
    transition: 0.3s all ease;
}

a.bt-blnk-d:hover {
    /* color: var(--color-link); */
    color: #000;
}

a.bt-blnk-d:hover i {
    background: #fff;
    color: var(--color-secondary);
}

.bx-fltr-sc h3 {
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 22px;
}

.nw-stl-sc .select2-container {
    width: 100% !important;
}

.nw-stl-sc .select2-container .select2-selection--single {
    background: transparent;
    border: none;
    border-bottom: 1px solid rgb(255 255 255 / 40%);
    border-radius: 0;
    padding: 0;
    height: 50px;
    line-height: 50px;
}

.nw-stl-sc .select2-selection__rendered {
    padding-left: 0px !important;
    line-height: 50px !important;
}

.nw-stl-sc .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #fff;
     font-weight: 100;
}

/* .nw-stl-sc .select2-container--open .select2-selection__placeholder {
    color: #5ba646 !important;
} */

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: solid var(--color-secondary);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    content: "\e945";
    top: 17px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border: solid var(--color-secondary);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(2250deg);
    -webkit-transform: rotate(225deg);
    top: 25px;
}

.select2-results__option {
    font-size: 14px;
    padding: 5px 13px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--color-secondary);
    color: white;
}

.select2-dropdown {
    border: 1px solid #dadada;
    border-radius: 0;
}

.select2-results__option:not(:last-child) {
    border-bottom: 1px solid #d7fecc;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #d5d5d5;
    border-radius: 8px ;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: inherit;
}

.cnt-nv-sc li>a {
    line-height: 70px;
    width: 100%;
    color: #fff;
    position: relative;
}

.cnt-nv-sc li>a i {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.cnt-nv-sc li:not(:last-child)>a {
    border-bottom: 1px solid rgb(255 255 255 / 26%);
}

.cnt-nv-sc li:hover a,
.cnt-nv-sc li a.active {
    color: var(--color-secondary);
}

.frm-cn-mns .form-control {
    box-shadow: none;
    padding: 10px 0;
    border: none;
    /* border-bottom: 1px solid #ccc; */
    border-bottom: 1px solid #000;
    border-radius: 0;
}

.frm-cn-mns .form-floating>label {
    padding-left: 0;
}

.frm-cn-mns .form-floating>.form-control:focus~label,
.frm-cn-mns .form-floating>.form-control:not(:placeholder-shown)~label,
.frm-cn-mns .form-floating>.form-select~label {
    opacity: 1;
    transform: scale(0.8) translateY(-0.4rem) translateX(0rem);
}

hr.cn-hrs {
    height: 2px;
}

.cntc-sc a {
    color: #fff;
}

.cntc-sc a:hover {
    color: var(--color-secondary);
}

.bx-md-sc {
    position: relative;
    height: 400px;
    width: 400px;
    overflow: hidden;
}

.bx-md-sc figure {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}

.bx-md-sc figure.mn-sc {
    z-index: 1;
    transform: scale(1.1);
}

.bx-md-sc .bc-sc {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
}

.bx-md-sc .bc-sc .ld-parallax-wrap img,
.bx-md-sc .bc-sc .ld-parallax-wrap {
    height: 100%;
}

.prit-sc a.aslnk-ws {
    z-index: 1;
}

.nws-fl .select2-selection--single {
    border: none;
    height: 50px;
    line-height: 43px;
}

.nws-fl .select2-selection__rendered {
    line-height: 50px !important;
    padding-left: 20px !important;
    color: #000 !important;
}

.nws-fl .select2-selection--single .select2-selection__placeholder {
    color: #000;
}

.nws-fl .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 20px;
    top: 4px;
}

.nws-fl .select2-container--default .select2-selection--single .select2-selection__rendered {
    border: 1px solid #dedede;
    border-radius: 100px;
}

.nws-fl .select2-container--open {
    border-bottom: 1px solid #dedede;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    right: 25px;
}

/* .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #5ba546;
} */

section#grp-oprt .mpsx-d {
    position: absolute;
    width: 60%;
    left: 50%;
    transform: translateX(-50%) translateY(-36%);
    top: 0;
    opacity: 0.2;
}

.navbar-nav.sm-collapsible .sub-arrow {
    width: 100%;
    text-align: right;
    padding: 0 1.5rem 0 0.5rem;
}

.hm-crslc-wrapper {
    position: relative;
    overflow: hidden;
}

.hm-crslc-sw .swiper-slide,
.hm-crslc .owl-slide {
    position: relative;
    height: 75vh;
}

.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
    vertical-align: -4px;
}

.fnc-nwpr-aw a.aslnk-ws {
    z-index: 1;
}

.lst-st-sc1>ul {
    padding-left: 20px;
}

.crsl-gls .prit-sc {
    height: 550px;
}

.crsl-gls figure {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    animation: lftmv 10s ease-in-out infinite alternate;
}

.fnc-gl-th {
    position: relative;
}

.fnc-gl-th figure {
    height: 350px;
}

.fnc-gl-th i {
    position: absolute;
    right: 15px;
    top: 15px;
    background: var(--color-secondary);
    z-index: 1;
    width: 35px;
    height: 40px;
    border-radius: 11px;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
}

.fnc-gl-th a {
    z-index: 2;
}

.fnc-gl-th figure::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient( 0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient( 0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    bottom: 0;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
}

.fnc-gl-th:hover figure::before {
    height: 100%;
}

.fnc-gl-th h3 {
    position: absolute;
    color: #fff;
    bottom: 25px;
    left: 25px;
    right: 25px;
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: 500;
}

@keyframes lftmv {
    0% {
        transform: scale(1.1) translateX(-30px);
    }
    100% {
        transform: scale(1.1) translateX(30px);
    }
}

.fnc-awr-th {
    /* background: #18355f; */
    background: var(--color-secondary);
    position: relative;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    border-radius: 10px;
}

.fnc-awr-th:hover {
    transform: translateY(-10px);
    /* box-shadow: 0 0 0 0.05rem rgb(8 60 130 / 0%), 0rem 0rem 6rem rgb(30 34 40 / 25%); */
    box-shadow:10px 10px 10px 10px rgb(200,200,200);

    /* box-shadow: blue !important; */
}

.fnc-awr-th h3 {
    color: #fff;
    margin: 0;
    font-size: 20px;
    height: 57px;
    overflow: hidden;
    text-overflow: ellipsis !important;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
}

.fnc-awr-th .ttlsc {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 1.5em;
}

.fnc-awr-th .ttlsc::before {
    content: "";
    position: absolute;
    width: 60%;
    height: 4px;
    background: var(--color-primary);
    bottom: 0;
}
.fnc-awr-th1 .ttlsc::before {
    background: var(--color-secondary);
 
}


.fnc-awr-th figure {
    height: 230px;
    margin-bottom: 1em;
}

.fnc-awr-th i {
    width: 45px;
    height: 35px;
    background: var(--color-primary);
    color: #fff;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    border-radius: 15px;
}
.fnc-awr-th1 i{
    background: var(--color-secondary);
}

.fnc-awr-th::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 43%;
    background: url('../img/awards-half-circle.webp');
    background-repeat: no-repeat;
    /* transform: rotate(63deg);
    top: 34%; */
    transform: rotate(-1deg);
    top: 7%;
    opacity: 0.2;
    text-align: center;
    left: 17%;
    right: 0;
    /* animation: mvsc 7s infinite ease-in-out alternate; */
}

@keyframes mvsc {
    0% {
        transform: rotate(63deg);
    }
    100% {
        transform: rotate(80deg);
    }
}

.aw-crt-sc .item:nth-child(3) {
    /* margin-top: 14%; */
}

.aw-crt-sc .item:nth-child(2) {
    /* margin-top: 8%; */
}

.aw-crt-sc .item:nth-child(even) .fnc-awr-th {
    /* background: #999; */
    background: var(--color-primary);
}

.tst-mnl p {
    color: #fff;
}

.tst-mnl h5 {
    color: #fff;
    font-size: 18px;
    padding-top: 10px;
    position: relative;
    margin-top: 1em;
}

.tst-mnl h5::before {
    content: "";
    position: absolute;
    height: 1px;
    background: var(--color-secondary);
    top: 0;
    width: 60px;
}

.tst-mnl::after,
.tst-mnl::before {
    content: "";
    position: absolute;
    width: 51px;
    height: 35px;
    background: url(./../img/cma.webp);
    background-size: contain;
    background-repeat: no-repeat;
    top: 40px;
    left: 40px;
    opacity: 0.2;
}

.tst-mnl::after {
    right: 40px;
    bottom: 40px;
    top: auto;
    transform: rotate(180deg);
    left: auto;
}

.qlt-sc {
    min-height: 300px;
}

section.arc-dt-ob .btn.btn-circle.btn-lg {
    width: 15px;
    height: 15px;
}

.arc-dt-ob h2.sb-ttls::before {
    position: absolute;
    content: "";
    position: absolute;
    height: 4px;
    background: var(--color-primary);
    left: 0;
    bottom: 20px;
}

.zr-lo-s img {
    height: 100px;
}

.tp-zr-s {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.zr-lo-s {
    padding: 10% 0;
}

.tp-zr-s::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    background: #f2f2f2;
    border-radius: 100%;
    z-index: -1;
    top: -38%;
    left: 50%;
    transform: translateX(-50%);
}

.cmt-sc-s {
    padding: 15% 26%;
    position: relative;
}

.otr-cmnt {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
}

.otr-cmnt .ly-cm-it {
    width: 350px;
    position: absolute;
}

.otr-cmnt .ly-cm-it:nth-child(1) {
    left: 10%;
}

.otr-cmnt .ly-cm-it:nth-child(2) {
    right: 10%;
}

.otr-cmnt .ly-cm-it:nth-child(3) {
    width: 250px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.otr-cmnt .ly-cm-it:nth-child(6) {
    width: 250px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.otr-cmnt .ly-cm-it:nth-child(5) {
    left: 10%;
    bottom: 0px;
}

.otr-cmnt .ly-cm-it:nth-child(4) {
    right: 10%;
    bottom: 0px;
}

.otr-cmnt .ly-cm-it p {
    z-index: 1;
    position: relative;
}

.ly-cm-it::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 10%);
    top: 10%;
    border-radius: 100px;
    transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    animation: mvlf1 15s ease-in-out infinite alternate;
}

.otr-cmnt .ly-cm-it:nth-child(1):after {
    right: 14%;
    left: auto;
}

.otr-cmnt .ly-cm-it:nth-child(2):after {
    right: 14%;
    left: auto;
    bottom: 10%;
    top: auto;
}

.otr-cmnt .ly-cm-it:nth-child(3):after {
    left: 10%;
    bottom: 10%;
    top: auto;
}

.otr-cmnt .ly-cm-it:nth-child(4):after {
    right: 10%;
    left: auto;
    bottom: 10%;
    top: auto;
}

.otr-cmnt .ly-cm-it:nth-child(5):after {
    right: 10%;
    left: auto;
}

@keyframes mvlf1 {
    0% {
        transform: translateX(10px);
    }
    40% {
        transform: translateX(-50px);
    }
    75% {
        transform: translateX(130px);
        transform: translateY(50px);
    }
    100% {
        transform: translateX(-10px);
    }
}

.zr-sc-bt {
    padding: 10% 0 15%;
}

.zr-sc-bt::before {
    content: "";
    background: url(../img/inner/hfl-rnd.svg) no-repeat;
    width: 46%;
    height: 86%;
    position: absolute;
    background-size: contain !important;
    left: 48%;
    transform: translateX(-50%) translateY(-118px) rotate(13deg);
    opacity: 0.2;
}

.zr-sc-bt::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100px;
    background: var(--color-secondary);
    bottom: 0;
}

h2.rbs-ttls {
    font-size: 4em;
}

.smg-sc img {
    height: 30px;
}

.smg-sc img {
    margin: 0 3%;
}

.tech-crsl .bnr-sc {
    height: 85vh;
    position: relative;
}

.tech-crsl .bnr-sc figure {
    position: absolute;
    width: 100%;
    height: 100%;
}

.tech-crsl {
    position: relative;
}

.tech-crsl .tch-thmb {
    position: absolute;
    bottom: 10%;
    width: 100%;
}

.cnt-s-sc {
    z-index: 9;
    width: 100%;
    margin-bottom: 8%;
}

.cnt-s-sc h2 {
    font-size: 40px;
    color: #fff;
    line-height: 45px;
    margin-bottom: 18px;
}

.cnt-s-sc p {
    color: #fff;
}

.tech-crsl .tch-thmb {
    position: absolute;
    bottom: 9em;
    left: 15%;
    display: inline-block;
    width: 400px;
    max-width: inherit;
}

.tch-thmb span {
    color: #fff;
    line-height: 17px;
}

.tch-thmb .slick-slide {
    border: none;
    padding-left: 35px;
    line-height: 17px;
    border-left: 1px solid rgba(255, 255, 255, 0%);
    transition: 0.5s all ease-in-out;
}

.tch-thmb .slick-slide.slick-current.slick-active {
    border-left: 1px solid #fff;
}

.tech-crsl .tch-thmb::before {
    content: "01";
    position: absolute;
    left: -7px;
    top: -24px;
    font-weight: 600;
    color: #ffff;
}

.tech-crsl .tch-thmb::after {
    content: "07";
    position: absolute;
    left: -7px;
    bottom: 0px;
    font-weight: 600;
    color: #ffff;
}

.tch-thmb .slick-slide:not(:last-child) {
    margin-bottom: 25px;
}

.tch-thmb .slider.slider-nav::before {
    content: "";
    position: absolute;
    left: 0px;
    height: 92% !important;
    background: rgb(255 255 255 / 25%);
    width: 1px;
}

.tch-thmb .its-sc span {
    position: relative;
    padding-bottom: 9px;
    display: inline-block;
}

.tch-thmb .its-sc span::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 2px;
    background: var(--color-secondary);
    bottom: 0;
    transition: 0.5s all ease-in-out;
}

.tch-thmb .slick-slide:hover .its-sc span::before,
.tch-thmb .slick-current.slick-active .its-sc span::before {
    width: 58px;
}

.tech-crsl .bnr-sc::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(31, 2, 81);
    background: linear-gradient( 0deg, rgba(31, 2, 81, 1) 0%, rgba(31, 2, 81, 0.5) 72%, rgba(31, 2, 81, 0.3) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#1f0251", endColorstr="#1f0251", GradientType=1);
}

.mls-s .slick-list.draggable {
    padding: 0px !important;
}

.sl-dtls figure {
    height: 350px;
    box-shadow: 0 0 0 0.05rem rgb(8 60 130 / 0%), 0rem 0rem 1.25rem rgb(30 34 40 / 25%);
}

.sl-dtls label {
    background: var(--color-primary);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 4px 22px;
    line-height: 24px;
    border-radius: 100px;
    letter-spacing: 1px;
}

.sl-dtls hr {
    background: var(--color-primary);
    width: 250px;
    z-index: -1;
    position: relative;
}

.sl-dtls h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    /* color: #18355f; */
    color: var(--color-secondary);
}

.mls-s {
    /* background: #e4e7eb; */
    padding: 50px 50px 50px;
    /* padding: 50px 50px 140px 50px; */
    border-radius: 10px;
    /* height: 175px; */
    height: 240px;
    position: relative;
}
.history-mls-s{
       background: #e4e7eb;
       /* padding: 50px 50px 50px; */
       padding: 50px 50px 140px 50px;
       border-radius: 10px;
       height: 175px;
       /* height: 240px; */
       position: relative;
}
.history-mls-s::before {
   /* content: ""; */
   position: absolute;
   width: 100%;
   height: 150%;
   background: #e4e7eb;
   left: 0;
   top: 0;
   border-radius: 10px;
}
.mls-s::before {
    /* content: ""; */
    position: absolute;
    width: 100%;
    height: 150%;
    /* background: #e4e7eb; */
    left: 0;
    top: 0;
    border-radius: 10px;
}

.mls-nav-tb {
    /* background: #e4e7eb; */
    border-radius: 0 0 10px 10px;
    margin-top: 0px;
    padding: 20px 51px 40px;
}
.history-mls-nav-tab{
     background: #e4e7eb;
     border-radius: 0 0 10px 10px;
     margin-top: 0px;
     padding: 20px 51px 40px;
}

.hsr-tsc {
    margin-top: -7px;
}

.mls-nav-tb li {
    margin: 2px 8px;
}

.mls-nav-tb button {
    background: #73767b;
    color: #fff;
    padding: 4px 15px;
    border: none;
    border-radius: 5px;
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
}

.mls-nav-tb button:hover,
.mls-nav-tb button.active {
    background: var(--color-secondary);
}

.mls-s .slider.slider-nav {
    border-top: 1px solid #cdcfd3;
}

.mls-s .slider-nav .its-yr {
    text-align: center;
    padding-top: 17px;
    position: relative;
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
}

.mls-s .slider-nav .its-yr {
    text-align: center;
    padding-top: 17px;
    position: relative;
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
}

.mls-s .slider-nav .its-yr::before {
    content: "";
    position: absolute;
    height: 15px;
    width: 1px;
    background: #9e9fa0;
    top: 0;
    left: 50%;
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
}

.slick-slide {
    cursor: pointer;
}

.mls-s .slider-nav .slick-active.slick-current .its-yr {
    padding-top: 50px;
    font-weight: 700;
    font-size: 20px;
    color:  var(--color-primary);
}

.mls-s .slider-nav .slick-active.slick-current .its-yr::before {
    height: 46px;
    width: 2px;
    background: var(--color-secondary);
}

.hsr-tsc button.slide-arrow {
    position: absolute;
    bottom: 70%;
    border: 1px solid #B28332;
    background: none;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    line-height: 35px;
    font-size: 23px;
    text-align: center;
    color: #B28332;
    z-index: 2;
}
#tapl-history-sec .hsr-tsc button.slide-arrow {
    display: none !important;
}

.hsr-tsc button.slide-arrow.next-arrow {
    right: 0;
}

.hsr-tsc button.slide-arrow:hover {
    background: var(--color-secondary);
    color: white;
    border: var(--color-secondary) ;
}

.mls-s .slider-nav .its-yr:hover {
    color: var(--color-secondary);
}

a.tch-btn {
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-secondary);
    display: inline-block;
    color: var(--color-secondary);
    border-radius: 100px;
    text-align: center;
    line-height: 37px;
    font-size: 20px;
    margin-top: 10px;
}

h5.tp-ttls {
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--color-primary);
    padding-left: 17px;
    font-size: 22px;
    font-family: Helvetica;
}

h5.tp-ttls::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    background: var(--color-secondary);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.text-white h5.tp-ttls::before {
    background: #fff;
}

figure.vsn-ims {
    height: 300px;
    border-radius: 10px;
}

.ic-fncy-bx2 img {
    height: 80px;
}

.ic-fncy-bx2 p {
    color: #fff;
    position: relative;
}

.ic-fncy-bx2 hr {
    height: 2px;
    color: var(--color-primary);
    margin: 1.5em 0 1em;
    width: 100px;
}

.ic-fncy-bx3 img {
    height: 75px;
    width: 75px;
    padding: 8px;
    border: 1px solid #030303;
    border-radius: 10px;
    margin-bottom: 1em;
}

.ic-fncy-bx3 h5 {
    font-weight: 500;
    color: #382910;
    font-size: 22px;
}

.ic-fncy-bx2,
.ic-fncy-bx3 {
    margin-bottom: 30px;
}

.abts-rgt figure {
    min-height: 300px;
}

.abts-rgt {
    overflow: hidden;
    height: 100%;
}

.abts-rgt figure,
.abts-rgt>div {
    height: 100%;
}

.ncls-pnt {
    width: 600px;
    height: 600px;
    margin: 0 auto;
    position: relative;
}

.ncls-pnt .crcs-cnt {
    width: 300px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.ncls-pnt .otr-lyr {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.ncls-pnt .otr-lyr img {
    width: 130px;
    position: absolute;
}

.ncls-pnt .otr-lyr img:nth-child(1) {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.ncls-pnt .otr-lyr img:nth-child(2) {
    right: 3%;
    top: 22%;
}

.ncls-pnt .otr-lyr img:nth-child(3) {
    right: 13%;
    bottom: 10%;
}

.ncls-pnt .otr-lyr img:nth-child(4) {
    left: 13%;
    bottom: 10%;
}

.ncls-pnt .otr-lyr img:nth-child(5) {
    left: 3%;
    top: 22%;
}

.ncls-pnt .crcs-cnt h2 {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    font-weight: 800;
    line-height: 27px;
    color: #18355f;
}

.ovr-hdn {
    overflow: hidden;
}

.scst-ul {
    position: relative;
    height: 630px;
}

.nmdc-lst {
    width: 32%;
    background: #edeff2;
    position: absolute;
    height: 300px;
    transition: 0.3s all ease;
}

.scst-ul .nmdc-lst:nth-child(2) {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.scst-ul .nmdc-lst:nth-child(3) {
    right: 0;
}

.scst-ul .nmdc-lst:nth-child(4) {
    top: 325px;
    left: 17%;
}

.scst-ul .nmdc-lst:nth-child(5) {
    top: 325px;
    right: 17%;
}

.sttl-sc svg,
.sttl-sc img {
    height: 80px;
    margin-bottom: 1.2em;
}

.nmdc-lst.active {
    width: 100%;
    z-index: 2;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
}

.nmdc-lst:not(.active) .sttl-sc {
    flex: 0 0 auto;
    width: 100%;
}

.obdsc {
    display: none;
}

.nmdc-lst.active .obdsc {
    display: block;
}

.nmdc-lst.active .obdsc .scsg {
    max-height: 220px;
    overflow: hidden;
    overflow-y: auto;
    margin-right: 1em;
    padding-right: 1em;
}

.nmdc-lst i[class*=" uil-"] {
    position: absolute;
    right: 20px;
    top: 20px;
    border: 1px solid #5ba646;
    font-size: 28px;
    line-height: 27px;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
}

.scst-ul .nmdc-lst:hover i {
    background: #5ba646;
}

.sttl-sc h3 {
    font-weight: 500;
    color: #18355f;
    font-size: 22px;
}

.nmdc-lst.active {
    box-shadow: 0rem 0rem 1.25rem rgb(30 34 40 / 4%);
}

.nmdc-lst:hover {
    box-shadow: 0rem 0rem 1.25rem rgb(30 34 40 / 4%);
    cursor: pointer;
}

.scsg::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}

.scsg::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
}

.scsg::-webkit-scrollbar-thumb {
    background-color: #5ba646;
}

.nmdc-lst i.uil.uil-angle-right::before {
    transition: 0.5s all ease-in-out;
}

.nmdc-lst.active i.uil.uil-angle-right::before {
    content: "\e92f";
}

figure.hsesc {
    height: 550px;
}

.tech-nv .its-sc {
    padding: 35px 15px;
    border: 2px solid #eeeeee;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
}

.tech-nv .slick-slide {
    margin-right: 20px;
    margin-left: 20px;
}

.tech-nv .its-sc svg {
    fill: #000;
    height: 110px;
    margin: 0 auto;
    transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
}

.tech-nv .slick-track {}

.tech-nv .its-sc span {
    line-height: 25px;
    font-size: 18px;
    display: inline-block;
    margin-top: 1.5em;
    color: #000;
    font-weight: 500;
    line-height: 28px;
}

.tech-nv .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-indent: -999999px;
    border: none;
    background: none;
    width: 25px;
    left: -5px;
    z-index: 9999;
}

.tech-nv .slick-arrow::before {
    content: "\e92e";
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    right: 0;
    color: #000;
    font-family: "Unicons" !important;
}

.slider.tech-nv button.slick-next.slick-arrow {
    left: auto;
    right: -5px;
}

.slider.tech-nv button.slick-next.slick-arrow::before {
    content: "\e930";
}

.tech-nv .slick-arrow::before {
    content: "\e92e";
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    right: 0;
    color: #b8b8b8 !important;
    font-family: "Unicons" !important;
    display: inline-block !important;
    text-indent: initial !important;
    font-size: 28px;
    line-height: 25px;
}

.slider.tech-nv .slick-list {
    padding: 0 13px;
}

.tech-nv .slick-slide.slick-current.slick-active .its-sc svg,
.tech-nv {
    fill: #B28332;
}


.bnr-scs .plyr.plyr--full-ui.plyr--video.plyr--youtube.plyr--fullscreen-enabled.plyr--paused.plyr--stopped.plyr__poster-enabled::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #18355f;
    z-index: 2;
    opacity: 0.4;
}

.bnr-scs .plyr--video {
    border-radius: 0px !important;
}

.tech-nv .its-sc i {
    position: absolute;
    font-family: "Unicons" !important;
    font-size: 28px;
    bottom: 0;
    background: #999;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #ffff;
    line-height: 33px;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -12px;
    text-align: center;
    transition: 0.3s all ease-in-out;
}

.tech-nv .slick-slide.slick-current.slick-active .its-sc i {
    background: var(--color-primary);
    transform: rotate(-180deg);
}

/* .tech-nv .slick-slide:hover .its-sc i {
    background: var(--color-primary);
} */

figure.tch-ms {
    height: 380px;
}

.ttl-ft a {
    color: #fff;
}

.hm-crslc-sw {
    overflow: hidden;
}

.ttl-ft a:hover {
    color: var(--color-link);
}

.is-crtfd img {
    border: 1px solid #d3d3d3;
}

.awr-crsl .owl-nav {
    display: none;
}

.des-rpis {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    color: #fff;
    overflow: hidden;
}

.btn-styl3 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
}

.vd-msx {
    width: 50%;
    float: right;
    margin: 0 0 30px 30px;
}

.page-link:hover,
.page-item.active .page-link {
    color: var(--color-secondary);
}

a.btn.btn-outline-primary {
    font-weight: 500;
    color: var(--color-secondary);
    border-color: var(--color-secondary);
    padding: 8px 20px;
}

a.btn.btn-outline-primary:hover {
    background: var(--color-secondary);
    color: #fff;
}

.btns-sc a {
    margin-right: 0.5em;
}

.banner-overlay {
    position: absolute;
    top: auto;
    left: -22%;
    width: 100%;
    background: url(./../img/banner-over.svg) no-repeat;
    z-index: 0;
    height: 100%;
    background-size: 59%;
    bottom: -100px;
    opacity: 0.5;
    background-position: bottom;
}

span.anchor {
    display: block;
    height: 90px;
    margin-top: -90px;
    visibility: hidden;
}

a.dwns-c {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    width: 2.3rem;
    height: 2.3rem;
    cursor: pointer;
    display: block;
    border-radius: 100%;
    box-shadow: inset 0 0 0 0.1rem rgb(128 130 134 / 25%);
    z-index: 1040;
    transform: translateY(0rem);
    transition: all 200ms linear, margin-right 0ms;
    text-align: center;
    line-height: 48px;
    font-size: 25px;
    color: #5ca647;
}

a.dwns-c.active {
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.75rem);
}

a {
    color: var(--color-primary);
}

.glry-scgs .col-md-6 {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
}

span.rdmrsc {
    text-transform: uppercase;
    margin-top: 8px;
    display: inline-block;
    font-weight: 600;
}

span.rdmrsc i {
    color: var(--color-secondary);
}

.prit-sc.sstnb-sc figure {
    height: 350px;
}

.cstm-arws {
    position: absolute;
    bottom: 132px;
    right: 81px !important;
}

.hst-arws-next {
    top: auto !important;
    background: #5ba646 !important;
    color: #fff !important;
    display: inline-block;
    font-size: 1.2rem;
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    border-radius: 100px;
    transition: 0.3s all ease;
    cursor: pointer;
}

.cstm-arws .hst-arws-next:hover {
    background: #fff !important;
    color: var(--color-secondary) !important;
}

.cstm-arws button.slick-prev.slick-arrow {
    display: none !important;
}

figure.vsn-thmb {
    height: 100%;
    /* min-height: 300px; */
    min-height: 450px;
    border-radius: 10px;
}

section.pg-banner figure {
    position: absolute !important;
    width: 100%;
    height: 100%;
    z-index: -1 !important;
}

section.tms-sctns .card figure {
    height: 300px;
}

section.tms-sctns .card h4 {
    font-weight: 600;
    color: var(--color-primary);
    transition: 0.3s all ease-in-out;
}

section.tms-sctns .card p {
    font-size: 14px;
    color: #585757;
}

section.tms-sctns .card span.rdm-pl {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    transition: 0.3s all ease;
}

section.tms-sctns .card {
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    height: 100%;
}

section.tms-sctns .card:hover {
    transform: translateY(-10px);
}

section.tms-sctns .card:hover h4 {
    color: #ccc;
    color: var(--color-secondary);
}

section.tms-sctns .card span.rdm-pl i {
    color: var(--color-secondary);
}

section.tms-sctns .card:hover span.rdm-pl {
    color: var(--color-secondary);
}

section.tms-sctns .position-relative {
    height: 100%;
}

div#txtResultM ul {
    padding-left: 18px;
}

div#txtResultM ul>li>a:hover {
    color: var(--color-secondary);
}

.cstm-arws {
    position: absolute;
    bottom: 132px;
    right: 81px !important;
    z-index: 999;
    top: auto !important;
    background: #5ba646 !important;
    color: #fff !important;
    display: inline-block;
    font-size: 1.2rem;
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.35rem;
    text-align: center;
    border-radius: 100px;
    transition: 0.3s all ease;
    cursor: pointer;
}

.cstm-arws:hover {
    background: #fff !important;
    color: var(--color-secondary) !important;
}

/* .hm-crslc-sw {
    height: 95vh !important;
} */

.insblsx,
.carousel-cell {
    height: 940px;
   
    width: 100%;
}

.insblsx {
    position: relative;
}

.hm-crslc-wrapper {
    background: #ccc;
}

.insblsx:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient( 0deg, rgba(0, 0, 0, 0.5) 0%, rgba(15, 15, 15, 0) 29%, rgba(0, 0, 0, 0.008841036414565795) 70%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-linear-gradient( 0deg, rgba(0, 0, 0, 0.5) 0%, rgba(15, 15, 15, 0) 29%, rgba(0, 0, 0, 0.008841036414565795) 70%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient( 0deg, rgba(0, 0, 0, 0.5) 0%, rgba(15, 15, 15, 0) 29%, rgba(0, 0, 0, 0.008841036414565795) 70%, rgba(0, 0, 0, 0.6) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.flickity-slider {
    transform: none !important;
}

.carousel-cell {
    left: 0 !important;
    opacity: 0;
    transition: opacity 0.6s ease-in-out 0.3s;
    z-index: 1;
}

.carousel-cell.is-selected {
    opacity: 1;
    transition: opacity 0.6s ease-in-out;
    z-index: 2;
}

.nmsx {
    position: absolute;
    right: 80px;
    bottom: 95px;
    z-index: 2;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.lftsx h3 {
    color: #fff;
    margin-bottom: 0;
}

.cntrbx {
    margin-left: 2em;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    padding-left: 26px;
    color: var(--color-primary);
}

.cntrbx span {
    color: #fff;
}

.cntrbx::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: var(--color-primary);
    left: 0;
    top: 50%;
    color: var(--color-primary);
    transform: translateY(-50%);
}

button.flickity-button.flickity-prev-next-button.next {
    position: absolute;
    bottom: 115px;
    right: 81px !important;
    z-index: 999;
    top: auto !important;
    background: #B28332 !important;
    color: #fff !important;
    display: inline-block;
    font-size: 1.2rem;
    width: 2.2rem;
    height: 2.2rem;
    line-height: 0rem;
    text-align: center;
    border-radius: 100px;
    transition: 0.3s all ease;
    cursor: pointer;
    border: none;
}

button.flickity-button.flickity-prev-next-button.next svg {
    width: 40%;
    height: 40%;
    left: 28%;
    top: 28%;
    fill: #fff;
}

button.flickity-button.flickity-prev-next-button.next:hover {
    background: #251C0B !important;
    color: #fff !important;
}

button.flickity-button.flickity-prev-next-button.next:hover svg {
    fill: #fff !important;
}

button.flickity-button.flickity-prev-next-button.previous {
    display: none;
}

.lftsx {
    overflow: hidden;
}

.carousel-cell .lftsx h3 {
    animation: fadeOutRight 1s both;
}

.carousel-cell.is-selected .lftsx h3 {
    animation: fadeInRight 1s both 0.5s;
}

p.author a:hover {
    opacity: 0.7;
}

p.author a {
    color: #fff;
}

@media (min-width: 1200px) {
    .glr-sc .item:nth-child(2) {
        margin-top: 12%;
    }
    .arc-dt-ob h2.sb-ttls::before {
        width: 76%;
    }
    div#clnt-sld .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .cnnt-sc figure {
        height: 210px;
    }
}

@media (min-width: 992px) {
    nav.asch-hd {
        border-bottom: 1px solid rgba(255, 255, 255, 40%);
        padding-top: 0px !important;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 1.7rem 1.2rem;
        padding-left: 1rem;
    }
    nav.asch-hd .navbar-collapse.offcanvas-nav ul.navbar-nav {
        border-right: 1px solid rgba(255, 255, 255, 40%);
        margin-right: 20px;
        padding-right: 0;
        margin-left: -20px;
    }
    nav.asch-hd.fixed .navbar-collapse.offcanvas-nav ul.navbar-nav {
        border-right: 1px solid rgb(0 0 0 / 10%);
    }
    nav.asch-hd.fixed {
        border-bottom: 1px solid rgb(0 0 0 / 10%);
    }
    section#grp-oprt .col-md-12.pull-down {
        margin-bottom: -100px;
    }
    footer.ftrs-scs nav.nav.social {
        float: right;
    }
    .offcanvas-info {
        right: -26rem;
        width: 26rem;
    }
    .stretch-to-left {
        margin-left: -22vw !important;
    }
    .stretch-to-right {
        margin-right: -22vw !important;
    }
    .w-90 {
        width: 90%;
    }
    .w-80 {
        width: 80%;
    }
    .w-50 {
        width: 50%;
    }
    .gr-grp-sc .item:nth-child(2) {
        margin-top: 15%;
    }
    ul.ul-stls-cs li {
        width: 210px;
    }
    .sct-cn::after {
        content: "";
        width: 1px;
        height: 191%;
        background: #fff;
        position: absolute;
        right: 8%;
        top: -49%;
        transform: rotate(29deg);
    }
    section.arc-dt-ob .process-wrapper.line [class*="col-"]:after {
        top: 0.5em;
        left: 2.5em;
    }
    .arc-dt-ob p {
        font-weight: 500;
        /* color: #18355f; */
        color: var(--color-secondary);
    }
    .arc-dt-ob h2.sb-ttls::before {
        /* width: 65%; */
        width: 56%;
    }
    .hs-tp-sc {
        position: relative;
    }
    .tp-hs-hd {
        position: absolute;
        background: rgb(255 255 255 / 55%);
        height: 100%;
    }
    .tp-hs-hd>div {
        background: #ffffff;
    }
    .sl-dtls hr {
        margin: 2em 0 1.5em -5em;
    }
    .tech-crsl .bnr-sc figure {
        animation: lftmv 10s ease-in-out infinite alternate;
    }
    figure.vsn-ims {
        height: 450px;
    }
    .pull-up {
        margin-top: -10%;
    }
    figure.abtsc-sc {
        float: right;
        width: 50%;
        margin: 0 0 20px 30px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 1.7rem 0.7rem;
    }
    nav.asch-hd .navbar-collapse.offcanvas-nav ul.navbar-nav {
        margin-right: 1em;
        padding-right: 1em;
    }
    .cntsc-sld {
        width: 35%;
        left: 9%;
        bottom: 14%;
        top: 71%;
    }
    .ncls-pnt {
        width: 550px;
        height: 550px;
    }
    .ncls-pnt .crcs-cnt {
        width: 280px;
    }
    .insblsx video {
        margin: 0 auto;
        height: 107%;
    }
}

@media (max-width: 1500px) {
    .cntsc-sld p {
        font-size: 16px;
    }
    .cntsc-sld h2 {
        font-size: 34px;
        font-weight: 400;
        line-height: 38px;
    }
    h1.bnr-ttl {
        font-size: 44px;
    }
    h2.sb-ttls {
        font-size: 34px;
        line-height: 34px;
        font-weight: 400;
    }
    .hm-crslc-sw .swiper-slide,
    .hm-crslc .owl-slide {
        height: 73vh;
    }
    section.wrapper.pg-banner .pt-20.pb-10.pt-md-22.pb-md-13 {
        padding-bottom: 3rem !important;
        padding-top: 12rem !important;
    }
    section.pt-md-12.abthsc {
        padding-top: 3rem !important;
    }
    h3.prcj-sl-nm {
        font-size: 18px;
    }
}

@media (max-width: 991.98px) {
    .cntsc-sld {
        width: 100%;
        left: 0;
        bottom: 14%;
        padding: 35px;
        background: none;
        top: auto;
        border-radius: 10px 10px 0 0;
    }
    .hm-crslc-wrapper div#counter {
        right: 35px;
        bottom: 30px;
    }
    h3.prcj-sl-nm {
        bottom: 22px;
        right: 100px;
        color: #ffff;
        z-index: 2;
        text-align: right;
        font-size: 17px;
    }
    .hm-crslc-sw .next-btn,
    .hm-crslc button.owl-next {
        right: 25px !important;
        bottom: 25px;
    }
    .cntsc-sld h2 {
        font-size: 30px;
        font-weight: 300;
        line-height: 32px;
    }
    .offcanvas-header img {
        height: 40px;
    }
    .fncybx-s2 {
        padding: 50px 30px;
        border-radius: 50px 10px;
    }
    h2.sb-ttls {
        font-size: 30px;
        line-height: 35px;
    }
    h2.sb-ttls br {
        display: none;
    }
    h4.tp-ttls span {
        font-size: 16px;
    }
    ul.ftr-bt-nv li {}
    ul.ftr-bt-nv li {
        text-align: left;
        padding: 0;
        padding-right: 25px;
    }
    .navbar-brand img {
        /* height: 35px; */
        height: 50px;
    }
    .search-box-form button#basic-addon1 {
        padding: 11.5px 11px;
    }
    .offcanvas-nav {
       background: linear-gradient(180deg, #FFF 0%, rgba(37, 28, 11, 0.30) 418.86%);
    }
    .grscs {
        padding: 20px 20px;
    }
    .grscs h3 {
        font-size: 13px;
    }
    .grscs img {
        height: 25px;
    }
    .fnc-nwpr-aw figure {
        height: 300px;
    }
    h1.bnr-ttl {
        font-size: 36px;
        margin-bottom: 0;
        line-height: 38px;
    }
    .bg-wh-ov {
        border-radius: 30px;
    }
    section.ovr-sc2 {
        border-radius: 0;
    }
    .fnc-bx-one .dsc-sc h3 {
        font-size: 24px;
        line-height: 28px;
    }
    .fnc-bx-one .dsc-sc {
        bottom: 60px;
        left: 30px;
        right: 30px;
    }
    .owl-carousel.nmbr-dts.dots-over.csr-crsl .owl-dots {
        bottom: 30px;
        left: 30px;
    }
    .cnt-gr h3 {
        font-weight: 700;
        font-size: 50px;
        line-height: 50px;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    .gr-its-c .gr-mns {
        width: 240px;
        height: 240px;
    }
    .b-rnd-l::before {
        width: 116%;
        height: 116%;
        top: 5%;
    }
    hr.bt-lne {
        height: 3px;
    }
    .nws-crl figure {
        height: 300px;
    }
    .fnc-bx-tw figure {
        height: 300px;
    }
    .fnc-bx-tw .dsc-sc {
        bottom: 30px;
        left: 30px;
    }
    .ttl-sc {
        position: relative;
        padding-left: 0;
    }
    .ttl-sc img {
        position: inherit;
        transform: inherit;
        top: inherit;
        margin-bottom: 8px;
    }
    .insc-cnt {
        max-height: 140px;
    }
    .sct-cn h3 {
        font-size: 55px;
        margin-bottom: 0;
        line-height: 55px;
    }
    .sct-cn::before {
        width: 80px;
        height: 80px;
        margin: -15px 0 0 -13px;
    }
    .fnc-bx-prit .thmb-im,
    .fnc-bx-prit figure {
        height: 250px;
        margin-bottom: 15px;
    }
    .cnt-nv-sc li>a {
        line-height: 50px;
    }
    .cnnt-sc figure {
        height: 120px;
    }
    .prllx {
        transform: inherit !important;
    }
    .bx-md-sc {
        position: relative;
        height: 320px;
        width: 320px;
        overflow: hidden;
    }
    ul.ul-stls-cs li a {
        border: none;
        text-align: left;
        padding: 0;
        position: relative;
    }
    ul.ul-stls-cs li {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #ffffff73;
        margin: 0;
        line-height: 47px;
    }
    ul.ul-stls-cs li:hover a {
        background: none;
        color: var(--color-secondary);
    }
    ul.ul-stls-cs li a::before {
        content: "\e931";
        position: absolute;
        right: 0;
        font-family: "Unicons" !important;
    }
    .video-wrapper.bg-overlay:after {
        background: rgb(0, 0, 0) !important;
        opacity: 0.4;
    }
    .hm-crslc-sw .swiper-slide,
    .hm-crslc .owl-slide {
        height: 75vh;
        overflow: hidden;
    }
    .cntsc-sld {
        padding: 15px;
    }
    h4.tp-ttls.lns-c::before {
        width: 60%;
    }
    .arc-dt-ob h2.sb-ttls::before {
        display: none;
    }
    section.arc-dt-ob .process-wrapper.line [class*="col-"] {
        padding-left: 40px !important;
        position: relative;
    }
    section.arc-dt-ob .btn.btn-circle.btn-lg {
        left: 11px;
        position: absolute;
        top: 5px;
    }
    section.arc-dt-ob .process-wrapper.line [class*="col-"]:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 130%;
        background: #dedede;
        top: 18px;
        left: 18px;
    }
    section.arc-dt-ob .process-wrapper.line [class*="col-"]:last-child:after {
        height: 67%;
    }
    .mls-s {
        padding: 30px 30px 30px;
        /* height: 140px; */
        height: 200px;
    }
    .mls-nav-tb {
        padding: 20px 30px 30px;
    }
    .mls-nav-tb li {
        margin: 5px 0px 0px;
    }
    .sl-dtls label {
        margin-top: 1.5em;
    }
    .sl-dtls hr {
        margin: 1em 0;
    }
    .sl-dtls figure {
        height: 250px;
    }
    .tech-crsl .tch-thmb {
        display: none;
    }
    .ic-fncy-bx2 img {
        height: 65px;
    }
    .ic-fncy-bx2 hr {
        margin: 1em 0 0.8em;
        width: 100px;
    }
    .cmt-sc-s {
        padding: 0;
    }
    .otr-cmnt,
    .otr-cmnt .ly-cm-it {
        position: inherit;
    }
    .otr-cmnt .ly-cm-it {
        left: inherit !important;
        right: inherit !important;
        top: inherit !important;
        bottom: inherit !important;
        width: auto !important;
        transform: inherit !important;
        margin-bottom: 10px;
    }
    .smg-sc img {
        height: 15px;
    }
    h2.rbs-ttls {
        font-size: 3em;
    }
    .zr-lo-s img {
        height: 55px;
    }
    .tp-zr-s {
        width: 100%;
    }
    .tp-zr-s::before {
        width: 300px;
        height: 300px;
        top: -53%;
    }
    .zr-sc-bt::before {
        width: 84%;
        height: 87%;
        left: 41%;
        transform: translateX(-41%) translateY(-52px) rotate(4deg);
    }
    .zr-sc-bt::after {
        width: 2px;
        height: 50px;
    }
    .scst-ul {
        height: auto;
    }
    .nmdc-lst {
        position: inherit;
        width: 100%;
        margin-bottom: 30px !important;
        top: inherit !important;
        left: inherit !important;
        right: inherit !important;
    }
    .nmdc-lst {
        height: auto !important;
    }
    .nmdc-lst.active .obdsc .scsg {
        margin-right: 0;
    }
    .sttl-sc h3 {
        font-size: 18px;
    }
    .ic-fncy-bx3 h5,
    h5.tp-ttls {
        font-size: 18px;
    }
    figure.hsesc {
        height: 300px;
    }
    figure.tch-ms {
        height: 250px;
        margin: 0 0 20px;
    }
    .nws-glr-s {
        height: 220px;
    }
    .vd-msx {
        width: 100%;
        margin: 0 0 0px 30px;
    }
    .sl-dtls h2 {
        font-size: 26px;
        line-height: 30px;
    }
    .hsr-tsc button.slide-arrow {
        width: 33px !important;
        height: 33px !important;
        line-height: 33px !important;
        bottom: auto;
        top: -3% !important;
        padding: 0;
    }
    .hsr-tsc button.slide-arrow.prev-arrow.smt-trns.slick-arrow {
        left: 15px;
    }
    .hsr-tsc button.slide-arrow.next-arrow.smt-trns.slick-arrow {
        right: 15px;
    }
    .fnc-awr-th figure {
        height: 180px;
    }
    .content-wrapper {
        overflow: hidden;
    }
    ul.pagination li {
        display: none;
    }
    ul.pagination li:first-child,
    ul.pagination li:last-child {
        display: block;
    }
    section.nws-dtlsc img {
        width: 100% !important;
    }
    .cstm-arws {
        bottom: 70px;
        right: 35px !important;
    }
    .offcanvas-header {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        display: flex;
        flex-direction: row;
        padding: 1.5rem 1.5rem;
    }
    .offcanvas-body {
        flex-grow: 1;
        padding: 1.5rem 1.5rem;
        overflow-y: auto;
        padding-bottom: 0;
        padding-top: 0;
        height: 83% !important;
    }
    .offcanvas-footer {
        display: flex;
        flex-shrink: 0;
        margin-top: auto;
        padding: 1.5rem 0;
    }
    .offcanvas-nav {
        padding-left: 0px;
    }
    button.flickity-button.flickity-prev-next-button.next {
        bottom: 40px;
        right: 33px !important;
    }
    .cntrbx {
        margin-left: 0.5em;
    }
    .nmsx {
        right: 35px;
        bottom: 30px;
    }
    .lftsx h3 {
        font-size: 15px;
    }
    .insblsx:after {
        background: rgb(0, 0, 0) !important;
        opacity: 0.4;
    }
    span.banner-overlay {
        opacity: 0;
    }
}

@media (max-width: 660px) {
    h3.prcj-sl-nm {
        font-size: 15px;
    }
    .cstm-arws {
        bottom: 63px;
        right: 33px !important;
    }
    .hst-arws-next {
        width: 1.8rem;
        height: 1.8rem;
        line-height: 1.8rem;
    }
    a.bt-blnk-d {
        padding-right: 30px;
        transition: 0.3s all ease;
        width: 100%;
        display: inline-block;
        font-size: 15px;
    }
    a.bt-blnk-d i {
        width: 28px;
        font-size: 18px;
        line-height: 23px;
    }
    .insblsx video {
        height: 100%;
        margin: auto 0 0 -460px;
    }
    .hm-crslc-sw .flickity-slider .carousel-cell:nth-child(3) video,
    .hm-crslc-sw .flickity-slider .carousel-cell:nth-child(2) video {
        margin: auto 0 0 -500px;
    }
    .hm-crslc-sw{
        height:100vh !important;
    }
   
       .insblsx, .carousel-cell{
        height:100vh;
       }
}