body {
    overflow: hidden
}

html,
button,
input,
select,
textarea {
    color: #222
}

html {
    font-size: 1em;
    line-height: 1.4;
    overflow: overlay
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

a {
    transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s
}

input:focus {
    outline: 0
}

button:focus {
    outline: 0
}

h4,
h5,
h3,
h2,
h1,
p {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

audio,
canvas,
img,
video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.browsehappy {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

body {
    font-family: 'Conv_Montserrat-Regular';
    font-weight: 400;
    background-color: #fff;
    margin: 0;
    padding: 0
}

.camera_wrap {
    max-height: 660px
}

.child {
    right: -30px;
    position: absolute
}

.main-hdr {
    position: fixed;
    width: 100%;
    background: #FFF;
    z-index: 200;
    min-height: 80px
}

.wrap {
    max-width: 1200px;
    width: 100%;
    margin: auto auto
}

.wrap2 {
    max-width: 1320px;
    width: 100%;
    margin: auto auto;
    padding-bottom: 25px
}

ul {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none
}

.main-header {
    width: 100%;
    height: auto;
    float: left;
    position: relative
}

.main-banner {
    width: 100%;
    height: 100vh;
    background: #1a2232;
    overflow: hidden;
    position: relative
}

.main-banner .swiper-slide::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 1
}

.main-banner .swiper-slide {
    background-size: cover !important;
    overflow: hidden
}

#parentHorizontalTab .resp-tabs-list li {
    float: left;
    border-right: solid 1px #fff;
    box-sizing: border-box;
    width: 20%
}

#parentHorizontalTab .resp-tabs-list :last-child {
    border: none
}

.main-menu-container {
    width: 100%;
    height: 120px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99
}

.main-inner-menu {
    width: 100%;
    height: 124px;
    border-bottom: 1px solid #FFFFFF;
    position: relative
}

.logo {
    width: 170px;
    height: 127px;
    float: left;
    margin-top: -15px
}

.main-navigation-btn {
    width: 58px;
    height: 58px;
    cursor: pointer;
    float: right;
    background-image: url(/images/menu.jpg);
    margin-top: 35px
}

.main-navigation-search {
    width: 58px;
    height: 58px;
    float: right;
    background-image: url(/images/search.jpg);
    margin-top: 35px
}

.main-navigation-header {
    float: right;
    margin-top: 56px
}

.main-navigation-header li {
    float: left;
    list-style: none;
    margin-right: 50px
}

.main-navigation-header li a {
    font-family: 'Conv_Montserrat-SemiBold';
    font-size: 13px;
    color: #fff
}

.main-navigation-header li a:hover {
    color: #ed5a40
}

.main-navigation-header li.active a {
    color: #ed5a40 !important
}

.main-navigation-header li.active ul.submenu li a {
    color: #fff !important
}

.main-navigation-header li ul.submenu li.active a {
    color: #000 !important
}

.main-inner-menu-popup {
    width: 100%;
    height: 124px
}

.accordion-menu-container {
    float: left;
    max-width: 550px;
    width: 100%;
    height: auto;
    margin-top: 160px;
    margin-left: -30px
}

.accordion-main-text {
    font-family: 'Conv_Montserrat-Bold';
    font-size: 42px;
    line-height: 66px
}

.popup-address-main {
    width: 100%;
    max-width: 400px;
    height: auto;
    float: right;
    margin-top: 200px
}

.heder-address-first {
    max-width: 270px;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0
}

.heder-address-first li {
    font-family: 'Conv_Montserrat-Regular';
    font-size: 14px;
    height: 25px;
    color: #939393;
    list-style: none
}

.header-address-second {
    max-width: 130px;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0
}

.header-address-second li {
    font-family: 'Conv_Montserrat-Regular';
    font-size: 14px;
    height: 25px;
    color: #939393;
    list-style: none
}

.slider-wrap {
    position: absolute;
    z-index: 99;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%
}

.slider-wrap h2 {
    font-family: 'Conv_Montserrat-Bold';
    font-size: 68px;
    color: #fff;
    line-height: 70px;
    max-width: 660px;
    text-shadow: 0 0 20px rgba(0, 0, 0, .4)
}

.slider-btn {
    width: 200px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background-color: #0b0e6c;
    text-align: center;
    font-size: 13px;
    font-family: 'Conv_Montserrat-Bold';
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 50px;
    letter-spacing: 1px
}

.slider-btn:hover {
    background-color: #000
}

.pagination-wrapper {
    position: absolute;
    z-index: 99;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 100px
}

.main-content-container {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    min-height: 500px;
    background-position: top;
    overflow: hidden
}

.main-content-container .anim-1 {
    position: absolute;
    left: 50%;
    top: 0;
    background: url(/images/anim-img-1.png) no-repeat 0 0;
    width: 1125px;
    height: 1273px;
    margin-left: -791px;
    transform: translate(-500px, 500px);
    opacity: 0
}

.main-content-container .anim-2 {
    position: absolute;
    left: 50%;
    top: 0;
    background: url(/images/anim-img-2.png) no-repeat 0 0;
    width: 651px;
    height: 1273px;
    margin-left: 145px;
    transform: translateX(700px);
    opacity: 0
}

.main-content-container .anim-3 {
    position: absolute;
    left: 50%;
    top: 0;
    background: url(/images/anim-img-3.png) no-repeat 0 0;
    width: 940px;
    height: 462px;
    margin-left: -417px;
    transform: translateY(-700px);
    opacity: 0
}

.main-content-container [class*="anim-"] {
    -webkit-transition: transform 1.05s cubic-bezier(.475, .425, 0, .995), opacity 1.75s cubic-bezier(.475, .425, 0, .995);
    transition: transform 1.05s cubic-bezier(.475, .425, 0, .995), opacity 1.75s cubic-bezier(.475, .425, 0, .995)
}

.main-content-container .anim-1.animated,
.main-content-container .anim-2.animated,
.main-content-container .anim-3.animated {
    transform: translateX(0);
    transform: translateY(0);
    opacity: 1
}

.main-content-container canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: none;
    background-image: url(/images/bg-about.jpg);
    background-position: top
}

.main-content-container .depa-numbers-container,
.main-content-container .main-home-about-container {
    position: relative;
    z-index: 11
}

.main-home-about-container {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 160px
}

.main-welcome-container-wrapper {
    width: 100%;
    height: auto
}

.main-welcome-container {
    width: 37%;
    max-width: 540px;
    height: auto;
    float: left;
    padding-right: 2%
}

.main-welcome-container h3 {
    font-family: 'Conv_Montserrat-Bold';
    font-size: 52px;
    line-height: 60px;
    color: #0b0e6c;
    letter-spacing: -4px
}

.left .home-h3 h3 {
    font-family: 'Conv_Montserrat-Bold';
    font-size: 52px;
    line-height: 60px;
    color: #0b0e6c;
    letter-spacing: -4px
}

.main-welcome-container h3 span {
    color: #000
}

.main-welcome-container p {
    font-family: 'Conv_Montserrat-Regular';
    font-size: 16px;
    color: #000;
    line-height: 28px;
    padding-top: 20px;
}

.para-new {
    font-family: 'Conv_Montserrat-Regular';
    font-size: 16px;
    color: #000;
    line-height: 28px;
    padding-top: 20px;
    text-align: justify;
}

.more-welcome-btn {
    width: 200px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    background-color: #0b0e6c;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-family: 'Conv_Montserrat-Black';
    margin-top: 30px;
    position: relative;
    z-index: 1
}

.more-welcome-btn::before,
.view-all-project-btn::before,
.main-submit-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #000;
    z-index: -1;
    -webkit-transition: width 0.55s cubic-bezier(.475, .425, 0, .995);
    transition: width 0.55s cubic-bezier(.475, .425, 0, .995);
    -webkit-transform-origin: right;
    transform-origin: right
}

.more-welcome-btn:hover::before,
.view-all-project-btn:hover::before,
.main-submit-btn:hover::before {
    width: 100%
}

.main-box-map-btn a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #000;
    z-index: -1;
    -webkit-transition: width 0.55s cubic-bezier(.475, .425, 0, .995);
    transition: width 0.55s cubic-bezier(.475, .425, 0, .995);
    -webkit-transform-origin: right;
    transform-origin: right
}

.main-box-map-btn a:hover::before {
    width: 100%
}

.more-welcome-btn:hover {
    color: #fff
}

.main-welcome-right-report {
    width: 61%;
    height: auto;
    float: right;
    padding-top: 19px;
}

.main-welcome-right-report h3 {
    font-size: 24px;
    color: #0b0e6c;
    font-family: 'Conv_Montserrat-Regular';
    line-height: 24px;
    margin-top: 20px
}

.main-welcome-right-report p {
    font-family: 'Conv_Montserrat-ExtraBold';
    font-size: 16px;
    color: #000;
    line-height: 20px;
    margin-top: 20px;
    margin-top: 5px;
    padding-top: 0;
    margin-bottom: 0
}

.welcome-bottom-container {
    width: 100%;
    height: auto;
    float: left
}

.welcome-bottom-container-left {
    width: 33.75%;
    height: auto;
    float: left;
    margin-top: 75px;
    margin-left: 11.25%
}

.welcome-bottom-container-left h3 {
    font-size: 24px;
    color: #0b0e6c;
    font-family: 'Conv_Montserrat-Regular';
    line-height: 24px;
    margin-top: 20px
}

.welcome-bottom-container-left p {
    font-family: 'Conv_Montserrat-ExtraBold';
    font-size: 16px;
    color: #000;
    line-height: 20px;
    margin-top: 20px;
    margin-top: 5px;
    padding-top: 0;
    margin-bottom: 0
}

.welcome-bottom-container-right {
    width: 28%;
    min-height: 396px;
    float: right;
    background-image: url(/images/report3.jpg);
    box-sizing: border-box
}

.welcome-bottom-container-right p {
    max-width: 350px;
    height: auto;
    font-size: 21px;
    color: #fff;
    font-family: 'Conv_Montserrat-Regular';
    line-height: 24px;
    padding-left: 30px;
    box-sizing: border-box;
    margin-top: 190px
}

.welcome-bottom-container-right p span {
    width: 100%;
    font-size: 12px;
    color: #fff;
    float: left;
    font-family: 'Conv_Montserrat-Regular';
    margin-bottom: 10px
}

.welcome-bottom-container-right a {
    font-size: 16px;
    color: #fff;
    font-family: 'Conv_Montserrat-Regular';
    text-transform: uppercase;
    float: left;
    margin-left: 30px;
    margin-top: 40px
}

.welcome-bottom-container-right a:hover {
    color: #000
}

.key-features-bussiness-unit-container {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
    padding: 40px 0
}

.key-features-bussiness-unit-container h3 {
    color: #000;
    font-size: 32px;
    line-height: 42px;
    float: left;
    margin-top: 20px
}

.key-features-bussiness-unit-container ul {
    float: right;
    text-align: right;
    width: 65%
}

.key-features-bussiness-unit-container ul li {
    list-style: none;
    display: inline-block;
    margin-left: 10%
}

.latest-news-main-container {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding: 100px 0 90px 0
}

.latest-news-main-container::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #eee;
    width: 0;
    -webkit-transition: width 1.25s cubic-bezier(.475, .425, 0, .995);
    transition: width 1.25s cubic-bezier(.475, .425, 0, .995);
    -webkit-transform-origin: right;
    transform-origin: right
}

.latest-news-main-container .wrap {
    position: relative
}

.animated.latest-news-main-container::before {
    width: 100%
}

.latest-news-main-container h3 {
    font-size: 32px;
    color: #000;
    font-family: 'Conv_Montserrat-Bold';
    line-height: 35px
}

.news-main-container-box {
    width: 32%;
    height: auto;
    margin-top: 40px;
    padding-right: 2%
}

.latest-news-main-container .wrap :last-child {
    padding-right: 0%
}

.news-main-container-box .date {
    color: #000;
    font-size: 16px;
    font-family: 'Conv_Montserrat-Regular';
    line-height: 20px;
    margin-top: 30px
}

.news-main-container-box p {
    line-height: 36px;
    font-size: 24px;
    color: #000;
    font-family: 'Conv_Montserrat-Medium';
    margin-top: 10px
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.depa-numbers-container {
    width: 100%;
    height: auto;
    float: left;
    padding: 90px 0 90px 0
}

.depa-numbers-container h3 {
    font-size: 36px;
    color: #0b0e6c;
    font-family: 'Conv_Montserrat-Bold';
    letter-spacing: -4px;
    line-height: 40px
}

.depa-numbers-container h3 span {
    color: #000
}

.number-counter-main {
    width: 100%;
    height: auto
}

.number-counter-main ul {
    text-align: center;
    padding: 0;
    margin: 0
}

.number-counter-main ul li {
    list-style: none;
    float: left;
    text-align: left;
    box-sizing: border-box
}

.number-counter-main ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    float: none;
    width: auto
}

.number-counter-main ul li {
    display: inline-block
}

.number-counter-main ul li:first-child {
    text-align: left
}

.number-counter-main ul li:last-child {
    text-align: right
}

.number-counter-main ul li h2 {
    width: 100%;
    font-size: 65px;
    line-height: 45px;
    font-family: 'Conv_Montserrat-Bold';
    text-transform: uppercase;
    color: #0b0e6c;
    margin-top: 40px;
    display: inline-block;
    box-sizing: border-box !important
}

.number-counter-main ul li p {
    font-size: 17px;
    color: #313131;
    font-family: 'Conv_Montserrat-SemiBold';
    line-height: 25px;
    margin-top: 10px;
    width: 100%
}

.home-page-tab-container {
    width: 100%;
    height: auto;
    float: left
}

.main-tab-box {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0;
    padding: 0
}

.main-tab-box li {
    width: 19.6%;
    display: inline-block;
    min-height: 140px;
    background-color: #000;
    cursor: pointer
}

.main-tab-box li a {
    color: #fff;
    line-height: 140px;
    font-size: 16px;
    font-family: 'Conv_Montserrat-Regular'
}

.main-tab-box .active {
    background-color: #0b0e6c
}

.main-tab-box li:hover {
    background-color: #0b0e6c
}

.tab-content-main {
    width: 100%;
    height: auto;
    padding: 90px 0 100px 0;
    float: left
}

.tab-content-main h3 {
    font-size: 36px;
    color: #000;
    font-family: 'Conv_Montserrat-Bold';
    line-height: 40px
}

.tab-content-main p {
    font-size: 16px;
    color: #000;
    line-height: 20px;
    font-family: 'Conv_Montserrat-Regular';
    padding-top: 15px
}

.main-sector-icons {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-top: 90px
}

.main-sector-icons li {
    list-style: none;
    display: inline-block;
    text-align: center;
    width: 16%;
    margin-bottom: 50px
}

.main-sector-icons li .image {
    width: 106px;
    height: 106px;
    border-radius: 106px;
    background-color: #ccc;
    margin: 0 auto;
    cursor: pointer
}

.main-sector-icons li .image:hover {
    background-color: #0b0e6c
}

.main-sector-icons li p {
    width: 100%;
    min-height: 40px;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-family: 'Conv_Montserrat-Bold';
    color: #000;
    line-height: 20px;
    text-transform: uppercase
}

.tab-content-main .view-details-btn {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-family: 'Conv_Montserrat-Bold';
    color: #FFF;
    float: left;
    display: inline-block;
    background-color: #000;
    margin-top: 80px;
    cursor: pointer;
    padding: 21px 0 21px 0
}

.tab-content-main .view-details-btn:hover {
    background-color: #0b0e6c
}

.most-iconic-projects-container {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 80px;
    padding-top: 80px
}

