/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/



html, body {
    overflow-x: hidden !important;
}
html {
    scroll-behavior: smooth;
}
main#main
{
    overflow: hidden;
}
header#header ul.header-nav.header-nav-main.nav.nav-left{
    justify-content: center;
}
a.button.primary {
    background-color: rgba(29, 72, 121, 1);
    font-size: 13px;
    font-weight: 700;
    line-height: 2.4em;
    color: #fff;
    font-family: Acumin;
    padding: 9px 40px 9px 26px;
}
ul.header-nav li a {
    font-family: Acumin;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    color: #1f1f1fb3;
}
a.button.primary i:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Frame-10.png);
    width: 15px;
    height: 14px;
    position: absolute;
    background-size: contain;
    top: -6px;
}
header#header ul.header-nav.header-nav-main.nav.nav-left a i:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/menu-arrow.png);
    width: 11px;
    height: 10px;
    position: absolute;
    background-size: contain;
    opacity: 1;
    bottom: -3px;
    right: -11px;
    transition: all .4s;
    background-repeat: no-repeat;
}
header#header ul.header-nav.header-nav-main.nav.nav-left a i
{
    opacity: 1;
}
ul.header-nav li a:hover i:before
{
    transform: rotate(180deg);
}
.font-120-o-r h1
{
    font-size: 120px;
    line-height: 130px;
    font-family: outfit;
    font-weight: 400;
}
.font-120-o-b h1
{
    font-size: 120px;
    line-height: 130px;
    font-family: outfit;
    font-weight: 700;
}
.font-90-o-r h1
{
    font-size: 90px;
    line-height: 100px;
    font-family: outfit;
    font-weight: 400;
}
.we-set:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Group-10.png);
    width: 115px;
    height: 104px;
    position: absolute;
    background-size: contain;
    left: 18px;
    top: -40px;
}
.font-10-a-r span
{
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    font-family: Acumin;
}
.font-13-a-b p
{
    font-size: 13px;
    line-height: 15px;
    font-weight: 700;
    font-family: Acumin;
}
.font-14-a-r p
{
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    font-family: Acumin;
}
.font-14-o-r p
{
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    font-family: outfit;
}
.font-16-a-r p
{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-family: Acumin;
}
.font-16-a-b p
{
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    font-family: Acumin;
}
.font-18-a-r p
{
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    font-family: Acumin;
}
.font-18-a-r22 p
{
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    font-family: Acumin;
}
.font-20-a-r p
{
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    font-family: Acumin;
}
.font-20-a-m p
{
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    font-family: Acumin;
}
.font-20-a-b p
{
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    font-family: Acumin;
}
#content section:first-of-type .font-20-o-s p
{
    font-size: 32px;
    line-height: 30px;
    margin-bottom: 40px;
}
.font-20-o-s p
{
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    font-family: outfit;
}
.font-22-a-r p
{
    font-size: 22px;
    line-height: 40px;
    font-weight: 400;
    font-family: Acumin;
}
.font-24-o-s h4
{
    font-size: 24px;
    line-height: 59px;
    font-weight: 600;
    font-family: outfit;
}
.font-24-o-r h4
{
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    font-family: outfit;
}
.font-24-a-r p
{
    font-size: 24px;
    line-height: 35px;
    font-weight: 400;
    font-family: Acumin;
}
.font-24-a-b h4
{
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    font-family: Acumin;
}
.font-26-o-r p
{
    font-size: 26px;
    line-height: 48px;
    font-weight: 400;
    font-family: Acumin;
}
.font-32-a-r p
{
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
    font-family: Acumin;
}
.font-32-a-m p
{
    font-size: 32px;
    line-height: 60px;
    font-weight: 500;
    font-family: outfit;
}
.font-32-o-s h4
{
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    font-family: outfit;
}
.font-32-a-b h4
{
    font-size: 32px;
    line-height: 59px;
    font-weight: 700;
    font-family: Acumin;
}
.font-30-a-b h3
{
    font-size: 30px;
    line-height: 60px;
    font-weight: 700;
    font-family: outfit;
}
.font-38-o-b h4
{
    font-size: 38px;
    line-height: 40px;
    font-weight: 700;
    font-family: Acumin;
}
.font-28-o-r p
{
    font-size: 28px;
    line-height: 40px;
    font-weight: 400;
    font-family: Acumin;
}
.font-28-o-s h4
{
    font-size: 28px;
    line-height: 35px;
    font-weight: 600;
    font-family: outfit;
    margin-bottom: 16px;
}
.font-40-o-r p
{
    font-size: 40px;
    line-height: 50px;
    font-weight: 400;
    font-family: Acumin;
}
.font-40-o-s p
{
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    font-family: outfit;
}
.font-42-o-r p
{
    font-size: 42px;
    line-height: 60px;
    font-weight: 400;
    font-family: outfit;
}
.font-50-o-r p
{
    font-size: 50px;
    line-height: 60px;
    font-weight: 400;
    font-family: outfit;
}
.font-52-o-b h1
{
    font-size: 52px;
    line-height: 100px;
    font-weight: 700;
    font-family: outfit;
}
.font-56-o-r p
{
    font-size: 56px;
    line-height: 56px;
    font-weight: 400;
    font-family: outfit;
}
.font-56-o-s p
{
    font-size: 56px;
    line-height: 59px;
    font-weight: 600;
    font-family: outfit;
}
.font-56-o-b p
{
    font-size: 56px;
    line-height: 56px;
    font-weight: 700;
    font-family: outfit;
}
.font-60-o-r p
{
    font-size: 60px;
    line-height: 100px;
    font-weight: 400;
    font-family: outfit;
}
.font-60-o-r h1
{
    font-size: 60px;
    line-height: 80px;
    font-weight: 400;
    font-family: outfit;
}
.font-60-o-sr h1
{
    font-size: 60px;
    line-height: 60px;
    font-weight: 400;
    font-family: outfit;
}
.font-60-o-m p
{
    font-size: 60px;
    line-height: 60px;
    font-weight: 500;
    font-family: outfit;
}
.font-60-o-s
{
    font-size: 60px;
    line-height: 60px;
    font-weight: 600;
    font-family: outfit;
}
.font-60-o-b h1
{
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    font-family: outfit;
}
.font-82-o-b p
{
    font-size: 82px;
    line-height: 82px;
    font-weight: 700;
    font-family: outfit;
}
div#wpforms-732 {
    margin-top: 0px;
}
.footer-form .wpforms-submit-container  {
    width: 33% !important;
}
.footer-form .wpforms-submit-container button#wpforms-submit-92 
{
    width: 100% !important;
    color: #1D4879;
    font-size: 13px;
    line-height: 30px;
    font-weight: 700;
    font-family: Acumin;
    background-color: #fff;
    padding: 10px 35px 10px 15px;
}
.footer-form .wpforms-field-container 
{
    width: 66% !important;
    margin-right: 8px !important;
}

.footer-form form#wpforms-form-92 {
    display: flex;
}
.footer-form input#wpforms-92-field_1 {
    background-color: rgba(19, 62, 111, 1) !important;!i;!;
    border: unset;
    height: 52px;
    padding: 0px 20px;
    border-radius: 0px;
    color: #fff;
}
.footer-form a.mailcheck-suggestion
{
    color: #fff !important;
}
.footer-form input#wpforms-92-field_1::placeholder
{
    color:rgba(255, 255, 255, 0.5);
    font-family: outfit;
    font-size:16px;
    line-height:60px;
    font-weight:400;
}
.absolute-footer.dark.medium-text-center.small-text-center {
    display: none;
}
.ux-menu.stack.stack-col.justify-start {
    display: flex;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.ux-menu.stack.stack-col.justify-start .ux-menu-link.flex.menu-item {
    /*width: 40%;*/
    margin-right: 36px !important;
}
.ux-menu.stack.stack-col.justify-start span.ux-menu-link__text {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    font-family: 'outfit';
}
.ux-menu.stack.stack-col.justify-start .ux-menu-link.flex.menu-item a:hover span
{
    color: #2afd2f;
}
.ux-menu.stack.stack-col.justify-start .ux-menu-link.flex.menu-item:last-child {
    margin-right: 0px !important;
}

.ux-menu.stack.stack-col.justify-start .ux-menu-link.flex.menu-item a:after {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Vector-26.png);
    width: 13px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 16px;
    transition: .5s ease;
}
.ux-menu.stack.stack-col.justify-start .ux-menu-link.flex.menu-item a:hover:after
{
    transform: rotate(45deg);
}
a.ux-menu-link__link.flex {
    align-items: center;
}
.arrow-right {
    position: absolute;
    right: 20px;
    bottom: 25px;
    transition: .5s ease;
}
.mb-10
{
    margin-bottom: 10px !important;
}
.mb-20
{
    margin-bottom: 20px !important;
}
.services-box .box-overlay.dark .box-text, .services-box .box-shade.dark .box-text {
    text-shadow: unset;
}
.services-box .box-text.text-left 
{
    height: 80px;
    overflow: hidden;
}
.services-box .box-text.text-left {
    transition: .5s ease;
}
.services-box .box.has-hover:hover .box-text.text-left {
    height: 100%;
    padding: 50px 30px 40px 30px;
    background-color: #EEF1F3;
    box-shadow: 0px 2px 15.4px 0px #00000033;
}
.services-box .box.has-hover:hover .font-28-o-s h4
{
    color: rgba(29, 72, 121, 1);
}
.services-box .arrow-left {
    margin-top: 30px;
}
.services-box:hover .arrow-right
{
  display: none;
}
.services-box .box.has-hover:hover .arrow-right {
    right: 18px;
    transform: rotate(45deg);
    border: 1px solid #1D4879;
    border-radius: 100px;
    bottom: 24px;
}
.services-box .box.has-hover:hover .font-14-a-r p
{
    color: rgb(70, 70, 70) !important;
}
.services-box {
    margin-top: -120px;
}
.reveal,.reveal-left {
  visibility: hidden;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  object-fit: cover;
  transform-origin: left;
}
.rotate-logo {
    animation: animName 7s linear infinite;
    position: absolute;
    right: -128px;
    z-index: 1;
    top: -132px;
}
@keyframes animName {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}
.esg-slider .col {
    padding: 0px;
}
.esg-slider .col .col-inner
{
    padding: 0px 8px !important;
}
.esg-slider .flickity-slider .row {
    margin: 0px !important;
}
.esg-slider .slider-nav-light .flickity-prev-next-button svg {
    display: none;
}
.esg-slider button.flickity-button.flickity-prev-next-button.next:after {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Vector-28.png);
    width: 13px;
    height: 15px;
    /* position: absolute; */
    background-size: contain;
    /* right: -35px; */
    background-repeat: no-repeat;
    opacity: 1 !important;
    display: block;
    margin: 0 auto;
}
.esg-slider .flickity-prev-next-button {
    opacity: 1;
    left: unset !important;
    right: 0px !important;
}
.esg-slider button.flickity-button.flickity-prev-next-button.previous:after {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Vector-29.png);
    width: 13px;
    height: 15px;
    /* position: absolute; */
    background-size: contain;
    /* right: -35px; */
    background-repeat: no-repeat;
    opacity: 1 !important;
    display: block;
    margin: 0 auto;
}
.esg-slider button.flickity-button.flickity-prev-next-button.previous {
    top: 28px;
    min-height: 0px;
    height: 84px;
    width: 84px;
    border: 1px solid rgba(29, 72, 121, 0.3);
    text-align: center;
    right: -100px !important;
}
.esg-slider button.flickity-button.flickity-prev-next-button.next {
    bottom: 28px !important;
    min-height: 0px;
    height: 84px;
    width: 84px;
    border: 1px solid rgba(29, 72, 121, 0.3);
    text-align: center;
    right: -100px !important;
    top: unset;
}

