:root {
    --bs-primary: #ED8B00;
    --bs-secondary: #1D252D;
    --bs-teritiary: #1D252D;
    --bs-font-color: #4E4E4E
}

.slttl {
    font-size: clamp(50px, 4vw + 1rem, 80px);
    font-weight: 700
}

.sbttl {
    font-size: clamp(28px, 2vw + 1rem, 60px);
    font-weight: 700;
    line-height: 1.2
}

.terttl,
.ftrbxsl .cnbtms h3,
footer .ftrcnt h3,
footer .wdbxs h5,
.whcbxs h3 {
    font-size: clamp(20px, 1vw + .8rem, 28px);
    font-weight: 600
}

.thttl,
.mnCnBx p,
.hovmnbcs h4 {
    font-size: clamp(20px, 1vw + .5rem, 24px);
    font-weight: 600
}

.pgttl {
    font-size: clamp(25px, 3vw + .8rem, 50px)
}

.fntsix,
header .hdrtp .lgnvs,
header .hdrtp .language-select>a,
header .hdrtp .phndts p {
    font-size: clamp(14px, 2vw + 1rem, 16px);
    font-weight: 500
}

.trns03,
.arbtsx div,
.rticms,
.hovmnbcs .hbnmbxs .cnbcm,
.hovmnbcs .hbnmbxs figure::before,
.hovmnbcs .hbnmbxs figure img,
.hovmnbcs {
    -webkit-transition: .3s all ease-in;
    transition: .3s all ease-in
}

.trns05,
.ftrbxsl figure img,
.hovmnbcs::after {
    -webkit-transition: .5s all ease-in;
    transition: .5s all ease-in
}

body {
    font-family: "Roboto Flex", sans-serif;
    color: var(--bs-font-color);
    font-size: clamp(15px, 2vw + .6rem, 18px);
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 500;
    color: var(--bs-secondary)
}

.fig-full-cover,
section.flimgbs figure,
.ftrbxsl figure {
    position: absolute;
    width: 100%;
    height: 100%
}

.img-full-cover,
section.flimgbs figure img,
.flhgtbx figure img,
.ftrbxsl figure img,
.fncbxstls figure img,
.bg-rtps>figure img,
.hovmnbcs .hbnmbxs figure img,
.icmnbcs figure img,
.nsbx figure img {
    position: absolute;
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover
}

.abcn-full,
section.flimgbs figure::before,
.ftrbxsl figure::before,
.fncbxstls figure::before,
.hovmnbcs::after,
.hovmnbcs::before,
.hovmnbcs .hbnmbxs figure::before,
.sldItm::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

.linear-grd,
.ftrbxsl figure::before {
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1)
}

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

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

.bg-light {
    background: #f2f6f6 !important
}

.mnSlide {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.vh-90 {
    min-height: 87vh
}

.nav-link {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0
}

.bg-primary .btnCty {
    border: 2px solid #fff
}

.bg-primary h4 {
    color: #fff
}

.bg-primary p {
    color: rgba(255, 255, 255, .75)
}

.bg-primary ul {
    padding-left: 0
}

.bg-primary ul li {
    color: rgba(255, 255, 255, .75)
}

ul.tckul li {
    position: relative;
    padding-left: 35px;
    list-style: none
}

ul.tckul li::before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background: url(../img/icons/tick.svg);
    background-repeat: no-repeat;
    left: 0;
    background-position: center
}

.nsbx figure {
    position: relative
}

.nsbx span {
    font-size: 14px;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 8px 16px;
    border-radius: 30px;
    margin-bottom: .5rem;
    display: inline-block
}

.nsbx h4 {
    font-size: clamp(20px, 1vw + .5rem, 24px);
    font-weight: 600
}

.nsbx.nwslfts {
    border: 1px solid rgba(0, 0, 0, .1)
}

.nsbx.nwslfts figure {
    height: 270px
}

.nsbx.nwslfts .nsmbx {
    padding: 40px
}

.nsbx.nwslfts .nsmbx p {
    opacity: .5
}

