.dimahblue {color: #036580 !important;}
.dimahgray {color: #434343 !important;}
.dimahorange {color: #ff9e35 !important;}
.site-wrapper-reveal {z-index: 1000 !important;}
.post-excerpt p {font-size: 18px !important;}
.portfolio-details-content p, .ht-problem-solution .item .solution p{font-size: 18px !important; margin-bottom: 2rem;}
h2.fs-36 {font-size:36px !important;}
.fs-16 {font-size:16px !important;}
.bbul{border-bottom: 6px #036580 solid;}
.vh100 {height: 100vh !important;}
.w-100 {width: 100%!important;}
.pb-150 {padding-bottom: 150px !important;}
.ht-team-member .team-info {padding: 20px 0 !important; margin-top: 0 !important; background-color:#F8F8F8 !important;}
.breadcrumb-area {padding-top:250px !important;}
.breadcrumb-list li.active {color: #57cfe6 !important;}
.breadcrumb-list li > a {color: #ffffff !important;}
.breadcrumb-list li > a.active {color: #57cfe6 !important;}
.breadcrumb-list li > a:hover {color: #57cfe6 !important;}
.breadcrumb-item+.breadcrumb-item::before {color: #57cfe6 !important;}
.ht-team-member-style-two .ht-team-member {max-width: 100% !important;}
.entry-post-share-wrap {margin-top: 100px;}
.service-hero-text h1 {font-size: 80px !important;}
.header__logo > a img {width: 150px !important;}
.resolutions-hero-area-content {top: 25%;}
.lgbw {padding: 20px 50px 0 50px; background: #ababab;background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(255,255,255,0));background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(255,255,255,0))}

.fa-x-twitter::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1227" fill="currentColor"><path d="M714.163 519.284L1160.89 0H1054.5L667.137 450.887L367.361 0H0L468.901 682.153L0 1227H106.393L512.251 749.549L832.639 1227H1200L714.163 519.284ZM560.428 687.913L517.203 626.547L144.739 79.726H317.163L617.142 511.979L660.367 573.345L1054.93 1147.28H882.506L560.428 687.913Z"/></svg>');
  display: inline-block;
  vertical-align: -0.125em;
  width: 1em;
  height: 1em;
}

.pb300 {padding-bottom: 300px !important;}

.ht-large-box-images.style-03 .content {min-height: 380px;}
.projects-wrap.style-01 .content {min-height: 420px;}
.projects-image > img {min-height: 237px !important;}

.video-container {position: absolute;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;right: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.video-container video {min-width: 100%;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);object-fit: cover;}

#hero {position: relative;}
iframe {/* optional */width: 100%;height: 100%;}

.modern-number-01 span.mark-text {padding-right: 10px !important;}
.modern-number-01 h2 {font-size:28px !important; line-height: normal !important;}
.fun-fact--three .fun-fact__count {font-size: 100px !important;}
.fun-fact--three .fun-fact__text {font-size: 18px !important;text-transform: none !important;}

.fun-fact--two .fun-fact__count {font-size: 75px !important; font-weight: 500 !important;}
.fun-fact--two .fun-fact__text {font-size: 14px !important;letter-spacing: 1px !important;}

.btn--gradient1 {background-image: none;background: linear-gradient(150deg, #036580 0, #2fafc8 100%) !important;}
.box-large-image__box .button-wrapper {width: 60% !important;}

.navigation-menu > ul > li > a {font-size: 18px !important;}
.menu-style-four .navigation-menu > ul > li {padding-left: 18px !important; padding-right: 18px !important;}

.main-blog-wrap ul {padding: 0px 0px 0px 40px;}
.main-blog-wrap ul li {list-style-type:disc; padding: 3px 0px 3px 5px;}
.main-blog-wrap ul > li:first-of-type {margin: 7px 0px 0px 0px;}


#Iframe-Master-CC-and-Rs {max-width: 1000px;max-height: 100%; overflow: hidden;}
.responsive-wrapper {position: relative;height: 0;}
.responsive-wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0;padding: 0;border: none;}
.responsive-wrapper-wxh-572x612 {padding-bottom: 107%;}

.set-border {border: 5px inset #4f4f4f;}
.set-box-shadow {-webkit-box-shadow: 4px 4px 14px #4f4f4f;-moz-box-shadow: 4px 4px 14px #4f4f4f;box-shadow: 4px 4px 14px #4f4f4f;}
.set-padding {padding: 40px;}
.set-margin {margin: 30px;}
.center-block-horiz {margin-left: auto !important;margin-right: auto !important;}
span.wpml-ls-native {font-size: 14px; color:#034c7a;}
.language-menu {padding-right: 0px !important;}
.language-menu > ul > li ul {min-width: 120px !important; z-index: 1005 !important;}
.language-menu > ul > li > a {color: #fff !important;}
.header-area .is-sticky .language-menu > ul > li > a {color: #333 !important;}

.header-area--absolute {z-index: 1001 !important;}
.header-area .is-sticky {padding:0 50px !important;}

.ht-problem-solution .item .problem {font-size: 20px !important; line-height: normal !important;}

.ht-problem-solution .item .solution::before {color:#036580 !important;}
.solution > ol > li {position: relative;padding-left: 0px;margin-bottom: 12px;color: #333;line-height: 1.2;font-weight: 400;}
.solution > ul > li {position: relative;padding-left: 32px;margin-bottom: 10px;}
.solution > ul > li::before {color: #036580;content: '\f35a';position: absolute;top: 5px;left: 0;display: block;line-height: 1;font-family: 'Font Awesome 5 Pro';font-weight: 900;}


.vision-content .heading {line-height: 1.6 !important}
.box-large-image__wrap {max-width: none !important;}

.conact-info__list li {font-size: 18px !important;}


/* position the navigation buttons container */
.swiper-button-prev,.swiper-button-next {position: relative !important;top: 50% !important;transform: translateY(-50%);/* set the desired position, padding, and size */left: 50px !important; width: 48px;height: 48px;background: #036580 !important;color: #fff !important;border-radius: 50%;z-index: 10;}
.swiper-button-next {left: auto !important;right: 50px !important; padding: 12px 12px 12px 13px !important;}
.swiper-button-prev {right: auto !important;left: 50px !important; padding: 12px 12px 12px 13px !important;}

.scroll-top.show {z-index: 9999 !important;}


/* Section Backgrounds */
.fbg {background: rgb(255,158,53);background: linear-gradient(0deg, rgba(255,158,53,0.23573179271708689) 0%, rgba(49,176,200,0.20211834733893552) 100%);}
.sbg1 {background-image: url(../../common/images/sbg/sbg1.png);background-repeat: no-repeat;background-position: bottom left;}
.sbg2 {background-image: url(../../common/images/sbg/sbg2.png);background-repeat: no-repeat;background-position: bottom left;}
.sbg3 {background-image: url(../../common/images/sbg/sbg3.png);background-repeat: no-repeat;background-position: top center;}
.sbg4 {background-image: url(../../common/images/sbg/sbg4.png);background-repeat: no-repeat;background-position: top left;}


/* Extra Small Devices, Phones */
@media (max-width: 480px) {
    .language-menu > ul > li > a {color: #333 !important;}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 
    .language-menu > ul > li > a {color: #333 !important;}
}

/* Small Devices, Tablets */
@media (max-width: 768px) { 
    .language-menu > ul > li > a {color: #333 !important;}
}

/* Medium Devices, Desktops */
@media (max-width: 992px) { 
  .menu-style-four .navigation-menu > ul > li {padding-left: 10px !important; padding-right: 18px !important;}
}

/* Large Devices, Large Desktops */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .menu-style-four .navigation-menu > ul > li {padding-left: 10px !important; padding-right: 11px !important;}
    .navigation-menu > ul > li > a span {font-size: 16px;}
    .ht-btn.ht-btn-xs {height: 30px; line-height: 30px; padding: 0 10px;}
    .client-login a {font-size: 15px !important;}
}

/* Extra Large Devices, Wider Screens */
@media (min-width: 1600px) { 
 .menu-style-four .navigation-menu > ul > li {padding-left: 18px !important; padding-right: 18px !important;}
}

/* Portrait orientation */
@media (orientation: portrait) { 
  /* CSS rules go here */
}

/* Landscape orientation */
@media (orientation: landscape) { 
  /* CSS rules go here */
}

/* High-resolution screens (Retina, etc.) */
@media (-webkit-min-device-pixel-ratio: 2), 
       (min-resolution: 192dpi) { 
  /* CSS rules go here */
}