.esg-slider ol.flickity-page-dots li {
    display: block !important;
    margin-top: 17px !important;
    margin-bottom: 17px !important;
}
.esg-slider ol.flickity-page-dots{
    left: unset !important;
    right: -100px !important;
    bottom: 112px;
    border-right: 1px solid rgba(29, 72, 121, 0.3);
    border-left: 1px solid rgba(29, 72, 121, 0.3);
    width: 84px;
    text-align: center;
}
.esg-slider .flickity-page-dots .dot {
    background-image: url(/wp-content/uploads/2025/01/Group-12.png);
    background-size: contain;
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat;
    opacity: 1;
    margin: 0 auto;
}

.esg-slider .flickity-page-dots li.dot.is-selected {
    background-image: url(/wp-content/uploads/2025/01/Group-13.png);
    width: 32px !important;
    height: 32px !important;
}
.container_mouse {
  text-transform: uppercase;
  padding-top: 2rem;
  cursor: pointer;
}

.container_mouse .mouse-btn {
    width: 28px;
    height: 42px;
    border: 1px solid #fff;
    border-radius: 30px;
    display: flex;
    margin-left: 20px;
    margin-bottom: -26px;
}
.container_mouse span
{
    color: #fff;
}
.container_mouse .mouse-btn .mouse-scroll {
  display: block;
    width: 7px;
    height: 7px;
    background: #fff;
    border-radius: 50%;
    margin: auto;
    animation: scrolling 3s linear infinite;
}


@keyframes scrolling {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(20px);
  }
}
.expor-line:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Group-481533.png);
    width: 11px;
    height: 0%;
    position: absolute;
    transform: translateX(0%);
    transition: all 1s;
    z-index: -2;
    background-size: contain;
    background-repeat: no-repeat;
    left: 10%;
}
.in-viewport.expor-line:before {
    height: 47%;
    top: -226px;
}
.qul-img .img.rotate-logo {
    width: 170% !important;
    margin-top: -59px;
}
.qul-img {
    z-index: 1;
}
.esg-line-top:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Group-481533.png);
    width: 8px;
    height: 0%;
    position: absolute;
    transform: translateX(0%);
    transition: all 1s;
    z-index: -2;
    background-size: contain;
    background-repeat: no-repeat;
    left: 5%;
}
.in-viewport.esg-line-top:before {
    height: 66%;
    top: -183px;
}
.rotate-logo-line:after {
    content: '';
    background: #B31942;
    height: 2px;
    width: 0px;
    position: absolute;
    left: -152%;
    top: -423%;
    transform: translateY(0%);
    transition: all 1s;
    z-index: -1;
}
.in-viewport.rotate-logo-line:after {
    width: 321%;
}
.slider-style-container .flickity-slider>:not(.is-selected), .slider-style-focus .flickity-slider>:not(.is-selected), .slider-style-shadow .flickity-slider>:not(.is-selected)
{
    opacity: 1 !important;
}
a.button.primary.is-outline {
    background-color: #fff;
    color: rgba(29, 72, 121, 1);
    border:1px solid rgba(29, 72, 121, 1);
}
a.button.primary.is-outline i:before {
    background-image: url(/wp-content/uploads/2025/01/Frame-10-1.png);
}
.services-box .box
{
    width: 100.5%;
}
header#header .nav-line-bottom>li>a:before {
    bottom: -18px;
}
header#header .stuck .nav-line-bottom>li>a:before {
    bottom: 0;
}