.nsbx.nwslrts:nth-child(1) {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 30px;
    margin-bottom: 30px
}

.nsbx.nwslrts figure {
    height: 249px;
    width: 260px
}

.nsbx.nwslrts .nsmbx {
    padding: 40px
}

.icmnbcs {
    height: 100%;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 4vw;
    min-height: 250px
}

.icmnbcs figure {
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%
}

.icmnbcs .vdoics {
    position: relative;
    cursor: pointer;
    width: 75px
}

.icmnbcs .vdoics::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 100%;
    -webkit-animation: movlft ease-in-out 1s infinite;
    animation: movlft ease-in-out 1s infinite
}

@-webkit-keyframes movlft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes movlft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

.rtarw {
    position: relative;
    color: #2f235c;
    font-weight: 600;
    font-size: 14px
}

.rtarw i {
    width: 14px;
    height: 12px;
    background: url(../img/icons/arwlfs.svg);
    background-size: cover;
    background-repeat: repeat;
    background-size: 26px;
    background-position: 1px 0px;
    margin-left: 3px;
    -webkit-transition: .2s linear all;
    transition: .2s linear all;
    display: inline-block
}

.rtarw:hover i {
    background-position: 14px 0px
}

.btnCty {
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 400;
    background: var(--bs-primary);
    color: #fff;
    padding: 7px 25px;
    border: 2px solid var(--bs-primary);
    -webkit-transition: .2s linear all;
    transition: .2s linear all
}

