button,
button:focus {
    box-shadow: none;
    outline: 0
}

.sitemap-container .sitemap-list h4.sitemap-list-subhead,
a {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s
}

a,
a:hover {
    text-decoration: none
}

body,
html,
p {
    font-size: 1rem
}

*,
body,
html,
p {
    color: #636466;
}

h2,
h3 {
    line-height: 1.25;
    margin-bottom: .625rem
}

.common-btn-blue::after,
.common-btn-gray::after,
.common-btn::after {
    width: 0;
    position: absolute;
    top: 0;
    z-index: -1;
    height: 100%;
    left: 0;
    content: ""
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
html {
    font-family: Montserrat, sans-serif
}

.back-to-top,
.reveal-top,
.revealup {
    visibility: hidden
}

html {
    scroll-behavior: smooth
}

body,
html {
    font-weight: 400;
    overflow-x: hidden
}

a {
    transition: .4s
}

.searchResult-content h3 span,
.sitemap-container .sitemap-list h4.sitemap-list-subhead a:hover,
.sitemap-container .sitemap-list h4.sitemap-list-subhead:hover,
.sitemap-container .sitemap-list ul li a:hover,
a:hover {
    color: #0085d3
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700
}

img,
svg,
video {
    max-width: 100%
}

.breadcrumbs .breadcrumb,
p:last-child {
    margin-bottom: 0
}

h2 {
    font-size: 2.625rem
}

h3 {
    font-size: 1.375rem
}

.btn {
    padding: .625rem 1.5rem;
    font-size: 1.125rem
}

.btn-default {
    color: #974b00;
    background-color: transparent;
    border-color: #974b00
}

.btn-default.focus,
.btn-default:focus,
.btn-default:hover {
    color: #fff;
    background-color: #974b00;
    border-color: #974b00
}

.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #fbc125;
    background-image: none;
    border-color: #204d74
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #974b00;
    border-color: #974b00
}

.banner-sec {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 0
}

.input {
    background-color: #fff;
    border: none;
    padding: .5rem 3.125rem .5rem .625rem;
    font-size: .875rem;
    -webkit-border-radius: 3.125rem;
    -moz-border-radius: 3.125rem;
    -ms-border-radius: 3.125rem;
    -o-border-radius: 3.125rem;
    border-radius: 3.125rem
}

.headeing-white,
.text-white {
    color: #fff !important
}

.text-black {
    color: #121212 !important
}

.z-index-1,
a.full-click {
    z-index: 1
}

.z-index-2 {
    z-index: 2
}

.common-btn,
.common-btn-blue,
.common-btn-gray {
    display: inline-flex;
    text-decoration: none;
    padding: 8px 60px 8px 20px;
    font-size: 16px;
    font-weight: 500;
    width: auto;
    z-index: 3;
    position: relative;
    vertical-align: middle;
    line-height: 24px;
    text-align: left;
    outline: 0;
    cursor: pointer;
    overflow: hidden
}

.common-btn {
    align-items: center;
    background: #fff;
    color: #0095da;
    border: 0;
    transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    border-radius: 35px
}

.common-btn::after {
    background: #fff;
    border-radius: 35px;
    transition: width .3s ease-in-out
}

.common-btn-blue:hover::after,
.common-btn:hover::after {
    background: linear-gradient(270deg, rgba(18, 18, 18, .9) 0, #121212 100%);
    color: #fff;
    width: 100%
}

.common-btn-blue:hover span,
.common-btn-gray:hover span,
.common-btn:hover span {
    transform: translate(3px, 0)
}

.common-btn span,
.common-btn-blue span,
.common-btn-gray span {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 21px;
    height: 21px;
    transform: translate(0, 0);
    transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    z-index: 1
}

.common-btn-blue {
    align-items: center;
    background: #0095da;
    color: #fff;
    border: 0;
    transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    border-radius: 35px
}

.common-btn-blue::after,
.common-btn-gray::after {
    background: #0095da;
    border-radius: 35px;
    transition: width .3s ease-in-out
}

.back-to-top:hover,
.common-btn-blue:hover,
.common-btn-gray:hover,
.page-intro-in-white.page-intro-in p,
.videobg-content h2,
.videobg-content p {
    color: #fff
}

.common-btn-gray {
    align-items: center;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    border: 0;
    transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    border-radius: 35px
}

.common-btn-gray:hover::after {
    background: linear-gradient(270deg, #0095da 0, #0095da 100%);
    color: #fff;
    width: 100%
}

button {
    border: none
}

.border-radius {
    -webkit-border-radius: 0.938rem;
    -moz-border-radius: .938rem;
    -ms-border-radius: 0.938rem;
    -o-border-radius: .938rem;
    border-radius: .938rem
}

.viewport {
    margin-top: 122px
}

.innerbanner-section {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 0;
    max-height: 740px
}

.innerbanner-caption-wrap {
    position: absolute;
    top: 55%;
    left: 0;
    z-index: 1;
    width: 100%
}

.bannerWrapper .bgWrapper figure {
    position: relative;
    margin: 0
}

.bannerWrapper .bgWrapper {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.bannerWrapper .bgWrapper figure img,
.title .title-graphic-anm img {
    width: 100%
}

.bannerWrapper .bgWrapper .overlay {
    position: absolute;
    margin: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .35) 55%)
}

.bgWrapper_titleWrap {
    width: 850px;
    max-width: 100%
}

.bgWrapper_titleWrap h1 {
    font-size: 60px;
    line-height: 70px;
    color: #fff;
    text-transform: uppercase
}

.breadcrumb .breadcrumb-item {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600
}

.breadcrumbs .breadcrumb-item,
.breadcrumbs a {
    font-size: .938rem;
    line-height: 1.125rem;
    text-decoration: none
}

.breadcrumb .breadcrumb-item a,
.breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
    font-weight: 600
}

.shade {
    opacity: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 3;
    height: 100vh;
    position: fixed;
    width: 100%
}

.inner-pagesection .navbar {
    background: #fff
}

.inner-pagesection .navbar .nav-link {
    color: #212120
}

.header-line {
    height: 1px;
    background: #a7a9ac
}

.navbar-default .navbar-toggle {
    border-color: #974b00;
    margin-bottom: 0
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: rgba(151, 75, 0, .5)
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #974b00
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent
}

.offcanvas-wrap {
    background-color: #124874
}

.menu-wrap {
    padding-left: 0;
    margin-bottom: 0
}

.menu-wrap li {
    list-style: none;
    margin-bottom: .938rem
}