.tabbed-content ul li {
    width: 33.33%;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(70, 70, 70, 0.3);
    margin: 0px;
    padding: 10px 0px;
}
.tabbed-content ul li a
{
    font-size:22px;
    line-height:27px;
    font-weight:400;
    font-family: outfit;
    color:rgba(70, 70, 70, 1);
}
.tab-panels {
    padding-top: 0px;
}
li.active a span {
    color: rgba(29, 72, 121, 1);
    font-weight: 600;
}
.tabbed-content.service-tab ul li:hover span
{
    color: rgba(29, 72, 121, 1) !important;
}
.tabbed-content ul li.active:after {
    background: rgba(179, 25, 66, 1);
    content: '';
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0px;
}
a.button.primary.white-btn {
    background-color: #fff;
}
a.button.primary.white-btn span {
    color: rgba(29, 72, 121, 1);
}
a.button.primary.white-btn i:before {
    background-image: url(/wp-content/uploads/2025/01/Frame-10-1.png);
}
div#counter, div#counter1, div#counter2, div#countersales {
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    font-family: 'Acumin';
    letter-spacing: 2px;
    color: rgba(29, 72, 121, 1);
}
.border-blue > .col-inner {
    border: 0.5px solid rgba(157, 197, 226, 1);
}
.pr-0
{
    padding-right:0px;
}
.tag-box .box-text-inner {
    padding: 5px 20px 10px 30px;
}
.tag-box a.button.secondary.tag-btn {
    background-color: rgba(157, 197, 226, 1) !important;
    color: rgba(29, 72, 121, 1) !important;
    font-size: 11px;
    font-weight: 600;
    font-family: 'Acumin';
    padding: 13px 26px 7px 26px;
    cursor: default;
    transition: unset !important;
    transform: unset !important;
    border: none !important;
    box-shadow: none !important;
}
.tag-box a.button.secondary.tag-btn:hover{
    border: none !important;
}
.goback .icon-box-img {
    margin-top: -7px;
}
.service-tab .owl-nav, .career .owl-nav{
    display: flex !important;
    justify-content: center;
    margin-top: 30px;
}
.service-tab .owl-nav button.owl-prev span, .service-tab .owl-nav button.owl-next span, .career .owl-nav button.owl-prev span, .career .owl-nav button.owl-next span {
    display: none;
}
.service-tab .owl-nav button.owl-prev, .career .owl-nav button.owl-prev
{
    width: 84px;
    height: 84px;
    border: 1px solid rgba(29, 72, 121, 0.3) !important;
    border-radius: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 35px;
}
.service-tab .owl-nav button.owl-prev:after, .career .owl-nav button.owl-prev:after
{
    background-image: url(/wp-content/uploads/2025/01/Vector-33.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 15px;
    background-size: contain;
    content: '';
    display: block;
    opacity: 30%;
}
.service-tab .owl-nav button.owl-next, .career .owl-nav button.owl-next
{
    width: 84px;
    height: 84px;
    border: 1px solid rgba(29, 72, 121, 0.3) !important;
    border-radius: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 35px;
    margin-right: 0px;
}
.service-tab .owl-nav button.owl-next:after, .career .owl-nav button.owl-next:after
{
    background-image: url(/wp-content/uploads/2025/01/Vector-31.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    background-size: contain;
    content: '';
    display: block;
    opacity: 30%;
}
.service-tab .owl-nav button:hover:after, .career .owl-nav button:hover:after
{
    opacity: 1;
}
.service-tab .owl-nav:after, .career .owl-nav:after {
    content: '';
    background: rgba(157, 197, 226, 1);
    height: 1px;
    width: 41.2%;
    position: absolute;
    bottom: 59px;
    right: 0px;
}
.service-tab .owl-nav:before, .career .owl-nav:before {
    content: '';
    background: rgba(157, 197, 226, 1);
    height: 1px;
    width: 41.2%;
    position: absolute;
    bottom: 59px;
    left: 0px;
}
.service-tab .owl-dots, .career .owl-dots{
    display: none !important;
}
.service-tab .controls_data_acquisition_gallery {
    bottom: 3.2% !important;
}
.service-tab .retrofits_refurbishments_gallery {
    bottom: 3.2% !important;
}
.service-tab div#counter, div#counter-career {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 5.1%;
}
.service-tab div#counter1 {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 3.1%;
}
.service-tab div#counter2 {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 3%;
}
.core-sec .icon-box-text.last-reset {
    margin-left: -38px;
}
.color-blue
{
    color: rgba(29, 72, 121, 1);
}
.serva-chart:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Group-481533.png);
    width: 8px;
    height: 0%;
    position: absolute;
    transform: translateX(0%);
    transition: all 1s;
    /* z-index: -2; */
    background-size: contain;
    background-repeat: no-repeat;
    left: 28%;
}
.in-viewport.serva-chart:before {
    height: 72%;
    top: -167px;
}
.logo-ani-rotate
{
    animation: animName 7s linear infinite;
}
.scroll-d-center .container_mouse .mouse-btn
{
    margin-bottom: -26px !important;
    margin: 0 auto;
}
.equipped-box .box.has-hover:hover {
    box-shadow: 0px 2px 15.4px 0px rgba(0, 0, 0, 0.2);
}
.equipped-box .box-text.text-left {
    padding: 0px;
}
.top-title{
    padding: 0px 30px 30px 30px;
}
.equipped-box .box-text.text-left .row
{
    padding: 0px 30px 20px 30px;
}
.equipped-box .box-text.text-left {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 87px;
    transition: .5s ease;
}
.equipped-box .box:hover .box-text.text-left {
  height: 100%;
}
.equipped-box .box-overlay.dark .box-text, .equipped-box .box-shade.dark .box-text
{
    text-shadow:unset;
}
.equipped-box .box:hover .top-title
{
    display: none;
}
.right-logo-scrol {
    margin: 0 auto;
    float: right;
}
.global-img {
    position: absolute;
}
.our-community .owl-nav button.owl-next
{
    width: 50px;
    height: 50px;
    border: 1px solid rgb(29 72 121) !important;
    border-radius: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 35px;
    margin-right: 0px;
}
.our-community .owl-nav button.owl-next:after
{
    background-image: url(/wp-content/uploads/2025/01/Vector-31.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 15px;
    background-size: contain;
    content: '';
    display: block;
    opacity: 30%;
}
.our-community .owl-nav button.owl-prev
{
    width: 50px;
    height: 50px;
    border: 1px solid rgb(29 72 121) !important;
    border-radius: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 35px;
}
.our-community .owl-nav button.owl-prev:after
{
    background-image: url(/wp-content/uploads/2025/01/Vector-33.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 15px;
    background-size: contain;
    content: '';
    display: block;
    opacity: 30%;
}
.our-community .owl-nav button.owl-prev span, .our-community .owl-nav button.owl-next span {
    display: none;
}
.our-community .owl-nav button:hover:after
{
    opacity: 1;
}
.our-community .owl-nav {
    display: flex !important;
    position: absolute;
    top: -112px;
    right: 200px;
}
div#countercommunity {
    position: absolute;
    top: -82px;
    right: 272px;
}
.star:after {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Group-3.png);
    width: 125px;
    height: 121px;
    position: absolute;
    background-size: contain;
    top: -46px;
    right: 238px;
}
.star-1:after {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Group-3.png);
    width: 125px;
    height: 121px;
    position: absolute;
    background-size: contain;
    top: -46px;
    right: 312px;
}
.meet-team .box.has-hover .box-text.text-left {
    height: 100px;
    transition: .5s ease;
    position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
}
.meet-team .box.has-hover:hover .box-text.text-left {
    height: 100%;
    background-color:#EEF1F3 !important;
}
.meet-team .box.has-hover
{
    overflow: hidden;
}
.meet-team .box.has-hover .box-image
{
    margin-bottom: 100px;
}
.meet-team .box.has-hover:hover .box-text.text-left:after {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Group-374.png);
    width: 179px;
    height: 172px;
    position: absolute;
    top: 0px;
    right: -6px;
    background-size: contain;
}

.meet-team .box.has-hover .box-text {
    background-color: rgba(234, 246, 255, 1);
}
.meet-team .box.has-hover .box-text .font-24-a-b h4 {
    color: rgba(30, 30, 30, 1);
    margin-top:10px;
    margin-bottom:10px;
}
.meet-team .box.has-hover .box-text .font-16-a-r p {
    color: #0A6755;
}
.meet-team .box.has-hover .box-text .font-14-a-r p {
    color: rgba(30, 30, 30, 1);
    margin-top: 30px;
}
.mission {
    width: 500px;
    margin-left: 110px;
}
.vision
{
    width: 500px;
    margin-right: 110px;
    position: absolute;
    left: -600px;
    text-align: right;
}
.timeline .font-60-o-b h1 {
    color: rgba(29, 72, 121, 1);
}
.timeline .font-16-a-r p, .timeline .font-28-o-r p {
    color: rgba(70, 70, 70, 1);
}
.vi-mi-sec {
    margin-top: -340px;
}
.vimi-row {
    overflow: hidden;
    margin-top: -30px;
}
.vimi-row .timeline ul li > div {
   opacity:0;
    transition: all 0.3s ease;
}
.vimi-row .timeline ul li.in-view > div 
{
    opacity:1;
}
.sales.owl-carousel .box-text.text-left {
    padding: 15px 20px;
}
.sales.owl-carousel .img {
    cursor: pointer;
    z-index: 1;
}
.sales.owl-carousel.pagin.owl-loaded .owl-nav
{
    display: flex !important;
}
.sales .owl-nav {
    display: none !important;
    justify-content: center;
    margin-top: 30px;
}
.sales .owl-nav button.owl-prev span, .sales .owl-nav button.owl-next span {
    display: none;
}
.sales .owl-nav button.owl-prev
{
    width: 84px;
    height: 84px;
    border: 1px solid rgba(29, 72, 121, 0.3) !important;
    border-radius: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 35px;
}
.sales .owl-nav button.owl-prev:after
{
    background-image: url(/wp-content/uploads/2025/01/Vector-33.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 15px;
    background-size: contain;
    content: '';
    display: block;
    opacity: 30%;
}
.sales .owl-nav button.owl-next
{
    width: 84px;
    height: 84px;
    border: 1px solid rgba(29, 72, 121, 0.3) !important;
    border-radius: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 35px;
    margin-right: 0px;
}
.sales .owl-nav button.owl-next:after
{
    background-image: url(/wp-content/uploads/2025/01/Vector-31.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 15px;
    background-size: contain;
    content: '';
    display: block;
    opacity: 30%;
}
.sales .owl-nav button:hover:after
{
    opacity: 1;
}
.sales .owl-nav:after {
    content: '';
    background: rgba(157, 197, 226, 1);
    height: 1px;
    width: 43.2%;
    position: absolute;
    bottom: 59px;
    right: -28px;
}
.sales .owl-nav:before {
    content: '';
    background: rgba(157, 197, 226, 1);
    height: 1px;
    width: 43.2%;
    position: absolute;
    bottom: 59px;
    left: -28px;
}
div#countersales {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 8.1%;
}
.timeline ul li.second-li.in-view:after
{
    content:'1';
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Acumin';
    font-weight: 600;
    position: absolute;
    top: 11px;
}

.timeline ul li.third-li.in-view:after
{
    content:'2';
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Acumin';
    font-weight: 600;
    position: absolute;
    top: 11px;
    left: -2px;
}
.leftline-exce:after {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Group-481547.png);
    width: 100%;
    height: 200px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    left: -153px;
    bottom: 15%;
}
.salesslider div#countersales {
    bottom: 8.1%;
}
.salesslider .sales .owl-nav:before {
    bottom: 58px;
}
.salesslider .sales .owl-nav:after {
     bottom: 58px;
}
.salesslider .sales .owl-dots
{
  display: none;
}
.mission:before {
    animation: mymove 2s infinite;
    position: absolute;
    background-color: rgba(179, 25, 66, 1);
    content: " ";
    margin: 15px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0 auto;
    transition: all 0.3s;
    background-color: rgba(179, 25, 66, 1);
    left: -31px;
    top: -15px;
}

