.elementor-3361 .elementor-element.elementor-element-4f419e3{--display:flex;--min-height:0vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-3361 .elementor-element.elementor-element-4f419e3:not(.elementor-motion-effects-element-type-background), .elementor-3361 .elementor-element.elementor-element-4f419e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F2FE;}.elementor-3361 .elementor-element.elementor-element-4f419e3::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 4.3px ) hue-rotate( 0deg );}.elementor-3361 .elementor-element.elementor-element-4f419e3.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-3361 .elementor-element.elementor-element-9cc833d{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3361 .elementor-element.elementor-element-9cc833d.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3361 .elementor-element.elementor-element-0ae0ffe > .elementor-widget-container{margin:0px 0px 0px -0px;padding:3px 3px 3px 3px;border-radius:5px 5px 5px 5px;}.elementor-3361 .elementor-element.elementor-element-0ae0ffe .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;text-transform:capitalize;letter-spacing:-0.2px;color:#234C85;}.elementor-3361 .elementor-element.elementor-element-0ae0ffe .elementor-heading-title a:hover, .elementor-3361 .elementor-element.elementor-element-0ae0ffe .elementor-heading-title a:focus{color:#234C85;}.elementor-3361 .elementor-element.elementor-element-0ae0ffe .elementor-heading-title a{transition-duration:0s;}.elementor-3361 .elementor-element.elementor-element-23a4dfe > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 0px 0px 0px;}.elementor-3361 .elementor-element.elementor-element-23a4dfe .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;letter-spacing:-0.8px;color:#234C85;}.elementor-3361 .elementor-element.elementor-element-998b2dd{--display:flex;--min-height:25px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3361 .elementor-element.elementor-element-998b2dd.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3361 .elementor-element.elementor-element-061d450{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-3361 .elementor-element.elementor-element-061d450:not(.elementor-motion-effects-element-type-background), .elementor-3361 .elementor-element.elementor-element-061d450 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#425563;}.elementor-3361 .elementor-element.elementor-element-8efefe2{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--margin-top:0px;--margin-bottom:-30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3361 .elementor-element.elementor-element-bc96c66 > .elementor-widget-container{margin:-2% 0% 4% 0%;padding:0px 0px 0px 0px;}.elementor-3361 .elementor-element.elementor-element-bc96c66{text-align:center;}.elementor-3361 .elementor-element.elementor-element-bc96c66 img{width:45%;max-width:100%;height:100%;object-fit:cover;object-position:center center;opacity:1;}.elementor-3361 .elementor-element.elementor-element-bc96c66 .widget-image-caption{text-align:center;color:#16191E;font-family:"Black Hand", Sans-serif;font-size:1vw;font-weight:200;letter-spacing:1.1px;margin-block-start:0px;}.elementor-3361 .elementor-element.elementor-element-b7ab650{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:-100px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3361 .elementor-element.elementor-element-9d8e832{width:auto;max-width:auto;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:0px;--e-nav-menu-divider-height:0px;--e-nav-menu-divider-color:var( --e-global-color-270ee21 );--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-3361 .elementor-element.elementor-element-9d8e832 > .elementor-widget-container{margin:-14px 0px -14px 0px;padding:0px 0px 0px 0px;}.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-menu-toggle{margin:0 auto;}.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu .elementor-item{font-family:"Open Sans", Sans-serif;font-size:0.75vw;font-weight:700;text-transform:capitalize;line-height:40px;letter-spacing:0px;word-spacing:0px;}.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--main .elementor-item{color:#E5EFF6;fill:#E5EFF6;padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;}.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-275f8f0 );fill:var( --e-global-color-275f8f0 );}.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--dropdown a, .elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--dropdown{background-color:#425563;}.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--dropdown a:hover,
					.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--dropdown a:focus,
					.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-menu-toggle:hover,
					.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-menu-toggle:focus{color:var( --e-global-color-d0f755e );}.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--dropdown .elementor-item, .elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:1vw;font-weight:400;}.elementor-3361 .elementor-element.elementor-element-9d8e832 div.elementor-menu-toggle{color:#09CFCD;}.elementor-3361 .elementor-element.elementor-element-9d8e832 div.elementor-menu-toggle svg{fill:#09CFCD;}.elementor-3361 .elementor-element.elementor-element-baa1400 .elementor-button{background-color:#394956;font-family:"Open Sans", Sans-serif;font-weight:700;text-transform:capitalize;fill:#E5EFF6;color:#E5EFF6;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-4de4325 );padding:15px 25px 15px 25px;}.elementor-3361 .elementor-element.elementor-element-baa1400 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3361 .elementor-element.elementor-element-baa1400 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3361 .elementor-element.elementor-element-baa1400 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-3361 .elementor-element.elementor-element-061d450{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-3361 .elementor-element.elementor-element-4f419e3{--width:100vw;}.elementor-3361 .elementor-element.elementor-element-9cc833d{--width:50%;}.elementor-3361 .elementor-element.elementor-element-998b2dd{--width:70%;}.elementor-3361 .elementor-element.elementor-element-061d450{--width:100%;}.elementor-3361 .elementor-element.elementor-element-8efefe2{--width:60%;}.elementor-3361 .elementor-element.elementor-element-b7ab650{--width:60vw;}}@media(max-width:767px){.elementor-3361 .elementor-element.elementor-element-4f419e3{--width:100vw;--min-height:10vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 2px;--row-gap:0px;--column-gap:2px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3361 .elementor-element.elementor-element-9cc833d{--width:100vw;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-3361 .elementor-element.elementor-element-998b2dd{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3361 .elementor-element.elementor-element-998b2dd.e-con{--order:99999 /* order end hack */;}.elementor-3361 .elementor-element.elementor-element-061d450{--width:100%;--min-height:10vh;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-3361 .elementor-element.elementor-element-8efefe2{--width:80%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:10px;--margin-bottom:-40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3361 .elementor-element.elementor-element-bc96c66 > .elementor-widget-container{margin:10px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-3361 .elementor-element.elementor-element-bc96c66{text-align:center;}.elementor-3361 .elementor-element.elementor-element-bc96c66 img{width:225px;max-width:300px;height:75px;object-fit:cover;}.elementor-3361 .elementor-element.elementor-element-bc96c66 .widget-image-caption{font-size:5vw;}.elementor-3361 .elementor-element.elementor-element-b7ab650{--width:100%;--min-height:1vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--margin-top:0px;--margin-bottom:-0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:20;}.elementor-3361 .elementor-element.elementor-element-b7ab650.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3361 .elementor-element.elementor-element-9d8e832{width:auto;max-width:auto;--nav-menu-icon-size:40px;}.elementor-3361 .elementor-element.elementor-element-9d8e832 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3361 .elementor-element.elementor-element-9d8e832.elementor-element{--align-self:center;}.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--main .elementor-item{padding-left:20px;padding-right:20px;padding-top:0px;padding-bottom:0px;}.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--dropdown .elementor-item, .elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:5vw;letter-spacing:1.8px;}.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--dropdown{border-radius:0px 0px 0px 0px;}.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--dropdown a{padding-left:0vw;padding-right:0vw;padding-top:0vh;padding-bottom:0vh;}.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-3361 .elementor-element.elementor-element-9d8e832 .elementor-menu-toggle{border-width:0px;border-radius:0px;}}/* Start custom CSS for container, class: .elementor-element-4f419e3 */.elementor-3361 .elementor-element.elementor-element-4f419e3.elementor-sticky--effects {
   background-color: rgba(116,116,116,0.97) !important;
   transition: background-color 0.75s ease!important;
}
/*--SHRINKING LOGO--*/
/*--New class when sticky is turned on 'elementor-sticky--effects'--*/
/*--give the logo image a class called 'sticky-logo' --*/