.menu-wrap li a {
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.125rem
}

.breadcrumbs a:hover,
.dropdown-menu > li > a:hover,
.maintanance-page a:hover,
.menu-wrap li a:hover {
    color: #3f2e71
}

.offcanvas-wrap .offcanvas-body {
    padding: 2rem
}

.offcanvas-wrap .offcanvas-header .btn-close {
    outline: 0;
    border: none;
    box-shadow: none
}

.navbar-brand {
    z-index: 1;
    margin-right: 0
}

.dropdown-menu {
    padding: 0;
    margin-top: 0
}

.dropdown-menu > li > a {
    display: block;
    padding: .2rem 1.25rem
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    color: #3f2e71;
    background-color: transparent
}

ul.stroke-line .nav-item.dropdown li:hover {
    background-image: none
}

html.lenis,
html.lenis body,
ul.stroke-line .nav-item.dropdown li {
    height: auto
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    color: #131313;
    text-decoration: none;
    background-color: #fff
}

.navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a {
    padding-left: 1.875rem
}

.slick-dots > li:only-child,
ul.stroke .dropdown-menu li:after {
    display: none
}

.breadcrumbs {
    padding: .625rem 0
}

.breadcrumbs a {
    color: #121212;
    font-weight: 300
}

.breadcrumbs .breadcrumb-item {
    color: #535252;
    font-weight: 400
}

.breadcrumbs ul {
    margin: 0;
    padding: 0
}

.breadcrumbs span {
    display: inline-block;
    margin: 0 .313rem;
    color: #ccc;
    font-size: .688rem;
    line-height: 1rem
}

.breadcrumbs ul li {
    list-style-type: none;
    display: inline
}

input:focus,
select:focus,
textarea:focus {
    outline: 0
}

button:focus {
    border: 0
}

.offcanvas-header {
    justify-content: end
}

.load-more-wrap {
    width: 100%;
    margin-top: 1.875rem;
    text-align: center
}

.loadMore {
    position: relative;
    padding-right: 2.5rem;
    padding-left: 1.188rem
}

.loadMore:after {
    content: "";
    right: .7rem;
    top: .825rem;
    width: 1.125rem;
    height: 1.125rem;
    display: inline-block;
    border: 2px dashed #0085d3;
    -webkit-border-radius: 1.125rem;
    -moz-border-radius: 1.125rem;
    -ms-border-radius: 1.125rem;
    -o-border-radius: 1.125rem;
    border-radius: 1.125rem;
    animation: 1.5s .3s infinite loadingD;
    -webkit-animation: 1.5s .3s infinite loadingD;
    -ms-animation: loadingD 1.5s 0.3s infinite;
    -o-animation: 1.5s .3s infinite loadingD;
    vertical-align: middle;
    position: absolute
}

