/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: Child theme for Hello Elementor.
Author: Pixelz360
Author URI: https://pixelz360.com.au/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: elementor, child-theme
*/

/* ==========================================================================
   Base styles
   ========================================================================== */

:root {
   --mrm-font-primary: "Google Sans Flex", sans-serif;
   --mrm-font-secondary: "Bayon", sans-serif;
   --mrm-cont-padding-inline: 5rem;
   --mrm-cont-exp-padding-inline: 4rem;
   /*--mrm-cont-exp-padding-inline-2: 3rem;*/
   --mrm-cont-exp-padding-inline-2: 2rem;
   --mrm-primary-blue: #1035AC;
   --mrm-secondary-blue: #79F6FC;
   --mrm-shadow-color: #1035ac4d;
   --mrm-light-grey: #F3F3F3;
   --mrm-light-grey-secondary: #fafafa;
   --mrm-white-color: #FFF;
   --mrm-cont-pd-sm: 25px;
   --mrm-cont-pd-md: 50px;
   --mrm-cont-pd-lg: 80px;
   --mrm-cont-pd-xl: 150px;
   --mrm-cont-pd-xxl: 620px;
   --mrm-transition: all .4s ease;
   --mrm-header-z-index: 100;
   --mrm-z-index-layer-1: 1;
   --mrm-z-index-layer-2: 2;
   --mrm-dsk-flex-box-width: 25%;
   --mrm-border-radius: 1000px;
   --mrm-para-padding: 1rem;
   --mrm-flex-col-tab-width: 48%;
   --mrm-flex-col-mob-width: 100%;
}

@font-face {
    font-family: "Google Sans Flex";
    src: url("./assets/fonts/GoogleSansFlex-VariableFont_GRAD,ROND,opsz,slnt,wdth,wght.ttf") format("truetype");
    font-weight: 100 700;
    font-stretch: 75% 125%;
    font-style: oblique -10deg 0deg;
    font-display: swap;
}