.vision:before {
    animation: mymove 2s infinite;
    position: absolute;
    background-color: rgba(179, 25, 66, 1);
    content: " ";
    margin: 15px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0 auto;
    transition: all 0.3s;
    background-color: rgba(179, 25, 66, 1);
    right: -137px;
    top: -15px;
}
.equip-1:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Group-481468-4.png);
    width: 9px;
    height: 0px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: -13px;
    left: 20px;
    transform: translateX(0%);
    transition: all 1s;
}
.in-viewport.equip-1:before {
    height: 147px;
    top: -13px;
}
.equip-2:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Group-481462-2.png);
    width: 19px;
    height: 0px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: -13px;
    left: 20px;
    transform: translateX(0%);
    transition: all 1s;
}
.in-viewport.equip-2:before {
    height: 359px;
    top: -13px;
}
.equip-3:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Group-481463.png);
    width: 22px;
    height: 0px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: -13px;
    left: 20px;
    transform: translateX(0%);
    transition: all 1s;
}
.in-viewport.equip-3:before {
    height: 368px;
    top: -13px;
}
.r-equip:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Group-17.png);
    width: 125px;
    height: 121px;
    position: absolute;
    background-size: contain;
    left: -15px;
    top: -63px;
}
.contact-info:after {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Frame-481508-2.png);
    width: 1900px;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: -1;
    background-size: cover;
}
.contact-info a {
    color: #fff;
}
.contact-info .icon-box {
    padding: 0px 0px 70px 50px;
}
.contact-info .icon-box
{
    position:relative;
}
.contact-info .icon-box:nth-child(2):before, .contact-info .icon-box:nth-child(3):before
{
    content: '';
    background-color: rgba(255, 255, 255, 1);
    opacity: 10%;
    width: 105%;
    height: 1px;
    position: absolute;
    top: -18px;
    left: 0px;
    right: 0px;
}
.contact-form .wpforms-field-container input {
    border: 1px solid rgba(157, 197, 226, 1) !important;
    background: rgba(234, 246, 255, 1) !important;
    color:#111 !important;
    font-size: 16px !important;
    font-weight: 400;
    font-family: Acumin;
    height: 60px !important;
    padding: 0px 20px !important;
}
.contact-form .wpforms-field-container ::placeholder
{
    color:rgba(29, 72, 121, 1) !important;
}
.contact-form .wpforms-field-container textarea
{
    border: 1px solid rgba(157, 197, 226, 1) !important;
    background: rgba(234, 246, 255, 1) !important;
    color:#111 !important;
    font-size: 16px !important;
    font-weight: 400;
    font-family: Acumin;
    padding: 20px 20px !important;
}
.contact-form .wpforms-field-container div#wpforms-732-field_1-container 
{
    padding-bottom:0px;
}
button#wpforms-submit-732 {
    background-color: rgba(29, 72, 121, 1);
    color: #fff;
    font-size: 13px;
    line-height: 15px;
    font-family: 'Acumin';
    font-weight: 700;
    padding: 16px 48px 16px 24px;
    text-transform: uppercase;
}
button#wpforms-submit-732:after {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Frame-10.png);
    width: 15px;
    height: 14px;
    position: absolute;
    background-size: contain;
    margin-left: 7px;
    margin-top: 0px;
}
.faq a.accordion-title span{
    font-size: 26px;
    line-height: 48px;
    color: rgba(30, 30, 30, 1);
    font-family: 'Acumin';
    font-weight: 600;
}
.faq a.accordion-title
{
   
    border-top:0px;
    padding-top: 35px;
    padding-bottom: 35px;
}
.faq .accordion .toggle {
    left: unset;
    right: 17px;
}
.faq a.accordion-title:hover
{
    background: rgba(238, 241, 243, 1);
}
.faq a.accordion-title.active
{
    border-bottom: 1px solid rgba(157, 197, 226, 1);
    background: rgba(238, 241, 243, 1);
}
.faq .accordion-item
{
    border-bottom: 1px solid rgba(157, 197, 226, 1);
}
.faq .accordion-inner {
    padding-top: 30px;
}
.faq a.accordion-title.active + .accordion-inner
{
    background: rgba(238, 241, 243, 1);
}
.faq .accordion-item:nth-child(1) {
    border-top: 1px solid rgba(157, 197, 226, 1);
}
.faq .accordion .toggle i {
    display: none;
}
.faq .accordion .accordion-title.active .toggle
{
    
    background-image: url(/wp-content/uploads/2025/01/Group-481517.png);
}
.faq .accordion .toggle
{
    background-image: url(/wp-content/uploads/2025/01/Group-481517-1.png);
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 38px;
    opacity: 1;
}
.weserv:after {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Group-481584.png);
    height: 11px;
    width: 100%;
    position: absolute;
    left: -43%;
    top: 30%;
    background-size: contain;
    background-repeat: no-repeat;
}
.weserv:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Group-481586.png);
    height: 11px;
    width: 100%;
    position: absolute;
    right: -75%;
    top: 32%;
    background-size: contain;
    background-repeat: no-repeat;
}
.serva-cam
{
    position: relative;
    z-index: 2;
}
.line-draw:after {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Group-481492-5.png);
    width: 951px;
    height: 375px;
    position: absolute;
    background-size: contain;
    right: -87px;
    margin-top: 122px;
}
#timeline .timeline-item .timeline-content h2:before
{
/*     opacity: 0;
    transform: translate3d(-50px, 0, 0); */
    transition: 1s all ease-in-out;
}
.timeline-content.animate-it h2:before
{
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default 
    {
    margin-top: 25px;
    border: unset;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Rectangle-988.png);
    width: 14px;
    height: 14px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: -7px;
    left: 18%;
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a
{
    border-bottom:unset;
}
.partner-serv-img .img:before {
    content: '';
    background-color: rgba(42, 253, 47, 1);
    width: 1px;
    height: 70px;
    position: absolute;
    top: -83px;
}
.esg-slider ol.flickity-page-dots {
    height: 206px;
    overflow-y: scroll;
}
.esg-slider ol.flickity-page-dots {
    height: 206px;
    overflow-y: scroll;
}
.esg-slider ol.flickity-page-dots::-webkit-scrollbar {
  width: 2px;
}
.esg-slider ol.flickity-page-dots::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
.esg-slider ol.flickity-page-dots::-webkit-scrollbar-thumb {
  background: #1d4879; 
  border-radius: 10px;
}



@media only screen and (max-width: 48em) 
{
    .blog-inner .blog-box img
    {
        height: 200px;
    }
    .font-120-o-r h1, .font-120-o-b h1
    {
        font-size: 59px;
        line-height: 70px;
    }
    .center-col 
    {
        text-align: center;
    }
    .right-col
    {
        text-align: right;
    }
    .right-col .img
    {
        float: right;
    }
    .left-col, .left-col .col-inner
    {
        text-align: left;
    }
    .we-set:before
    {
        top: -63px;
    }
    .font-28-o-s h4
    {
        font-size: 18px;
        line-height: 22px;
    }
    .services-box .box-text.text-left 
    {
        height: 61px;
    }
    .services-box .font-16-a-b p 
    {
        font-size: 12px;
        line-height: 17px;
    }
    .services-box .font-14-a-r p 
    {
        font-size: 14px;
        line-height: 22px;
        display: -webkit-box;
        max-width: 200px;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .services-box .arrow-left 
    {
        margin-top: 20px;
    }
    .services-box .box.has-hover:hover .box-text.text-left
    {
        padding-top: 16px;
        padding-right: 12px;
        padding-left: 12px;
    }
    .services-box 
    {
        padding: 0px 15px;
    }
    .services-box .font-28-o-s h4
    {
        margin-bottom: 10px;
    }
    .font-56-o-r p, .font-56-o-b p 
    {
        font-size: 40px;
        line-height: 50px;
    }
    .font-18-a-r p 
    {
        font-size: 16px;
        line-height: 28px;
    }
    .font-18 p 
    {
        font-size: 18px;
        line-height: 30px;
        font-weight: 400;
        font-family: Acumin;
    }
    .rotate-logo 
    {
        right: unset;
        top: 57px;
        left: 10px;
    }
    .rotate-logo-line:after
    {
        transform: translateX(0%);
        transition: all 1s;
        left: 21%;
        height: 0%;
    }
    .in-viewport.rotate-logo-line:after
    {
        height: 150px;
        top: -42px;
        width: 2px;
    }
    .font-24-o-r h4 
    {
        font-size: 18px;
        line-height: 28px;
    }
    .esg-slider button.flickity-button.flickity-prev-next-button.next 
    {
        bottom: -82px !important;
        right: 35% !important;
        display: block;
        height: 50px;
        width: 50px;
    }
    .esg-slider button.flickity-button.flickity-prev-next-button.previous 
    {
        height: 50px;
        width: 50px;
        right: unset !important;
        top: unset;
        bottom: -82px !important;
        left: 35% !important;
        display: block;
    }
    .esg-slider button.flickity-button.flickity-prev-next-button.next:before 
    {
        content: '';
        background-color: rgba(157, 197, 226, 1);
        height: 1px;
        width: 178px;
        position: absolute;
        left: 48px;
        top: 22px;
    }
    .esg-slider button.flickity-button.flickity-prev-next-button.previous:before
    {
        content: '';
        background-color: rgba(157, 197, 226, 1);
        height: 1px;
        width: 178px;
        position: absolute;
        right: 48px;
        top: 22px;
    }
    .ux-menu.stack.stack-col.justify-start .ux-menu-link.flex.menu-item
    {
        margin-right: 31px !important;
    }
    div#main-menu.mobile-sidebar li > a 
    {
        color: rgba(29, 72, 121, 1);
        font-size: 26px;
        text-transform: capitalize;
        line-height: 31px;
        font-weight: 400;
        font-family: 'Acumin';
    }
    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
        width: 360px !important;
    }
    ul.nav.nav-sidebar.nav-vertical.nav-uppercase {
        padding-left: 30px;
        padding-top: 100px;
    }
    div#main-menu.mobile-sidebar li button.toggle i:before
    {
        content:'';
        background-image: url(/wp-content/uploads/2025/01/Polygon-1-1.png);
        width: 14px;
        height: 14px;
        background-size: contain;
        display: block;
        background-repeat: no-repeat;
        margin-top: -3px;
    }
    div#main-menu.mobile-sidebar li button.toggle
    {
        opacity: 1;
    }
    .mfp-content:before 
    {
        content: '';
        background-image: url(/wp-content/uploads/2025/01/Group-4.png);
        width: 170px;
        background-size: contain;
        height: 50px;
        position: absolute;
        background-repeat: no-repeat;
        top: 30px;
        left: 30px;
    }
    .mobile-nav.nav.nav-right li i:before 
    {
        content: '';
        background-image: url(/wp-content/uploads/2025/01/Frame-481540.png);
        width: 44px;
        height: 18px;
        background-size: contain;
        position: absolute;
        background-repeat: no-repeat;
        top: -14px;
        right: 0px;
    }
    .font-32-o-s h4 
    {
        font-size: 24px;
        line-height: 30px;
    }
    .font-60-o-r p 
    {
        font-size: 40px;
        line-height: 50px;
    }
    .font-28-o-r p 
    {
        font-size: 20px;
        line-height: 30px;
    }
    .service-tab .owl-nav button.owl-next, .career .owl-nav button.owl-next, .service-tab .owl-nav button.owl-prev, .career .owl-nav button.owl-prev
    {
        width: 50px;
    height: 50px;
    }
    .service-tab .owl-nav:before, .career .owl-nav:before, .service-tab .owl-nav:after, .career .owl-nav:after
    {
        width: 28.2%;
        bottom: 43px;
    }
    .service-tab ul.nav.nav-simple.nav-normal.nav-size-normal.nav-center 
    {
        overflow-x: scroll;
        justify-content: start;
        flex-wrap: nowrap;
    }
    .service-tab.tabbed-content ul li {
        width: 100%;
        white-space: nowrap;
        padding: 10px 20px;
    }
    .font-60-o-r h1 
    {
        font-size: 38px;
        line-height: 50px;
    }
    .font-42-o-r p 
    {
        font-size: 24px;
        line-height: 30px;
    }
    .font-60-o-b h1
    {
        font-size: 40px;
        line-height: 50px;
    }
    .core-sec .icon-box-text.last-reset
    {
        margin-left: 0px;
    }
    .serva-acm .banner-bg.fill img 
    {
        display: none;
    }
    .serva-acm .banner-bg.fill
    {
        background-image: url(/wp-content/uploads/2025/01/Group-481560.png);
        background-size: 100% 100%;
    }
    .serva-acm .font-18-a-r p
    {
        font-size: 14px;
        line-height: 24px;
    }
    .serva-acm .text-box 
    {
        padding-top: 38px;
    }
    .tabbed-content ul li a 
    {
        font-size: 18px;
        line-height: 22px;
    }
    .in-viewport.serva-chart:before {
        height: 70%;
        top: -103px;
    }
    .serva-chart:before 
    {
        background-image: url(/wp-content/uploads/2025/01/Group-481550.png);
        left: 18%;
    }
    .mb0
    {
        margin-bottom: 0px !important;
    }
    .pb0
    {
        padding-bottom: 0px !important;
    }
    .line-draw:after 
    {
        content: '';
        background-image: url(/wp-content/uploads/2025/01/Group-481560-1.png);
        width: 293px;
        height: 327px;
        right: 13px;
        margin-top: 380px;
        background-repeat: no-repeat;
    }
    .logo-top-rotate 
    {
        position: absolute;
        top: -390px;
        width: 31% !important;
        right: 15px;
    }
    .core-sec .icon-box-img 
    {
        position: absolute;
        top: -35px;
        left: -8px;
        width: 76px !important;
    }
    .core-sec .icon-box-text.last-reset 
    {
        padding-left: 40px;
    }
    .service-tab div#counter1
    {
        bottom: 2.7%;
    }
    .font-20-a-r p 
    {
        font-size: 16px;
        line-height: 28px;
    }
    .font-90-o-r h1 
    {
        font-size: 44px;
        line-height: 60px;
    }
    .r-equip:before
    {
        width: 78px;
        height: 74px;
        left: -16px;
        top: -30px;
    }
    .font-22-a-r p 
    {
        font-size: 16px;
        line-height: 28px;
    }
    .font-32-a-b h4 
    {
        font-size: 24px;
    }
    .font-26-o-r p 
    {
        font-size: 22px;
    }
    .font-56-o-s p 
    {
        font-size: 40px;
        line-height: 50px;
    }
    .font-24-a-r p 
    {
        font-size: 18px;
        line-height: 28px;
    }
    .equip-serva .section-bg.fill img 
    {
        display: none;
    }
    .equip-serva .section-bg.fill {
        background-image: url(/wp-content/uploads/2025/02/Frame-481570-1-1.png);
        background-size: 100% 100%;
    }
    .equip-banner .section-bg.fill img 
    {
        display: none;
    }
    .equip-banner .section-bg.fill
    {
        background-image: url(/wp-content/uploads/2025/01/Homepage-1-1.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .equip-banner {
        min-height: 76vh !important;
        height: 76vh !important;
    }
    .eqiup-accordion button.toggle 
    {
        left: unset;
        right: 10px;
        background-color: #fff;
        min-height: 43px;
        width: 42px;
        padding-top: 5px;
        opacity: 1;
        top: 12px;
    }
    .eqiup-accordion a.accordion-title 
    {
        padding-left: 15px;
        font-size: 24px;
        font-weight: 600;
        color: rgba(29, 72, 121, 1);
        font-family: outfit;
        border: unset;
        background-color: #EEF1F3;
    }
    .eqiup-accordion .accordion-item 
    {
        box-shadow: 0px 2px 15.4px 0px rgba(0, 0, 0, 0.2);
        padding-top: 120px;
        position: relative;
        margin-bottom: 24px;
    }
    .eqiup-accordion .accordion-item:nth-child(1):after {
        content: '';
        background-image: url(/wp-content/uploads/2025/01/Frame-55-2.png);
        width: 100%;
        height: 120px;
        position: absolute;
        top: 0px;
        background-size: cover;
    }
    .eqiup-accordion .accordion-item:nth-child(2):after {
        content: '';
        background-image: url(/wp-content/uploads/2025/02/Cementing-Products_Hover-1.png);
        width: 100%;
        height: 120px;
        position: absolute;
        top: 0px;
        background-size: cover;
    }
    .eqiup-accordion .accordion-item:nth-child(3):after {
        content: '';
        background-image: url(/wp-content/uploads/2025/01/Frame-55-1.png);
        width: 100%;
        height: 120px;
        position: absolute;
        top: 0px;
        background-size: cover;
    }
    .eqiup-accordion .accordion-item:nth-child(4):after {
        content: '';
        background-image: url(/wp-content/uploads/2025/01/Frame-55-1-1.png);
        width: 100%;
        height: 120px;
        position: absolute;
        top: 0px;
        background-size: cover;
    }
    .eqiup-accordion .accordion-inner {
        background: rgba(238, 241, 243, 1);
        padding: 0px 17px 15px 17px;
    }
    .eqiup-accordion a.accordion-title .toggle i {
        font-size: 28px;
    }
    .about-banner .section-bg.fill img {
        display: none;
    }
    .about-banner .section-bg.fill
    {
        background-image: url(/wp-content/uploads/2025/01/Homepage-2.png);
        background-size: 100% 100%;
    }
    .about-banner 
    {
        height: 32vh !important;
        min-height: 53vh !important;
    }
    .font-32-a-r p 
    {
        font-size: 24px;
        line-height: 30px;
    }
    .leftline-exce:after 
    {
        background-image: url(/wp-content/uploads/2025/01/Group-481563.png);
        width: 250px;
        height: 106px;
        left: unset;
        bottom: 72%;
        right: 20%;
    }
    #timeline .timeline-item .timeline-content h2 
    {
        padding: 10px 0px 6px 0px !important;
        font-size: 24px !important;
        width: 60% !important;
        line-height: 25px !important;
    }
    .global-img 
    {
        top: 1266%;
        right: 0px;
    }
    .star:after
    {
        top: -48px;
        right: 14px;
        width: 100px;
        height: 95px;
    }
    .font-16-a-r p 
    {
        font-size: 14px;
        line-height: 24px;
    }
    .font-40-o-s p 
    {
        font-size: 26px;
        line-height: 30px;
    }
    .f-16 p
    {
        font-size: 16px !important;
        line-height: 28px !important;
    }
    .sales.owl-carousel.pagin.owl-loaded .owl-nav, div#countersales, .leftline-exce1:after, .sales .owl-dots
    {
        display: none !important;
    }
    .font-24-a-b h4 
    {
        font-size: 18px;
        line-height: 24px;
    }
    .meet-team .box.has-hover .box-text .font-16-a-r p {
        font-size: 12px;
        line-height: 16px;
    }
    .sales.owl-carousel .box-text.text-left 
    {
        padding: 0px 10px;
        height: 66px;
    }
    .linked-img 
    {
        width: 10%;
        position: absolute;
        right: 0px;
        top: -18px;
    }
    .meet-team .box.has-hover .box-image 
    {
        margin-bottom: 55px;
    }
    .font-14-a-r p 
    {
        font-size: 8px;
        line-height: 15px;
    }
    .meet-team .box.has-hover .box-text .font-14-a-r p {
    margin-top: 10px;
}
    .meet-team .box.has-hover .box-text .font-24-a-b h4
    {
        margin-top: 8px;
        margin-bottom: 2px;
    }
    .meet-team .box.has-hover .box-text.text-left 
    {
        height: 55px;
    }
    .our-community .owl-nav 
    {
        right: 0px;
    }
    div#countercommunity 
    {
        right: 61px;
    }
    .our-community .owl-nav button.owl-prev 
    {
        margin-right: 15px;
    }
    .timeline-item.left-item .timeline-content.animate-it
    {
        width: 50% !important;
        padding-right: 20px !important;
        float: left;
        padding-left: 0px !important;
    }
    #timeline .timeline-item .timeline-content p {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    .timeline-item .timeline-content.animate-it
    {
         width: 50% !important;
         padding-left: 20px !important;
         float: right;
    }
    #timeline .timeline-item .timeline-content
    {
        margin-top: -30px !important;
    }
    #timeline .timeline-item.left-item .timeline-content h2:before
    {
        right: -20% !important;
        top: 22px !important;
        width: 27px !important;
        opacity: 1 !important;
    }
    #timeline .timeline-item .timeline-content.right h2:before 
    {
        right: 98% !important;
        top: 22px !important;
        width: 20px !important;
        opacity: 1 !important;
        left: unset !important;
    }
    .vi-mi-sec .timeline 
    {
        padding: 0px;
    }
    .vi-mi-sec {
        margin-top: -149px;
    }
    .vi-mi-sec .timeline ul li {
        margin-left: 0px;
    }
    .mission {
        width: 362px !important;
        margin-left: 0px;
    }
    .vi-mi-sec .timeline ul li.in-view::before {
        top: -18%;
        transform: translateX(37%);
    }
    .timeline ul li.second-li.in-view:after 
    {
        top: -65px;
        left: 32px;
    }
    .timeline ul li.third-li.in-view:after
    {
        top: -65px;
        left: 30px;
    }
    #timeline {
    margin: 0px !important;
    padding: 0px !important;
  }
  .timeline-item.left-item .timeline-content {
    padding: 0px !important;
}
.timeline-content.right {
    padding: 0px !important;
}
  #timeline:before {
    left: 50%;
  z-index: 1;
  }
  #timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {
    left: 10%;
    margin-left: -6px;
    border-left: 0;
    border-right: 7px solid #1C71A4;
  }
  #timeline .timeline-item .timeline-icon {
    left: 0;
  }
    .vision 
    {
        width: 362px;
        margin-right: 0px;
        left: 0px;
        text-align: left;
    }
    .vision:before
    {
        left: 0px;
    top: -88px;
    }
    .mission:before
    {
        left: 2px;
        top: -88px;
    }
    .timeline .draw-line
    {
        left: 10% !important;
    }
    .retrofit:after 
    {
        background-image: url(/wp-content/uploads/2025/01/Group-481558.png) !important;
        height: 88px !important;
        width: 10px !important;
        left: 19% !important;
        top: -34.5% !important;
    }
    .retrofit:before 
    {
        background-image: url(/wp-content/uploads/2025/01/Group-481558.png) !important;
        height: 0px !important;
        width: 10px !important;
        left: 17% !important;
        bottom: -127% !important;
        background-repeat: no-repeat;
    }
    .in-viewport.retrofit:before 
    {
        height: 161px !important;
    }
    .contact-info .icon-box 
    {
        padding: 0px 50px 70px 10px;
    }
    .contact-info:after 
    {
        background-image: url(/wp-content/uploads/2025/01/Frame-481508-3.png);
        width: 100%;
        height: 100%;
        left: 0px;
    }
    .contact-info .icon-box:nth-child(3) 
    {
        padding-bottom: 0px;
    }
    .contact-info .icon-box:nth-child(2):before, .contact-info .icon-box:nth-child(3):before
    {
        width: 111%;
        left: -16px;
    }
    .l-txt-1:after, .l-txt-2:after, .l-txt-3:after, .l-txt-4:after, .l-txt-5:after
    {
        width: 9px !important;
        height: 9px !important;
        bottom: 7px !important;
    }
    .l-img-1 
    {
        left: 26.5% !important;
    }
    .l-txt-1 
    {
        top: 37% !important;
        left: 25.5% !important;
    }
    .l-img-2 
    {
        bottom: 27% !important;
        right: 5.5% !important;
    }
    .l-txt-2 
    {
        bottom: 31% !important;
        right: 1.4% !important;
    }
    .l-txt-2:after 
    {
        left: 75% !important;
    }
    .l-img-3 
    {
        bottom: 16.8% !important;
        right: 41% !important;
    }
    .l-txt-3 
    {
        bottom: 20.6% !important;
        right: 34.8% !important;
    }
    .l-img-4 
    {
        bottom: 11% !important;
        right: 44% !important;
    }
    .l-txt-4 
    {
        bottom: 15% !important;
        right: 32.2% !important;
    }
    .l-img-5 
    {
        bottom: 9% !important;
        right: 50% !important; 
    }
    .l-txt-5 
    {
        right: 44% !important;
        bottom: 13% !important;
    }
    .contact-footer .section-bg.fill img 
    {
        display: none;
    }
    .contact-footer .section-bg.fill
    {
        background-image: url(/wp-content/uploads/2025/01/Frame-481624-1.png);
        background-size: cover;
        background-repeat: no-repeat;
    }
    .map-sec 
    {
        background-color: #fff !important;
    }
    .weserv:before 
    {
        background-image: url(/wp-content/uploads/2025/01/Group-481564.png);
        top: 12%;
        right: -70%;
    }
    .weserv:after 
    {
        background-image: url(/wp-content/uploads/2025/01/Group-481563-1.png);
        top: 11%;
        left: 0%;
    }
    .font-60-o-sr h1, .font-60-o-s 
    {
        font-size: 40px;
        line-height: 50px;
    }
    .font-14 p {
        font-size: 14px !important;
        line-height: 22px !important;
    }
    .font-14-28 p {
        font-size: 14px !important;
        line-height: 28px !important;
        font-family: Acumin;
    }
    .font-40-o-r p
    {
        font-size: 33px;
        line-height: 43px;
    }
    .serva-group .section-bg.fill img 
    {
        display: none;
    }
    .serva-group .section-bg.fill
    {
        background-image: url(/wp-content/uploads/2025/01/Group-481565.png);
        background-size: cover;
    }
    div#counter-career 
    {
        bottom: 7.1% !important;
    }
    .faq a.accordion-title span 
    {
        font-size: 20px;
        line-height: 30px;
    }
    .faq a.accordion-title
    {
        padding: 30px 50px 30px 15px;
    }
    .faq .accordion .toggle
    {
        right: 8px;
    }
    .faq .accordion-inner 
    {
        padding: 20px 15px;
    }
    .faq-footer .section-bg.fill img 
    {
        display: none;
    }
    .faq-footer .section-bg.fill
    {
        background-image: url(/wp-content/uploads/2025/01/Frame-481624-2-1.png);
        background-size: cover;
    }
    .blog-inner .blog-box 
    {
        flex: 1 1 calc(100% - 0px) !important;
        max-width: calc(100% - 0px) !important;
    }
    .expor-line:before
    {
        background-image: url(/wp-content/uploads/2025/01/Group-481550-2.png);
    }
    .in-viewport.expor-line:before 
    {
            top: -120px !important;
    }
    ul.sub-menu.nav-sidebar-ul.children li a 
    {
        font-size: 20px !important;
    }
    .nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover
    {
        background-color: rgb(0 0 0 / 0%);
    }
    li.header-block 
    {
        display: block;
        position: absolute;
        bottom: 0px;
    }
    div#main-menu, .sidebar-menu.no-scrollbar, ul.nav.nav-sidebar 
    {
        height: 100%;
    }
    li.menu-item.menu-item-777.has-child.active button.toggle 
    {
        top: 2px;
    }
    li.header-block:after 
    {
        content: '';
        background-color: rgba(157, 197, 226, 1);
        height: 1px;
        width: 118%;
        position: absolute;
        left: -22px;
        margin-top: -51px;
    }
    .nav-sidebar.nav-vertical>li+li 
    {
        border-top: unset;
    }
    #timeline .timeline-item .timeline-icon
    {
        position: relative;
    }
    .qul-img .img.rotate-logo 
    {
        width: 30% !important;
        margin-top: -29px;
    }
    .in-viewport.esg-line-top:before 
    {
        height: 21%;
        top: -111px;
    }
    .esg-line-top:before
    {
        background-image: url(/wp-content/uploads/2025/01/Group-481551-1.png);
        width: 11px;
    }
    #wpforms-submit-92:after
    {
      right: 28px !important;
    }
    .pl0
    {
      padding-left: 0px;
    }
    .pr0
    {
      padding-right: 0px;
    }
    .tag-box .box-text-inner 
    {
        padding: 5px 20px 10px 20px;
    }
    .font-38-o-b h4 {
      font-size: 30px;}
    .contact-banner
      {
        margin-bottom: -2px;
      }
    .service-tab div#counter, div#counter-career
    {
        bottom: 5.5%;
    }
    .service-tab .controls_data_acquisition_gallery 
    {
        bottom: 2.7% !important;
    }
    .service-tab .retrofits_refurbishments_gallery 
    {
        bottom: 2.4% !important;
    }
    .ux-menu.stack.stack-col.justify-start {
    flex-wrap: wrap;
    }
    .ux-menu.stack.stack-col.justify-start .ux-menu-link.flex.menu-item
    {
        flex-basis: 100%;
        box-sizing: border-box;
    }
    .ux-menu.stack.stack-col.justify-start .ux-menu-link.flex.menu-item:nth-child(3) {
        flex-basis: 50%;
    }
    .social-icons.follow-icons i.icon-linkedin:before 
    {
        content: '';
        background-image: url(https://midnightm24.sg-host.com/wp-content/uploads/2025/01/Frame-61-1.png);
        width: 24px;
        height: 24px;
        background-size: contain;
        display: block;
    }
}
/* BOF i-phone 14 pro max */
@media only screen and (min-width: 430px) and (max-width: 767px) 
{
    
}
/* EOF i-phone 14 pro max */
@media only screen and (min-width: 1500px) and (max-width: 1520px)  {
  
}

