.elementor-1989 .elementor-element.elementor-element-cd0b853{--display:flex;--min-height:0px;--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;--margin-top:0px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1989 .elementor-element.elementor-element-cd0b853:not(.elementor-motion-effects-element-type-background), .elementor-1989 .elementor-element.elementor-element-cd0b853 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://graindesail-overseas.com/wp-content/uploads/2025/03/geran-de-klerk-sea-background-1920x300-1.jpg");background-position:top center;background-repeat:no-repeat;}.elementor-1989 .elementor-element.elementor-element-cd0b853.e-con{--align-self:flex-start;}.elementor-1989 .elementor-element.elementor-element-6d521a1{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1989 .elementor-element.elementor-element-9aca667{--display:flex;--justify-content:center;--gap:05px 0px;--row-gap:05px;--column-gap:0px;--margin-top:280px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1989 .elementor-element.elementor-element-152343c{font-family:"Brandon grotesque", Sans-serif;font-size:15px;font-weight:700;line-height:21px;color:#000000;}.elementor-1989 .elementor-element.elementor-element-152343c a{color:#000000;}.elementor-1989 .elementor-element.elementor-element-3590f77{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1989 .elementor-element.elementor-element-3ce3123{text-align:center;}.elementor-1989 .elementor-element.elementor-element-3ce3123 .elementor-heading-title{font-family:"Oswald Stencil", Sans-serif;font-size:2.375em;font-weight:600;line-height:40px;}.elementor-1989 .elementor-element.elementor-element-709fdef{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1989 .elementor-element.elementor-element-18cee2a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1989 .elementor-element.elementor-element-5d39fe6 .elementor-nav-menu .elementor-item{font-family:"Brandon grotesque", Sans-serif;font-size:0.75em;font-weight:800;text-transform:uppercase;}.elementor-1989 .elementor-element.elementor-element-5d39fe6 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;}.elementor-1989 .elementor-element.elementor-element-5d39fe6 .elementor-nav-menu--main .elementor-item:hover, .elementor-1989 .elementor-element.elementor-element-5d39fe6 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1989 .elementor-element.elementor-element-5d39fe6 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1989 .elementor-element.elementor-element-5d39fe6 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1989 .elementor-element.elementor-element-5d39fe6 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-1989 .elementor-element.elementor-element-5d39fe6 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-1989 .elementor-element.elementor-element-5d39fe6 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-1989 .elementor-element.elementor-element-5d39fe6 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-1989 .elementor-element.elementor-element-5d39fe6 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-1989 .elementor-element.elementor-element-5d39fe6 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-1989 .elementor-element.elementor-element-5d39fe6 .e--pointer-underline .elementor-item:after, .elementor-1989 .elementor-element.elementor-element-5d39fe6 .e--pointer-overline .elementor-item:before, .elementor-1989 .elementor-element.elementor-element-5d39fe6 .e--pointer-double-line .elementor-item:before, .elementor-1989 .elementor-element.elementor-element-5d39fe6 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-1989 .elementor-element.elementor-element-5d39fe6{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1989 .elementor-element.elementor-element-5d39fe6 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1989 .elementor-element.elementor-element-7730346{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1989 .elementor-element.elementor-element-02f8a05{--grid-columns:3;--grid-row-gap:50px;--grid-column-gap:20px;}@media(min-width:768px){.elementor-1989 .elementor-element.elementor-element-cd0b853{--width:100%;}.elementor-1989 .elementor-element.elementor-element-6d521a1{--content-width:1200px;}}@media(max-width:1024px){.elementor-1989 .elementor-element.elementor-element-cd0b853{--flex-wrap:wrap;}.elementor-1989 .elementor-element.elementor-element-9aca667{--margin-top:240px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-breadcrumbs{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1989 .elementor-element.elementor-element-02f8a05{--grid-columns:2;}}@media(max-width:767px){.elementor-1989 .elementor-element.elementor-element-9aca667{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-breadcrumbs{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-1989 .elementor-element.elementor-element-5d39fe6{--e-nav-menu-horizontal-menu-item-margin:calc( 4px / 2 );}.elementor-1989 .elementor-element.elementor-element-5d39fe6 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:4px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1989 .elementor-element.elementor-element-02f8a05{--grid-columns:1;}}/* Start custom CSS for breadcrumbs, class: .elementor-element-152343c */span a { font-weight: 600; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-5d39fe6 */.elementor-1989 .elementor-element.elementor-element-5d39fe6 .elementor-item { background: #fff; border: solid 1px #e6e7e7; transition: all 1s ease-in-out !important; -webkit-transition: all 1s ease-in-out !important; -moz-transition: all 1s ease-in-out !important; -o-transition: all 1s ease-in-out !important; -ms-transition: all 1s ease-in-out !important; transition: all 1s ease-in-out !important; margin: 0 0 10px 0; } .elementor-1989 .elementor-element.elementor-element-5d39fe6 .elementor-item:hover { background: #C31E20; border: solid 1px #e6e7e7; } .elementor-1989 .elementor-element.elementor-element-5d39fe6 .elementor-item-active { background: #C31E20; } .elementor-1989 .elementor-element.elementor-element-5d39fe6 ul{ gap: 4px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cd0b853 */.elementor-1989 .elementor-element.elementor-element-cd0b853:after { background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 100%); height: 90px; content: ''; width: 100%; position: absolute; top: 0; left: 0; } /* Default styles for all screen sizes */ .elementor-1989 .elementor-element.elementor-element-cd0b853::before { background-image: url(https://graindesail-overseas.com/wp-content/uploads/2025/03/background-vague-top.svg); background-repeat: no-repeat; background-position: center top; z-index: 0; content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 80px; left: 0; } /* For screens 0px and above (default background-size) */ @media (min-width: 0px) { .elementor-1989 .elementor-element.elementor-element-cd0b853::before { background-size: 300%; } } /* For screens 600px and above */ @media (min-width: 600px) { .elementor-1989 .elementor-element.elementor-element-cd0b853::before { background-size: 200%; } } /* For screens 769px and above */ @media (min-width: 769px) { .elementor-1989 .elementor-element.elementor-element-cd0b853::before { background-size: 150%; } } /* For screens 1041px and above */ @media (min-width: 1041px) { .elementor-1989 .elementor-element.elementor-element-cd0b853::before { background-size: 100%; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Brandon grotesque'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://graindesail-overseas.com/wp-content/uploads/2025/03/BrandonGrotesque-Thin.woff') format('woff'); } @font-face { font-family: 'Brandon grotesque'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://graindesail-overseas.com/wp-content/uploads/2025/03/BrandonGrotesque-Light.woff') format('woff'); } @font-face { font-family: 'Brandon grotesque'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://graindesail-overseas.com/wp-content/uploads/2025/03/BrandonGrotesque-Regular.woff') format('woff'); } @font-face { font-family: 'Brandon grotesque'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://graindesail-overseas.com/wp-content/uploads/2025/03/BrandonGrotesque-Medium.woff') format('woff'); } @font-face { font-family: 'Brandon grotesque'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://graindesail-overseas.com/wp-content/uploads/2025/03/BrandonGrotesque-Bold.woff') format('woff'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Oswald Stencil'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://graindesail-overseas.com/wp-content/uploads/2025/03/Oswald-Stencil-Bold.woff') format('woff'); } /* End Custom Fonts CSS */