.most-iconic-projects-container ul {
    margin: 0;
    padding: 0;
    text-align: center
}

.most-iconic-projects-container ul li {
    width: 24.6%;
    display: inline-block;
    list-style: none;
    float: left;
    margin-right: .5%;
    position: relative;
    overflow: hidden
}

.most-iconic-projects-container ul li .block {
    transition: transform 0.4s
}

.most-iconic-projects-container ul li:hover .block {
    transform: scale(1.2)
}

.most-iconic-projects-container ul li:last-child {
    margin-right: 0
}

.most-iconic-projects-container ul li h2 {
    font-family: 'Conv_Montserrat-Bold';
    font-size: 36px;
    color: #000;
    line-height: 40px;
    max-width: 250px;
    text-align: left;
    padding-top: 80px
}

.most-iconic-projects-container ul li p {
    font-family: 'Conv_Montserrat-Regular';
    font-size: 15px;
    line-height: 24px;
    color: #000;
    margin-top: 30px;
    max-width: 230px;
    text-align: left
}

.view-all-project-btn {
    width: 200px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    background-color: #0b0e6c;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-family: 'Conv_Montserrat-Black';
    margin-top: 30px;
    float: left;
    position: relative;
    z-index: 1
}

.view-all-project-btn:hover {
    color: #fff
}

.home-main-connect-us-container {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 100px;
    padding-top: 100px;
    background-image: url(/images/footer-bg.jpg);
    background-repeat: repeat
}

.connect_image {
    width: 52%;
    float: left;
    height: auto;
    max-height: 350px;
    overflow: hidden
}

.connect-main-content-container {
    float: left;
    width: 41%;
    padding: 85px 0 0 7%
}

.connect-main-content-container h3 {
    font-size: 36px;
    line-height: 42px;
    color: #000;
    font-family: 'Conv_Montserrat-Regular'
}

.connect-main-content-container h3 span {
    font-family: 'Conv_Montserrat-Bold'
}

.connect-us-btn {
    width: 200px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    background-color: #0b0e6c;
    color: #fff;
    text-align: center;
    font-size: 17px;
    font-family: 'Conv_Montserrat-Regular';
    margin-top: 30px;
    float: left
}

.connect-us-btn:hover {
    background-color: #000;
    color: #fff
}

.first-footer-main {
    width: 100%;
    height: auto;
    float: left;
    background-color: #171717;
    padding: 130px 0
}

.first-footer-main h3 {
    color: #FFF;
    font-size: 42px;
    font-family: 'Conv_Montserrat-SemiBold';
    line-height: 80px;
    float: left
}

.footer-form-main-container {
    width: 62%;
    height: auto;
    float: right
}

.main-footer-form-box {
    width: 37%;
    float: left;
    margin-right: 2%
}

.main-footer-form-box label {
    font-size: 17px;
    color: #fff;
    font-family: 'Conv_Montserrat-Bold'
}

.footer-text-box {
    width: 100%;
    line-height: 40px;
    height: 40px;
    float: left;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #5f5f5f !important;
    color: #fff;
    font-size: 14px;
    text-align: left;
    font-family: 'Conv_Montserrat-Regular';
    padding-left: 0
}

.footer-btn-main {
    width: 20%;
    height: 50px;
    box-sizing: border-box;
    padding-left: 30px;
    line-height: 50px;
    margin-top: 17px;
    float: right;
    display: block;
    border: 2px solid #2f2f2f;
    font-size: 15px;
    color: #fff;
    font-family: 'Conv_Montserrat-Regular';
    background-image: url(/images/footer-arrow.png);
    background-repeat: no-repeat;
    background-position: 105px 16px
}

.footer-btn-main:hover {
    background-color: #ed5a40;
    color: #fff
}

.footer-btm-main {
    width: 100%;
    height: auto;
    float: left;
    background-color: #0b0e6c;
    padding: 95px 0 0 0
}

.footer-btm-main-left {
    width: 16%;
    height: auto;
    float: left
}

.footer-btm-main-right {
    width: 84%;
    height: auto;
    float: left
}

.first-footer-link {
    width: 42%;
    float: left;
    padding: 0
}

.first-footer-link ul {
    margin: 0;
    padding: 0
}

.first-footer-link li {
    list-style: none;
    font-size: 14px;
    color: #fff;
    padding-bottom: 5px;
    width: 50%;
    float: left
}

.first-footer-link li a {
    font-family: 'Conv_Montserrat-Regular';
    font-size: 14px;
    color: #fff
}

.first-footer-link li a:hover {
    color: #0b0e6c
}

.second-footer-link {
    width: 280px;
    text-align: left;
    padding: 0;
    margin: 0;
    display: inline-block
}

.second-footer-link li {
    font-family: 'Conv_Montserrat-Regular';
    font-size: 14px;
    height: 25px;
    color: #fff;
    list-style: none
}

.footer-right-box {
    float: right;
    width: 58%;
    text-align: right
}

.third-footer-link {
    width: 170px;
    padding: 0;
    margin: 0;
    max-width: 170px;
    display: inline-block;
    text-align: left
}

.third-footer-link li {
    font-family: 'Conv_Montserrat-Regular';
    font-size: 14px;
    height: 25px;
    color: #fff;
    list-style: none
}

.copy-right-container-main {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 80px;
    margin-bottom: 20px
}

.copy-right {
    font-size: 12px;
    color: #FFFFFF;
    font-family: 'Conv_Montserrat-Regular';
    float: left
}

.footer-social-links {
    float: right;
    font-size: 13px;
    color: #fff;
    font-family: 'Conv_Montserrat-Regular'
}

.footer-social-links span {
    float: left
}

.footer-social-links ul {
    float: left;
    padding: 0;
    margin: 0
}

.footer-social-links ul li {
    float: left;
    list-style: none;
    line-height: 18px;
    margin-left: 5px
}

.footer-social-links ul li a {
    color: #fff;
    font-size: 16px
}

.footer-social-links ul li a:hover {
    color: #0b0e6c
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d
}

.main-sector-icons li:hover .flip-card-inner {
    transform: rotateY(180deg)
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden
}

.flip-card-front {
    color: #000
}

.flip-card-back {
    border-radius: 106px;
    line-height: 106px;
    background-color: #0b0e6c;
    transform: rotateY(180deg);
    color: #fff
}

.flip-card-back h1 {
    font-family: 'Conv_Montserrat-SemiBold';
    font-size: 25px;
    letter-spacing: 1px;
    color: #fff
}

.main-tab-approch-tab {
    width: 100%;
    height: auto;
    float: left;
    padding: 80px 0 40px 0
}

.main-tab-approch-tab ul {
    margin: 0;
    padding: 0
}

.main-tab-approch-tab ul li {
    width: 25%;
    margin-right: 12%;
    height: auto;
    float: left;
    list-style: none
}

.main-tab-approch-tab ul>:last-child {
    margin-right: 0%
}

.main-tab-approch-tab li .image {
    width: 106px;
    height: 106px;
    border-radius: 106px;
    background-color: #ccc;
    cursor: pointer;
    float: left
}

.main-tab-approch-tab li:hover .flip-card-inner {
    transform: rotateY(180deg)
}

.main-tab-approch-tab li h2 {
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    float: left;
    font-family: 'Conv_Montserrat-Bold';
    width: 100%;
    margin-top: 20px
}

.main-tab-approch-tab li p {
    width: 100%;
    margin-top: 30px;
    float: left;
    font-family: 'Conv_Montserrat-Regular';
    font-size: 13px;
    color: #000;
    line-height: 20px;
    padding-top: 0
}

.main-inner-tab-list {
    width: 100%;
    height: auto;
    overflow: auto
}

.main-tab-approch-tab li:nth-child(2n) .main-inner-tab-list {
    margin: 0 auto
}

.main-tab-approch-tab li:nth-child(3n) .main-inner-tab-list {
    float: right
}

.main-inner-tab-list.kbu {
    max-width: 290px;
    width: 100%;
    height: auto;
    overflow: auto
}

.main-tab-approch-tab li .main-inner-tab-list.kbu .image {
    background-color: #f7f7f7
}

.inner-page-main-banner {
    width: 100%;
    min-height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    float: left
}

.inner-page-heading {
    width: 100%;
    height: auto;
    line-height: 50px;
    margin-top: 230px;
    position: relative;
    font-size: 45px;
    color: #fff;
    font-family: 'Conv_Montserrat-Bold'
}

.about-main-tab-container,
.red-tab-section {
    width: 100%;
    height: auto;
    float: left;
    background-color: #318CE7;
    min-height: 95px
}

.about-main-tab-container ul,
.red-tab-section ul {
    text-align: center;
    padding: 0;
    margin: 0
}

.about-main-tab-container ul li,
.red-tab-section ul li {
    display: inline-block;
    list-style: none;
    width: 13.666%;
    position: relative;
    float: left;
    box-sizing: border-box;
    transition: all 0.5s ease;
}

.red-tab-section ul li {
    width: 16.666%
}

.about-main-tab-container ul li.current:after,
.red-tab-section ul li.current:after {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 14px solid #318CE7;
    content: " ";
    position: absolute;
    bottom: -14px;
    left: 65px;
}

.about-main-tab-container ul li:hover,
.red-tab-section ul li:hover {
    /* background-color: #e6dccd; */

    background-color: #966b2c;
}

.about-main-tab-container ul li.current:hover:after,
.red-tab-section ul li.current:hover:after {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 14px solid #966b2c
}

.about-main-tab-container ul li a,
.red-tab-section ul li a {
    font-family: 'Conv_Montserrat-Regular';
    font-size: 16px;
    color: #fff;
    line-height: 23px;
    text-align: center;
    width: 100%;
    float: left;
    padding-left: 20%;
    box-sizing: border-box;
    padding-top: 25px;
    height: 95px;
    padding-left: 2%;
}

.about-main-tab-container ul li span,
.red-tab-section ul li span {
    width: 100%;
    float: left
}

.inner-page-main-container {
    width: 100%;
    height: auto;
    float: left;
    background-color: #F0F8FF;
}

.about-page-company-profile-container {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 110px
}

.about-page-company-profile-content-first {
    width: 50%;
    height: auto;
    float: left
}

.about-page-company-profile-content-first h3 {
    font-size: 36px;
    color: #000;
    line-height: 40px;
    font-family: 'Conv_Montserrat-Bold';
    margin-top: 50px
}

.about-page-company-profile-content-first p {
    font-size: 19px;
    color: #000;
    line-height: 32px;
    font-family: 'Conv_Montserrat-Regular';
    margin-top: 40px;
    margin-bottom: 20px;
    max-width: 420px
}

.about-page-company-profile-content-second {
    width: 50%;
    height: auto;
    float: left
}

.about-page-company-profile-content-second img {
    width: 100%;
    height: auto
}

.about-page-company-profile-second-container {
    width: 100%;
    height: auto;
    float: left
}

.about-page-company-profile-second-container-fist-box {
    width: 50%;
    height: auto;
    float: left
}

.about-page-company-profile-second-container-fist-box p {
    font-family: 'Conv_Montserrat-Regular';
    color: #7a7a7a;
    font-size: 15px;
    line-height: 24px;
    width: 44%;
    float: left
}

.about-page-company-profile-second-container-fist-box img {
    width: 90%
}

.about-page-company-profile-second-container-second-box {
    width: 50%;
    height: auto;
    float: right;
    padding-bottom: 0px;
}

.about-page-company-profile-second-container-second-box h3 {
    font-family: 'Conv_Montserrat-Bold';
    font-size: 50px;
    line-height: 60px;
    color: #0b0e6c;
    letter-spacing: -4px;
}

.about-page-company-profile-second-container-second-box p {
    font-family: 'Conv_Montserrat-Regular';
    color: #000000;
    font-size: 15px;
    line-height: 24px;
    padding-top: 25px;
}

.home-main-section {
    display: grid;
    grid-template-columns: 2;
}

.clr {
    clear: both
}

.about-page-our-sector-main-container {
    width: 100%;
    height: auto;
    padding-top: 90px
}

.about-page-our-sector-container {
    padding: 30px 0;
}

.about-page-our-sector-container h3 {
    font-size: 36px;
    color: #000;
    font-family: 'Conv_Montserrat-Bold';
    line-height: 40px
}

.about-page-our-sector-container p {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #010101;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Regular';
}

.about-page-our-sector-container .left {
    float: left;
    width: 48%
}

.about-page-our-sector-container .right {
    float: right;
    width: 50%;
    padding-top: 10%;
}