.btnCty i {
    width: 27px;
    height: 17px;
    background: url("../img/cibes-r-arrow-1.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: none;
    margin-left: 10px;
    -webkit-transition: .2s linear all;
    transition: .2s linear all
}

.btnCty:hover {
    background: var(--bs-secondary);
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
    color: #fff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 2px solid var(--bs-primary)
}

.btnCty:hover i {
    background-position: none;
}

.btnCty.btn-secondary {
    background: var(--bs-secondary);
    border: 2px solid var(--bs-secondary)
}

.btn-secondary {
    background: var(--bs-secondary);
    border-color: var(--bs-secondary)
}

.hver-prm:hover {
    background: var(--bs-primary);
    border-color: var(--bs-primary)
}

.nswttl hr {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    width: 70%
}

.sldItm {
    height: 100%;
    width: 100%
}

.sldItm::before {
    opacity: .8;
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgb(0, 0, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1)
}

.hovmnbcs {
    position: relative
}

.hovmnbcs .hbnmbxs {
    height: 475px;
    overflow: hidden;
    border-radius: 15px;
    position: relative
}

.hovmnbcs .hbnmbxs figure {
    position: absolute;
    width: 100%;
    height: 100%
}

.hovmnbcs .hbnmbxs figure img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.hovmnbcs .hbnmbxs figure::before {
    background: var(--bs-secondary);
    opacity: .75;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0
}

.hovmnbcs .hbnmbxs .cnbcm {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0
}

.hovmnbcs .hbnmbxs .cnbcm .ttsc {
    padding: 40px
}

.hovmnbcs .hbnmbxs .cnbcm .ttsc ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.hovmnbcs .hbnmbxs .cnbcm .ttsc ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    list-style: none;
    color: #fff;
    line-height: 50px;
    border-top: 1px solid rgba(255, 255, 255, .3);
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.hovmnbcs .hbnmbxs .cnbcm .ttsc ul li:nth-child(1),
.hovmnbcs .hbnmbxs .cnbcm .ttsc ul li:nth-child(2) {
    border-top: none
}

.hovmnbcs .hbnmbxs .cnbcm .ttsc ul li:hover {
    color: var(--bs-primary);
    padding-left: 5px
}

.hovmnbcs h4 {
    padding: 20px 0px;
    padding-right: 50px;
    position: relative
}

.hovmnbcs h4 i.icms {
    position: absolute;
    width: 46px;
    height: 46px;
    background: #000;
    right: 0;
    top: 50%;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    line-height: 45px;
    -webkit-transform: translateX(-10px) translateY(-50%);
    -ms-transform: translateX(-10px) translateY(-50%);
    transform: translateX(-10px) translateY(-50%);
    opacity: 0;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.hovmnbcs::before {
    height: 1px;
    bottom: 0;
    background: var(--bs-secondary);
    opacity: .2
}

.hovmnbcs::after {
    height: 2px;
    bottom: 0;
    background: var(--bs-primary);
    opacity: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0
}

.hovmnbcs:hover {
    cursor: pointer;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px)
}

.hovmnbcs:hover .hbnmbxs figure::before {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: .75
}

.hovmnbcs:hover .hbnmbxs figure img {
    -webkit-transform: scale(1.1) translateX(10px);
    -ms-transform: scale(1.1) translateX(10px);
    transform: scale(1.1) translateX(10px)
}

.hovmnbcs:hover .hbnmbxs .cnbcm {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1
}

.hovmnbcs:hover h4 i {
    -webkit-transform: translateX(0px) translateY(-50%);
    -ms-transform: translateX(0px) translateY(-50%);
    transform: translateX(0px) translateY(-50%);
    opacity: 1
}

.hovmnbcs:hover::after {
    width: 100%
}

.whcbxs {
    border: 1px solid #d2d3d5;
    padding: 30px;
    height: 100%
}

.whcbxs img {
    margin-bottom: 1rem
}

.whcbxs p {
    margin-bottom: 0px
}

.whchsms .col-6:nth-child(1) .whcbxs {
    border-radius: 20px 20px 0 20px;
    border-right: none
}

.whchsms .col-6:nth-child(2) .whcbxs {
    border-radius: 20px 20px 20px 0px
}

.whchsms .col-6:nth-child(3) .whcbxs {
    border-radius: 20px 0 20px 20px;
    border-top: none;
    border-right: none
}

.whchsms .col-6:nth-child(4) .whcbxs {
    border-radius: 0 20px 20px 20px;
    border-top: none
}

.navbar-brand a img {
    height: 40px;
    transition: cubic-bezier(0.23, 1, 0.32, 1) .3s all;
    -webkit-transition: cubic-bezier(0.23, 1, 0.32, 1) .3s all;
    -moz-transition: cubic-bezier(0.23, 1, 0.32, 1) .3s all;
    -ms-transition: cubic-bezier(0.23, 1, 0.32, 1) .3s all;
    -o-transition: cubic-bezier(0.23, 1, 0.32, 1) .3s all
}

.navbar-stick .navbar-brand a img {
    height: 40px
}

.mnCnBx {
    position: absolute;
    color: #fff;
    width: 100%;
    bottom: 20%;
    z-index: 99;
    pointer-events: none
}

.mnCnBx .btnCty {
    pointer-events: all
}

.mnCnBx h1 {
    margin-bottom: .5rem
}

.mnCnBx p {
    font-weight: 400
}

.swiper-pag {
    text-align: right;
    pointer-events: all
}

.swiper-pag span {
    background: none;
    width: 25px;
    height: 25px;
    position: relative;
    text-align: center;
    margin: 0 !important;
    opacity: 1 !important;
    font-size: 18px;
    color: rgba(255, 255, 255, .5);
    -webkit-transition: ease-in-out all .05s;
    transition: ease-in-out all .05s
}

.swiper-pag span::before {
    content: "1";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    line-height: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.swiper-pag span:nth-child(2) {
    margin-left: 45px !important
}

.swiper-pag span:nth-child(2)::before {
    content: "2"
}

.swiper-pag span:nth-child(2)::after {
    content: "";
    width: 35px;
    height: 2px;
    background: rgba(255, 255, 255, .5);
    right: 30px;
    position: absolute;
    top: 50%
}

.swiper-pag span.swiper-pagination-bullet-active {
    font-size: 25px;
    color: #fff
}

.sctnv li a.nav-link {
    color: rgba(255, 255, 255, .5) !important;
    border: none !important;
    position: relative
}

.sctnv li a.nav-link::before {
    position: absolute;
    height: 2px;
    content: "";
    width: 0%;
    background: #fff;
    bottom: 0;
    -webkit-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out
}

.sctnv li a.nav-link.active,
.sctnv li a.nav-link:hover {
    color: #fff !important
}

.sctnv li a.nav-link.active::before,
.sctnv li a.nav-link:hover::before {
    width: 100%
}

.nxtbrs hr {
    margin: 0px;
    width: 88%;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.nxtbrs .arbtsx div {
    border: 1px solid #2f235c;
    line-height: 35px;
    width: 58px;
    text-align: center;
    border-radius: 25px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.nxtbrs .arbtsx div.swp-next {
    margin-left: 10px
}

.nxtbrs .arbtsx div[aria-disabled=true],
.nxtbrs .arbtsx div:hover {
    opacity: .5
}

.bg-rtps {
    position: relative
}

.bg-rtps>figure {
    position: absolute;
    width: 58%;
    height: 100%;
    right: 0;
    border-radius: 20px 0 0 20px;
    overflow: hidden
}

header .hdrtp {
    position: relative;
    z-index: 9999
}

header .hdrtp .phndts {
    opacity: .8
}

header .hdrtp .phndts .icon {
    height: 17px
}

header .hdrtp .phndts p {
    color: #fff;
    line-height: 16px
}

header .hdrtp .phndts p a {
    color: #fff
}

header .hdrtp .language-select {
    border-left: 1px solid rgba(255, 255, 255, .3);
    padding-left: 1rem
}

header .hdrtp .language-select>a {
    color: #fff
}

header .hdrtp .lgnvs {
    line-height: 14px;
    color: rgba(255, 255, 255, .8)
}

header .hdrtp .lgnvs .icns {
    height: 27px;
    width: 27px;
    line-height: 23px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .3)
}

header nav .nav-link {
    color: #000;
    font-weight: 500
}

.bdrbtn {
    color: #fff;
    padding: 0 25px;
    line-height: 43px;
    display: inline-block
}

.liquid-overlay-link {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -99999px;
    cursor: pointer;
    z-index: 9
}

.nav.social.sclbxs a {
    height: 27px;
    width: 27px;
    line-height: 25px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 50px;
    display: inline-block;
    margin-right: 8px
}

.nav.social.sclbxs a i {
    font-size: 14px
}

.nav.social.sclbxs a:hover {
    background: var(--bs-primary)
}

footer {
    position: relative
}

footer::before {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background: #1d252d
}

footer .wdbxs h5 {
    color: #fff
}

footer .wdbxs a,
footer .wdbxs p {
    color: #d2d3d5
}

footer .wdbxs ul li a {
    color: #d2d3d5
}

footer .wdbxs .nav.social a {
    width: 36px;
    height: 36px;
    line-height: 33px
}

footer .ftrcnt h3 {
    color: #fff
}

footer img.lgbcs {
    height: 44px
}

footer .lnkhr {
    background: rgba(255, 255, 255, .5);
    opacity: 1
}

footer form.contact-form .form-floating .form-control {
    padding-left: 0px;
    padding-right: 0px;
    height: calc(2.5rem + 8px);
    min-height: calc(2.5rem + 8px);
    background: rgba(0, 0, 0, 0);
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .35);
    border-radius: 0px
}

footer form.contact-form .form-floating .form-control:focus,
footer form.contact-form .form-floating .form-control:active {
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .9);
    color: #fff !important
}

footer form.contact-form .form-floating label {
    padding-left: 0px;
    font-size: clamp(15px, 2vw + .3rem, 18px);
    color: #e2e2e2;
    opacity: .5
}

footer .bg-btmfc {
    background: #29333e;
    z-index: 2;
    position: relative;
    padding: 15px 0px
}

footer .bg-btmfc .cprht {
    color: rgba(255, 255, 255, .5);
    font-size: 15px
}

footer .bg-btmfc ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 0px
}