.elementor-sticky--effects .sticky-logo img {
	width: 130px!important;/*--edit the pixels to change to desired shrinking size--*/
}

.sticky-logo img {
	transition: .5s all ease-in-out;
}


@media screen and (max-width: 767px) {
    .elementor-sticky--effects .sticky-logo img {
	width: 120px!important;/*--edit the pixels to change to desired shrinking size for mobile--*/
}
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-9d8e832 *//* ==========================================================================
   DESKTOP STYLES (Fixed Length + True Left Fly-In + Perfectly Centered Finish)
   ========================================================================== */
.sticky-menu ul {
  display: flex !important;
  align-items: center !important;
}

.sticky-menu ul li {
  display: inline-block !important;
  position: relative !important;
  padding: 0 18px !important;
}

.sticky-menu ul li a {
  position: relative !important;
  padding: 10px 0 !important;
  display: inline-block !important;
  font-weight: 700 !important;
  color: #e5eff6 !important;
  text-decoration: none !important;
  cursor: pointer;
  z-index: 9 !important;
  transition: color 0.2s ease !important;
  will-change: color;
  overflow: visible !important;
}

.sticky-menu ul li a:hover {
  color: #02c7c7 !important;
}

/* --- ACTIVE LINK COLOR STATE --- */
.sticky-menu ul li.current-menu-item a,
.sticky-menu ul li.active a,
.sticky-menu ul li a.active {
  color: #02c7c7 !important;
}

/* --- FIXED LENGTH FLY-IN UNDERLINE --- */
.sticky-menu ul li a::before {
  content: "" !important;
  position: absolute !important;
  bottom: 0px !important;
  left: 50% !important; /* Anchors the base position to text center */
  width: 50px !important; /* FIXED LENGTH across all links */
  height: 3px !important;
  background-color: #02c7c7 !important;
  border-radius: 99px !important;
  pointer-events: none !important;
  
  /* Starts pulled -80px to the left of center (out of bounds) & scaled down */
  transform: translateX(-120%) scaleX(0.4) !important;
  opacity: 0 !important;
  
  /* Smooth, visible glide curve */
  transition: transform 0.38s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease-out !important;
  will-change: transform, opacity;
}

/* Hover State: Flies in from the left and stops EXACTLY in the center */
.sticky-menu ul li a:hover::before {
  transform: translateX(-50%) scaleX(1) !important; /* -50% perfectly centers a 50px line */
  opacity: 1 !important;
}

/* --- ACTIVE PAGE UNDERLINE STATE --- */
.sticky-menu ul li.current-menu-item a::before,
.sticky-menu ul li.active a::before,
.sticky-menu ul li a.active::before {
  transform: translateX(-50%) scaleX(1) !important;
  opacity: 1 !important;
  background-color: #02c7c7 !important;
}

/* ==========================================================================
   MOBILE ECOSYSTEM REPAIR (Under 768px)
   ========================================================================== */
@media (max-width: 767px) {
  .sticky-menu {
    overflow: visible !important;
    background-color: #425563 !important;
  }

  .sticky-menu ul {
    display: flex !important;
    flex-direction: column !important;
    padding: 20px 0 !important;
    margin: 0 !important;
    width: 100% !important;
    background-color: #425563 !important;
  }

  .sticky-menu ul li {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .sticky-menu ul li a {
    display: block !important;
    padding: 15px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Disable underline animations on mobile */
  .sticky-menu ul li a::before,
  .sticky-menu ul li a:hover::before,
  .sticky-menu ul li.current-menu-item a::before,
  .sticky-menu ul li.active a::before,
  .sticky-menu ul li a.active::before {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-baa1400 */.elementor-3361 .elementor-element.elementor-element-baa1400 .elementor-button-icon {
    font-size: 1.1em; /* Adjust this value to make the icon bigger or smaller */
   
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Black Hand';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://gramco.co.za/wp-content/uploads/2025/06/blackjack.eot');
	src: url('https://gramco.co.za/wp-content/uploads/2025/06/blackjack.eot?#iefix') format('embedded-opentype'),
		url('https://gramco.co.za/wp-content/uploads/2025/06/BLACKJAR.woff2') format('woff2'),
		url('https://gramco.co.za/wp-content/uploads/2025/06/BLACKJAR.woff') format('woff'),
		url('https://gramco.co.za/wp-content/uploads/2025/06/BLACKJAR.svg#BlackHand') format('svg');
}
/* End Custom Fonts CSS */