.about-page-our-sector-container .left.pull-right {
    float: right;
    padding: 55px 0 0 65px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.sector-listing-main {
    margin: 0;
    padding: 10px 0 0;
    margin-left: 0
}

.sector-listing-main li {
    min-height: 55px;
    list-style: none;
    padding-left: 20px;
    background-image: url(/images/about-list.png);
    background-repeat: no-repeat;
    background-position: 0 center
}

.sector-listing-main li a {
    font-size: 19px;
    color: #000;
    font-family: 'Conv_Montserrat-SemiBold';
    line-height: 55px;
    width: 100%;
    display: inline-block
}

.sector-listing-main li a:hover {
    color: #0b0e6c
}

.about-page-our-sector-heading-container {
    width: 100%;
    height: auto;
    float: left;
    min-height: 270px;
    box-sizing: border-box;
    background: rgba(215, 215, 215, .2);
    padding: 80px 0 0 50px
}

.about-page-our-sector-second-container {
    width: 100%;
    height: auto;
    float: left
}

.about-page-our-sector-second-container .first-container {
    width: 28%;
    float: left;
    height: auto;
    box-sizing: border-box;
    padding-top: 140px
}

.about-page-our-sector-second-container .first-container .sector-listing-main {
    margin: 0;
    padding: 0;
    margin-left: 15px
}

.about-page-our-sector-second-container .sector-listing-main li {
    max-width: 280px;
    width: 100%;
    min-height: 55px;
    list-style: none;
    padding-left: 40px;
    background-image: url(/images/about-list.png);
    background-repeat: no-repeat;
    background-position: 22px center
}

.about-page-our-sector-second-container .second-container .sector-listing-main li {
    max-width: 250px
}

.about-page-our-sector-second-container .third-container .sector-listing-main li {
    max-width: 225px
}

.about-page-our-sector-second-container .sector-listing-main li a {
    font-size: 19px;
    color: #000;
    font-family: 'Conv_Montserrat-SemiBold';
    line-height: 55px;
    width: 100%;
    display: inline-block
}

.about-page-our-sector-second-container li:hover {
    background-color: #0b0e6c;
    background-image: url(/images/about-list-active.png)
}

.about-page-our-sector-second-container li:hover a {
    color: #fff
}

.about-page-our-sector-second-container .second-container {
    width: 72%;
    float: left;
    height: auto;
    box-sizing: border-box;
    position: relative
}

.about-our-sector-image {
    max-width: 515px;
    float: left;
    height: auto;
    width: 100%;
    margin-top: -200px;
    margin-left: 40px
}

.about-our-sector-image img {
    width: 100%;
    height: auto
}

.about-our-sector-second-container-bottom {
    width: 100%;
    height: auto;
    float: left
}

.about-our-sector-second-container-bottom .second-container {
    margin-top: 85px;
    width: 35%;
    float: left;
    box-sizing: border-box
}

.about-page-our-sector-second-container .second-container .sector-listing-main {
    margin: 0;
    padding: 0;
    margin-left: 0
}

.about-our-sector-second-container-bottom .third-container {
    margin-top: 85px;
    width: 30%;
    float: left;
    box-sizing: border-box
}

.about-page-our-sector-second-container .third-container .sector-listing-main {
    margin: 0;
    padding: 0;
    margin-left: 0
}

.about-page-our-sector-second-container .third-image-container {
    max-width: 279px;
    width: 100%;
    float: right
}

.about-page-service-container {
    width: 100%;
    height: auto;
    padding: 100px 0
}

.about-page-service-container h2 {
    font-family: 'Conv_Montserrat-Bold';
    font-size: 36px;
    color: #000;
    line-height: 40px;
    margin-bottom: 20px
}

.about-page-service-container h3 {
    font-size: 36px;
    color: #000;
    line-height: 40px;
    font-family: 'Conv_Montserrat-Bold'
}

.about-page-service-container p {
    color: #585858;
    font-family: 'Conv_Montserrat-Regular';
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 35px
}

.about-page-service-container .left {
    float: left;
    width: 50%;
    padding-right: 5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.about-page-service-container .right {
    float: right;
    width: 50%
}

.about-page-service-container .left.pull-right {
    float: right;
    padding: 65px 30px 0 65px
}

.about-page-service-container .left h3 {
    font-size: 19px;
    color: #000;
    line-height: 20px;
    font-family: 'Conv_Montserrat-SemiBold';
    margin-bottom: 16px;
    font-weight: 400
}

.about-page-calender-container {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 70px
}

.about-page-calender-container h2 {
    font-size: 24px;
    color: #000;
    text-align: center;
    font-family: 'Conv_Montserrat-SemiBold';
    line-height: 32px
}

.about-page-calender-container p {
    font-size: 15px;
    font-family: 'Conv_Montserrat-Regular';
    color: #585858;
    line-height: 24px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px
}

.footer-connect-about-container {
    width: 100%;
    height: auto;
    float: left;
    background-color: #e0e0e0;
    padding: 20px 0
}

.footer-connect-about-container h2 {
    line-height: 55px;
    color: #000;
    font-size: 36px;
    font-family: 'Conv_Montserrat-Regular';
    font-weight: 500;
    display: block
}

.footer-main-connect-container {
    display: flex;
    align-items: center;
    justify-content: center
}

.footer-connect-about-container h2 span {
    font-family: 'Conv_Montserrat-Bold'
}

.footer-connect-btn {
    width: 200px;
    height: 55px;
    line-height: 55px;
    display: block;
    background-color: #0b0e6c;
    font-size: 15px;
    color: #FFF;
    text-align: center;
    font-family: 'Conv_Montserrat-Regular';
    margin-left: 40px
}

.footer-connect-btn:hover {
    background-color: #000;
    color: #FFF
}

.about-page-calender-main-tab-container {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 55px
}

.swipe-tabs {
    border-top: 1px solid #d6d7da;
    border-bottom: 1px solid #d6d7da
}

.slick-initialized .swipe-tab-content {
    position: relative;
    min-height: 365px
}

@media screen and (min-width: 767px) {
    .slick-initialized .swipe-tab-content {
        min-height: 500px
    }
}

.slick-initialized .swipe-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    line-height: 70px;
    border-top: 1px solid #000;
    background: none;
    border: 0;
    font-family: 'Conv_Montserrat-Regular';
    color: #000;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
    transition: all 0.5s
}

.slick-initialized .swipe-tab:hover {
    color: #000
}

.slick-initialized .swipe-tab.active-tab {
    background-color: #0b0e6c;
    color: #fff;
    font-weight: 700
}

.main-container-tab {
    padding: 25px 0
}

.calender-tab-bg-text {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 33;
    color: #f0f0f0;
    text-align: center
}

.calender-tab-bg-text h3 {
    font-size: 300px;
    font-family: 'Conv_Montserrat-SemiBold';
    position: absolute;
    width: 100%;
    text-align: center;
    top: 15px;
    left: -50px
}

.calender-tab-top-container {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 999;
    top: 0
}

.first-image-calender {
    width: 240px;
    height: auto;
    float: left;
    margin-top: 100px
}

.second-image-main-container {
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    background-image: url(/images/main-calender-bg.png);
    background-repeat: no-repeat;
    background-position: 128px center
}

.calender-second-image {
    min-width: 360px;
    width: 360px;
    height: auto;
    float: left;
    margin-left: 240px
}

.swipe-tab-content .second-image-main-container p {
    padding-left: 90px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #585858;
    line-height: 32px
}

.swipe-tab-content .second-image-main-container ul {
    padding-left: 100px;
    text-align: left;
    padding-top: 50px;
    font-size: 18px;
    color: #585858;
    line-height: 32px;
    flex-wrap: wrap;
    padding-right: 25px
}

.swipe-tab-content .second-image-main-container ul li {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    background-image: url(/images/about-list.png);
    background-position: 0 10px;
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 20px
}

.board-of-directors-main-container {
    width: 100%;
    height: auto;
    float: left;
    /* padding: 110px 0 */
}

.title h3 {
    font-family: 'Conv_Montserrat-Bold';
    font-size: 36px;
    color: #000;
    line-height: 40px;
    float: left;
    font-weight: 400
}

.board-of-director-list-main {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 60px;
    text-align: center
}

.board-of-director-list-main ul {
    margin: 0;
    padding: 0
}

.board-of-director-list-main ul li {
    float: left;
    list-style: none;
    width: 21.2%;
    margin-right: 5%;
    min-height: 370px;
    margin-bottom: 40px
}

.board-of-director-list-main ul li:nth-child(4n) {
    margin-right: 0%
}

.board-of-director-list-main ul li h3 {
    font-size: 18px;
    color: #000;
    line-height: 20px;
    font-family: 'Conv_Montserrat-Regular';
    text-align: center;
    margin-top: 22px
}

.board-of-director-list-main ul li p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: #0b0e6c;
    line-height: 20px;
    font-family: 'Conv_Montserrat-Regular';
    text-align: center;
    margin-top: 8px
}

.director-single-image {
    width: 100%;
    max-width: 450px;
    height: auto;
    float: left
}

.director-single-content {
    float: left;
    box-sizing: border-box;
    padding-top: 80px;
    padding-left: 50px;
    max-width: 750px;
    text-align: left
}

.director-single-content h3 {
    font-family: 'Conv_Montserrat-Bold';
    font-size: 24px;
    line-height: 30px;
    color: #000
}

.director-single-content h4 {
    font-size: 16px;
    font-family: 'Conv_Montserrat-Regular';
    line-height: 24px;
    color: #0b0e6c;
    font-weight: 500;
    margin-top: 10px
}

.director-single-content p {
    font-family: 'Conv_Montserrat-Regular';
    line-height: 24px;
    font-size: 15px;
    color: #585858;
    padding-top: 30px
}