@media only screen and (min-width: 1400px) 
{
    .service-tab .owl-nav:before, .career .owl-nav:before
    {
        width: 41.6%;
    }
    .service-tab .owl-nav:after, .career .owl-nav:after
    {
        width: 41.6%;
    }
    .esg-slider button.flickity-button.flickity-prev-next-button.next
    {
        bottom: -12px !important;
    }
    .esg-slider button.flickity-button.flickity-prev-next-button.previous
    {
        top: 0px;
    }
    .esg-slider ol.flickity-page-dots
    {
        bottom: 72px;
    }
    .in-viewport.expor-line:before
    {
        top: -225px;
    }
    .esg-slider ol.flickity-page-dots
  {
      height: 154px;
  }
}
@media only screen and (min-width: 1600px)
{
    .esg-slider button.flickity-button.flickity-prev-next-button.next
    {
        bottom: -17px !important;
    }
    .esg-slider button.flickity-button.flickity-prev-next-button.previous
    {
        top: 0px;
    }
    .esg-slider ol.flickity-page-dots
    {
        bottom: 66px;
    }
    .service-tab .owl-nav:before, .career .owl-nav:before, .service-tab .owl-nav:after, .career .owl-nav:after
    {
        width: 42.6%;
    }
    .esg-slider ol.flickity-page-dots
  {
      height: 160px;
  }
  .hbd-slider .box-image img
  {
    height: 380px;
  }
}
@media only screen and (min-width: 1900px) and (max-width: 1920px)
{
    .esg-slider ol.flickity-page-dots {
        bottom: 37.3%;
    }
    .esg-slider button.flickity-button.flickity-prev-next-button.previous {
        top: 0px;
    }
    .esg-slider button.flickity-button.flickity-prev-next-button.next {
        bottom: 60px !important;
    }
    .service-tab .owl-nav:before, .career .owl-nav:before, .service-tab .owl-nav:after, .career .owl-nav:after
    {
        width: 43.7%;
    }
    .service-tab div#counter, div#counter-career, .service-tab div#counter2
    {
        bottom: 4.7%;
    }
    .service-tab div#counter1
    {
        bottom: 2.7%;
    }
    .service-tab div#counter2 {
        bottom: 2.7%;
    }
    .line-draw:after 
    {
        background-image: url(/wp-content/uploads/2025/01/Group-481492-2.png);
        width: 1122px;
        height: 273px;
        right: -165px;
        margin-top: 95px;
    }
    .in-viewport.serva-chart:before 
    {
        top: -144px;
    }
    .leftline-exce:after 
    {
      background-image: url(/wp-content/uploads/2025/02/Group-481586-2.png);
      width: 118%;
      left: -280px;
      bottom: 18%;
  }
  .esg-slider ol.flickity-page-dots {
    height: 207px;}
}
@media only screen and (min-width: 2000px) and (max-width: 2240px)
{
    .esg-slider .box-image img, .esg-slider .box-image
    {
        height: 610px;
        object-fit: cover;
    }
    .esg-slider button.flickity-button.flickity-prev-next-button.next {
        bottom: 116px !important;
    }
    .esg-slider button.flickity-button.flickity-prev-next-button.previous {
        top: 116px;
    }
    .esg-slider ol.flickity-page-dots {
        bottom: 202px;
    }
    .esg-slider > .col-inner
    {
        padding-right: 272px !important;
    }
    .service-tab div#counter, div#counter-career
    {
        bottom: 4.3%;
    }
    .service-tab div#counter1, .service-tab div#counter2 {
        bottom: 2.6%;
    }
    .service-tab .owl-nav:before, .career .owl-nav:before, .service-tab .owl-nav:after, .career .owl-nav:after
    {
        width: 44.7%;
    }
    .line-draw:after 
    {
        background-image: url(/wp-content/uploads/2025/01/Group-481492-2.png);
        width: 1159px;
        height: 281px;
        right: -23px;
        margin-top: 96px;
    }
    .in-viewport.serva-chart:before 
    {
        top: -144px;
    }
    .leftline-exce:after 
    {
      background-image: url(/wp-content/uploads/2025/02/Group-481586-2.png);
      width: 132%;
      left: -364px;
      bottom: 18%;
  }
  .esg-slider ol.flickity-page-dots {
    height: 207px;}
}
@media only screen and (min-width: 2500px) and (max-width: 2560px)
{
    .esg-slider .box-image img, .esg-slider .box-image
    {
        height: 610px;
        object-fit: cover;
    }
    .esg-slider button.flickity-button.flickity-prev-next-button.next {
        bottom: 118px !important;
    }
    .esg-slider button.flickity-button.flickity-prev-next-button.previous {
        top: 116px;
    }
    .esg-slider ol.flickity-page-dots {
        bottom: 203px;
    }
    .esg-slider > .col-inner
    {
        padding-right: 272px !important;
    }
    .service-tab .owl-nav:before, .career .owl-nav:before, .service-tab .owl-nav:after, .career .owl-nav:after
    {
        width: 45.3%;
    }
    .service-tab div#counter, div#counter-career
    {
        bottom: 4.1%;
    }
    .service-tab div#counter1
    {
        bottom: 2.6%;
    }
    .service-tab div#counter2 {
        bottom: 2.6%;
    }
    .line-draw:after 
    {
        background-image: url(/wp-content/uploads/2025/01/Group-481492-3.png);
        width: 1586px;
        height: 260px;
        right: -313px;
        margin-top: 95px;
    }
    .in-viewport.serva-chart:before 
    {
        top: -144px;
    }
    .leftline-exce:after 
    {
      background-image: url(/wp-content/uploads/2025/02/Group-481586-2.png);
      width: 184%;
      left: -703px;
      bottom: 24%;
  }
  .esg-slider ol.flickity-page-dots {
    height: 207px;}
}
@media only screen and (device-width: 768px) and (device-height: 1024px)
{
    .services-box .box-text.text-left 
    {
        height: 92px !important;
    }
    .services-box .font-28-o-s h4 
    {
        font-size: 28px;
        line-height: 55px;
    }
    .services-box .font-16-a-b p {
        font-size: 16px;
        line-height: 24px;
    }
    .services-box .box.has-hover:hover .box-text.text-left
    {
        height: 100% !important;
    }
    .arrow-right
    {
        right: 13px;
    }
    .partner-serv-img .img:before
    {
        height: 57px;
        top: -66px;
    }
    .service-tab .owl-nav:before, .career .owl-nav:before, .service-tab .owl-nav:after, .career .owl-nav:after {
        width: 39%;}
    .serva-acm .text-box 
    {
        padding-top: 10px;
    }
    .serva-acm .banner-bg.fill img 
    {
        object-position: 92% 50%;
        display: block;
    }
    .equip-banner .section-bg.fill img, .contact-footer .section-bg.fill img, .serva-group .section-bg.fill img
    {
        display: block;
    }
    .serva-acm .banner-bg.fill, .equip-banner .section-bg.fill, .contact-footer .section-bg.fill, .serva-group .section-bg.fill
    {
        background-image:unset;
    }
    .serva-acm .banner
    {
        padding-top: 420px !important;
    }
    .logo-top-rotate {
        top: -32px;
        width: 375% !important;
        right: 12px;
    }
    .equipped-box .box-text.text-left
    {
        height: 60px;
    }
    .font-40-o-s p {
        font-size: 20px;
        line-height: 24px;
    }
    .equipped-box .box-text.text-left .row {
        padding: 0px 20px 20px 20px;
    }
    .font-14-a-r p
    {
        line-height: 16px;
    }
    .equip-banner {
        min-height: 44vh !important;
        height: 44vh !important;
    }
    .l-img-1 {
        left: 49.5% !important;
    }
    .l-txt-1 {
        top: 36% !important;
        left: 49% !important;
    }
    .l-img-2 {
        bottom: 30% !important;
        right: 27.5% !important;
    }
    .l-txt-2 {
        bottom: 33% !important;
        right: 25.5% !important;
        width: 14% !important;
    }
    .l-img-3 {
        bottom: 21.8% !important;
        right: 40% !important;
    }
    .l-txt-3 {
        bottom: 24.6% !important;
        right: 35.8% !important;
        width: 12% !important;
    }
    .l-img-4 {
        bottom: 17% !important;
        right: 41% !important;
    }
    .l-txt-4 {
        bottom: 21% !important;
        right: 35.2% !important;
        width: 15% !important;
    }
    .l-img-5 {
        bottom: 15% !important;
        right: 43% !important;
    }
    .l-txt-5 {
        right: 39% !important;
        bottom: 18% !important;
        width: 11% !important;
    }
    .contact-info .icon-box {
        padding: 0px 20px 70px 10px;
    }
    .weserv:before
    {
        background-image: url(/wp-content/uploads/2025/01/Group-481586.png);
        top: 32%;
        right: -80%;
    }
    .weserv:after
    {
        background-image: url(/wp-content/uploads/2025/01/Group-481586.png);
        top: 32%;
        left: -80%;
    }

}