@-webkit-keyframes loadingD {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-moz-keyframes loadingD {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-o-keyframes loadingD {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes loadingD {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loadMore:hover::after {
    border-color: #fff
}

.offcanvas {
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out
}

.field-validation-error {
    color: red;
    font-size: .75rem;
    display: block;
    width: 100%
}

.page-intro-in {
    max-width: 800px;
    margin: 0 auto;
    justify-content: center;
    display: flex;
    text-align: center
}

.page-intro-in p {
    font-size: 19px;
    line-height: 1.5
}

.no-banner-container.common-padding.error-page-container {
    padding-top: 5.625rem;
    margin-bottom: 0
}

.error-page {
    margin: 5rem 0 2.5rem;
    text-align: center
}

.error-page h1 {
    font-size: 9.375rem;
    line-height: 8.75rem;
    font-weight: 700;
    margin-bottom: 1.875rem
}

.error-page h2 {
    font-size: 1.625rem;
    line-height: 1.875rem;
    font-weight: 500;
    margin-bottom: 1.25rem
}

.error-page p {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #828282;
    width: 40%;
    margin: 0 auto 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #ccc
}

.common-btn-fill {
    background-color: #0085d3;
    color: #fff;
    padding: 8px 20px;
    font-size: 16px;
    line-height: 24px
}

.error-page-container .common-btn-fill {
    background: linear-gradient(to right, #0085d3 50%, #0085d3 50%) right bottom/200% 100%;
    color: #fff;
    padding: .5rem 1.875rem;
    font-size: 1rem;
    line-height: 1.25rem;
    -webkit-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    -ms-border-radius: 2.5rem;
    -o-border-radius: 2.5rem;
    border-radius: 2.5rem;
    display: inline-block
}

.error-page-container .common-btn-fill:hover {
    color: #fff;
    background: linear-gradient(to right, #000 50%, #000 50%) right bottom/200% 100%;
    background-position: left bottom
}

.maintanance-page {
    margin: 120px 0 40px;
    text-align: center
}

.maintanance-page h1 {
    font-size: 5rem;
    line-height: 5.625rem;
    font-weight: 700;
    width: 70%;
    margin: 0 auto 1.875rem
}

.maintanance-page h2 {
    font-size: 1.625rem;
    line-height: 1.875rem;
    font-weight: 400;
    margin-bottom: 1.25rem
}

.maintanance-page a,
.maintanance-page p {
    font-size: 1rem;
    line-height: 1.375rem;
    color: #131313
}

.maintanance-page hr {
    width: 50%;
    margin: 1rem auto
}

.maintanance-page a {
    display: block
}

.sitemap-container {
    background-color: #fff;
    padding: 60px 0
}

.sitemap-titlewrap.page-header h1 {
    color: #212121;
    padding-top: 3.125rem;
    padding-bottom: 3.125rem
}

.sitemap-container .sitemap-list h3.sitemap-list-head {
    color: #212121;
    font-size: 1.375rem;
    line-height: 1.75rem;
    font-weight: 600;
    margin-bottom: .938rem;
    text-align: left;
    text-transform: uppercase
}

.sitemap-container .sitemap-list h3.sitemap-list-head a {
    color: #212121;
    font-size: 1.375rem;
    line-height: 1.75rem;
    font-weight: 600;
    margin-bottom: .938rem;
    padding: 6px 0
}

.sitemap-container .sitemap-list h3.sitemap-list-head a:hover {
    color: #0085d3;
    transition-delay: 0.1s
}

.sitemap-container .sitemap-list h4.sitemap-list-subhead {
    color: #000;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin-bottom: 0;
    text-align: left;
    position: relative;
    padding: 6px 0;
    transition: .4s;
    margin-left: 0;
    display: table
}

.sitemap-container .sitemap-list h4.sitemap-list-subhead a {
    color: #212121;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600
}

.inner-links-wrap {
    margin-left: 10px
}

.sitemap-container .sitemap-list h4.sitemap-list-subhead:hover {
    color: #212121;
    transition-delay: 0.1s
}

.sitemap-container .sitemap-list ul {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: 0
}

.sitemap-container .sitemap-list ul li {
    margin-bottom: 8px;
    position: relative;
    list-style: none;
    margin-right: 15px;
    flex: 0 0 45%
}

.sitemap-container .sitemap-list ul li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #d5d5d5;
    width: 100%;
    height: 1px
}

.sitemap-container .sitemap-list ul li:before {
    border-left: 4px solid #333;
    border-bottom: 4px solid #333;
    -webkit-transform: translate(-30% -50%) rotate(45deg);
    transform: translate(-30%, -50%) rotate(45deg);
    content: "";
    position: absolute;
    left: -.938rem;
    top: 12px;
    font-size: .875rem;
    color: #000;
    line-height: 1.25rem;
    display: none
}

.sitemap-container .sitemap-list ul li a {
    color: #212121;
    font-size: .875rem;
    line-height: 1.25rem
}

.sitemap-list {
    margin: 20px 0
}

.sitemap-container .breadcrumb .breadcrumb-item a,
.sitemap-container .breadcrumbs .breadcrumb-item {
    color: #535252
}

.innersection-breadcrumb-section .breadcrumb-item,
.innersection-breadcrumb-section .breadcrumb-item a,
.innersection-breadcrumb-section .breadcrumb-item + .breadcrumb-item::before,
.non-bg-conatiner.inner-pagebanner.page-header h1,
.searchFilter-container .breadcrumb-item a,
.searchFilter-container .breadcrumb-item + .breadcrumb-item::before,
.sitemap-container .breadcrumb-item + .breadcrumb-item::before {
    color: #000
}

.sitemap-container .breadcrumb {
    background-color: #efeeee;
    padding: 10px
}

.back-to-top {
    position: fixed;
    opacity: 0;
    right: 1.563rem;
    bottom: 1.25rem;
    z-index: 996;
    background: #0085d3;
    border: 1px solid #fff;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s;
    transition: .4s;
    -moz-box-shadow: 0 .188rem .375rem -.188rem rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 .188rem .375rem -.188rem rgba(0, 0, 0, .8);
    box-shadow: 0 .188rem .375rem -.188rem rgba(0, 0, 0, .8);
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.back-to-top img {
    height: 8px
}

.full-click,
a.full-click {
    height: 100%;
    right: 0;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.back-to-top i {
    font-size: 1rem;
    color: #fff;
    line-height: 0
}

.back-to-top.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(-.625rem);
    -moz-transform: translateY(-.625rem);
    -o-transform: translateY(-.625rem);
    -ms-transform: translateY(-.625rem);
    transform: translateY(-.625rem)
}

@-webkit-keyframes spin-load {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes spin-load {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@-o-keyframes spin-load {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin-load {
    to {
        -webkit-transform: rotate(360deg)
    }
}

.full-click {
    z-index: 10;
    cursor: pointer
}

.animation-element.bounce,
.animation-element.drow-line,
.hidden-body,
.lazyload,
.lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s
}

.searchFilter-content {
    width: 100%;
    text-align: center;
    z-index: 1;
    position: relative;
    background-color: transparent;
    border: 1px solid #121212;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px
}

.searchFilter-container .searchFilter-content input[type=text] {
    background: 0 0;
    border: none;
    height: 2.5rem;
    width: 90%;
    padding-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #000
}

.searchFilter-container-container input {
    box-shadow: none;
    border: none
}

.searchFilter-container .searchFilter-content input.search-icon-btn {
    width: 2.188rem;
    height: 2.188rem;
    line-height: 2.188rem;
    text-align: center;
    background: url(../images/common-images/search-icon-black.svg) center no-repeat;
    font-size: 0;
    border: none
}

.searchResult-content h3 {
    margin: .5rem 0 1.875rem;
    padding: 0;
    font-weight: 500;
    text-align: center
}

.searchResult-content .load-more-wrap {
    margin-top: 2rem;
    text-align: left
}

.searchResult-titlewrap {
    -webkit-box-direction: normal;
    background-size: cover;
    height: auto;
    background-color: #e8e8e8;
    text-transform: capitalize;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    padding-top: 4rem;
    padding-bottom: 4rem
}

.searchFilter-container.common-padding {
    padding-top: 80px;
    padding-bottom: 2.5rem
}

.searchResult-content ul.search_list {
    margin: .938rem 0 0;
    padding-left: 0
}

.searchResult-content ul.search_list li {
    display: inline-block;
    width: 100%;
    margin: 0 0 1.875rem;
    vertical-align: top;
    border-bottom: 1px solid #b0b0b0;
    padding-bottom: .625rem;
    list-style: none;
    position: relative
}

.searchResult-content ul.search_list li p.date {
    font-weight: 300;
    padding-right: .625rem;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-right: .375rem;
    display: inline;
    color: #212121
}

.searchResult-row {
    display: flex;
    align-items: center;
    gap: 25px
}

.searchResult-content ul.search_list li .searchResult-inner span {
    color: #010101;
    font-size: .875rem;
    line-height: 1rem;
    background: #fff;
    padding: .313rem .625rem;
    margin-bottom: .313rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: 0.625rem;
    -o-border-radius: .625rem;
    border-radius: .625rem;
    display: inline-block;
    box-shadow: rgba(99, 99, 99, .1) 0 2px 4px 0
}

.searchResult-content ul.search_list .common-btn-blue {
    position: absolute;
    right: 20px
}

.searchResult-content ul.search_list li h4 {
    margin-bottom: .625rem;
    font-weight: 500;
    color: #010101;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-family: Montserrat, sans-serif
}

.searchResult-content ul.search_list li p {
    color: #707070;
    font-size: 1rem;
    line-height: 1.375rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
    display: inline-block;
    width: 100%
}

.searchResult-content ul.search_list li .full-float {
    margin-bottom: .313rem
}

.searchResult-inner {
    width: 65%
}

.searchResult-row figure {
    margin-bottom: 0;
    flex: 0 0 15%
}

.searchResult-row figure img {
    border-radius: 15px
}

.productresultbox-wrapper {
    margin-top: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center
}

.productresultbox-wrapper .card {
    border: none;
    border-radius: 20px;
    background-color: transparent;
    margin-bottom: 30px;
    flex: 0 0 25%
}

.custom-select .select__arrow,
.searchFilter-select .select__arrow {
    top: 20px;
    right: 15px;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0;
    height: 0
}

.productresultbox-wrapper .card figure {
    margin-bottom: 0;
    position: relative;
    transition: .6s;
    overflow: hidden;
    box-shadow: 0 0 10px 0 #00000026;
    border-radius: 20px;
    background-color: #fff
}

.productresultbox-wrapper .card figure .img-box {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: hidden
}

.productresultbox-wrapper .card figure .img-box img {
    -moz-transform: scale(1) rotate(0);
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    transition: .6s;
    width: 100%
}

.productresultbox-wrapper .card:hover figure .img-box img {
    -moz-transform: scale(1.05) rotate(-1deg);
    -webkit-transform: scale(1.05) rotate(-1deg);
    -ms-transform: scale(1.05) rotate(-1deg);
    transform: scale(1.05) rotate(-1deg)
}

.productresultbox-wrapper .card figcaption .figcaption-card {
    padding: 25px 15px
}

.productresultbox-wrapper .card figcaption .figcaption-card h3 {
    margin: 0;
    text-align: left;
    font-size: 18px
}

.common-slideupcaption .swiper-slide:hover .swiper-wrapper-inner,
.productresultbox-wrapper .card:hover figure {
    transform: translate(0, -15px)
}

.custom-select.select,
.searchFilter-select.select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%
}

.searchFilter-select.select select {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 10px 15px;
    outline: 0;
    border: 1px solid #000;
    border-radius: 25px;
    background: 0 0;
    color: #212121;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.searchFilter-select.select select::-ms-expand {
    display: none
}

.searchFilter-select.select select:focus,
.searchFilter-select.select select:hover {
    color: #000;
    background: 0 0
}

.custom-select.select select:disabled,
.searchFilter-select.select select:disabled {
    opacity: .5;
    pointer-events: none
}

.searchFilter-select .select__arrow {
    position: absolute;
    width: 0;
    border-color: #7b7b7b transparent transparent
}

.searchFilter-select.select select:focus ~ .select__arrow,
.searchFilter-select.select select:hover ~ .select__arrow {
    border-top-color: #000
}

.searchFilter-select.select select:disabled ~ .select__arrow {
    border-top-color: #ccc
}

.custom-select.select select {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 10px 15px;
    outline: 0;
    border: 1px solid #fff;
    border-radius: 25px;
    background: 0 0;
    color: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.custom-select.select select::-ms-expand {
    display: none
}

.custom-select.select select:focus,
.custom-select.select select:hover {
    color: #fff;
    background: 0 0
}

.custom-select .select__arrow {
    position: absolute;
    width: 0;
    border-color: #fff transparent transparent
}

.custom-select.select select:disabled ~ .select__arrow,
.custom-select.select select:focus ~ .select__arrow,
.custom-select.select select:hover ~ .select__arrow {
    border-top-color: #fff
}

.privacy_policy_botm {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 9999;
    background: rgba(0, 0, 0, .91);
    transition: .3s
}

.privacy_policy_bg {
    width: 100%;
    height: auto;
    float: left;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.privacy_policy_botm p {
    float: left;
    margin: 0;
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    font-weight: 300
}

.privacy_btn .acceptbtn,
.privacy_btn a,
.privacy_btn button {
    background: #0095da;
    color: #fff;
    border-radius: 25px;
    font-size: 13px;
    line-height: 25px;
    padding: 0 15px;
    display: inline-block
}

.privacy_btn {
    float: right;
    margin: 5px 0
}

.privacy_btn .acceptbtn:last-child,
.privacy_btn .pp-btn:last-child,
.privacy_btn a:last-child,
.shareWrap span {
    margin-left: 5px
}

.privacy_btn .acceptbtn:hover,
.privacy_btn a:hover,
.privacy_btn button:hover {
    background: #fff;
    color: #0095da
}

.privacy_btn .acceptbtn,
.privacy_btn a {
    cursor: pointer
}

.reveal,
.reveal-right {
    visibility: hidden;
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px
}

.reveal img,
.reveal-right img {
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px
}

.reveal-top {
    position: relative;
    overflow: hidden
}

.animation-element,
.common-slideupcaption .swiper-slide a,
.overlaywrap-bg,
.title-graphic-width,
.videobg-img {
    position: relative
}

.animation-element.slide-right {
    -moz-transform: translateX(100px);
    -webkit-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    -ms-transition: .4s linear
}

.animation-element.slide-right.in-view {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.animation-element.fadein {
    opacity: 0;
    -moz-transition: .4s linear;
    -webkit-transition: .4s linear;
    -o-transition: .4s linear;
    transition: .4s linear;
    -ms-transition: .4s linear
}

.animation-element.fadein.in-view {
    opacity: 1
}

.animation-element.fadein-up {
    opacity: 0;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -moz-transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

.animation-element-out.animation-element.in-view .slide-right,
.animation-element-out.animation-element.in-view .slide-up,
.animation-element.fadein-down.in-view,
.animation-element.fadein-up.in-view,
.animation-element.slide-left.in-view,
.animation-element.slide-right.in-view,
.animation-element.slide-up.in-view {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.animation-element.fadein-down {
    opacity: 0;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -moz-transform: translate3d(0, -200px, 0);
    -webkit-transform: translate3d(0, -200px, 0);
    -o-transform: translate3d(0, -200px, 0);
    -ms-transform: translate3d(0, -200px, 0);
    transform: translate3d(0, -200px, 0)
}

.animation-element.zoomin {
    opacity: 0;
    -moz-transition: .4s linear;
    -webkit-transition: .4s linear;
    -o-transition: .4s linear;
    transition: .4s linear;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.animation-element.zoomin.in-view {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.animation-element.bounce.in-view {
    opacity: 1;
    animation: .5s ease-in-out bounce2;
    -webkit-animation: .5s ease-in-out bounce2
}

@keyframes bounce2 {
    0% {
        opacity: 0;
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -o-transform: translateY(-100px)
    }

    60% {
        opacity: 1;
        transform: translateY(5px);
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px)
    }

    80% {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px)
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
}

.animation-element.animation-delay1 {
    transition-delay: 1s
}

.animation-element.animation-delay1_5 {
    transition-delay: 1.5s
}

.animation-element.animation-delay2 {
    transition-delay: 2s
}

.animation-element.animation-delay2_5 {
    transition-delay: 2.5s
}

.animation-element.animation-delay3 {
    transition-delay: 3s
}

.slick-slide {
    margin: 0 10px
}

.home-slider .slick-slide {
    margin: 0
}

.image-container,
iframe {
    width: 100%;
    height: 100%
}

.common-list-diamond {
    padding-left: 0
}

.common-list-diamond li {
    list-style: none;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 10px;
    padding: 0 0 5px 20px;
    position: relative
}

.bullet-points li,
.common-slideupcaption .swiper-slide:hover figcaption h3 {
    margin-bottom: 5px
}

.common-list-diamond li:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.common-list-diamond li a {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #131313;
    padding: 10px 0;
    position: relative
}

.common-list-diamond li a:hover {
    color: #3e2d79
}

ul.common-list-diamond li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: #3e2d79
}

ul.common-list-diamond li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #3e2d79
}

ul.bullets-circle li::before,
ul.bullets-square li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    background-color: #010101
}

ul.bullets-circle,
ul.bullets-square {
    padding: 0
}

ul.bullets-circle li,
ul.bullets-square li {
    list-style: none;
    position: relative;
    padding: 0 0 0 20px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
    color: #010101
}

ul.bullets-circle li::before {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.videobg-container {
    position: relative;
    margin-bottom: 80px
}

.video-icon-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    cursor: pointer;
    transform: translate(-50%, -50%)
}

.videobg-img,
.youtube-video .modal-dialog,
iframe#youtubevideo {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.videobg-content {
    position: absolute;
    bottom: 60px;
    left: 130px;
    z-index: 2
}

#close-video {
    border: 2px solid;
    border-radius: 50%;
    background: 0 0;
    font-size: 26px;
    color: #fff;
    height: 56px;
    width: 56px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.youtube-video .modal-dialog {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 0 15px;
    max-width: 1000px !important;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#video-container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

iframe#youtubevideo {
    position: absolute
}

.youtube-video .modal-footer {
    border: none;
    text-align: center;
    display: block;
    padding: 0
}

.youtube-video .modal-content {
    background: 0 0 !important;
    border: none
}

.arrow-btn::after,
.arrow-btn::before {
    content: "";
    top: 50%;
    left: 50%;
    border-style: solid;
    border-color: #707070;
    position: absolute;
    display: block
}

.animation-element.drow-line.in-view {
    opacity: 1;
    stroke: #c6893f;
    stroke-width: 1;
    animation: 20s ease-out alternate forwards offset, 1s 1s forwards fill-black;
    -webkit-animation: 20s ease-out alternate forwards offset, 1s 1s forwards fill-black
}

.features-icon svg path {
    stroke-width: 1;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    fill: transparent
}

@keyframes offset {
    from {
        stroke-dashoffset: 1000
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes fill-black {
    to {
        fill: #c6893f;
        stroke: transparent
    }
}

.banner_heading_txt .word {
    overflow-y: hidden
}

.banner_heading_txt .char {
    transform: translateY(250px);
    -webkit-transform: translateY(250px);
    -moz-transform: translateY(250px);
    -ms-transform: translateY(250px);
    -o-transform: translateY(250px);
    transition: transform .5s;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s
}

.revealup {
    opacity: 0 !important;
    transform: translate3d(0, 200px, 0) !important;
    transition: opacity .8s, transform .8s
}

.revealup_visible {
    visibility: visible;
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important
}

.animation-element-out.animation-element .flip,
.animation-element.flip,
.revealflip {
    opacity: 0;
    visibility: hidden;
    backface-visibility: hidden;
    transform: perspective(2500px) rotateY(-100deg);
    transition: transform .6s cubic-bezier(.4, -.05, .25, 1) .1s
}

.animation-element-out.animation-element.in-view .flip,
.animation-element.flip.in-view,
.revealflip_visible {
    opacity: 1;
    transform: perspective(2500px) rotateY(0);
    visibility: visible
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.swift-up-animation .swift-up-text span {
    display: inline-block;
    overflow: hidden;
    animation: .3s ease-in-out forwards swift-up
}

.swift-up-animation .swift-up-text i {
    font-style: normal !important;
    position: relative;
    top: 42px;
    animation: .5s ease-in-out forwards swift-up
}

.visible-body {
    opacity: 1;
    transition: opacity 1s ease-out;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -ms-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out
}

.bullet-points {
    list-style: none;
    padding-left: 15px
}

.bullet-points li {
    text-indent: -.75em
}

.bullet-points li::before {
    display: inline-block;
    content: "";
    -webkit-border-radius: 0.375rem;
    border-radius: .375rem;
    height: .438rem;
    width: .438rem;
    margin-right: .5rem;
    background-color: #0085d3;
    position: relative;
    top: -2px;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

.bullet-points li:hover::before {
    width: .838rem
}

.arrow-btn-outer {
    background: #fff;
    border: 2px solid #707070;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    display: inline-block;
    position: relative
}

.arrow-btn::before {
    transform: rotate(45deg);
    margin: -5px 0 0 -1px;
    width: 10px;
    height: 10px;
    border-width: 2px 2px 0 0;
    transform-origin: 50% 50%
}

.arrow-btn::after {
    width: 20px;
    height: 0;
    border-width: 2px 0 0;
    transform: translate(-12px, -1px);
    -webkit-transform: translate(-12px, -1px);
    -moz-transform: translate(-12px, -1px);
    -ms-transform: translate(-12px, -1px);
    -o-transform: translate(-12px, -1px);
    transform-origin: 50% 50%
}

.arrow-btn-outer:hover,
.arrow-btn-outer:hover .arrow-btn::after,
.arrow-btn-outer:hover .arrow-btn::before {
    border-color: #0085d3
}

.arrow-btn-outer:hover .arrow-btn {
    display: block;
    width: 100%;
    height: 100%;
    transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    -webkit-transform: translate(3px, 0);
    -moz-transform: translate(3px, 0);
    -ms-transform: translate(3px, 0);
    -o-transform: translate(3px, 0);
    transform: translate(3px, 0)
}

.animation-element-out.animation-element .slide-up,
.animation-element.slide-up {
    opacity: 0;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -moz-transform: translate3d(0, 200px, 0);
    -webkit-transform: translate3d(0, 200px, 0);
    -o-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0)
}

.animation-element-out.animation-element {
    opacity: 1;
    position: relative
}

.animation-element-out.animation-element .slide-right,
.animation-element.slide-right {
    opacity: 0;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -moz-transform: translate3d(200px, 0, 0);
    -webkit-transform: translate3d(200px, 0, 0);
    -o-transform: translate3d(200px, 0, 0);
    -ms-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0)
}

.animation-element.slide-left {
    opacity: 0;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -moz-transform: translate3d(-200px, 0, 0);
    -webkit-transform: translate3d(-200px, 0, 0);
    -o-transform: translate3d(-200px, 0, 0);
    -ms-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0)
}

.delay-1 {
    transition-delay: 0.1s !important
}

.delay-2 {
    transition-delay: 0.2s !important
}

.delay-3 {
    transition-delay: 0.3s !important
}

.delay-4 {
    transition-delay: 0.4s !important
}

.delay-5 {
    transition-delay: 0.5s !important
}

.delay-6 {
    transition-delay: 0.6s !important
}

.expand-toggle.hidden,
.hidden-shadow .expander::before,
.swiper-button-next:after,
.swiper-button-prev:after {
    display: none
}

.sitemap-ul {
    display: flex;
    flex-direction: column
}

.pinned-image {
    color: #fff;
    display: flex;
    height: 100vh;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.pinned-image__container {
    padding-top: 58%;
    position: relative;
    transform: scale(.75);
    width: 100%
}

.pinned-image__container-overlay {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.pinned-image__container-overlay--gradient {
    background: rgba(206, 112, 222, .7);
    background: linear-gradient(90deg, #ce70de 0, rgba(255, 98, 141, .7) 100%)
}

.pinned-image__container img {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.common-thumb-row .title,
.key-highlights-section .title-in {
    margin-bottom: 20px
}

.common-thumb-row .figcaption {
    padding-left: 5%
}

.common-thumb-row .flex-row-reverse .figcaption {
    padding-right: 5%;
    padding-left: 0
}

.headeing-color {
    background: linear-gradient(270deg, #006f44 .54%, #0095da 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.title.side-title-graphic {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    overflow: visible
}

.title {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center
}

.title .title-graphic-anm {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -44px;
    width: 100%;
    height: 44px
}

.title-graphic.title-graphic-anm {
    max-width: max-content
}

.title-in {
    margin-bottom: 40px
}

.title p {
    color: #121212;
    font-weight: 500
}

.title-graphic {
    position: relative;
    max-width: 100%;
    margin: 0 auto
}

.title-white .headeing-color {
    -webkit-text-fill-color: white
}

.title-white.title p {
    color: #fff;
    margin-bottom: 0 !important
}

.title-graphic-left {
    position: absolute;
    top: 0;
    left: -180px;
    width: 150px
}

.title-graphic-right {
    position: absolute;
    top: 0;
    right: -180px;
    width: 150px
}

.swiper-button-next,
.swiper-button-prev {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    overflow: hidden;
    background: url(../images/homepage/arrow-gray.svg) no-repeat
}

.swiper-button-prev {
    left: -30px
}

.swiper-button-next {
    right: -30px;
    transform: rotate(180deg)
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-image: url(../images/homepage/arrow-blue.svg)
}

.swiper-button-prev:hover {
    transform: rotate(180deg) translateX(0px)
}

.swiper-button-next:hover {
    transform: rotate(0) translateX(0px)
}

.bottom-overlay::after {
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0, .9) 0, rgba(11, 11, 11, 0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.arrow-line {
    position: absolute;
    bottom: 15px;
    left: auto
}

.swiper-pagination-bullet {
    background-color: #a1a1a1;
    opacity: .5
}

.swiper-pagination-bullet-active {
    background: #0095da
}

.main-container {
    background-image: url(../images/common-images/bg-main.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.common-padding-tp {
    padding-top: 100px
}

.common-padding-bt {
    padding-bottom: 100px
}

.common-padding {
    padding: 100px 0
}

.common-padding-lg {
    padding: 130px 0
}

.common-padding-sm {
    padding: 50px 0
}

.nav-pills {
    gap: 10px
}

.nav-pills .nav-link.active,
.nav-pills .nav-link:hover,
.nav-pills .show > .nav-link {
    color: #0095da;
    border: 1px solid #0095da;
    background-color: transparent
}

.nav-pills .nav-link {
    border-radius: 25px;
    color: #636466;
    border: 1px solid #636466;
    padding: 3px 30px;
    text-transform: uppercase;
    font-weight: 600
}

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

.parallax-background-section {
    position: relative;
    height: 100vh;
    overflow: hidden
}

.parallax-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-size: cover;
    background-position: center 0;
    will-change: transform
}

.innersection-breadcrumb-section {
    padding: 40px 0
}

.innersection_title h1 {
    color: #000;
    font-size: 60px;
    line-height: 70px;
    font-weight: 800;
    text-transform: uppercase
}

.title-graphic-width::after,
.title-graphic-width::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover
}

.title-graphic-width::before {
    background-image: url(../images/common-images/common-heading-line.svg);
    height: 2px;
    width: calc(100% - 103px);
    top: 0;
    left: 0
}

.title-graphic-width::after {
    background-image: url(../images/common-images/common-heading-linecurve.svg);
    height: 42px;
    width: 138px;
    top: -7px;
    right: 0
}

.title-graphic-width.graphicwhite-line::before {
    background-image: url(../images/common-images/common-heading-line-white.svg);
    height: 2px;
    width: calc(100% - 103px);
    top: 0;
    left: 0
}

.title-graphic-width.graphicwhite-line::after {
    background-image: url(../images/common-images/common-heading-linecurve-white.svg);
    height: 42px;
    width: 138px;
    top: -7px;
    right: 0
}

.loadmore-wrapper {
    text-align: center
}

.key-highlights-row {
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

.key-highlights-col {
    border-radius: 20px;
    box-shadow: 0 0 10px 0 #00000026;
    padding: 20px 18px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex: 0 0 22%;
    max-width: 22%;
    min-height: 235px
}

.kh-intro {
    min-height: 110px
}

.key-highlights-col p {
    color: #636466;
    text-align: center
}

.is-active .title-graphic-width::before {
    stroke-dasharray: 168;
    stroke-dashoffset: 168;
    animation: 4s linear forwards dash
}

@keyframes dash {
    to {
        stroke-dashoffset: 0
    }
}

.common-parallax-section .parallax-background {
    height: 100vh;
    background-size: auto 100vh;
    background-position: center bottom
}

.common-parallax-section .title-graphic-right {
    top: 15px
}

.common-parallax-section .paper-bg {
    padding: 40px;
    position: relative
}

.common-parallax-section .paper-bg:before {
    content: "";
    position: absolute;
    width: 100%;
    background: url(../images/about-us/paper-texture.jpg) no-repeat;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    opacity: .8
}

.common-slideupcaption-slider {
    width: 120%
}

.common-slideupcaption .swiper-slide {
    position: relative;
    z-index: 9;
    overflow: hidden;
    padding-top: 15px
}

.common-slideupcaption .swiper-slide .swiper-wrapper-inner {
    transform: translate(0, 0);
    transition: .6s
}

.common-slideupcaption .swiper-slide .hover-figcaption,
.overlay-text {
    -webkit-transition: .5s cubic-bezier(.46, .695, 0, .98);
    -moz-transition: .5s cubic-bezier(.46, .695, 0, .98);
    -o-transition: .5s cubic-bezier(.46, .695, 0, .98)
}

.common-slideupcaption .swiper-slide figure {
    height: auto;
    margin-bottom: 0;
    position: relative;
    background: #f1f1f1;
    border-radius: 12px;
    overflow: hidden
}

.common-slideupcaption .swiper-slide figcaption {
    padding: 20px 20px 50px;
    background: 0 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 110px
}

.common-slideupcaption .swiper-slide figcaption p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.common-slideupcaption .swiper-slide figcaption h3 {
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 20px
}

.common-slideupcaption .swiper-button-next,
.common-slideupcaption .swiper-button-prev {
    bottom: 0;
    top: auto;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    overflow: hidden;
    background: url(../images/homepage/arrow-gray.svg) no-repeat
}

.common-slideupcaption .innerswiper-button {
    position: absolute;
    left: 50%;
    bottom: -55px
}

.common-slideupcaption .swiper-button-next {
    right: -40px;
    transform: rotate(180deg)
}

.common-slideupcaption .swiper-button-prev {
    left: -40px
}

.common-slideupcaption figure .figure-img img {
    width: 100%;
    border-radius: 20px
}

.common-slideupcaption figure .figure-img {
    border-radius: 20px;
    position: relative
}

.common-slideupcaption .swiper-wrapper-inner {
    position: relative;
    display: inherit
}

.overlay-text {
    position: absolute;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    transition: .5s cubic-bezier(.46, .695, 0, .98);
    overflow: hidden
}

.common-slideupcaption .swiper-slide .hover-figcaption {
    transform: translateY(0);
    opacity: 1;
    transition: .5s cubic-bezier(.46, .695, 0, .98)
}

.common-slideupcaption .swiper-slide:hover .hover-figcaption {
    transform: translateY(0);
    opacity: 1;
    background-color: rgba(0, 111, 68, .7);
    border-radius: 20px;
    height: 225px
}

.common-slideupcaption .swiper-slide .hover-figcaption .hover-textwrap {
    visibility: hidden;
    opacity: 0;
    display: none;
    -webkit-transition: .5s cubic-bezier(.46, .695, 0, .98);
    -moz-transition: .5s cubic-bezier(.46, .695, 0, .98);
    -o-transition: .5s cubic-bezier(.46, .695, 0, .98);
    transition: .5s cubic-bezier(.46, .695, 0, .98)
}

.common-slideupcaption .swiper-slide:hover .hover-figcaption .hover-textwrap {
    visibility: visible;
    opacity: 1;
    display: block
}

.common-slideupcaption .swiper-slide.swiper-slide-prev {
    opacity: 0;
    visibility: hidden
}

.common-slideupcaption .swiper-wrapper {
    padding-top: 15px;
    overflow: hidden
}

.common-slideupcaption .swiper-button-prev:hover {
    transform: none
}

.common-thumb-row .img-box img,
.common-thumbbig-row .img-box img {
    border-radius: 20px;
    width: 100%
}

.common-thumbbig-row .figcaption .common-btn-blue {
    margin-top: 20px
}

.image-container img {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    will-change: transform
}

.page-detail-in {
    max-width: 800px;
    margin: 0 auto;
    width: 100%
}

.page-detail-in li {
    color: #212121;
    padding-left: 12px
}

.page-detail-in li::before {
    content: "";
    height: 9px;
    width: 9px;
    background: #000;
    border-radius: 50%
}

.page-detail-content {
    position: relative;
    padding: 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    height: 100%;
    overflow: hidden
}

.page-detail-content p {
    position: relative;
    z-index: 1
}

.page-intro .title-graphic-right {
    top: 20px
}

.page-detail-content .mask-graphic {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 350px
}

.initiativesspeak-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    padding-top: 10%;
    max-width: 75%;
    margin: 0 auto
}

.initiativesspeak-block {
    flex: 0 0 23%;
    max-width: 23%;
    background: #0000005c;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-user-select: none;
    user-select: none
}

.initiativesspeak-block h3 {
    color: #fff;
    margin-bottom: 0;
    text-align: center;
    margin-top: 20px
}

.initiativesspeak-block h3 span {
    font-size: 32px;
    line-height: 36px;
    color: #fff
}

.common-parallax-section .title-caption {
    max-width: 85%
}

.searchResult-container.pt-0 {
    padding-top: 0 !important
}

.searchFilter-container .bootstrap-select .dropdown-menu {
    height: 265px;
    width: auto;
}

.searchFilter-container .inner.show {
    height: 200px;
}

@media screen and (min-width:1600px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1400px
    }
}

@media screen and (max-width:1660px) {
    .innerbanner-section {
        max-height: calc(100vh - 122px)
    }

    .common-padding {
        padding: 60px 0 !important
    }
}

@media screen and (max-width:1440px) {
    .initiativesspeak-row {
        max-width: 95%;
        padding-top: 5%
    }

    .initiativesspeak-block h3 span {
        font-size: 28px;
        line-height: 34px
    }

    .initiativesspeak-section {
        margin-bottom: 40px
    }

    h2 {
        font-size: 2.25rem
    }

    h3 {
        font-size: 1.25rem
    }
}

@media screen and (max-width:1366px) {
    .initiativesspeak-row {
        padding-top: 2%
    }

    .title-graphic-left {
        left: -170px;
        width: 135px
    }

    .title-graphic-right {
        right: -170px;
        width: 135px
    }

    .innerbanner-caption-wrap {
        top: 50%
    }

    .searchResult-content ul.search_list li p {
        width: 85%
    }

    .productresultbox-wrapper .card {
        flex: 0 0 32%
    }
}

@media screen and (max-width:1280px) {
    h2 {
        font-size: 2.125rem
    }
}

@media only screen and (min-width:810px) and (max-width:850px) {
    .bgWrapper_titleWrap h1 {
        font-size: 50px;
        line-height: 60px;
    }

    .innerbanner-caption-wrap {
        top: 40%
    }

    .title-graphic-left,
    .title-graphic-right {
        display: none
    }

    .title-in {
        z-index: 1
    }
}

@media screen and (max-width:820px) {
    .common-thumbbig-row .flex-row-reverse .figcaption {
        padding-right: 0;
        margin-top: 30px
    }

    .common-thumbbig-row .figcaption {
        padding-left: 0;
        margin-top: 30px
    }

    .key-highlights-col {
        flex: 0 0 46%;
        max-width: 46%
    }

    .kh-intro {
        min-height: fit-content
    }

    .page-detail-img {
        margin-bottom: 25px
    }

    .page-detail-img img {
        width: 100%
    }

    h2 {
        font-size: 34px
    }

    .title-in {
        z-index: 1
    }
}

@media screen and (max-width:767px) {
    .sitemap-list p a {
        font-size: 14px
    }

    h1,
    h2,
    h3 {
        line-height: 1.25
    }

    .footer-center,
    .footer-right {
        margin-top: 20px
    }

    .footer-right,
    .searchResult-content .load-more-wrap {
        text-align: center
    }

    h1 {
        font-size: 2.25rem
    }

    h2 {
        font-size: 34px
    }

    h3 {
        font-size: 28px
    }

    .common-padding {
        padding: 60px 0
    }

    .title {
        margin-bottom: 1.5rem !important
    }

    .title.sticky-wrap {
        margin-top: 0 !important
    }

    .common-slideupcaption,
    .error-page p,
    .searchResult-inner,
    .title-graphic,
    body .bgWrapper_titleWrap {
        width: 100%
    }

    .title-graphic-left,
    .title-graphic-right {
        display: none
    }

    .title .title-graphic-anm {
        position: relative;
        bottom: 0;
        height: auto;
        max-width: 100%
    }

    .parallax-section {
        height: 100%
    }

    .back-to-top {
        bottom: 45px
    }

    .copyright-wrap {
        justify-content: start
    }

    .privacy_policy_bg,
    .sitemap-container .sitemap-list ul {
        flex-direction: column
    }

    .sitemap-ul {
        flex-wrap: wrap;
        padding-left: 35px !important
    }

    .common-slideupcaption .swiper-slide figcaption h3,
    .sitemap-container .sitemap-list .sitemap-ul .sitemap-li {
        margin-bottom: 10px
    }

    .nav-pills .nav-link {
        font-size: 15px;
        padding: 3px 20px
    }

    .innerbanner-section {
        margin-top: 100px
    }

    .parallax-background-section {
        max-height: inherit;
        height: auto
    }

    .parallax-background {
        position: relative
    }

    .innerbanner-caption-wrap {
        bottom: 40px;
        top: inherit
    }

    .bgWrapper_titleWrap h1 {
        font-size: 34px;
        line-height: 44px
    }

    .innersection_title h1 {
        font-size: 48px;
        line-height: 58px
    }

    .common-thumb-row .figcaption {
        padding-left: 0;
        margin-top: 30px
    }

    .common-thumb-row .flex-row-reverse .figcaption {
        padding-right: 0
    }

    .key-highlights-col {
        flex: 0 0 100%;
        max-width: 100%
    }

    .common-parallax-section .paper-bg {
        padding: 20px 0
    }

    .common-parallax-section {
        padding-top: 0
    }

    .common-parallax-section .parallax-background {
        height: 550px
    }

    .common-slideupcaption .swiper-wrapper {
        overflow: visible
    }

    .image-container img {
        object-fit: cover
    }

    .overlaywrap-bg {
        padding: 40px 20px;
        margin-top: -35px;
        max-width: 95%
    }

    .overlaywrap-bg:before {
        content: "";
        position: absolute;
        width: 100%;
        background-color: rgba(0, 0, 0, .4);
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        z-index: 0;
        opacity: .8
    }

    .initiativesspeak-row {
        padding-top: 0;
        max-width: 100%;
        position: relative
    }

    .initiativesspeak-block {
        flex: 0 0 100%;
        max-width: 100%;
        gap: 0
    }

    .common-parallax-section .title-caption {
        max-width: 100%
    }

    .searchFilter-container .searchFilter-content input[type=text] {
        width: 85%
    }

    .searchResult-container.common-padding.pt-0 {
        padding-top: 0 !important
    }

    .searchResult-content ul.search_list .common-btn-blue {
        position: relative;
        right: 0
    }

    .searchResult-row {
        padding-bottom: 10px;
        flex-direction: column
    }

    .searchResult-row figure,
    .sitemap-container .sitemap-list ul li {
        flex: 0 0 100%
    }

    .searchResult-content ul.search_list li p {
        white-space: normal;
        text-overflow: initial;
        width: 100%
    }

    .productresultbox-wrapper {
        flex-direction: column;
        flex-wrap: inherit
    }

    .productresultbox-wrapper .card {
        margin-bottom: 20px;
        flex: 0 0 100%
    }

    .viewport {
        margin-top: 102px
    }

    .sitemap-container {
        padding: 30px 0
    }

    .common-slideupcaption .swiper-slide figcaption {
        position: relative;
        padding: 20px
    }

    .common-slideupcaption .swiper-slide figcaption,
    .common-slideupcaption .swiper-slide:hover .hover-figcaption {
        height: auto;
        background-color: #006f44
    }

    .common-slideupcaption .swiper-slide .hover-figcaption .hover-textwrap {
        visibility: visible;
        opacity: 1;
        display: block
    }

    .common-slideupcaption .swiper-slide figcaption p {
        color: #fff
    }
}

@media screen and (max-width:360px) {
    .bgWrapper_titleWrap h1 {
        font-size: 34px;
        line-height: 44px
    }

    .breadcrumb .breadcrumb-item {
        font-size: 13px;
        line-height: 17px
    }
}

@media screen and (max-width:320px) {
    .nav-pills .nav-link {
        font-size: 14px;
        padding: 3px 15px
    }
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition-property: height, visibility;
        transition-duration: .35s
    }
}

.productsearch-select {
    text-align: center;
    margin-top: 20px
}

.productsearch-select .dropdown-toggle::after {
    top: 20px;
    right: 10px
}

.productsearch-select .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 310px
}

.productsearch-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-size: 14px
}

.privacy_policy_botm {
    display: none;
}

.privacy_policy_botm {
    display: none;
}

.search-button-hide {
    display: none;
}