.bg-bod {
    background-image: url(/images/bod-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.main-hotel-resort-container {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 50px;
    font-size: 0
}

.main-hotel-first-content {
    width: 50%;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

.main-hotel-first-content p {
    font-family: 'Conv_Montserrat-SemiBold';
    color: #000;
    font-size: 19px;
    line-height: 32px;
    max-width: 460px;
    padding-top: 0
}

.main-hotel-first-image-content {
    width: 50%;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

.main-hotel-second-image-content {
    width: 50%;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

.responsive-img {
    width: 100%;
    height: auto
}

.responsive-img-1 {
    width: 100%;
    height: 258px;
}

.responsive-img-2 {
    width: 100%;
    height: 547px;
}

.responsive-img-3 {
    width: 100%;
    height: 395px;
}

.responsive-img-4 {
    width: 100%;
    height: 490px;
}

.responsive-img-5 {
    width: 100%;
    height: 560px;
}

.responsive-img-6 {
    width: 100%;
    height: 394px;
}

.responsive-img-7 {
    width: 100%;
    height: 373px;
}

.main-hotel-second-text-content {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    height: auto;
    box-sizing: border-box;
    padding-top: 10px;
    padding-left: 50px
}

.main-hotel-second-text-content p {
    font-family: 'Conv_Montserrat-Regular';
    color: #585858;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 20px
}

.key-bussiness-unit-main-container {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 100px
}

.key-bussiness-unit-main-box {
    width: 100%;
    height: auto;
    float: left;
    background-color: #f3f3f3;
    box-sizing: border-box;
    padding: 30px 3%;
    margin-top: 30px;
    display: flex;
    justify-content: center
}

.key-bussiness-inner {
    width: 100%;
    height: auto;
    float: left
}

.key-bussiness-inner {
    width: 31.3%;
    float: left;
    margin-right: 3%;
    box-sizing: border-box;
    background: #fff
}

.key-bussiness-inner a {
    padding: 20px;
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    display: inline-block
}

.key-bussiness-inner:last-child {
    margin-right: 0
}

.key-bussiness-inner h2 {
    font-family: 'Conv_Montserrat-Regular';
    font-size: 15px;
    line-height: 40px;
    float: right;
    color: #737373
}

.hotel-and-resort-scroller {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 90px
}

.hotel-scroller-main-container {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 30px;
    position: relative
}

.hotel-scroller-main-container h2 {
    font-size: 21px;
    font-weight: 400;
    color: #f1593f;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Bold';
    padding-top: 30px
}

.hotel-scroller-main-container p {
    color: #585858;
    line-height: 24PX;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 0;
    font-family: 'Conv_Montserrat-Regular'
}

.hotel-scroller-main-container .owl-nav button.owl-prev {
    position: absolute;
    top: 36%;
    left: -21px;
    width: 42px;
    text-align: center;
    height: 42px;
    background-color: transparent;
    background-image: url(/images/hotel-arrow1.png);
    background-repeat: no-repeat;
    text-indent: -100px;
    overflow: hidden
}

.hotel-scroller-main-container .owl-nav button.owl-next {
    position: absolute;
    top: 36%;
    right: -21px;
    width: 42px;
    text-align: center;
    height: 42px;
    background-color: transparent;
    background-image: url(/images/hotel-arrow2.png);
    background-repeat: no-repeat;
    text-indent: -100px;
    overflow: hidden
}

.our-approach-main-container {
    width: 100%;
    height: auto;
    float: left;
    padding: 130px 0
}

.our-approach-first-container {
    width: 100%;
    height: auto;
    float: left
}

.our-approach-first-container-text {
    width: 50%;
    height: auto;
    float: left;
    box-sizing: border-box
}

.our-approach-first-container-text .vision-mission {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 65px
}

.our-approach-first-container-text h2 {
    font-family: 'Conv_Montserrat-Bold';
    font-size: 21px;
    color: #0b0e6c
}

.our-approach-first-container-text p {
    font-size: 15px;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Regular';
    color: #585858;
    padding-top: 15px;
    max-width: 540px
}

.our-approach-first-container-image {
    width: 50%;
    height: auto;
    float: left
}

.our-approach-second-container-image {
    width: 50%;
    height: auto;
    float: left
}

.our-approach-second-container-text {
    width: 50%;
    height: auto;
    float: left;
    padding-top: 70px;
    padding-left: 70px;
    box-sizing: border-box
}

.our-approach-second-container-text h3 {
    font-family: 'Conv_Montserrat-Bold';
    font-size: 21px;
    color: #0b0e6c
}

.our-approach-second-container-text h4 {
    font-family: 'Conv_Montserrat-ExtraBold';
    font-size: 16px;
    color: #000;
    line-height: 30px;
    padding-top: 24px
}

.our-approach-second-container-text p {
    font-size: 15px;
    font-family: 'Conv_Montserrat-Regular';
    color: #585858;
    line-height: 24px;
    padding-top: 15px
}

.our-approach-third-container-main {
    width: 100%;
    height: auto;
    float: left
}

.our-approach-third-container-main-text {
    width: 50%;
    height: auto;
    float: left;
    padding-top: 90px;
    box-sizing: border-box
}

.our-approach-third-container-main-text:nth-child(2n) {
    padding-left: 70px
}

.our-approach-third-container-main-text h3 {
    font-family: 'Conv_Montserrat-ExtraBold';
    font-size: 16px;
    color: #000;
    line-height: 30px
}

.our-approach-third-container-main-text p {
    font-size: 15px;
    font-family: 'Conv_Montserrat-Regular';
    color: #585858;
    line-height: 24px;
    padding-top: 15px;
    max-width: 530px
}

.our-approach-third-container-main-image {
    width: 50%;
    height: auto;
    float: left
}

.our-approach-fourth-container-main {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 100px;
    border-bottom: 1px solid #f58572
}

.our-approach-fourth-container-main-inner-first {
    width: 56%;
    height: auto;
    float: left;
    padding-top: 70px
}

.our-approach-fourth-container-main-inner-first h2 {
    font-family: 'Conv_Montserrat-ExtraBold';
    font-size: 15px;
    color: #000;
    line-height: 30px
}

.our-approach-fourth-container-main-inner-first p {
    font-size: 15px;
    font-family: 'Conv_Montserrat-Regular';
    color: #000;
    line-height: 24px;
    padding-top: 15px;
    max-width: 550px
}

.our-approach-fourth-container-main-inner-second {
    width: 44%;
    height: auto;
    float: left;
    padding-top: 70px
}

.our-approach-fourth-container-main-inner-second h2 {
    font-family: 'Conv_Montserrat-ExtraBold';
    font-size: 16px;
    color: #000;
    line-height: 30px
}

.our-approach-fourth-container-main-inner-second p {
    font-size: 15px;
    font-family: 'Conv_Montserrat-Regular';
    color: #585858;
    line-height: 24px;
    padding-top: 15px
}

.our-approach-strategy-main-container {
    width: 100%;
    height: auto;
    float: left;
    padding: 100px 0 70px 0;
    border-bottom: 1px solid #f58572
}

.our-approach-strategy-img {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 35px;
    float: left
}

.our-approach-strategy-main-container .title {
    width: 100%;
    float: left
}

.our-approach-strategy-first-container {
    width: 56%;
    height: auto;
    float: left
}

.our-approach-strategy-first-container h2 {
    font-size: 21px;
    font-family: 'Conv_Montserrat-Bold';
    line-height: 28px;
    color: #000;
    padding-top: 22px;
    max-width: 450px;
    min-height: 54px
}

.our-approach-strategy-first-container p {
    font-size: 15px;
    font-family: 'Conv_Montserrat-Regular';
    color: #585858;
    line-height: 24px;
    padding-top: 35px;
    max-width: 560px
}

.our-approach-strategy-second-container {
    width: 44%;
    height: auto;
    float: left
}

.our-approach-strategy-second-container h2 {
    font-size: 21px;
    font-family: 'Conv_Montserrat-Bold';
    line-height: 28px;
    color: #000;
    padding-top: 22px;
    min-height: 54px
}

.our-approach-strategy-second-container p {
    font-size: 15px;
    font-family: 'Conv_Montserrat-Regular';
    color: #585858;
    line-height: 24px;
    padding-top: 35px
}

.our-approach-sustainability-main-container {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 100px
}

.our-approach-sustainability-main-container-first {
    width: 50%;
    height: auto;
    float: left
}

.our-approach-sustainability-main-container-first .title {
    padding-top: 50px
}

.our-approach-sustainability-main-container-first p {
    font-size: 15px;
    font-family: 'Conv_Montserrat-Regular';
    color: #585858;
    line-height: 24px;
    padding-top: 30px;
    float: left;
    max-width: 560px
}

.our-approach-sustainability-main-container-second {
    height: auto;
    box-sizing: border-box
}

.our-approach-sustainability-main-container-second p {
    font-size: 15px;
    font-family: 'Conv_Montserrat-Regular';
    color: #585858;
    line-height: 24px;
    padding-top: 30px;
    float: left
}

.our-approach-sustainability-main-container-second h4 {
    color: #000;
    font-size: 21px;
    font-family: 'Conv_Montserrat-Bold';
    float: left;
    padding-top: 50px
}

.our-approach-sustainability-main-container-second ul {
    padding: 0;
    margin: 0;
    float: left;
    margin-left: 20px
}

.our-approach-sustainability-main-container-second ul li {
    list-style: circle;
    line-height: 22px;
    padding-top: 20px;
    font-size: 15px;
    font-family: 'Conv_Montserrat-Regular';
    color: #585858
}

.our-approach-calender-container {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 100px
}

.our-approach-calender-container h2 {
    font-size: 24px;
    color: #000;
    text-align: center;
    font-family: 'Conv_Montserrat-SemiBold';
    line-height: 32px
}

.our-approach-calender-container p {
    font-size: 15px;
    font-family: 'Conv_Montserrat-Regular';
    color: #585858;
    line-height: 24px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px
}

.kbu-banner {
    background-size: cover
}

.main-kbu-navigation {
    width: 100%;
    height: auto;
    float: left;
    padding: 15px 0;
    margin-top: 80px
}

.main-kbu-navigation ul {
    margin: 0;
    padding: 0;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly
}

.main-kbu-navigation ul li {
    width: 23%;
    margin-right: 1%;
    margin-left: 1%;
    background-color: #FFF;
    float: left;
    list-style: none;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    border: 1px solid #ccc
}

.main-kbu-navigation ul li a {
    padding: 15px 20px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box
}

.main-kbu-navigation ul li h2 {
    font-size: 15px;
    color: #737373;
    float: right;
    line-height: 40px
}

.main-kbu-navigation ul li.current {
    outline: 18px solid #0b0e6c;
    outline-offset: -7px;
    background-color: #fff
}

.main-kbu-navigation h5 {
    font-family: 'Conv_Montserrat-Bold';
    font-size: 36px;
    color: #000
}

.kbu-main-container {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 90px;
    position: relative
}

.kbu-main-slider-container {
    width: 78%;
    height: auto;
    float: left;
    position: absolute
}

.kbu-main-slider-container .slider-main li img {
    width: 100%;
    height: auto
}

.kbu-main-slider-container .tumbnail {
    max-width: 580px;
    height: 112px;
    overflow: hidden
}

.flex-direction-nav .flex-next {
    background-image: url(/images/hotel-arrow2.png)
}

.flex-direction-nav .flex-prev {
    background-image: url(/images/hotel-arrow1.png)
}

.slider-first .flex-direction-nav {
    display: none !important
}

#carousel img {
    display: block;
    opacity: .5
}

#carousel .flex-active-slide img {
    opacity: 1;
    cursor: default
}

.main-kbu-content-container {
    width: 100%;
    height: auto;
    float: right;
    max-width: 622px;
    background-color: #fff;
    min-height: 630px;
    z-index: 99;
    position: relative;
    margin-top: 110px;
    box-sizing: border-box;
    padding: 50px 0 50px 50px
}

.main-kbu-content-container .heading {
    width: 100%;
    float: left;
    height: auto
}

.main-kbu-content-container .heading img {
    float: left;
    margin-top: 5px
}

.main-kbu-content-container .heading span {
    font-family: 'Conv_Montserrat-Bold';
    font-size: 36px;
    color: #000;
    padding-top: 30px;
    padding-left: 15px
}

.kbu-text-comapny-first {
    line-height: 32px;
    padding-top: 25px;
    font-size: 19px;
    font-family: 'Conv_Montserrat-Medium';
    color: #000;
    float: left
}

.kbu-text-comapny-second {
    line-height: 24px;
    padding-top: 20px;
    font-size: 15px;
    font-family: 'Conv_Montserrat-Regular';
    color: #585858;
    float: left;
    padding-left: 50px
}

.kbu-text-comapny-second p {
    padding-top: 30px
}

.key-bussiness-unit-sector-container-heading {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 50px
}

.key-bussiness-unit-sector-container {
    background-color: #f3f3f3;
    width: 100%;
    height: auto;
    float: left;
    margin-top: 25px;
    padding: 30px 0 50px 0
}

.key-bussiness-unit-sector-container ul {
    margin: 0;
    padding: 0;
    text-align: center
}

.key-bussiness-unit-sector-container li {
    width: 100%;
    max-width: 270px;
    list-style: none;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: 20px;
    margin-left: 7px;
    margin-right: 7px
}

.key-bussiness-unit-sector-container li a {
    box-sizing: border-box;
    padding: 10px;
    display: inline-block;
    width: 100%
}

.key-bussiness-unit-sector-container li span {
    font-size: 12px;
    text-transform: uppercase;
    color: #585858;
    font-family: 'Conv_Montserrat-Medium'
}

.key-bussiness-unit-counter-container {
    width: 100%;
    height: auto;
    float: left;
    padding: 90px 0
}

.key-bussiness-unit-counter-container .title {
    width: 100%;
    height: auto;
    float: left
}

.key-bussiness-unit-leadership-team-container {
    width: 100%;
    height: auto;
    float: left;
    background-color: #eee;
    padding: 90px 0 30px 0
}

.key-bussiness-unit-board-of-director-list-main {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 60px;
    text-align: center
}

.key-bussiness-unit-board-of-director-list-main ul {
    margin: 0;
    padding: 0
}

.key-bussiness-unit-board-of-director-list-main ul li {
    float: left;
    list-style: none;
    width: 21.2%;
    margin-right: 5%;
    min-height: 370px;
    margin-bottom: 45px
}

.key-bussiness-unit-board-of-director-list-main ul li h3 {
    font-size: 18px;
    color: #000;
    line-height: 20px;
    font-family: 'Conv_Montserrat-Regular';
    text-align: left;
    margin-top: 22px
}

.key-bussiness-unit-board-of-director-list-main ul li p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: #898989;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Regular';
    text-align: left
}

.key-bussiness-unit-board-of-director-list-main ul li:nth-child(4n) {
    margin-right: 0%
}

.key-bussiness-unit-our-location {
    width: 100%;
    height: auto;
    float: left;
    padding: 90px 0
}

.key-bussiness-unit-map {
    width: 100%;
    height: 430px;
    float: left;
    margin-top: 40px;
    position: relative;
    background-size: cover
}

.key-bussiness-unit-map-address {
    padding: 50px;
    position: absolute;
    z-index: 999;
    bottom: -40px;
    background-color: #fff;
    right: 100px;
    max-width: 490px
}

.key-bussiness-unit-map-address h2 {
    color: #000;
    font-family: 'Conv_Montserrat-Bold';
    font-size: 15px
}

.key-bussiness-unit-map-address p {
    font-family: 'Conv_Montserrat-Regular';
    font-size: 15px;
    color: #585858;
    padding-top: 15px
}

.key-bussiness-unit-second-company-profile {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 140px;
    position: relative
}

.key-bussiness-unit-second-company-profile-right-image {
    width: 78%;
    height: auto;
    float: left;
    position: absolute;
    right: 0;
    top: 0
}

.position-relative {
    position: relative
}

.key-bussiness-unit-second-company-profile-left-content-container {
    width: 100%;
    height: auto;
    float: left;
    max-width: 640px;
    background-color: #fff;
    min-height: 600px;
    z-index: 99;
    position: relative;
    margin-top: 110px;
    box-sizing: border-box;
    padding: 50px 50px 50px 0
}

.key-bussiness-unit-second-company-profile-left-content-container .heading {
    width: 100%;
    float: left;
    height: auto
}

.key-bussiness-unit-second-company-profile-left-content-container .heading img {
    float: left
}

.key-bussiness-unit-second-company-profile-left-content-container .heading span {
    font-family: 'Conv_Montserrat-Bold';
    font-size: 36px;
    color: #000;
    padding-top: 30px;
    padding-left: 15px;
    float: left
}

.kbu-text-comapny-second-company-profile {
    line-height: 24px;
    padding-top: 20px;
    font-size: 15px;
    font-family: 'Conv_Montserrat-Regular';
    color: #737373;
    float: left
}

.kbu-text-comapny-second-company-profile p {
    padding-top: 30px
}

.key-bussiness-unit-second-company-profile-right-image p {
    float: right;
    max-width: 560px;
    padding-top: 65px;
    line-height: 24px;
    font-size: 15px;
    font-family: 'Conv_Montserrat-Regular';
    color: #737373
}

.hotel-and-resort-scroller-kbu-page {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 90px;
    padding-bottom: 90px
}

.kbu-page-button {
    width: 150px;
    height: 45px;
    float: left;
    line-height: 47px;
    background-color: #0b0e6c;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-top: 40px
}

.kbu-page-button:hover {
    background-color: #000
}

.clear-both {
    overflow: auto;
    clear: both
}

.investments-banner {
    background-size: cover
}

.investments-navigation {
    width: 100%;
    height: auto;
    float: left;
    background-color: #ebebeb;
    padding: 15px 0
}

.investments-navigation ul {
    margin: 0;
    padding: 0
}

.investments-navigation li {
    width: 28.5%;
    margin-right: 1%;
    background-color: #FFF;
    float: left;
    list-style: none;
    box-sizing: border-box;
    position: relative
}

.investments-navigation li a {
    padding: 15px 20px;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    cursor: pointer
}

.investments-navigation ul li.current:after {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 14px solid #ebebeb;
    content: " ";
    position: absolute;
    bottom: -29px;
    left: 25px
}

.investments-navigation li h2 {
    font-size: 15px;
    color: #737373;
    float: right;
    line-height: 40px
}

.governance-banner {
    background-size: cover
}

.governance-main-container {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 110px;
    position: relative
}

.governance-main-slider-container {
    width: 78%;
    height: auto;
    float: left;
    position: absolute;
    right: 0
}

.governance-content-container {
    width: 100%;
    height: auto;
    float: left;
    max-width: 640px;
    background-color: #fff;
    min-height: 540px;
    z-index: 99;
    position: relative;
    margin-top: 110px;
    box-sizing: border-box;
    padding: 50px 50px 25px 0
}

.governance-content-container .heading {
    width: 100%;
    float: left;
    height: auto
}

.governance-content-container .heading span {
    font-family: 'Conv_Montserrat-Bold';
    font-size: 36px;
    color: #000
}

.governance-text-comapny-second {
    line-height: 24px;
    padding-top: 20px;
    font-size: 15px;
    font-family: 'Conv_Montserrat-Regular';
    color: #585858;
    float: left;
    max-width: 480px
}

.governance-content-container h4 {
    font-size: 16px;
    font-family: 'Conv_Montserrat-Bold';
    line-height: 32px;
    width: 100%;
    height: auto;
    float: left;
    margin-top: 60px
}

.governance-content-container ul {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 35px;
    float: left
}

.governance-content-container ul li {
    list-style: none;
    background-image: url(/images/about-list.png);
    background-repeat: no-repeat;
    font-size: 15px;
    line-height: 22px;
    font-family: 'Conv_Montserrat-Regular';
    color: #585858;
    margin-bottom: 15px;
    padding-left: 25px;
    background-position: 0 6px
}

.governance-bottom-main-container {
    width: 100%;
    float: left;
    height: auto;
    padding-bottom: 100px
}

.governance-bottom-main-container p {
    font-size: 15px;
    color: #585858;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Regular';
    margin-top: 22px;
    float: left
}

.governance-bottom-main-container p a {
    color: #585858;
    text-decoration: underline
}

.governance-bottom-main-container ul {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 35px;
    float: left
}

.governance-bottom-main-container ul li {
    list-style: none;
    background-image: url(/images/about-list.png);
    background-repeat: no-repeat;
    font-size: 15px;
    line-height: 22px;
    font-family: 'Conv_Montserrat-Regular';
    color: #585858;
    margin-bottom: 15px;
    padding-left: 25px;
    background-position: 0 6px
}

.governance-left-report h3 {
    font-size: 24px;
    color: #0b0e6c;
    font-family: 'Conv_Montserrat-Regular';
    line-height: 30px;
    margin-top: 15px;
    padding-left: 40px;
    background-image: url(/images/download.png);
    background-repeat: no-repeat;
    font-weight: 500
}

.governance-left-report p {
    font-family: 'Conv_Montserrat-ExtraBold';
    font-size: 16px;
    color: #000;
    line-height: 20px;
    margin-top: 20px;
    margin-top: 5px;
    padding-top: 0;
    margin-bottom: 0;
    padding-left: 40px
}

.investors-text-comapny-second {
    line-height: 24px;
    font-size: 15px;
    font-family: 'Conv_Montserrat-Regular';
    color: #585858;
    float: left;
    max-width: 520px
}

.investors-text-comapny-second p {
    padding-top: 30px
}

.investor-sub-heading {
    line-height: 32px;
    font-size: 15px;
    font-family: 'Conv_Montserrat-Bold'
}

.investor-bottom-main-container {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 45px
}

.investor-bottom-main-container p {
    font-size: 15px;
    color: #000;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Medium'
}

.investor-bottom-main-container p span {
    color: #dc533a;
    font-family: 'Conv_Montserrat-ExtraBold'
}

.investor-financial-calender-container {
    width: 100%;
    max-width: 750px;
    float: right;
    margin-bottom: 80px
}

.investor-financial-calender-container h4 {
    font-size: 16px;
    color: #000;
    font-family: 'Conv_Montserrat-ExtraBold';
    width: 100%;
    float: left;
    text-align: right
}

.investor-financial-calender-main {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 15px
}

.investor-financial-calender-main-text {
    width: 36%;
    float: left;
    background-color: #ed573d;
    background-image: url(/images/bg-calender.jpg);
    min-height: 430px;
    box-sizing: border-box;
    padding: 30px;
    position: relative
}

.investor-financial-calender-main-text h3 {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    font-family: 'Conv_Montserrat-Regular';
    font-weight: 500;
    max-width: 200px
}

.investor-financial-calender-main-text p {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    font-family: 'Conv_Montserrat-Regular';
    font-weight: 500;
    max-width: 200px;
    position: absolute;
    bottom: 30px;
    left: 30px
}

.investor-financial-calender-box {
    width: 64%;
    float: left;
    min-height: 430px;
    box-sizing: border-box;
    background-color: #ebebeb
}

.main-financial-calender-wrapper {
    width: 100%;
    height: auto;
    margin-top: 70px;
    float: left
}

.news-main-container {
    width: 100%;
    height: auto;
    float: left;
    padding: 90px 0 40px 0
}

.news-top-main-container {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px
}

.news-top-main-first {
    width: 100%;
    max-width: 600px;
    min-height: 458px;
    background-size: cover;
    height: auto;
    float: left;
    position: relative
}

.news-top-main-first::before,
.news-top-main-second::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .65) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0)
}

.news-first-content {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 55px 45px 55px;
    cursor: pointer
}

.news-first-content h4 {
    font-size: 14px;
    color: #fff;
    font-family: 'Conv_Montserrat-SemiBold';
    line-height: 20px;
    margin-bottom: 10px
}

.news-first-content h2 {
    line-height: 39px;
    color: #fff;
    font-family: 'Conv_Montserrat-Bold';
    font-size: 28px;
    max-width: 465px
}

.news-top-main-second {
    width: 100%;
    max-width: 285px;
    height: auto;
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
    position: relative;
    min-height: 222px;
    background-size: cover
}

.news-top-main-second-content {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 20px 20px 15px;
    cursor: pointer
}

.news-main-images-list {
    width: 100%;
    min-height: 266px;
    background-size: cover
}

.news-top-main-second-content h4 {
    font-size: 14px;
    color: #fff;
    font-family: 'Conv_Montserrat-SemiBold';
    line-height: 20px;
    margin-bottom: 5px
}

.news-top-main-second-content h2 {
    line-height: 22px;
    color: #fff;
    font-family: 'Conv_Montserrat-Bold';
    font-size: 15px
}