.l-img-1 {
    left: 49.5%;
}
.l-txt-1 {
    top: 40%;
    left: 49%;
}
.l-txt-1 .text-box-content p, .l-txt-2 .text-box-content p, .l-txt-3 .text-box-content p, .l-txt-4 .text-box-content p, .l-txt-5 .text-box-content p
{
    padding: 3px 0px !important;
}
.l-txt-1:after, .l-txt-2:after, .l-txt-3:after, .l-txt-4:after, .l-txt-5:after
{
    content:'';
    background-image: url(/wp-content/uploads/2025/01/Polygon-1.png);
    width: 7px;
    height: 7px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 10px;
    left: 50%;
}
.l-img-5 {
    bottom: 17%;
    right: 43%;
}
.l-txt-5 {
    right: 40.3%;
}
.l-img-4 {
    bottom: 18%;
}
.l-txt-4 {
    bottom: 21%;
    right: 35.7%;
}
.l-img-3 {
    bottom: 23%;
    right: 39%;
}
.l-txt-3 {
    bottom: 25.6%;
    right: 35.8%;
}
.l-img-2 {
    bottom: 31%;
    right: 26.5%;
}
.l-txt-2 {
    bottom: 34%;
    right: 22.8%;
}
.l-txt-1,.l-txt-2,.l-txt-3,.l-txt-4,.l-txt-5
{
    display:none;
}
.retrofit:after {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Group-481491.png);
    height: 195px;
    width: 70px;
    position: absolute;
    left: -16%;
    top: -34.5%;
    background-size: contain;
    background-repeat: no-repeat;
}
.in-viewport.retrofit:before {
    height: 161px;
}
.retrofit:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/Group-481495-1.png);
    height: 0px;
    width: 10px;
    position: absolute;
    left: 52%;
    bottom: -32%;
    transform: translateY(0%);
    transition: all 1s;
    z-index: 0;
    background-size: contain;
}
.blog-box h3 {
    color: #1d4879;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    font-family: Acumin;
    margin-top: 25px;
    margin-bottom: 40px;
}
.blog-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.blog-inner .blog-box {
   flex: 1 1 calc(33.333% - 16px); 
  max-width: calc(33.333% - 16px);
  box-sizing: border-box;
  background-color: rgba(234, 246, 255, 1);
  padding: 24px;
}
.blog-inner .blog-box img
{
    width: 100%;
    height: 250px;
    object-fit: cover;
}
a.button.primary i:before 
{
    -webkit-transition: transform 0.3s ease-out;
        -moz-transition: transform 0.3s ease-out;
        -ms-transition: transform 0.3s ease-out;
        -o-transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
}
a.button.primary:hover i:before
{
    -webkit-transform: translateX(4px);
            -moz-transform: translateX(4px);
            -ms-transform: translateX(4px);
            -o-transform: translateX(4px);
            transform: translateX(4px);
}