footer .bg-btmfc ul li {
    font-size: 15px
}

footer .bg-btmfc ul li a {
    color: #e2e2e2
}

footer .bg-btmfc ul li a:hover {
    color: #fff
}

.ftlgs img {
    height: 100px
}

.sctrbs {
    position: relative;
    overflow: hidden
}

.sctrbs img.icone {
    position: absolute;
    top: -12%;
    right: 10%
}

.fncbxstls {
    position: relative;
    padding: 90px;
    height: 750px;
    border-radius: 20px;
    overflow: hidden
}

.fncbxstls .video-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.fncbxstls figure {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: -1
}

.fncbxstls figure::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #000;
    -webkit-animation: redswdb cubic-bezier(0.455, 0.03, 0.515, 0.955) 5s infinite;
    animation: redswdb cubic-bezier(0.455, 0.03, 0.515, 0.955) 5s infinite;
    margin: 0 auto;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.fncbxstls h2 {
    z-index: 1;
    color: #fff
}

@-webkit-keyframes redswdb {
    0% {
        width: 100%;
        opacity: 0
    }
    20% {
        opacity: .7
    }
    100% {
        width: 1%;
        opacity: 0
    }
}

@keyframes redswdb {
    0% {
        width: 100%;
        opacity: 0
    }
    20% {
        opacity: .7
    }
    100% {
        width: 1%;
        opacity: 0
    }
}