.news-bottom-main-container {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 50px
}

.news-main-box-news-page {
    width: 24.16%;
    margin-right: 1.12%;
    float: left;
    margin-bottom: 40px;
    min-height: 400px
}

.news-main-box-news-page h4 {
    font-size: 14px;
    color: #000;
    font-family: 'Conv_Montserrat-SemiBold';
    line-height: 20px;
    margin-top: 25px
}

.news-main-box-news-page h2 {
    color: #000;
    font-family: 'Conv_Montserrat-Bold';
    font-size: 15px;
    line-height: 22px;
    margin-top: 15px;
    max-width: 260px
}

.news-main-box-news-page:nth-child(4n) {
    margin-right: 0
}

.pagination-wrap {
    width: 100%;
    float: left;
    text-align: center
}

.main-pagination {
    padding: 1px 4px;
    background-color: #fff;
    border: 1px solid #e2dcdc9e;
    overflow: auto;
    border-radius: 25px;
    margin: 0 auto;
    display: inline-block
}

.main-pagination a {
    color: #000
}

.main-pagination .active {
    background-color: #0b0e6c
}

.main-pagination .active a {
    color: #FFF
}

.main-pagination li {
    padding: 8px 15px;
    display: block;
    max-width: 200px;
    margin: 0 auto;
    float: left;
    color: #000;
    border-radius: 100%;
    margin-right: 2px;
    margin-left: 2px
}

.news-detail-main-container {
    width: 100%;
    float: left;
    height: auto;
    padding-top: 0
}

.news-detail-main-container-first {
    max-width: 600px;
    width: 100%;
    height: auto;
    float: left
}

.news-detail-main-container-first h2 {
    font-family: 'Conv_Montserrat-Bold';
    font-size: 19px;
    line-height: 32px;
    max-width: 500px
}

.news-detail-main-container-first p {
    font-size: 15px;
    color: #585858;
    font-family: 'Conv_Montserrat-Regular';
    line-height: 24px;
    padding-top: 30px;
    max-width: 580px
}

.news-detail-main-container-second {
    width: 100%;
    max-width: 540px;
    float: right;
    padding-top: 90px
}

.news-detail-main-container-second p {
    font-size: 15px;
    color: #585858;
    font-family: 'Conv_Montserrat-Regular';
    line-height: 24px
}

.news-detail-main-container-second h4 {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 15px;
    color: #737373;
    font-family: 'Conv_Montserrat-SemiBold'
}

.main-news-back-btn {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 100px
}

.main-news-back-btn a {
    width: auto;
    text-align: right;
    height: 30px;
    float: right;
    font-size: 15px;
    font-family: 'Conv_Montserrat-ExtraBold';
    color: #0b0e6c;
    text-transform: uppercase
}

.main-news-back-btn a:hover {
    color: #000
}

.main-related-news-scroller {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 70px;
    margin-bottom: 70px
}

.main-related-news-main-container {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px
}

.main-related-news-main-container p {
    font-size: 14px;
    color: #000;
    font-family: 'Conv_Montserrat-Medium';
    margin-top: 20px
}

.main-related-news-main-container h2 {
    font-size: 15px;
    color: #000;
    line-height: 22px;
    font-family: 'Conv_Montserrat-Bold';
    max-width: 250px;
    margin-top: 15px
}

.main-related-news-main-container .owl-nav button.owl-prev {
    position: absolute;
    top: 30%;
    left: -21px;
    width: 42px;
    text-align: center;
    height: 42px;
    background-color: transparent;
    background-image: url(/images/hotel-arrow1.png);
    background-repeat: no-repeat;
    text-indent: -100px;
    overflow: hidden
}

.main-related-news-main-container .owl-nav button.owl-next {
    position: absolute;
    top: 30%;
    right: -21px;
    width: 42px;
    text-align: center;
    height: 42px;
    background-color: transparent;
    background-image: url(/images/hotel-arrow2.png);
    background-repeat: no-repeat;
    text-indent: -100px;
    overflow: hidden
}

.sector-each {
    font-size: 0
}

.sector-each .sector-left {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    padding-right: 5%;
}

.ht-1 {
    height: 419px;
}

.ht-2 {
    height: 450px;
}

.ht-3 {
    height: 670px;
}

.ht-4 {
    height: 471px;
}

@media screen and (max-width: 1024px) {

    .mob-ht-1 {
        height: 577px;
    }

}

@media screen and (max-width: 1024px) {

    .mob-ht-2 {
        height: 767px;
    }

}

@media screen and (max-width: 1024px) {

    .mob-ht-3 {
        height: 550px;
    }

}

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

    .pr-10 {
        padding-right: 10%;
    }

}

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

    .pl-10 {
        padding-left: 10%;
    }

}

@media screen and (max-width: 768px) {

    .mob-ht-1 {
        height: 400px;
    }
}

@media screen and (max-width: 768px) {

    .mob-ht-2 {
        height: 600px;
    }
}

@media screen and (max-width: 768px) {

    .mob-ht-3 {
        height: 400px;
    }

}

@media screen and (max-width: 425px) {

    .pr-10 {
        padding-right: 10%;
    }

}

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

    .pl-10 {
        padding-left: 10%;
    }

}

@media screen and (max-width: 425px) {

    .mob-ht-1 {
        height: 560px;
    }
}

@media screen and (max-width: 425px) {

    .mob-ht-2 {
        height: 860px;
    }
}

@media screen and (max-width: 425px) {

    .mob-ht-3 {
        height: 600px;
    }

}

@media screen and (max-width: 375px) {

    .pr-10 {
        padding-right: 10%;
    }

}

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

    .pl-10 {
        padding-left: 10%;
    }

}

@media screen and (max-width: 375px) {

    .mob-ht-1 {
        height: 600px;
    }
}

@media screen and (max-width: 375px) {

    .mob-ht-2 {
        height: 960px;
    }
}

@media screen and (max-width: 375px) {

    .mob-ht-3 {
        height: 630px;
    }

}



.sector-each .sector-right {
    display: inline-block;
    vertical-align: middle;
    width: 50%
}

@media screen and (max-width: 320px) {

    .pr-10 {
        padding-right: 10%;
    }

}

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

    .pl-10 {
        padding-left: 10%;
    }

}

@media screen and (max-width: 320px) {

    .mob-ht-1 {
        height: 700px;
    }
}

@media screen and (max-width: 320px) {

    .mob-ht-2 {
        height: 1140px;
    }
}

@media screen and (max-width: 320px) {

    .mob-ht-3 {
        height: 760px;
    }

}

@media screen and (max-width: 320px) {

    .ht-1 {
        height: 529px;
    }

}

.sector-each .sector-right img {
    width: 100%
}

.sector-each h3 {
    font-size: 21px;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Bold';
    color: #0b0e6c
}

.sector-each p {
    font-size: 15px;
    color: #585858;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Regular';
    margin-top: 15px
}

.sector-each:nth-child(2n+2) .sector-left {
    padding-right: 0;
    padding-left: 5%
}

.contact-main-container {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 120px 0
}

.contact-google-map-container {
    width: 84%;
    height: auto;
    margin: 0 auto;
    margin-top: 70px;
    position: relative;
    z-index: 99;
    background-size: cover
}

.contact-main-address-box {
    width: 100%;
    max-width: 650px;
    float: left;
    margin-top: 50px
}

.contact-main-address-box .address-box {
    width: 100%;
    max-width: 260px;
    float: left
}

.contact-main-address-box .number-box {
    width: 100%;
    max-width: 180px;
    float: left
}

.contact-main-address-box h2 {
    font-family: 'Conv_Montserrat-ExtraBold';
    font-size: 15px;
    color: #000;
    line-height: 20px
}

.contact-main-address-box p {
    max-width: 230px;
    font-family: 'Conv_Montserrat-Regular';
    font-size: 15px;
    line-height: 22px;
    color: #585858;
    margin: 20px 0
}

.contact-main-address-box p a {
    color: #585858
}

.contact-main-address-box .number-box p {
    margin: 10px 0 20px 0
}

.contact-main-address-box .email-box {
    width: 100%;
    max-width: 180px;
    float: left
}

.contact-main-address-box .email-box p {
    margin: 10px 0 20px 0
}

.main-box-map-btn {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px
}

.main-box-map-btn a {
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    display: inline-block;
    background-color: #0b0e6c;
    font-size: 13px;
    font-family: 'Conv_Montserrat-ExtraBold';
    position: relative;
    z-index: 1
}

.contact-enquery-form {
    max-width: 550px;
    width: 100%;
    height: auto;
    float: right;
    /* margin-top: -66px; */
    position: relative;
    z-index: 999
}

.contact-enquery-form h2 {
    width: 100%;
    height: 60px;
    line-height: 60px;
    float: left;
    font-family: 'Conv_Montserrat-SemiBold';
    background-color: #0b0e6c;
    font-size: 21px;
    color: #fff;
    box-sizing: border-box;
    padding-left: 45px
}

.contact-form-content-container {
    width: 100%;
    float: left;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    padding: 40px 50px;
    background-color: #fff
}

.contact-form-content-container .input-alert {
    padding: 5px 10px;
    margin: -11px 0 10px;
    background: #0b0e6c24;
    border: 1px solid #0b0e6c4f;
    color: #bf4833
}

.input-main-box {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 0 15px;
    font-size: 15px;
    background-image: none !important;
    color: #000;
    font-family: 'Conv_Montserrat-Regular'
}

.textarea-main-box {
    width: 100%;
    height: 130px;
    line-height: 24px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 15px 15px;
    font-size: 15px;
    color: #000;
    font-family: 'Conv_Montserrat-Regular';
    resize: none
}

.contact-form-content-container a {
    width: 100%;
    height: 50px;
    line-height: 50px;
    letter-spacing: 2px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    font-family: 'Conv_Montserrat-ExtraBold';
    color: #fff;
    background-color: #0b0e6c
}

.contact-form-content-container a:hover {
    background-color: #000
}

.service-main-container {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 100px;
    padding-bottom: 180px
}

.service-first-section {
    width: 100%;
    height: auto;
    float: left
}

.service-first-section-content {
    width: 100%;
    max-width: 520px;
    box-sizing: border-box;
    float: left
}

.service-first-section-content h2 {
    font-family: 'Conv_Montserrat-Bold';
    color: #000;
    font-size: 36px;
    line-height: 40px
}

.service-first-section-content h3 {
    font-size: 21px;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Bold';
    color: #0b0e6c;
    margin-top: 20px
}

.service-first-section-content p {
    font-size: 15px;
    color: #585858;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Regular';
    margin-top: 15px
}

.service-first-section-image {
    max-width: 400px;
    height: auto;
    width: 100%;
    float: right
}

.service-second-section {
    width: 100%;
    height: auto;
    float: left
}

.service-second-section-content {
    width: 100%;
    max-width: 320px;
    box-sizing: border-box;
    float: left
}

.service-second-section-content h3 {
    font-size: 21px;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Bold';
    color: #0b0e6c;
    margin-top: 140px
}

.service-second-section-content p {
    font-size: 15px;
    color: #585858;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Regular';
    margin-top: 15px;
    max-width: 260px
}

.service-second-section-image {
    max-width: 480px;
    height: auto;
    width: 100%;
    float: left
}

.service-third-section {
    width: 100%;
    height: auto;
    float: left
}

.service-third-section-content {
    width: 100%;
    max-width: 870px;
    box-sizing: border-box;
    float: left;
    padding-left: 100px
}

.service-third-section-content h3 {
    font-size: 21px;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Bold';
    color: #0b0e6c;
    margin-top: 95px
}

.service-third-section-content p {
    font-size: 15px;
    color: #585858;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Regular';
    margin-top: 15px
}

.service-third-section-image {
    max-width: 320px;
    height: auto;
    width: 100%;
    float: left
}

.service-fourth-section {
    width: 100%;
    height: auto;
    float: left
}

.service-fourth-section-content {
    width: 100%;
    max-width: 400px;
    box-sizing: border-box;
    float: left;
    padding-left: 50px
}

.service-fourth-section-content h3 {
    font-size: 21px;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Bold';
    color: #0b0e6c;
    margin-top: 45px
}

.service-fourth-section-content p {
    font-size: 15px;
    color: #585858;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Regular';
    margin-top: 15px
}

.service-fourth-section-image {
    max-width: 480px;
    height: auto;
    width: 100%;
    float: left;
    margin-left: 320px
}

.projects-sub-heading {
    width: 100%;
    min-height: 100px;
    float: left;
    background-color: #0b0e6c
}

.projects-sub-heading h2 {
    font-family: 'Conv_Montserrat-Regular';
    font-size: 27px;
    color: #FFFFFF;
    line-height: 30px;
    padding: 36px 0;
    font-weight: 500
}

.project-main-container {
    width: 100%;
    height: auto;
    float: left;
    padding: 0px 0 100px 0
}

.project-main-container-select-box {
    width: 100%;
    height: auto;
    float: left
}

.project-main-container-select-box-inner {
    width: 32.44%;
    height: auto;
    float: left;
    margin-right: 1.33%
}

.project-main-container-select-box-inner select {
    width: 100%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 14px;
    color: #737373;
    font-family: 'Conv_Montserrat-Regular'
}

.project-main-container-select-box-inner:last-child {
    margin-right: 0
}

.project-reset-btn {
    width: 146px;
    height: 45px;
    float: right;
    line-height: 45px;
    background-color: #0b0e6c;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-family: 'Conv_Montserrat-Regular';
    margin-top: 15px
}

.project-reset-btn:hover {
    background-color: #000
}

.project-page-map-container {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 60px
}

.project-main-container-project-list {
    width: 100%;
    height: auto;
    float: left;
    /* margin-top: 60px */
}

.project-list-box {
    max-width: 300px;
    width: 24%;
    min-height: 280px;
    height: auto;
    float: left;
    margin-bottom: 30px;
    margin-right: 1.33%
}

.project-list-box:nth-child(4n) {
    margin-right: 0%
}