@font-face {
    font-family: "Bayon";
    src: url("./assets/fonts/Bayon-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

body {
   margin: 0;
   font-family: var(--mrm-font-primary);
   line-height: 1.6;
   overflow-x: hidden
}

p {
   margin-bottom: var(--mrm-para-padding);
}

img {
   max-width: 100%;
   height: auto;
}

a {
   transition: var(--mrm-transition);
}

/* ==========================================================================
   Header
   ========================================================================== */

header {
   position: relative;
   z-index: var(--mrm-header-z-index);
}

.mrm-header-inner {
   /*height: 114px;*/
   /*background: rgba(255, 255, 255, 0.96);*/
   backdrop-filter: blur(2px);
   /*border-radius: 0px 0px 16px 16px;*/
   opacity: 0;
   transition: var(--mrm-transition);
}

header .elementor-widget-theme-site-logo img {
   width: 98px;
}

.mrm-header-inner-sticky {
   opacity: 1;
   box-shadow: 2px 2px 2px #1035ac14;
}

/* ==========================================================================
   Nav menu
   ========================================================================== */

header .elementor-nav-menu .elementor-item {
   font-family: var(--mrm-font-primary) !important;
   font-style: normal;
   font-weight: 400 !important;
   font-size: 16px;
   line-height: 20px;
   color: #000000 important;
   flex-grow: 0;
}

header .elementor-nav-menu .elementor-item:hover,
header .elementor-nav-menu .elementor-item:active,
header .elementor-nav-menu .elementor-item:focus,
header .elementor-nav-menu .elementor-item-active {
   color: var(--mrm-primary-blue) !important;
   font-weight: 600 !important;
   text-decoration: none !important;
}

header .elementor-nav-menu--dropdown a.elementor-item-active {
   color: var(--mrm-white-color) !important;
}

/* ==========================================================================
   Container
   ========================================================================== */

.mrm-container {
   max-width: 1440px;
   /*width: 89%;*/
   margin-inline: auto;
   padding-inline: var(--mrm-cont-padding-inline);
}

.mrm-container.mrm-cont-expanded-2 {
   padding-inline: var(--mrm-cont-exp-padding-inline-2);
}

.mrm-container.mrm-cont-expanded {
   padding-inline: var(--mrm-cont-exp-padding-inline);
}

/* ==========================================================================
   Buttons
   ========================================================================== */

.mrm-button a {
   padding: 20px 36px;
   /*width: 221px;*/
   height: 52px;
   background: var(--mrm-primary-blue);
   box-shadow: 0px 0px 12px var(--mrm-shadow-color);
   border-radius: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.mrm-button a:hover {
   border-top-left-radius: 0;
   border-bottom-right-radius: 0px;
   border-top-right-radius: 30px;
   border-bottom-left-radius: 30px;
}

.mrm-button.mrm-sm a {
   width: 162px;
}

.mrm-button a .elementor-button-text {
   font-family: var(--mrm-font-primary);
   font-style: normal;
   font-weight: 500;
   font-size: 18px;
   line-height: 23px;
}

.mrm-btn-weight-700 a .elementor-button-text {
   font-weight: 700;
}

.mrm-button.mrm-sky-blue a {
   background: var(--mrm-secondary-blue);
   color: var(--mrm-primary-blue);
}

.mrm-button a .elementor-button-content-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-around;
   gap: 0.7rem;
}

/* ==========================================================================
   Borders
   ========================================================================== */

.mrm-sb-left-border > * {
   padding-left: 1.5rem;
}

.mrm-sb-left-border > *:before {
   content: '';
   border-left: 8px solid var(--mrm-secondary-blue);
   position: absolute;
   /*height: 89%;*/
   height: 85%;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
}

.mrm-sb-left-border.mrm-height-80 > *:before {
   height: 80px;
}

.mrm-sb-left-border.mrm-white-border > * {
   padding-left: 1rem;
   margin-bottom: 0;
}

.mrm-sb-left-border.mrm-white-border > *:before {
   /*height: 65px;*/
   border-left: 3.5px solid var(--mrm-white-color);
}

.mrm-wcu-crisp-border {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    min-height: 50px;
    background: rgba(121, 246, 252, 0.1);
    border-radius: 817.797px;
    margin-inline: auto !important;
}

.mrm-wcu-crisp-border:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;          /* now correctly inherits 999px from the parent above */
    padding: 1.5px;                  /* border thickness — bump to 2px if it still looks too thin */
 
    /* rotated gradient: bright highlight top-left, fades through, bright again bottom-right */
    background: linear-gradient(
      177deg, 
      rgb(255 255 255 / 16%) 0%, 
      rgb(255 255 255 / 67%) 12%, 
      rgba(255, 255, 255, 0.08) 21%, 
      rgba(255, 255, 255, 0.04) 55%, 
      rgba(255, 255, 255, 0.35) 89%, 
      rgb(255 255 255 / 55%) 100%
   );
 
    /* mask trick: only shows the ring (padding thickness), not the fill */
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
 
    pointer-events: none;
}

.mrm-timeline-effect ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

.mrm-timeline-effect li {
  position: relative;
  padding-left: 35px;
  /*margin-bottom: 24px;*/
  margin-bottom: 10px;
}

.mrm-timeline-effect li:before {
   content: '';
   width: 1px;
   content: "";
   position: absolute;
   left: 0;
   top: 0.55em;
   width: 8px;
   height: 8px;
   background: #1d4ed8;
   border-radius: 50%;
   z-index: 2;
}

.mrm-timeline-effect li:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 20px;      /* starts just below the dot */
    bottom: -17px;  /* ends just above the next dot */
    width: 1.4px;
    /*height: 100%;*/
    background: #1d4ed8;
}

/* Remove line after last item */
.mrm-timeline-effect li:last-child::after {
  display: none;
}