.cmrds {
    border-radius: 20px !important
}

.ovrhdn {
    overflow: hidden
}

.arbtsx {
    margin-left: 80px
}

.arbtsx div,
.rticms {
    width: 42px;
    height: 42px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 100px;
    color: #fff;
    font-size: 21px;
    line-height: 42px;
    margin-left: 10px
}

.arbtsx div:hover,
.rticms:hover {
    background: var(--bs-primary)
}

.ftrbxsl {
    height: 465px;
    position: relative;
    overflow: hidden;
    border-radius: 15px
}

.ftrbxsl figure::before {
    opacity: .8
}

.ftrbxsl .cnbtms {
    position: absolute;
    width: 100%;
    padding: 50px;
    bottom: 0;
    z-index: 1
}

.ftrbxsl .cnbtms h3 {
    margin-bottom: 0px;
    color: #fff
}

.ftrbxsl:hover figure img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.ftrbxsl:hover .rticms {
    background: var(--bs-primary)
}

.flhgtbx {
    height: 100%;
    position: relative;
    min-height: 240px
}

.flhgtbx figure {
    height: 100%;
    width: 100%;
    position: absolute
}

.rticnbx {
    border: 1px solid #d2d3d5;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: -1px;
    margin-right: -1px
}

.rticnbx h4 {
    font-size: clamp(16px, 1vw + .5rem, 22px);
    font-weight: 600;
    margin-bottom: 0
}

.rticnbx img {
    height: 40px
}

section.flimgbs {
    position: relative
}

section.flimgbs figure {
    z-index: -1
}

section.flimgbs figure::before {
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    opacity: .75
}

section.flimgbs h2,
section.flimgbs p {
    color: #fff
}