.project-list-box-image {
    width: 100%;
    height: 180px;
    background-size: cover;
    background-position: center;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.project-list-box-image img {
    height: 100%
}

.project-list-box h2 {
    font-size: 21px;
    color: #0b0e6c;
    line-height: 25px;
    font-family: 'Conv_Montserrat-Bold';
    margin-top: 6px;
    padding-right: 8px
}

.project-list-box p {
    font-size: 15px;
    color: #737373;
    font-family: 'Conv_Montserrat-Regular';
    line-height: 24px;
    margin-top: 4px
}

.project-list-box-image-hover {
    width: 100%;
    height: 100%;
    background-color: rgba(241, 91, 65, .8);
    position: absolute;
    top: -100%;
    left: 0;
    box-sizing: border-box;
    padding: 20px 20px;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.project-list-box-image-hover ul {
    margin: 0;
    padding: 0;
    margin-top: 20px
}

.project-list-box-image-hover ul li {
    list-style: none;
    float: left;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #fff
}

.project-list-box-image-hover ul li h2 {
    font-family: 'Conv_Montserrat-Bold';
    color: #fff;
    float: left;
    font-size: 15px;
    line-height: 30px
}

.project-list-box-image-hover ul li span {
    font-size: 15px;
    color: #fff;
    font-family: 'Conv_Montserrat-Regular';
    line-height: 18px;
    margin-top: 12px;
    min-height: 30px;
    float: left
}

.project-list-box-image-hover ul li:nth-child(3n) {
    border-bottom: none !important
}

.project-list-box-image:hover .project-list-box-image-hover {
    top: 0
}

.main-structure-container {
    width: 100%;
    height: auto;
    float: left
}

.main-structure-container img {
    height: auto
}

.hide-scrollbar::-webkit-scrollbar {
    width: 0 !important;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none
}

.breadcrumb-main {
    width: 100%
}

.breadcrumb-main ul {
    margin: 0;
    padding: 0
}

.breadcrumb-main ul li {
    list-style: none
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #fff
}

.logos-carousel {
    padding-top: 70px
}

.logos-carousel .owl-nav {
    display: none !important
}

.breadcrumb>li {
    display: inline-block;
    font-size: 13px;
    color: rgb(198, 198, 198);
    font-family: 'Conv_Montserrat-Regular';
    text-transform: capitalize
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #0b0e6c;
    content: "/"
}

.breadcrumb {
    border: 0;
    padding: 15px 0 0;
    margin: 15px 0 0;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    position: relative
}

.breadcrumb-item a {
    color: #fff;
    font-size: 13px;
    font-weight: 200;
    font-family: 'Conv_Montserrat-Regular'
}

.mask-animation {
    position: relative
}

.mask-animation-box-up {
    position: absolute;
    top: 0;
    height: 100%;
    background: #0b0e6c;
    width: 100%;
    -webkit-transition: height .6s cubic-bezier(.06, .58, .21, 1);
    -moz-transition: height .6s cubic-bezier(.06, .58, .21, 1);
    -ms-transition: height .6s cubic-bezier(.06, .58, .21, 1);
    -o-transition: height .6s cubic-bezier(.06, .58, .21, 1);
    transition: height .6s cubic-bezier(.06, .58, .21, 1);
    transition-delay: 0.4s;
    z-index: 2
}

.mask-animation-box-down {
    position: absolute;
    bottom: 0;
    height: 100%;
    background: #0b0e6c;
    width: 100%;
    -webkit-transition: height .6s cubic-bezier(.06, .58, .21, 1);
    -moz-transition: height .6s cubic-bezier(.06, .58, .21, 1);
    -ms-transition: height .6s cubic-bezier(.06, .58, .21, 1);
    -o-transition: height .6s cubic-bezier(.06, .58, .21, 1);
    transition: height .6s cubic-bezier(.06, .58, .21, 1);
    transition-delay: 0.4s;
    z-index: 2
}

.mask-animation.aos-animate .mask-animation-box-up {
    height: 0%
}

.mask-animation.aos-animate .mask-animation-box-down {
    height: 0%
}

.arrow-menu {
    width: 27px;
    height: 33px;
    display: block;
    margin-top: 20px;
    float: right;
    background-image: url(/images/popup-arrow-left.png);
    background-repeat: no-repeat
}

.auroramenu-default>li>a .arrow-menu.open {
    background-image: url(/images/popup-arrow-bottom.png);
    background-repeat: no-repeat
}

.mobile-view {
    display: none
}

.responsive-service-image-show {
    display: none
}

.fullwidth {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial
}

.slider {
    margin: 0
}

.slider .slide {
    width: 100%;
    height: 100%
}

.slick-prev {
    left: 0;
    background: red
}

.slick-next {
    right: 0;
    background: red
}

.slick-dots {
    bottom: 0;
    margin-left: 0;
}

.swiper-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    box-sizing: border-box;
    object-fit: cover
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999
}

.kbu-main-slider-container .slider .slider-main li {
    height: 600px;
    background-size: cover
}

.kbu-main-slider-container .slider .tumbnail li {
    height: 112px;
    background-size: cover
}

.main-menu-container {
    transition: all 0.5s ease
}

.main-inner-menu {
    transition: all 0.5s ease
}

.main-inner-menu .logo {
    transition: all 0.5s ease
}

.main-inner-menu .main-navigation-header {
    transition: all 0.5s ease
}

.main-navigation-header li a {
    transition: all 0.5s ease
}

.main-menu-container.fixed {
    background: rgba(0, 0, 0, .6);
    height: 60px
}

.main-menu-container.fixed .logo img {
    width: 100%;
    height: auto;
    display: none;
}

.main-menu-container.fixed .logo {
    width: 60px;
    height: auto;
    margin-top: 14px
}

.main-menu-container.fixed .main-inner-menu {
    height: 66px;
    border-bottom: none
}

.main-menu-container.fixed .main-navigation-header {
    margin-top: 34px
}

.main-menu-container.fixed .main-navigation-search {
    margin-top: 20px
}

.main-menu-container.fixed .main-navigation-btn {
    margin-top: 20px
}

.main-menu-container.fixed .main-navigation-header li a {
    font-size: 12px
}

.inner-page-main-banner {
    position: relative
}

.banner-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    left: 0;
    top: 0
}

.investors-main-tab-container {
    width: 100%;
    height: auto;
    float: left;
    background-color: #0b0e6c;
    min-height: 95px
}

.investors-main-tab-container ul {
    text-align: center;
    padding: 0;
    margin: 0
}

.investors-main-tab-container ul li {
    display: inline-block;
    list-style: none;
    width: 25%;
    position: relative;
    float: left;
    box-sizing: border-box;
    transition: all 0.5s ease
}

.investors-main-tab-container ul li.current:after {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 14px solid #0b0e6c;
    content: " ";
    position: absolute;
    bottom: -14px;
    left: 30px
}

.investors-main-tab-container ul li:hover {
    background-color: #000
}

.investors-main-tab-container ul li.current:hover:after {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 14px solid #000
}

.investors-main-tab-container ul li a {
    font-family: 'Conv_Montserrat-Regular';
    font-size: 16px;
    color: #fff;
    line-height: 23px;
    text-align: left;
    width: 100%;
    float: left;
    padding-left: 15%;
    box-sizing: border-box;
    padding-top: 25px;
    height: 95px
}

.investors-main-tab-container ul li span {
    width: 100%;
    float: left
}

.investor-counter-main {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 100px
}

.investor-counter-main ul {
    text-align: center;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between
}

.investor-counter-main ul li {
    list-style: none;
    float: none;
    display: inline-block;
    text-align: left;
    box-sizing: border-box;
    vertical-align: top
}

.investor-counter-main ul li:first-child {
    text-align: left
}

.investor-counter-main ul li:last-child {
    text-align: right
}

.investor-counter-main ul li h2 {
    width: 100%;
    font-size: 65px;
    line-height: 45px;
    font-family: 'Conv_Montserrat-Bold';
    text-transform: uppercase;
    color: #0b0e6c;
    float: left;
    margin-top: 40px;
    display: inline-block;
    box-sizing: border-box !important
}

.investor-counter-main ul li p {
    font-size: 17px;
    color: #313131;
    font-family: 'Conv_Montserrat-SemiBold';
    line-height: 25px;
    margin-top: 10px;
    float: left;
    width: 100%;
    padding-left: 3px
}

.animate-flicker {
    -webkit-animation: flickerAnimation 1s infinite;
    -moz-animation: flickerAnimation 1s infinite;
    -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite
}

@keyframes flickerAnimation {
    0% {
        background-image: none
    }

    50% {
        background-image: url(/images/download.png)
    }

    100% {
        background-image: none
    }
}

@-o-keyframes flickerAnimation {
    0% {
        background-image: none
    }

    50% {
        background-image: url(/images/download.png)
    }

    100% {
        background-image: none
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        background-image: none
    }

    50% {
        background-image: url(/images/download.png)
    }

    100% {
        background-image: none
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        background-image: none
    }

    50% {
        background-image: url(/images/download.png)
    }

    100% {
        background-image: none
    }
}

.financial-calender-page-main-container {
    width: 100%;
    height: auto;
    padding: 100px 0;
    float: left
}

.title h5 {
    float: right;
    line-height: 50px;
    margin-right: 25px;
    font-size: 16px;
    color: #000;
    font-family: 'Conv_Montserrat-Bold'
}

.financial-page-calender-main-container {
    width: 62%;
    height: auto;
    box-sizing: border-box;
    float: left
}

.financial-page-calender-main-container-content {
    width: 38%;
    height: auto;
    box-sizing: border-box;
    padding: 0 0 0 40px;
    float: left
}

.financial-content-titile {
    width: 100%;
    height: auto;
    float: left;
    font-size: 15px;
    color: #0b0e6c;
    font-family: 'Conv_Montserrat-Bold';
    margin-top: 45px
}

.financial-page-calender-main-container-content ul {
    width: 100%;
    height: auto;
    float: left
}

.financial-page-calender-main-container-content ul li {
    margin-top: 20px;
    font-size: 15px;
    color: #585858;
    font-family: 'Conv_Montserrat-Regular';
    background-image: url(/images/calender.png);
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 35px;
    padding-top: 3px
}

.main-financial-result-container {
    width: 100%;
    height: auto;
    float: left
}

.main-financial-result-box {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 20px
}

.main-financial-result-container-heading {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #000;
    font-family: 'Conv_Montserrat-Bold'
}

.main-financial-result-box ul {
    margin: 0;
    padding: 0
}

.main-financial-result-box ul li {
    width: 24%;
    float: left;
    display: block;
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
    background-color: #fff;
    line-height: 20px;
    min-height: 100px;
    margin-top: 20px;
    list-style: none;
    background-image: url(/images/pdf.png);
    background-repeat: no-repeat;
    background-position: 20px 30px;
    font-size: 13px;
    color: #000;
    font-family: 'Conv_Montserrat-Medium';
    margin-right: 1.333%;
    transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in
}

.main-financial-result-box ul li a {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 38px 20px 20px 70px;
    display: inline-block;
    font-size: 13px;
    color: #000;
    font-family: 'Conv_Montserrat-Medium'
}

.main-financial-result-box ul li:hover {
    background-color: #2d2d2d
}

.main-financial-result-box ul li:hover a {
    color: #fff
}

.main-financial-result-box ul li:nth-child(4n) {
    margin-right: 0
}

.main-financial-result-box ul li span {
    width: 100%;
    height: auto;
    float: left
}

.service-counter-main {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 60px
}

.service-fiftth-section {
    width: 100%;
    height: auto;
    float: left
}

.service-fifth-section-image {
    max-width: 400px;
    height: auto;
    width: 100%;
    float: right
}

.service-fifth-section-content {
    width: 100%;
    max-width: 700px;
    box-sizing: border-box;
    float: left
}

.service-fifth-section-content h3 {
    font-size: 21px;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Bold';
    color: #0b0e6c;
    margin-top: 130px
}

.service-fifth-section-content p {
    font-size: 15px;
    color: #585858;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Regular';
    margin-top: 15px
}

.sector-landing-container {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 0px
}

.sector-landing-first-content {
    width: 50%;
    height: auto;
    float: left;
    padding-top: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}

.sector-landing-first-content h3 {
    font-size: 19px;
    color: #FFFFFF;
    font-family: 'Conv_Montserrat-Bold';
    font-weight: 400
}

.sector-landing-first-content p {
    padding-top: 30px;
    font-family: 'Conv_Montserrat-Regular';
    margin-top: 19px;
    color: #FFF;
    line-height: 24px;
    padding: 0;
    max-width: 550px;
    font-size: 15px
}

.sector-landing-first-image-content {
    width: 50%;
    height: auto;
    float: left
}

.sector-landing-second-text-content {
    width: 50%;
    height: auto;
    float: left;
    box-sizing: border-box;
    padding-left: 10px;
    padding-top: 10px;
    font-family: 'Conv_Montserrat-Regular';
    line-height: 24px;
    float: right;
    font-size: 15px;
    color: #585858;
}

.sector-landing-second-text-content p {
    padding-top: 30px;
    font-family: 'Conv_Montserrat-Regular';
    margin-top: 19px;
    color: #585858;
    line-height: 24px;
    padding: 0;
    max-width: 550px;
    font-size: 15px
}

.sector-landing-second-image-content {
    width: 50%;
    height: auto;
    float: left;
    box-sizing: border-box;
    float: right
}

.sector-landing-page-navigation {
    width: 100%;
    height: auto;
    padding-top: 70px;
    float: left
}

.sector-landing-page-navigation ul {
    margin: 0;
    padding: 0
}

.sector-landing-page-navigation ul li {
    width: 48.333%;
    float: left;
    border: 1px solid #d7d7d7;
    list-style: none;
    min-height: 150px;
    display: block;
    margin-right: 3%;
    margin-bottom: 40px
}

.sector-landing-page-navigation ul li:nth-child(2n) {
    margin-right: 0
}

.sector-landing-page-navigation ul li>a {
    display: table
}

.sector-landing-page-navigation ul li .tumb-image {
    width: 200px;
    height: 150px;
    display: table-cell
}

.sector-landing-page-navigation ul li .tumb-text {
    min-height: 150px;
    display: table-cell;
    vertical-align: middle
}

.sector-landing-page-navigation ul li h3 {
    font-size: 21px;
    color: #000;
    font-family: 'Conv_Montserrat-Bold';
    box-sizing: border-box;
    padding-left: 40px;
    float: left;
    line-height: 30px;
    font-weight: 400
}

.sector-landing-page-navigation ul li a {
    display: inline-block;
    width: 100%;
    float: left
}

.sector-landing-page-navigation ul li a:hover {
    background-color: #f26c4f
}

.sector-landing-page-navigation ul li a:hover h3 {
    color: #fff
}

.videos-main-container {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px
}

.video-first-container {
    width: 100%;
    height: auto;
    float: left
}

.first-video-box {
    width: 66%;
    min-height: 460px;
    float: left;
    background-size: cover;
    position: relative
}

.video-bg-overlay {
    width: 100%;
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    transition: all 0.5s ease-in
}

.video-first-container a:hover .video-bg-overlay {
    background: rgba(241, 91, 65, .8)
}

.second-video-container a:hover .video-bg-overlay {
    background: rgba(241, 91, 65, .8)
}

.main-video-title {
    position: absolute;
    top: 25px;
    left: 25px;
    right: 25px
}

.main-video-title h3 {
    font-family: 'Conv_Montserrat-Bold';
    color: #fff;
    font-size: 28px;
    line-height: 35px
}

.main-video-title h5 {
    font-family: 'Conv_Montserrat-Bold';
    color: #fff;
    font-size: 20px;
    line-height: 28px
}

.main-video-title p {
    font-family: 'Conv_Montserrat-Medium';
    font-size: 16px;
    color: #fff
}

.youtube-time {
    padding: 0 10px 0 30px;
    height: 25px;
    ;
    background-color: #000;
    position: absolute;
    color: #fff;
    font-family: 'Conv_Montserrat-Medium';
    line-height: 25px;
    font-size: 13px;
    bottom: 25px;
    left: 25px;
    background-image: url(/images/youtube-icon.png);
    background-position: 10px 5px;
    background-repeat: no-repeat
}

.second-video-box {
    width: 32%;
    min-height: 225px;
    float: left;
    margin-left: 2%;
    background-size: cover;
    position: relative
}

.second-video-box:nth-child(3n) {
    margin-top: 10px
}

.main-video-title-small {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px
}

.main-video-title-small h5 {
    font-family: 'Conv_Montserrat-Bold';
    color: #fff;
    font-size: 20px;
    line-height: 28px
}

.main-video-title-small p {
    font-family: 'Conv_Montserrat-Medium';
    font-size: 15px;
    color: #fff
}

.youtube-time-small {
    padding: 0 10px 0 30px;
    height: 25px;
    ;
    background-color: #000;
    position: absolute;
    color: #fff;
    font-family: 'Conv_Montserrat-Medium';
    line-height: 25px;
    font-size: 13px;
    bottom: 15px;
    left: 15px;
    background-image: url(/images/youtube-icon.png);
    background-position: 10px 5px;
    background-repeat: no-repeat
}

.second-video-container {
    width: 100%;
    height: auto;
    float: left
}