ul.sub-menu.nav-dropdown.nav-dropdown-default {
    left: -89px;
}

ul.sub-menu.nav-dropdown.nav-dropdown-default:before {
    left: 46%;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li a:hover {
    color: rgba(29, 72, 121, 1);
}
.image-container 
{
    width: 400px;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: -100%; /* Initially off-screen (right) */
    opacity: 0; /* Hidden initially */
}
#wpforms-submit-92:after
{
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
#wpforms-submit-92:hover:after
{
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
}
a#top-link {
    color: #FFF;
    background-color: #1d4879;
    border-color: #ffffff;
}
.equp-img-inner .img-inner.dark {
    height: 150px;
}
.equp-img-inner .img-inner.dark img{
    height: 150px;
    object-fit: cover;
}
.equip-1 .icon-box, .equip-2 .icon-box, .equip-3 .icon-box {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
    transition: all 2s ease;
}
.equip-1 .icon-box.active, .equip-2 .icon-box.active, .equip-3 .icon-box.active {
 opacity: 1;
 transform: translate3d(0, 0, 0);
}
a.button.primary
{
  box-shadow: unset;
}
a.button.primary::before {
    background: #7986CB;
}
a.button.primary::before {
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
a.button.primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 99%;
    height: 100%;
    background: #ffffff;
    z-index: 0;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
a.button.primary:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
a.button.primary:hover span
{
    color:#1d4879;
  z-index: 2;
    position: relative;
}
a.button.primary:hover i:before
{
    background-image:url(/wp-content/uploads/2025/02/Frame-10-1.png);
}
a.button.primary.is-outline::before, a.button.primary.white-btn::before {
    background: #1d4879;
}

a.button.primary.is-outline:hover span, a.button.primary.white-btn:hover span
{
    color:#fff;
  z-index: 2;
    position: relative;
}
a.button.primary.is-outline:hover i:before, a.button.primary.white-btn:hover i:before
{
    background-image:url(/wp-content/uploads/2025/01/Frame-10.png);
}
a.button.primary:hover {
    background-color: #fff;
    border: 1px solid #1d4879;
}
a.button.primary.is-outline:hover, a.button.primary.white-btn:hover {
    background-color: #1d4879;
    border: 1px solid #fff;
}
.services-box .box.has-hover .arrow-right:hover {
    opacity: 0;
}
button.mfp-close {
    background-image: url(/wp-content/uploads/2025/02/Frame-481540-1.png);
    width: 67px !important;
    height: 72px !important;
    background-size: contain;
    opacity: 1 !important;
    mix-blend-mode: unset;
    top: 10px;
}
button.mfp-close svg
{
    display:none;
}
a.button.primary.tag-btn {
    overflow: hidden;
}
.wpforms-submit-container:before
{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 99%;
    height: 90%;
    background: #1d4879;
    z-index: 0;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
#wpforms-submit-92
{
    background-color: #fff;
    color: rgba(29, 72, 121, 1);
    border: 1px solid rgba(29, 72, 121, 1);
}
.wpforms-submit-container:hover::before {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: -1;
}
#wpforms-submit-92:hover::after
{
    background-image:url(/wp-content/uploads/2025/01/Frame-10.png);
    background-size:contain
}
#wpforms-submit-92:hover
{
    color:#fff !important;
    background-color:transparent !important;
    border: 1px solid rgb(255 255 255);
}
.equipped-box .box-text-inner svg {
    transition: .5s ease;
}
.equipped-box .box-text-inner svg:hover
{
    transform: rotate(45deg);
}
.equipped-box .box-text-inner svg:hover circle {
    fill:#1D4879;
}

.equipped-box .box-text-inner svg:hover path {
    fill:#fff;
}
.service-tab .custom_manufacturing_gallery {
    bottom: 6.3%;
}
.lin-height40 p
{
  line-height:40px;
}
.lin-height30 p
{
  line-height:30px;
}
.electric-power button.toggle 
{
    right: 14px;
    left: unset;
    top: 25px;
}
.electric-power a button.toggle i:before
{
    display:none;
}
.electric-power a button.toggle
{
    background-image:url(https://www.servagroup.com/wp-content/uploads/2025/08/Group-481517-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
}
.electric-power a.active button.toggle
{
    background-image:url(https://www.servagroup.com/wp-content/uploads/2025/08/Group-481517-2.png);
}
.electric-power span {
    color: #1E1E1E;
    font-size: 20px;
    font-weight: 700;
    font-family: Acumin;
}
.electric-power .accordion-title {
    padding: 30px 30px;
    border-bottom: 1px solid #9DC5E2;
    border-top: unset;
}
.electric-power .accordion-inner {
    padding: 30px 30px 10px 30px;
}
.electric-power .accordion-item.active {
    background-color: #EEF1F3;
  border-bottom: 1px solid #9DC5E2;
}
.rotate-logo-electric {
    right: 200px;
    top: 75px;
}
.electric-power-img:before {
    content: '';
    background-image: url(https://www.servagroup.com/wp-content/uploads/2025/08/Group-481548.png);
    background-size: contain;
    position: absolute;
    bottom: -98px;
    width: 594px;
    height: 99px;
    right: -376px;
  background-repeat: no-repeat;
}
.electric-power-img:after
{
    content:'';
    background-image: url(https://www.servagroup.com/wp-content/uploads/2025/08/Group-481491-1.png);
    width: 97px;
    height: 195px;
    position: absolute;
    background-size: contain;
    top: -10px;
    left: -96px;
  background-repeat: no-repeat;
}
.electric-line:after {
    content: '';
    background-image: url(https://www.servagroup.com/wp-content/uploads/2025/08/Group-481549.png);
    width: 538px;
    height: 500px;
    position: absolute;
    background-size: contain;
    right: 135px;
    bottom: -263px;
    background-repeat: no-repeat;
}