button.hamburger {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: end !important;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

button.hamburger span {
    width: 23px;
        height: 2px;
    transition: all 0.2s ease-in-out;
    background: currentColor;
    border-radius: 2rem;
}

button.hamburger:before {
     width: 23px;
        height: 2px;
        right: 0;
}

button.hamburger:after {
     width: 23px;
        height: 2px;
}

@media(max-width: 96.875em) {
    .sbttl {
        font-size: clamp(28px, 2vw + 1rem, 60px)
    }
}
.nwSldsr__main.service-card  >div {
    height: auto !important;
}
@media(min-width: 992px) {
    .navbar-expand-lg.transparent:not(.fixed) {
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        padding-bottom: 0rem;
        padding-top: 0rem
    }
    .navbar-nav .dropdown-menu {
        border-radius: 0px;
        padding: 0px 0px
    }
    .navbar-nav .dropdown-menu a.dropdown-item {
        padding: 15px 20px
    }
    .navbar-nav .dropdown-menu a.dropdown-item:nth-last-child(1) {
        border-bottom: rgba(0, 0, 0, .1)
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-top: 1.4rem;
        padding-bottom: 1.4rem
    }
    .nwSldsr {
        margin-right: -6vw
    }
}

@media(max-width: 991.98px) {
    .navbar-expand-lg .navbar-brand {
        padding-top: .8rem;
        padding-bottom: .8rem
    }
    .offcanvas {
        background: #fff;
        width: 100% !important
    }
    .offcanvas .offcanvas-header {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        margin-bottom: 1rem
    }
    .offcanvas .btn-close {
        color: #000
    }
    .offcanvas .btn-close:before {
        font-size: 2.05rem
    }
    .offcanvas ul.navbar-nav li>a {
        font-size: 22px
    }
    .offcanvas .language-select {
        border: 1px solid rgba(29, 37, 45, .25);
        padding: 10px 25px;
        height: 50px;
        line-height: 50px;
        border-radius: 34px
    }
    .offcanvas .language-select a.nav-link.dropdown-item.dropdown-toggle {
        line-height: 15px
    }
    .offcanvas .language-select .dropdown-menu {
        background: #000
    }
    .offcanvas .language-select .dropdown-menu li>a {
        line-height: 25px;
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }
    .offcanvas a.lgnvs {
        padding: 0 25px;
        border: 1px solid rgba(29, 37, 45, .25);
        border-radius: 100px;
        height: 50px;
        line-height: 50px;
        display: inline-block;
        color: var(--bs-secondary)
    }
    .offcanvas a.lgnvs img {
        -webkit-filter: brightness(1) invert(1);
        filter: brightness(1) invert(1)
    }
    .offcanvas .msmnbx .lgnbs {
        width: 75%
    }
    .offcanvas .msmnbx .lgnbs a {
        width: 100%;
        text-align: center
    }
    .offcanvas .bglghtbx {
        background: rgba(29, 37, 45, .05);
        border-radius: 15px;
        padding: 30px 20px
    }
    .offcanvas .bglghtbx h4 {
        font-size: clamp(18px, 1vw + .5rem, 18px);
        font-weight: 600;
        margin-bottom: 20px
    }
    .offcanvas .bglghtbx > a {
               color: #000 !important;
        margin-bottom: 5px;
        display: inline-block;
        position: relative;
        padding-left: 25px;
    }
	.offcanvas .bglghtbx > a > i {
    font-size: 19px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
    .offcanvas .bglghtbx a img {
        -webkit-filter: brightness(1) invert(1);
        filter: brightness(1) invert(1);
        margin-right: 5px
    }
    .vh-90 {
        min-height: 100vh
    }
    .icmnbcs .vdoics {
        position: absolute;
        z-index: 100;
        left: 0;
        right: 0;
        margin: 0 auto
    }
    .fncbxstls {
        padding: 40px;
        height: 350px
    }
    .fmnxs {
        padding-top: 2rem
    }
    footer::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 51%;
        bottom: 0
    }
}

@media(max-width: 767px) {
    .hovmnbcs .hbnmbxs {
        height: 400px
    }
    .hovmnbcs .hbnmbxs .cnbcm .ttsc {
        padding: 30px
    }
    .hovmnbcs h4 {
        padding: 15px 0px
    }
    .fncbxstls {
        padding: 30px;
        height: 280px
    }
    .ftrbxsl .cnbtms {
        padding: 20px
    }
    .whcbxs {
        padding: 20px
    }
    .whcbxs img {
        height: 40px;
        margin-bottom: .5rem
    }
    .whcbxs h3 {
        font-size: 20px
    }
    .whcbxs p {
        font-size: 14px
    }
    .ftrbxsl {
        height: 300px
    }
    .rticnbx {
        border: 1px solid #d2d3d5;
        padding: 10px 13px;
        border-radius: 15px
    }
    footer .bg-btmfc {
        padding: 20px 0px
    }
    footer {
        font-size: 15px
    }
    footer::before {
        height: 49%
    }
    footer .wdbxs ul li a {
        font-size: 15px
    }
    footer .bg-btmfc ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .btnCty {
        padding: 5px 22px;
        border: 1px solid var(--bs-primary)
    }
    .btnCty:hover {
        border: 1px solid var(--bs-primary)
    }
}