.second-video-container li {
    position: relative;
    width: 32%;
    min-height: 220px;
    list-style: none;
    margin-right: 2%;
    float: left;
    margin-top: 20px
}

.second-video-container li:nth-child(3n) {
    margin-right: 0
}

.fourth-video-box {
    width: 100%;
    min-height: 220px;
    background-size: cover;
    height: auto;
    float: left
}

.project-detail-page-main-container {
    width: 100%;
    height: auto;
    float: left
}

.project-detail-page-heading {
    width: 100%;
    height: auto;
    float: left;
    max-width: 740px;
    background-color: #ebebeb;
    margin-left: 100px;
    box-sizing: border-box;
    padding: 50px 90px;
    margin-top: -50px
}

.project-detail-page-heading h3 {
    font-size: 32px;
    font-family: 'Conv_Montserrat-Bold';
    color: #000;
    line-height: 40px
}

.project-slider-main {
    width: 100%;
    min-height: auto;
    position: relative
}

#thumbGalleryThumbs {
    margin-top: 15px
}

.project-slider-main .owl-item {
    max-height: 700px
}

#thumbGalleryThumbs .owl-item {
    max-height: 190px
}

#thumbGalleryThumbs .owl-nav {
    display: none !important
}

.project-slider-main .owl-nav button.owl-next {
    position: absolute;
    top: 47%;
    right: -21px;
    width: 42px;
    text-align: center;
    height: 42px;
    background-color: transparent;
    background-image: url(/images/hotel-arrow2.png);
    background-repeat: no-repeat;
    text-indent: -100px;
    overflow: hidden
}

.project-slider-main .owl-nav button.owl-prev {
    position: absolute;
    top: 47%;
    left: -21px;
    width: 42px;
    text-align: center;
    height: 42px;
    background-color: transparent;
    background-image: url(/images/hotel-arrow1.png);
    background-repeat: no-repeat;
    text-indent: -100px;
    overflow: hidden
}

.project-slider-main .owl-dots {
    display: none
}

.project-detail-page-content {
    width: 100%;
    height: auto;
    box-sizing: border-box
}

.project-detail-page-content ul {
    /* margin-bottom: 50px; */
    font-size: 0
}

.project-detail-page-content li {
    list-style: none;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 38%;
    height: auto;
    display: inline-block
}

.project-detail-page-content li:nth-child(2) {
    width: 42%
}

.project-detail-page-content li:nth-child(3) {
    width: 20%
}

.project-detail-page-content li .label {
    font-size: 18px;
    font-family: 'Conv_Montserrat-Bold';
    color: #000;
    line-height: 24px;
    margin-bottom: 15px
}

.project-detail-page-content li .detail {
    font-size: 18px;
    font-family: 'Conv_Montserrat-Regular';
    color: #000;
    line-height: 24px
}

.main-image-mask {
    width: 100%;
    height: auto;
    overflow: auto;
    position: relative
}

.main-list {
    width: 100%;
    height: 490px;
    overflow: hidden;
    float: left
}

.main-list-container {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden
}

.block {
    width: 100%;
    min-height: 350px;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    float: left
}

.most-iconic-projects-container ul li .block {
    width: 100%;
    min-height: 490px;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    float: left
}

.img-parallax {
    position: absolute;
    top: 0;
    left: 50%;
    pointer-events: none
}

.main-submit-btn {
    width: 100%;
    height: 50px;
    line-height: 50px;
    letter-spacing: 2px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Conv_Montserrat-ExtraBold';
    color: #fff;
    background-color: #0b0e6c;
    border: none;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    position: relative;
    z-index: 1
}

.main-submit-btn input {
    height: 50px;
    display: block;
    background: none;
    width: 100%;
    font-family: 'Conv_Montserrat-ExtraBold';
    font-size: 14px;
    border: 0;
    cursor: pointer;
    color: #fff
}

.slick-prev {
    left: -20px;
    position: absolute;
    top: 60%;
    width: 42px;
    text-align: center;
    height: 42px;
    background-color: transparent;
    background-image: url(/images/hotel-arrow1.png);
    background-repeat: no-repeat;
    text-indent: -100px;
    overflow: hidden;
    border: none;
    cursor: pointer
}

.slick-next {
    right: -20px;
    position: absolute;
    top: 60%;
    width: 42px;
    text-align: center;
    height: 42px;
    background-color: transparent;
    background-image: url(/images/hotel-arrow2.png);
    background-repeat: no-repeat;
    text-indent: -100px;
    overflow: hidden;
    border: none;
    cursor: pointer
}

#menutoggle span {
    width: 60px;
    height: 55px;
    display: block;
    border-radius: 0px !important
}

#menutoggle {
    padding: 0px !important;
    width: 60px !important;
    height: 55px !important;
    display: block;
    border-radius: 0px !important
}

#menutoggle span {
    background-image: url(/images/menu.png);
    background-repeat: no-repeat;
    background-position: 15px 12px
}

.is-active span {
    background-image: url(/images/nav-close.png) !important;
    background-repeat: no-repeat;
    background-position: 15px 12px
}

.main-kbu-map {
    width: 100%;
    height: 430px
}

.mobile-only-nav {
    display: none !important
}

.slider-right {
    right: 0
}

.kbu-main-slider-container.slider-right .slider {
    position: relative
}

.search-button-right {
    width: 55px;
    height: 55px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 35px;
    z-index: 100;
    background: #0b0e6c
}

.search-button-right-icon {
    background-image: url(/images/search.png);
    top: 14px;
    left: 13px;
    position: relative;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat
}

.search-close {
    background-image: url(/images/search-close.png) !important
}

.search-green {
    position: absolute;
    width: 350px;
    padding: 0 15px;
    box-sizing: border-box;
    border: none;
    top: 35px;
    right: 55px;
    font-size: 18px;
    font-family: 'Conv_Montserrat-Regular';
    color: #000;
    height: 55px;
    display: none;
    z-index: 9999999
}

.main-menu-container.fixed .search-green {
    top: 14px
}

.main-menu-container.fixed .search-button-right {
    top: 14px;
    display: none;
}

.news-home {
    height: 230px;
    background-size: cover
}

.depa-finance-numbers-container {
    width: 100%;
    height: auto;
    float: left;
    padding: 60px 0 10px 0
}

.finance-number-counter-main {
    width: 100%;
    height: auto
}

.finance-number-counter-main ul li {
    width: 25%;
    float: left;
    list-style: none
}

.finance-number-counter-main ul li:last-child {
    text-align: left
}

.finance-number-counter-main ul li h2 {
    width: 100%;
    font-size: 35px;
    line-height: 45px;
    font-family: 'Conv_Montserrat-Bold';
    text-transform: uppercase;
    color: #0b0e6c;
    float: left;
    margin-top: 40px;
    display: inline-block;
    box-sizing: border-box !important
}

.finance-number-counter-main ul li p {
    font-size: 17px;
    color: #313131;
    font-family: 'Conv_Montserrat-SemiBold';
    line-height: 25px;
    margin-top: 10px;
    float: left;
    width: 100%
}

.video-first-container video {
    width: 100%;
    height: auto
}

.hide-nav .owl-nav button.owl-prev {
    display: none !important
}

.hide-nav .owl-nav button.owl-next {
    display: none !important
}

.news-first-content h2:hover {
    color: #0b0e6c
}

.news-top-main-second-content h2:hover {
    color: #0b0e6c
}

.news-main-box-news-page h2:hover {
    color: #0b0e6c
}

.project-slider-main .owl-carousel .item {
    height: 560px;
    background-size: cover
}

.main-financial-result-box ul li {
    position: relative
}

.download-pdf-btn {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #dc533a;
    top: 5px;
    right: 5px;
    z-index: 1;
    line-height: 30px;
    text-align: center;
    border-radius: 50px;
    cursor: pointer;
    color: #fff
}

.download-pdf-btn:hover {
    background-color: #fff
}

.main-financial-result-box ul li .download-pdf-btn a {
    width: 30px;
    height: 30px;
    padding: 0;
    color: #fff;
    display: block;
    cursor: pointer
}

.main-financial-result-box ul li .download-pdf-btn a:hover {
    color: #000
}

.main-financial-result-box ul li .view-pdf-btn a {
    width: 30px;
    height: 30px;
    padding: 0;
    color: #fff;
    display: block;
    cursor: pointer
}

.main-financial-result-box ul li .view-pdf-btn a:hover {
    color: #000
}

.view-pdf-btn {
    position: absolute;
    width: 30px;
    line-height: 30px;
    text-align: center;
    height: 30px;
    background-color: #dc533a;
    border-radius: 50px;
    top: 5px;
    right: 40px;
    z-index: 1;
    cursor: pointer;
    color: #fff
}

.view-pdf-btn:hover {
    background-color: #fff;
    color: #000
}

.board-of-directors-bottom-new-section {
    width: 100%;
    height: auto;
    float: left
}

.key-board-roles-main-wrapper {
    width: 100%;
    height: auto;
    float: left
}

.key-board-roles-first {
    width: 50%;
    height: auto;
    float: left;
    min-height: 130px;
    box-sizing: border-box;
    padding-right: 20px;
    margin-top: 35px
}

.key-board-roles-second {
    width: 50%;
    box-sizing: border-box;
    padding-left: 20px;
    height: auto;
    float: left;
    min-height: 130px;
    margin-top: 35px
}

.key-board-roles-main-wrapper h3 {
    font-size: 21px;
    color: #0b0e6c;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Bold'
}

.key-board-roles-main-wrapper p {
    font-size: 15px;
    color: #585858;
    line-height: 24px;
    margin-top: 15px;
    font-family: 'Conv_Montserrat-Regular'
}

.governance-bottom-new-section {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 80px
}

.governance-bottom-new-section p {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 35px;
    font-size: 15px;
    color: #585858;
    line-height: 24px;
    margin-top: 15px;
    font-family: 'Conv_Montserrat-Regular'
}

.governance-bottom-new-inner-main-wrapper {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 65px
}

.governance-bottom-new-first {
    width: 50%;
    height: auto;
    float: left;
    box-sizing: border-box;
    padding-right: 40px
}

.governance-bottom-new-second {
    width: 50%;
    box-sizing: border-box;
    padding-left: 40px;
    height: auto;
    float: left
}

.governance-bottom-new-inner-main-wrapper h3 {
    font-size: 21px;
    color: #0b0e6c;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Bold'
}

.governance-bottom-new-inner-main-wrapper p {
    font-size: 15px;
    color: #585858;
    line-height: 24px;
    margin-top: 15px;
    font-family: 'Conv_Montserrat-Regular'
}

.governance-bottom-new-inner-main-wrapper ul {
    float: left
}

.governance-bottom-new-inner-main-wrapper ul li {
    list-style: none;
    background-image: url(/images/about-list.png);
    background-repeat: no-repeat;
    font-size: 15px;
    font-family: 'Conv_Montserrat-Regular';
    line-height: 22px;
    color: #585858;
    margin-top: 20px;
    padding-left: 25px;
    background-position: 0 6px
}

.search-main-container {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px
}

.main-inner-search-wrapper {
    width: 100%;
    height: auto;
    float: left
}

.search-inner-box {
    width: 100%;
    height: auto;
    float: left;
    list-style: none;
    padding-top: 30px;
    padding-bottom: 30px
}

.search-inner-box h4 {
    font-family: 'Conv_Montserrat-Regular';
    font-size: 22px;
    line-height: 25px;
    color: #151515;
    margin: 0
}

.history-section-main-wrapper {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;
    text-align: center;
    position: relative;
    padding-top: 0
}

.jq_skywheel li {
    width: 100% !important;
    height: auto !important;
    min-width: 100px;
    text-align: center
}

.jq_skywheel li .inner {
    display: block !important
}

.main-search-pagination {
    margin-top: 50px
}

.main-inner-history-content-main {
    height: auto;
    margin: 0 auto;
    position: relative;
    min-height: 380px
}

.history-date {
    width: 100%;
    height: auto;
    text-align: center
}

.jq_skywheel li {
    line-height: normal !important
}

.main-inner-history-content-main h3 {
    font-size: 200px;
    font-family: 'Conv_Montserrat-Bold';
    width: 100%;
    text-align: center;
    top: 195px;
    color: #e7e6e6
}

.main-inner-history-top-container {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 999;
    top: 0
}

.first-image-history-top-container {
    width: 360px;
    height: 250px;
    margin: 0 auto;
    margin-top: 0;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.second-image-history-top-container {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-left: 390px;
    text-align: left;
    box-sizing: border-box
}

.second-image-history-top-container ul li {
    margin-bottom: 10px;
    font-family: 'Conv_Montserrat-Regular';
    font-size: 15px;
    line-height: 24px;
    color: #585858
}

.second-image-history-top-container h4 {
    font-size: 18px;
    font-family: 'Conv_Montserrat-Bold';
    text-align: center;
    line-height: 24px
}

.second-image-history-top-container p {
    text-align: center;
    font-size: 16px;
    font-family: 'Conv_Montserrat-Regular';
    color: #000;
    line-height: 24px;
    padding: 0 25px
}

.jq_skywheel li.center .main-history-title-year {
    display: none
}

.jq_skywheel li {
    float: left !important;
    position: initial !important;
    list-style: none !important
}

.main-history-title-year {
    font-size: 40px;
    font-family: 'Conv_Montserrat-Bold';
    line-height: 50px
}

.jq_skywheel li {
    background-color: transparent !important;
    display: none !important
}

@media (min-width: 769px) {

    .history-new-slider .slick-prev,
    .history-new-slider .slick-next {
        display: none !important
    }
}

.history-new-slider .slick-dots {
    float: left;
    width: 380px;
    text-align: left;
    padding-top: 10px;
    margin-top: 30px;
    position: relative;
    min-height: 240px;
    background: url(/images/history-bg.png);
    background-repeat: no-repeat;
    background-position: top center
}

.history-new-slider .slick-dots::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.history-new-slider .slick-dots li {
    list-style: none;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    font-size: 150px;
    font-family: 'Conv_Montserrat-Bold';
    width: 100%;
    top: 10px;
    color: #e7e6e6
}

.history-new-slider .slick-dots li button {
    display: none
}

.history-new-slider .slick-dots li.slick-active {
    opacity: 1
}

.history-new-slider .slick-list {
    float: right;
    width: 800px
}

.jq_skywheel li.center .main-inner-history-content-main {
    display: block !important
}

.jq_skywheel li.center {
    padding: 50px 0;
    display: block !important;
    z-index: 1 !important
}

.hide {
    display: none
}

.jq_skywheel li.new-hide {
    display: block !important
}

.jq_skywheel li.nclose1 {
    position: relative !important;
    z-index: 999 !important
}

.owl-carousel.owl-drag .owl-item .item .new-bottum-scroll {
    min-height: 220px !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative
}

.news-detail-main-container p {
    font-size: 15px;
    color: #585858;
    font-family: 'Conv_Montserrat-Regular';
    line-height: 24px;
    padding-top: 20px
}

.news-detail-main-container p a {
    font-size: 15px;
    color: #0b0e6c !important;
    font-family: 'Conv_Montserrat-Regular';
    line-height: 24px;
    padding-top: 30px;
    text-decoration: none
}

.news-detail-main-container p a:hover {
    color: #ff2600
}

.news-detail-main-container-second p a {
    font-size: 15px;
    color: #0b0e6c !important;
    font-family: 'Conv_Montserrat-Regular';
    line-height: 24px;
    padding-top: 30px;
    text-decoration: none
}

.news-detail-main-container-second p a[style] {
    color: #0b0e6c !important;
    text-decoration: none !important
}

#content-map .firstHeading {
    font-size: 17px;
    color: #f1593f;
    line-height: 25px;
    font-family: 'Conv_Montserrat-Medium';
    margin-top: 6px;
    padding-right: 8px
}