.mrm-dotted-border-effect {
   position: relative;
}

@media (min-width:768px) {
   .mrm-dotted-border-effect:before {
      content: "";
      position: absolute;
      left: 11%;
      top: 121px;
      bottom: -33px;
      width: 2px;    
      height: auto;
      bottom: -33px;
      background: repeating-linear-gradient(to bottom, #1035AC 3px, #1035AC 8px, transparent 12px, transparent 18px);
   }
}

.mrm-bt-img {
   height: 100%;
}

@media (min-width:1024px) {
   .mrm-bt-img img {
      position: absolute;
      left: calc(103% - 50vw);
      bottom: -25px;
   }
}

/* ==========================================================================
   Text wrappers
   ========================================================================== */

.mrm-txt-wrap {
   word-break: break-word;
}

/* ==========================================================================
   Padding & Margins
   ========================================================================== */

.mrm-cont-pb-sm { 
   padding-block: var(--mrm-cont-pd-sm); 
}
.mrm-cont-pb-md { 
   padding-block: var(--mrm-cont-pd-md); 
}
.mrm-cont-pb-lg { 
   padding-block: var(--mrm-cont-pd-lg); 
}
.mrm-cont-pb-xl { 
   padding-block: var(--mrm-cont-pd-xl); 
}
.mrm-cont-pb-xxl { 
   padding-block: var(--mrm-cont-pd-xxl); 
}

.mrm-cont-pbs-sm { 
   padding-block-start: var(--mrm-cont-pd-sm); 
}
.mrm-cont-pbs-md { 
   padding-block-start: var(--mrm-cont-pd-md); 
}
.mrm-cont-pbs-lg { 
   padding-block-start: var(--mrm-cont-pd-lg); 
}
.mrm-cont-pbs-xl { 
   padding-block-start: var(--mrm-cont-pd-xl); 
}
.mrm-cont-pbs-xxl { 
   padding-block-start: var(--mrm-cont-pd-xxl); 
}

.mrm-cont-pbe-sm { 
   padding-block-end: var(--mrm-cont-pd-sm); 
}
.mrm-cont-pbe-md { 
   padding-block-end: var(--mrm-cont-pd-md); 
}
.mrm-cont-pbe-lg { 
   padding-block-end: var(--mrm-cont-pd-lg); 
}
.mrm-cont-pbe-xl { 
   padding-block-end: var(--mrm-cont-pd-xl); 
}

.mrm-mrg-0 > * {
   margin: 0;
}

.mrm-bullet-pad-left ul {
   padding-left: 20px;
}

/* ==========================================================================
   Toggle elements
   ========================================================================== */

.mrm-mep-hidden-box {
   display: none;
}

/* ==========================================================================
   Transitions Effects/Animations
   ========================================================================== */

.mrm-fp-blocks > .elementor-element {
   position: relative;
   overflow: hidden;
}

.mrm-fp-blocks > .elementor-element:hover .elementor-widget-heading > * {
   color: var(--mrm-white-color);
   transition: var(--mrm-transition);
}

.mrm-fp-blocks > .elementor-element:before {
   content: '';
   position: absolute;
   background: var(--mrm-primary-blue);
   transform: scaleX(0);
   transform-origin: left;
   transition: all .3s ease;
}

.mrm-fp-blocks > .elementor-element:hover:before {
   transform: scaleX(1);
}

.mrm-kfp-cont > .elementor-element,
.mrm-kfp-cont .mrm-kfp-box,
.mrm-enlarge-icons .elementor-element img {
   transition: var(--mrm-transition);
}

.mrm-kfp-cont .mrm-kfp-box:hover,
.mrm-kfp-cont > .elementor-element:hover {
   transform: translateY(-15px);
   box-shadow: 2px 2px 8px 2px #1035ac36;
}

.mrm-enlarge-icons .elementor-element:hover img {
   transform: scale(1.2);
}

.mrm-spinning-img img {
   animation: mrm-img-spin 5s linear infinite;
   transform-origin: center center;
   background: #15224E1A;
   border-radius: 100px;
   padding: 16px;
   width: 200px;
}

.mrm-rimg-sec img {
   padding: 0px;
}

@keyframes mrm-img-spin {
   from {
     transform: rotate(0deg);
   }
   to {
       transform: rotate(360deg);
   }
}

/* ==========================================================================
   Elementor Loop Items
   ========================================================================== */

.mrm-services-grid-main .elementor-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mrm-services-grid-main .elementor-grid .mrm-services {
    position: relative;
    display: block;
    overflow: hidden;
    transition: var(--mrm-transition);
    flex: 0 1 23% !important;
}

.mrm-services-grid-main .mrm-loop-item-cont {
    position: relative;
    display: block;
    overflow: hidden;
    height: fit-content;
    transition: var(--mrm-transition);
    /*flex: 0 1 calc((100% - 90px) / 4);*/
    flex: 0 1 calc((100% - 60px) / 4);
    z-index: 1;
}

.mrm-flex-3-cols .mrm-loop-item-cont {
   flex: 0 0 calc((100% - 40px) / 3);
}

.mrm-flex-3-cols .mrm-loop-item-cont.mrm-flex-85 {
   flex: 0 0 calc((85% - 40px) / 3);
}

.mrm-flex-2-cols .mrm-loop-item-cont {
   flex: 0 0 calc((100% - 40px) / 2);
}

/* dark overlay */
.mrm-loop-item-cont::before {
    content: "";
    position: absolute;
    inset: 0;
    /*background: rgba(0,0,0,0.35);*/
    background: rgb(0 0 0 / 59%);
    z-index: var(--mrm-z-index-layer-1);
    opacity: 0;
}

.mrm-loop-item-cont:hover:before {
    opacity: 1;
}

/* image */
.mrm-loop-item-cont img {
    width: 100%;
    display: block;
}

/* corner frame */
.mrm-loop-item-cont::after {
    content: "";
    position: absolute;
    inset: 18px;

    background:
    linear-gradient(#fff,#fff) top left,
    linear-gradient(#fff,#fff) top left,
    linear-gradient(#fff,#fff) top right,
    linear-gradient(#fff,#fff) top right,
    linear-gradient(#fff,#fff) bottom left,
    linear-gradient(#fff,#fff) bottom left,
    linear-gradient(#fff,#fff) bottom right,
    linear-gradient(#fff,#fff) bottom right;

   background-size:
    65px 2px, 2px 65px,
    65px 2px, 2px 65px,
    65px 2px, 2px 65px,
    65px 2px, 2px 65px;

   background-repeat: no-repeat;

    opacity: 0.4;
    pointer-events: none;
    z-index: var(--mrm-z-index-layer-1);
}

.mrm-loop-item-cont-wrap {
   position: absolute;
   /*height: 85%;*/
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   /*justify-content: flex-end;*/
   /*width: 85%;*/
   width: 100%;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   gap: 0px;
   z-index: var(--mrm-z-index-layer-1);
   transition: var(--mrm-transition);
}

.mrm-loop-item-cont-justify-center {
   justify-content: center;
}

.mrm-loop-item-cont-wrap .mrm-loop-item-title,
.mrm-loop-item-cont-wrap .mrm-loop-item-content {
   width: 85%;
}

/*.mrm-vs-img-title {
   transform: translateY(-100%);
   transition: var(--mrm-transition);
}*/

/*.mrm-loop-item-cont-wrap .mrm-loop-item-title.elementor-widget {
   top: -50%;
   transform: translateY(50%);
   transition: var(--mrm-transition);
}*/

/*@media (max-width:1024px) {
   .mrm-loop-item-cont-wrap:hover .mrm-loop-item-title.elementor-widget {
      top: 0%;
      transform: translateY(0px);
      transition: var(--mrm-transition);
   }
}
*/
@media (min-width:1024px) {
   .mrm-loop-item-cont-wrap .mrm-loop-item-title.mrm-no-slide {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
   }
}

/*.mrm-ws-con,*/
.mrm-loop-item-content {
   /*max-height: 95px;*/
   /*transform: translateY(120%);*/
   max-height: 0;
   transform: translateY(135px);
   transition: var(--mrm-transition);
   opacity: 0;
}

.mrm-loop-item-content p {
   margin-bottom: 0px;
}

.mrm-loop-item-cont-wrap:hover {
   gap: 10px;
   justify-content: end;
}

/*.mrm-loop-item-cont-wrap:hover .mrm-loop-item-title:not(.mrm-no-slide) {
   top: unset;
   transform: unset;
}*/

.mrm-loop-item-cont-wrap:hover .mrm-loop-item-content {
   max-height: fit-content;
   transform: translateY(0%);
   opacity: 1;
   padding-block-end: 30px;
}

/* ==========================================================================
   Section overlapping shapes
   ========================================================================== */

.mrm-curve-top,
.mrm-curve-bottom {
   position: relative;
   overflow-x: clip;
   z-index: var(--mrm-z-index-layer-1);
}
.mrm-curve-top:before {
   content: "";
   position: absolute;
   left: -180px;
   top: -50px;
   width: 125%;
   height: 100px;
   /*background: #ccc;*/
   background: var(--mrm-white-color);
   border-top-left-radius: 50% 100%;
   border-top-right-radius: 50% 100%;
   z-index: var(--mrm-z-index-layer-1);
}

.mrm-curve-bottom:after {
   content: "";
   position: absolute;
   left: -180px;
   bottom: -50px;
   width: 125%;
   height: 100px;
   /*background: #ccc;*/
   background: var(--mrm-white-color);
   border-bottom-left-radius: 50% 100%;
   border-bottom-right-radius: 50% 100%;
   z-index: var(--mrm-z-index-layer-1);
}

.mrm-curve-top.mrm-grey-curve:before,
.mrm-curve-bottom.mrm-grey-curve:after {
   background: var(--mrm-light-grey);
}

.mrm-curve-bottom.mrm-light-grey-curve:after {
   background: var(--mrm-light-grey-secondary);
}

.mrm-curve-top.mrm-curve-separator:after {
   content: "";
   /*background: var(--mrm-white-color);*/
   top: 20px;
   position: absolute;
   width: 100%;
   height: 13px;
   z-index: var(--mrm-z-index-layer-1);
   left: 0;
}

.mrm-dafi-sec {
   background-size: 100% 100%;
}

/* ==========================================================================
   Elementor image overlapping text section
   ========================================================================== */

.mrm-height-500 {
   height: 500px;
}

.mrm-rimg-sec img {
   width: 100%;
   border-radius: var(--mrm-border-radius);
}

/*.mrm-rimg-sec.mrm-gray-scale img*/
.mrm-rimg-sec img {
   filter: grayscale(100%);
}

.mrm-rimg-sec {
   transition: var(--mrm-transition);
}

/*.mrm-rimg-con-wrap {
   position: absolute;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 50px;
}*/

.mrm-rimg-sec > .elementor-element {
   position: relative;
   height: fit-content;
   border-radius: var(--mrm-border-radius);
   align-items: center;
   padding: 0px;
   overflow: hidden;
   /*width: 32%;*/
   width: 30%;
}

.mrm-rimg-sec > .elementor-element:hover .elementor-heading-title,
.mrm-rimg-sec > .elementor-element:hover img {
   filter: unset;
   color: var(--mrm-white-color) !important;
}

.mrm-rimg-sec.mrm-rimg-no-shadow > .elementor-element {
   min-height: 400px;
}

.mrm-rimg-sec .elementor-widget-image {
   width: 100%;
}

.mrm-rimg-sec:not(.mrm-rimg-no-shadow) > .elementor-element:after {
   content: '';
    width: 100%;
    height: 150px;
    position: absolute;
    background: #000000ab;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    filter: blur(25px);
}

.mrm-rimg-sec:not(.mrm-rimg-cont-sec) .mrm-vs-img-title.elementor-widget-heading {
   position: absolute;
   left: 50%;
   bottom: 18%;
   transform: translate(-50%, 0%);
   width: 75%;
   padding-inline: 1rem;
   z-index: var(--mrm-z-index-layer-1);
}

.mrm-ws-con-cont {
   position: absolute;
   bottom: 0;
   /*height: 85%;*/
   height: 100%;
   display: flex;
   justify-content: end;
   top: 0;
   /*width: 75%;*/
   width: 100%;
   text-align: center;
   left: 50%;
   transform: translateX(-50%);
   transition: var(--mrm-transition);
   border-radius: 1000px;
   padding-bottom: 40px;
}

.mrm-ws-con-cont .elementor-widget-heading {
   width: 50%;
   margin-inline: auto;
   /*transform: translateY(-50%);*/
}

.mrm-rimg-sec.mrm-rimg-cont-sec .mrm-ws-con {
   /*width: 50%;*/
   width: 65%;
   margin-inline: auto;
   max-height: 0;
   transform: translateY(40px);
}

.mrm-ws-con-cont:hover .elementor-widget-heading {
   /*transform: translateY(-100%);*/
}
.mrm-ws-con-cont:hover .mrm-ws-con {
   transform: translateY(0px);
   max-height: max-content;
}

/*.mrm-ws-con-cont:hover .mrm-ws-con {
   max-height: fit-content;
   transform: translateY(0px);
}*/

/* ==========================================================================
   Testimonials/Carousel layout
   ========================================================================== */

.mrm-testimonials .elementor-swiper-button {
   border: 2px solid;
   border-radius: 100px;
   padding: 5px;
}

.mrm-testimonials .elementor-swiper-button-prev {
   left: -10px;
}

.mrm-testimonials .elementor-swiper-button-next {
   right: -10px;
}

.mrm-testimonials .swiper-pagination-bullet-active {
   width: 25px;
   border-radius: 10px;
}

.mrm-testimonials .elementor-main-swiper {
   width: 89%;
}

.mrm-testimonials .mrm-rating-stars {
   /*color: var(--mrm-secondary-blue);*/
   /*font-size: 26px;*/
   padding-block: 20px;
}

@media (min-width:1024px) {
   .elementor-testimonial__content {
       min-height: 200px;
   }
}

/*.mrm-testimonials .mrm-testimonial-text {
   height: 135px;
   overflow-y: hidden;
   text-overflow: ellipsis;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 5;
   display: -webkit-box;
}*/

.mrm-testimonials span.swiper-pagination-bullet.swiper-pagination-bullet-active {
   width: 24px !important;
}

.mrm-testimonials .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
   bottom: -35px;
}

.mrm-testimonials .elementor-testimonial {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   height: 100%;
}

/* ==========================================================================
   Background Sizes
   ========================================================================== */

@media (min-width:1024px) {

   .mrm-qpte-sec {
      background-size: 100% 94%;
   }
   
}

.mrm-vws-sec {
   background-size: 100% 50% !important;
}

@media (max-width:500px) {

   .mrm-vws-sec {
      background-size: 240vw 22% !important;
   }
   
}

/* ==========================================================================
   Logo Section
   ========================================================================== */

.mrm-logo-slides .e-n-carousel .swiper-wrapper {
    animation: logoMarquee 30s linear infinite !important;
    transition: none !important;
    width: max-content !important;
}

.mrm-logo-slides .e-n-carousel .swiper-slide {
    flex-shrink: 0 !important;
}

@keyframes logoMarquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

/* ==========================================================================
   Key performance section
   ========================================================================== */

.mrm-kfp-cont > .elementor-element,
.mrm-kfp-cont .mrm-kfp-box {
   /*width: 24%;*/
   flex: 0 0 calc(var(--mrm-dsk-flex-box-width) - 15px);
   padding-inline: 0px;
   padding-block-start: 0px;
   padding-block-end: var(--mrm-cont-pd-md);
   border-bottom: 4px solid var(--mrm-primary-blue);
}

.mrm-kfp-cont > .elementor-element .elementor-widget-image:nth-child(2) img,
.mrm-kfp-cont .mrm-kfp-box .elementor-widget-image:nth-child(2) img {
   margin-top: -45px;
}  

.mrm-kfp-cont .mrm-kfp-box :nth-child(3) {
   min-height: 40px;
}

.mrm-kfp-cont .mrm-kfp-box :nth-child(4) {
   min-height: 90px;
}

.mrm-kfp-cont .elementor-widget-heading h2 {
   padding-inline: 1rem;  
}

/* ==========================================================================
   Mariner mechanical last section
   ========================================================================== */

.mrm-mm-text-bg {
   background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
   background-clip: text;
   text-fill-color: transparent;
   mix-blend-mode: plus-lighter;
   opacity: 0.3;
}

@media (min-width:1100px) and (max-width:1367px) {
   .mrm-mm-text-bg .elementor-heading-title {
      font-size: 13vw !important;
   }
}

/* ==========================================================================
   Icons
   ========================================================================== */

.mrm-checkmark-effect ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

.mrm-checkmark-effect ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 18px;
}

.mrm-checkmark-effect ul li::before {
   content: "";
   position: absolute;
   left: 0;
   top: 4px;
   width: 20px;
   height: 20px;
   background-image:url("/wp-content/uploads/2026/06/Vector-6.svg");
}

.mrm-green-tick-heading,
.mrm-red-tick-heading {
   padding-inline-start: 30px;
}

.mrm-green-tick-heading::before {
   content: "";
   position: absolute;
   left: 0;
   top: 4px;
   width: 20px;
   height: 20px;
   background-image:url("/wp-content/uploads/2026/06/Vector-8.svg");
}

.mrm-red-tick-heading::before {
   content: "";
   position: absolute;
   left: -2px;
   top: 0px;
   width: 23px;
   height: 23px;
   background-image:url("/wp-content/uploads/2026/06/XCircle.svg");
}


/* Troubleshooting Fix */
@media (min-width:1024px) {
   .elementor-element-09f2f55 .elementor-icon-list-items .elementor-icon-list-item:nth-child(4),
   .elementor-element-58e4f69 .elementor-icon-list-items .elementor-icon-list-item:nth-child(4),
   .elementor-element-07591f8 .elementor-icon-list-items .elementor-icon-list-item:nth-child(4),
   .elementor-element-58e4f69 .elementor-icon-list-items .elementor-icon-list-item:last-child,
   .elementor-element-07591f8 .elementor-icon-list-items .elementor-icon-list-item:last-child,

   .elementor-element-5c2bc8f .elementor-icon-list-items .elementor-icon-list-item:nth-child(4),
   .elementor-element-74d0530 .elementor-icon-list-items .elementor-icon-list-item:nth-child(4),
   .elementor-element-9891616 .elementor-icon-list-items .elementor-icon-list-item:nth-child(4),
   .elementor-element-74d0530 .elementor-icon-list-items .elementor-icon-list-item:last-child,
   .elementor-element-9891616 .elementor-icon-list-items .elementor-icon-list-item:last-child  {
      margin-top: 46px !important;
   }
}


/* ==========================================================================
   Footer
   ========================================================================== */

footer .mrm-ft-links .elementor-item-anchor,
footer .mrm-ft-links li a {
   padding-left: 0px !important;
   padding-bottom: 0px !important;
}

footer .mrm-ft-links li,
footer .mrm-ft-links .elementor-widget-text-editor {
   word-break: break-word;
}

footer .menu-item-20 .sub-arrow,
footer .menu-item-20 .sub-menu {
   display: none !important;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

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

   :root {
      --mrm-cont-padding-inline: 3rem;
   }

   .mrm-rimg-sec > .elementor-element {
      width: var(--mrm-flex-col-tab-width);
   }

   .mrm-services-grid-main .elementor-grid .mrm-services,
   .mrm-loop-item-cont,
   .mrm-kfp-cont > .elementor-element {
      flex: 0 0 calc(var(--mrm-flex-col-tab-width) - 15px) !important;
   }

   .mrm-curve-top:before {
      left: 50%;
      transform: translateX(-50%);
      width: 200%;
      top: -25px;
      height: 70px;
   }

   .mrm-curve-bottom:after {
      left: 50%;
      transform: translateX(-50%);
      width: 200%;
      bottom: -25px;
      height: 70px;
   }

   .mrm-testimonials .elementor-main-swiper {
      width: 80%;
   }

   /* Main menu  */
   .elementor-10 .elementor-element.elementor-element-81e6a2c .elementor-nav-menu--dropdown a.highlighted,
   .elementor-10 .elementor-element.elementor-element-81e6a2c .elementor-nav-menu--dropdown a.elementor-item:hover,
   .elementor-10 .elementor-element.elementor-element-81e6a2c .elementor-nav-menu--dropdown a.elementor-item-active {
      color: var(--mrm-white-color) !important;
   }

   .elementor-10 .elementor-element.elementor-element-81e6a2c .elementor-nav-menu--dropdown a.elementor-item:hover path,
   .elementor-10 .elementor-element.elementor-element-81e6a2c .elementor-nav-menu--dropdown a.has-submenu.highlighted path {
      fill: var(--mrm-white-color) !important;
   }

   /*.elementor-nav-menu--dropdown.elementor-nav-menu__container {
      position: fixed !important;
      top: 80px !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      max-width: 92vw !important;
   }*/

   .mrm-rimg-sec.mrm-rimg-no-shadow > .elementor-element {
      min-height: 320px;
   }

   .mrm-ops-sec,
   .mrm-our-comm-sec {
       padding: 0;
   }

   .mrm-wcu-crisp-border {
          padding: 10px 20px;
   }

}

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

   :root {
      --mrm-cont-padding-inline: 1rem;
      --mrm-cont-exp-padding-inline: 1rem;
      --mrm-cont-exp-padding-inline-2: 1rem;
      --mrm-cont-pd-lg: 50px;
      --mrm-cont-pd-xl: 80px;
   }

   .mrm-rimg-sec > .elementor-element {
      width: var(--mrm-flex-col-mob-width);
   }

   .mrm-services-grid-main .elementor-grid .mrm-services,
   .mrm-loop-item-cont,
   .mrm-kfp-cont > .elementor-element {
      flex: 0 0 var(--mrm-flex-col-mob-width) !important;
   }

   .elementor-element .swiper .elementor-swiper-button-prev {
      left: -10px;
   }

   .elementor-element .swiper .elementor-swiper-button-next {
      right: -10px;
   }

   .mrm-loop-item-cont-wrap {
      height: 90%;
   }

   .mrm-wcu-crisp-border {
      border-radius: unset;
      padding: 20px;
   }

   .mrm-rimg-sec.mrm-rimg-no-shadow > .elementor-element {
      min-height: 350px;
      width: 350px;
   }

   .mrm-oqic-sec,
   .mrm-ocpic-sec {
      padding: 0px;
   }
   .mrm-kg-logo img {
      width: 150px;
      height: 56px;
   }
}

@media (min-width: 416px) and (max-width: 440px) {

   .elementor-element .swiper .elementor-swiper-button-prev {
      left: -7px;
   }
   .elementor-element .swiper .elementor-swiper-button-next {
     right: -7px;
   }
   
}