#content-map p {
    font-size: 15px;
    color: #000 !important;
    font-family: 'Conv_Montserrat-Regular';
    line-height: 24px;
    text-decoration: none
}

#content-map p a {
    font-size: 14px;
    color: #f1593f;
    font-family: 'Conv_Montserrat-Medium';
    line-height: 24px;
    padding-top: 30px;
    text-decoration: none
}

.jq_skywheel li.center li {
    display: block !important;
    line-height: 20px;
    font-family: 'Conv_Montserrat-Medium';
    font-size: 14px;
    text-align: center;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0 5px;
    box-sizing: border-box
}

#nav ul.desktop-navigation {
    display: block !important;
}

#nav ul.mobile-navigation {
    display: none !important
}

.ie .jq_skywheel li {
    position: static
}

@-moz-keyframes zoom {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(1.5)
    }
}

@-webkit-keyframes zoom {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(1.5)
    }
}

@keyframes zoom {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(1.5)
    }
}

.auto-zoom {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-backface-visibility: hidden
}

.keep-animating .auto-zoom,
.swiper-slide-active .auto-zoom {
    animation: zoom 50s linear infinite
}

.canvas-bg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    transition: opacity 1s cubic-bezier(.55, .085, .68, .53);
    -webkit-transition: opacity 1s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: opacity 1s cubic-bezier(.55, .085, .68, .53);
    -ms-transition: opacity 1s cubic-bezier(.55, .085, .68, .53)
}

.canvas-bg.js-animate {
    opacity: 1
}

/* .main-content-container.anim-bg {
    background: url(/images/bg-gradient.png) no-repeat center 0;
    list-style: none
} */

/* .lines-top {
    position: absolute;
    left: 50%;
    top: 160px;
    transform: rotate(40deg);
    margin-left: -820px
}

.lines-top li {
    width: 2000px;
    height: 46px;
    margin-bottom: 35px;
    position: relative
}

.lines-top li:last-child {
    height: 73px
}

.lines-top li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    transition: width 1s cubic-bezier(.55,.085,.68,.53);
    background: #fff
}

.lines-top li.animated::after {
    width: 100%
}

.lines-bottom {
    position: absolute;
    left: 10%;
    top: 900px;
    transform: rotate(0deg);
    margin-left: -1020px;
    list-style: none
}

.lines-bottom li {
    width: 2000px;
    height: 40px;
    margin-bottom: 35px;
    position: relative
}

.lines-bottom li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #fff;
    -webkit-transform-origin: left;
    transform-origin: left;
    transition: width 1s cubic-bezier(.55,.085,.68,.53)
}

.lines-bottom li.animated::after {
    width: 100%
} */

.governance-left-report {
    width: 33%;
    max-width: inherit;
    height: auto;
    float: left;
    margin-top: 100px;
    margin-bottom: 100px
}

.graph-widget {
    background: #f7fbfd;
    padding: 25px;
    float: left;
    width: 65%;
    box-sizing: border-box;
    margin-left: 2%;
    margin-top: 100px
}

.stock-info-widget {
    float: left;
    width: 65%;
    margin-left: 2%;
    margin-top: 20px;
    margin-bottom: 40px
}

.stock-info-widget .stock-info {
    width: 100%;
    float: none;
    box-sizing: border-box
}

.stock-info {
    background: #f7f7f7;
    padding: 33px;
    position: relative
}

.stock-info h3 {
    color: #020202;
    font-family: 'Conv_Montserrat-Bold';
    margin-bottom: 30px;
    font-size: 25px;
    text-transform: uppercase
}

.stock-info h3 span {
    display: block;
    font-size: 12px;
    font-family: 'Conv_Montserrat-Medium';
    padding-top: 5px;
    color: #0b0e6c;
}

.stock-info .main-stock-box {
    width: 33.3%;
    float: left;
    margin-bottom: 30px
}

.stock-info .main-stock-box .counter {
    font-size: 25px;
    line-height: 28px;
    font-family: 'Conv_Montserrat-Bold';
    text-transform: uppercase;
    color: #0b0e6c
}

.stock-info .main-stock-box .counter-currency {
    font-size: 25px;
    line-height: 28px;
    font-family: 'Conv_Montserrat-Bold';
    text-transform: uppercase;
    color: #0b0e6c
}

.stock-info .main-stock-box .counter-description {
    font-size: 15px;
    color: #313131;
    font-family: 'Conv_Montserrat-SemiBold';
    line-height: 25px;
    margin-top: 10px;
    text-transform: capitalize
}

.stock-info li {
    list-style: none
}

.stock-info li a {
    font-size: 15px;
    color: #0b0e6c;
    font-family: 'Conv_Montserrat-Regular';
    text-transform: uppercase
}

.stock-info li a:hover {
    color: #000
}

#nav ul.desktop-navigation {
    display: block !important
}

#nav ul.mobile-navigation {
    display: none !important
}

@media only screen and (max-width: 1200px) {
    .graph-widget {
        margin-top: 50px
    }
}

@media only screen and (max-width: 900px) {
    .stock-info .main-stock-box {
        width: 50%
    }
}

@media only screen and (max-width: 500px) {
    .governance-left-report {
        width: 100%
    }

    .graph-widget {
        margin-top: 0;
        width: 100%;
        margin-left: 0
    }

    .stock-info-widget {
        float: left;
        width: 100%;
        margin-left: 0%
    }

    .first-footer-link li {
        width: 46%;
        margin-right: 2% !important
    }

    .first-footer-link li:nth-child(2n) {
        border-right: none
    }
}

.main-kbu-navigation-news ul li {
    width: 31.3%
}

.main-kbu-navigation-news ul li:last-child {
    margin-right: 0
}

.main-kbu-navigation-news ul li img {
    float: left
}

.main-kbu-navigation-news ul li a {
    padding: 20px 20px
}

.main-kbu-navigation-news ul li h2 {
    float: left;
    margin-left: 0;
    width: 100%;
    line-height: 12px;
    margin-top: 15px
}

.project-main-container-select-box-inner .custom-select {
    position: relative;
    font-size: 14px;
    color: #737373;
    font-family: 'Conv_Montserrat-Regular'
}

.project-main-container-select-box-inner .custom-select select {
    display: none
}

.project-main-container-select-box-inner .custom-select .select-selected {
    background-color: #fff;
    border: 1px solid #e8e8e8
}

.project-main-container-select-box-inner .custom-select .select-selected:after {
    position: absolute;
    content: "";
    top: 20px;
    right: 12px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #717171 transparent transparent transparent
}

.project-main-container-select-box-inner .custom-select .select-selected.select-arrow-active:after {
    border-color: transparent transparent #717171 transparent;
    top: 15px
}

.project-main-container-select-box-inner .custom-select .select-items div,
.select-selected {
    font-size: 14px;
    color: #737373;
    font-family: 'Conv_Montserrat-Regular';
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, .1) transparent;
    cursor: pointer;
    user-select: none
}

.project-main-container-select-box-inner .custom-select .select-items {
    position: absolute;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-bottom: none;
    border-top: none;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    max-height: 200px;
    overflow: auto
}

.project-main-container-select-box-inner .custom-select .select-hide {
    display: none
}

.project-main-container-select-box-inner .custom-select .select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, .1)
}

.project-main-container-select-box-inner .custom-select .select-items div.active {
    background-color: #0b0e6c;
    color: #fff
}

/* .main-navigation-header li a.is-active {
    color: !important;
}

.main-navigation-header li ul.submenu a.is-active {
    color: !important;
} */

.innovation-first-box p {
    font-size: 15px;
    padding-right: 7%;
    line-height: 24px;
    color: #585858;
    max-width: inherit;
    margin-bottom: 20px
}

.margin-bottom-05 p {
    color: #585858
}

.margin-tp p {
    margin-top: 50px
}

.margin-tp h3 {
    margin-top: 50px
}

.margin-tp-02 h3 {
    margin-top: 0
}

.margin-bottom-05 {
    margin-bottom: 100px
}

.innovation-page ul li a {
    padding-top: 35px
}

.not-found-page h2 {
    font-size: 150px;
    line-height: normal
}

.not-found-page h3 {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 600
}

.btn-404 {
    font-weight: 400;
    font-family: 'Calibre Bold';
    background: none;
    border: 3px solid #000;
    cursor: pointer;
    display: inline-block;
    border-radius: 0;
    color: #303030;
    font-size: 17px;
    text-transform: uppercase;
    padding: 16px 45px 10px;
    text-align: center
}

.not-found-page {
    text-align: center
}

.not-found-page .container {
    padding: 55px 0 100px 0
}

.awards-img {
    margin: auto;
    padding: 0
}

.awards-img li {
    list-style: none;
    float: left
}

.awards-img ul {
    display: flex;
    padding-bottom: 15px
}

.about-top-padding {
    padding-top: 60px
}

.awards-img li img {
    max-width: 100%
}

.awards-img img {
    max-width: 100%
}

.innovation-page ul li {
    width: 25%
}

.innovation-color .about-page-company-profile-second-container-second-box p {
    color: #585858
}

.margin-bottom-05 .about-page-company-profile-second-container-second-box p {
    margin-top: 10px
}

.service-counter-main ul {
    display: flex;
    justify-content: space-between
}

.service-counter-main li {
    width: auto;
    display: inline-block
}

.contact-form-content-container h2 {
    width: 100%;
    height: 45px;
    line-height: 45px;
    float: left;
    font-family: 'Conv_Montserrat-SemiBold';
    background-color: #0d7727;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    padding-left: 30px;
    text-align: left
}

.thumb-gallery.project-slider-main .img-thumbnail {
    cursor: pointer
}

.news-detail-main-container ul {
    margin-left: 20px;
    margin-top: 15px
}

.news-published-date {
    font-size: 12px;
    color: #0b0e6c;
    font-family: 'Conv_Montserrat-SemiBold';
    line-height: 24px;
    padding-top: 5px
}

.news-detail-main-container ol {
    padding-left: 20px
}

.news-detail-main-container ol li {
    font-size: 15px;
    color: #585858;
    font-family: 'Conv_Montserrat-Regular';
    line-height: 24px
}

.news-detail-main-container h2 {
    font-size: 26px;
    color: #000;
    font-family: 'Conv_Montserrat-SemiBold';
    line-height: 30px;
    margin-top: 10px
}

.news-detail-main-container h3 {
    font-size: 24px;
    color: #000;
    font-family: 'Conv_Montserrat-SemiBold';
    line-height: 24px;
    padding-top: 5px;
    margin-top: 10px
}

.news-detail-main-container h4 {
    font-size: 22px;
    color: #000;
    font-family: 'Conv_Montserrat-SemiBold';
    line-height: 24px;
    margin-top: 10px
}

.news-detail-main-container h5 {
    font-size: 20px;
    color: #000;
    font-family: 'Conv_Montserrat-SemiBold';
    line-height: 24px;
    margin-top: 10px
}

.news-detail-main-container h6 {
    font-size: 18px;
    color: #000;
    font-family: 'Conv_Montserrat-SemiBold';
    line-height: 22px;
    margin-top: 10px
}

.news-detail-main-container table td {
    padding: 5px
}

.owl-stage {
    margin: auto
}

/*updated on 22-09-2022 by sijith  - cookie consent submit */
div#cookieNotice {
    position: fixed;
    min-width: 100%;
    height: auto;
    z-index: 100000;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 20px;
    left: 0;
    text-align: center;
    font-weight: 400;
    bottom: 0;
}

div#cookieNotice {
    position: fixed;
    min-width: 100%;
    height: auto;
    z-index: 100000;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 20px;
    left: 0;
    text-align: center;
    font-weight: 400;
    bottom: 0;
}

.cookie-notice-container {
    padding: 15px 30px;
    text-align: center;
    width: 100%;
    z-index: 2;
    box-sizing: border-box;
    color: #ffffff;
}

.cn-text-container,
.cn-buttons-container {
    display: inline-block;
}

span#cn-notice-buttons a,
span#cn-notice-text a {
    color: #0b0e6c;
}

.cn-close-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    width: 15px;
    height: 15px;
    opacity: .5;
    padding: 10px;
    outline: none;
    cursor: pointer;
}

.cn-close-icon:before,
.cn-close-icon:after {
    position: absolute;
    content: ' ';
    height: 15px;
    width: 2px;
    top: 3px;
    background-color: rgba(128, 128, 128, 1);
}

.cn-close-icon:after {
    transform: rotate(-45deg);
}

.cn-close-icon:before {
    transform: rotate(45deg);
}

span#cn-notice-buttons {
    padding-left: 5px;
}


/* Custom CSS */

.container-panel {
    display: flex;
    width: 90vw;
}

.panel {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 70vh;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    flex: 0.5;
    margin: 10px;
    position: relative;
    transition: flex 0.7s ease-in;
    display: flex;
    flex-direction: column;
}

.details {
    position: absolute;
    bottom: 20px;
    left: 20px;
    visibility: hidden;
}

.panel h3 {
    font-size: 24px;
    opacity: 0;
}

.panel p {
    font-size: 16px;
    opacity: 0;
}

.panel.active {
    flex: 5;
}

.panel.active h3 {
    opacity: 1;
    transition: opacity 0.3s ease-in 0.4s;
}

.panel.active p {
    opacity: 1;
    transition: opacity 0.3s ease-in 0.4s;
}

.panel.active .details {
    visibility: visible;
}

@media (max-width: 1300px) {
    .containers {
        display: flex;
        flex-direction: column;
        height: 100vh;
    }

    .panel h3 {
        font-size: 16px;
    }

    .panel p {
        font-size: 12px;
    }
}

.text-justify {
    text-align: justify;
}



/* Animated Tab Panel */


.blue-bg {
    background-color: #0b0e6c;
}

.pl {
    padding-left: 10px;
}

/* Lightbox Image Gallery */
/* CSS for the image gallery */
.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.gallery-item {

    width: calc(33.33% - 20px);
    margin: 10px;
    padding: 10px;
    box-sizing: border-box;
}

.gallery-item img {
    width: 100%;
    height: auto;
    cursor: pointer;
}

.gallery-item h3 {
    font-weight: bold;
    text-align: left;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.overlay.active {
    opacity: 1;
    pointer-events: auto;
}

.overlay-content {
    position: relative;
    max-width: 90%;
    margin: 0 auto;
}

.overlay-content h3 {
    text-align: center;
}

.overlay-content img {
    max-width: 100%;
    max-height: 80vh;
    display: block;
    margin: 0 auto;
}

.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.4);
    color: white;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    border-radius: 50%;
}

.arrow.left {
    left: 10px;
}

.arrow.right {
    right: 10px;
}

.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    border-radius: 50%;
}

@media (max-width: 600px) {
    .gallery-item {
        width: 100%;
        max-width: none;
    }

    .overlay-content img {
        max-height: 60vh;
    }
}

.parent {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.div1 {
    grid-area: 1 / 1 / 2 / 2;
}

.div2 {
    grid-area: 1 / 2 / 2 / 3;
}

.div3 {
    grid-area: 2 / 2 / 3 / 3;
}

.div4 {
    grid-area: 2 / 1 / 3 / 2;
}

.bold-text {
    font-weight: 900;
}

.para-text-about {
    font-family: 'Conv_Montserrat-Regular';
    color: #000000;
    font-size: 15px;
    line-height: 24px;
    padding-bottom: 25px;
    margin-top: 20px;
}

.ul-about {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #010101;
    line-height: 24px;
    font-family: 'Conv_Montserrat-Regular';
}

.image-fit{
    object-fit: none;
}