@import url(effect.css);

/* Fonts */
@import url('https://use.fontawesome.com/releases/v5.15.4/css/all.css');
@import url(simple-line-icons.css);
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Sora:wght@100..800&display=swap');

html { margin: 0; padding:0; overflow-x:hidden;}
body{ 
font-family: 'Sora', serif; padding:0; color:#242424; font-weight:400; padding-right:0!important;
font-size:15px;
line-height:1.5;
}
:root{--orange:#f37422; --yellow:#f4b81a; --dark:#0e2346; --shade:linear-gradient(135deg,var(--dark) 0%, var(--orange) 100%);}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

img{border:0;}

*{ box-sizing:border-box;
}
*:hover{
}

a{color:var(--yellow); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--orange);}


h1, h2{margin:0 0 15px; padding:0; font-weight:400; font-family:'DM Serif Display';}

.fa-rupee-sign{margin-right:3px;}

ul.sideFixedicons{ list-style-type:none; margin:0; padding:0 0 20px; position:fixed; right:30px; top:40px; z-index:9999; transition:all .2s ease-in-out;}
ul.sideFixedicons li{margin:5px; display:block; clear:both; text-align:center;}
ul.sideFixedicons li a{text-align:center; width:50px; height:50px; line-height:55px; display:block; border-radius:50%;
background: rgb(68,68,68); background: linear-gradient(45deg, rgba(68,68,68,1) 0%, rgba(0,0,0,1) 100%); 
-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.6);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.6);
}
ul.sideFixedicons li a i{ font-size:20px; color:#fff;}

.topHeader{background:var(--dark); color:#fff; padding:0;}
.topHeader ul{display:block; margin:0; padding:0; list-style-type:none;}
.topHeader ul li{display:inline-block; margin-right:5px;}
.topHeader ul li a{color:#fff;}
.topHeader [class^="col-"]:last-child ul{text-align:right;}
.topHeader [class^="col-"]:last-child ul li{margin-left:10px;}
.topHeader [class^="col-"]:last-child ul li a{font-size:14px;}
.topHeader [class^="col-"]:last-child ul li:last-child a{ background:var(--orange); color:#222; padding:5px 25px; display:block;}

.headerOuter{ display:block; margin-top:30px; padding:15px 0; float:left; width:100%; position:fixed; top:0px; left:0; right:0; z-index:999; border-bottom:1px rgba(255,255,255,0.3) solid; background:rgba(255,255,255,0.6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.logo img{ height:80px;}
.sticky{background:var(--dark); margin-top:0; z-index:9998;}
.sticky .logo img{ height:65px; transition:all .2s ease-in-out; content:url('https://geoidfinance.com.au/wp-content/uploads/2025/11/Geoid-Finance-Final-Logo-white-1.png');}
.sticky + ul.sideFixedicons{top:26px;}

.headerOuter .row .col-lg-8{position:relative;}
.headerOuter .row + a{border:1px rgba(255,255,255,0.7) solid; padding:5px 20px; display:none; color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:1px; text-align:center; width:80%;}
.headerOuter .row + a:hover{background:var(--orange); color:#fff;}

.sub-menu-toggle{display: none!important;}


/* Menu Section */
.openBtn{position:absolute; right:-80px; top:10px; cursor:pointer; z-index:998; color:var(--dark);font-size:10px;}
.openBtn i{display:block; clear:both;font-size:36px;}
.sticky .openBtn{color:var(--orange);}

.overlay {height:110vh; width: 0; position: fixed; z-index: 9999; right:0; top: 0%; background-color: rgb(0,0,0,0.4); overflow: hidden; transition: 0.5s;}
.overlay:before{height:1800px; width: 380px; position: absolute; z-index: 1; right: 0%; top: 0%; background-color:var(--dark); overflow-x: hidden; transition: 0.5s; transform:translate(0%,0%); content:''; display:block;}
.overlay-content {position:absolute; top:0; width: 320px; margin-top: 40px; z-index:5; right:30px;}
.overlay-content > a{ display:inline-block;}
.overlay .closebtn {position: absolute; top: -20px; right: -5px; font-size: 48px; color:#fff;}
.homeIcon {width:50px; height:50px; text-align:center; border-radius:50%; border:2px var(--orange) solid; position:relative; top:-10px; color:#fff;
background:var(--orange);background: linear-gradient(180deg, var(--orange) 0%, var(--yellow) 100%);}
.homeIcon i{line-height:46px; font-size:20px;}
.homeIcon:hover i{color:var(--dark);}

#myNav ul.menu {padding: 15px 0 0; list-style: none; width: 100%; clear: both; display: table; font-size:14px;}
#myNav ul.menu ul{list-style-type:none; margin:0; padding:0;}
#myNav ul.menu .listLeft {position: relative; width: 100%; box-sizing: border-box; vertical-align: sub; clear: both;}
#myNav ul.menu .listLeft:after {content: "\f107"; font-family: 'Font Awesome\ 5 Free'; font-weight:900; font-size:16px; position: absolute; right: 5px; top: 10px; padding: 0px; color: #fff;}
#myNav ul.menu a{text-decoration: none; color: #fff; padding:10px 0; display: block; height: 100%; box-sizing: border-box; border-bottom:1px rgba(255,255,255,0.2) solid; text-transform: uppercase;}
#myNav ul.menu .listLeft a:hover {transition: 300ms all;}
#myNav ul.menu .listLeft ul {height: 0px; overflow: hidden;}
#myNav ul.menu .listLeft ul a {}
#myNav ul.menu .listLeft ul a:hover {background-color:rgba(0,0,0,0.2); color: #fff; transition: 300ms all;}
#myNav ul.menu .listLeft:last-child {border-bottom: none;}
#myNav ul.menu .active:after {content: "\f106"; font-family: 'Font Awesome\ 5 Free'; font-weight:900; position: absolute; color: #fff;}
#myNav ul.menu .active > ul {display: block; clear: both; background-color:rgba(0,0,0,0.2); height: auto; color: #fff; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 200ms; float: left; width: 100%;}
#myNav ul.menu .active > ul li {padding: 0px; list-style: none;}
#myNav ul.menu .active > ul li > a{padding:5px;}
#myNav ul.menu .active > ul li:last-child a{border:none;}
#myNav ul.menu .active > ul .active > ul a{ padding-left:30px;}
#myNav ul.menu .active > a {color: #fff; text-transform: uppercase; font-weight: bold;}
/*#myNav ul.menu .active {background-color:rgba(0,0,0,0.2);}
#myNav ul.menu .active a {}*/

.chatBtn{color:#fff; text-transform:uppercase; margin-top:10%;}
.chatBtn i{font-size:20px; margin-right:5px;}



.home-banner{background:no-repeat center top fixed; background-size:cover;  position:relative; overflow:hidden; display:block; height:100vh; z-index:1;}
.home-banner img{width:100%; height:100vh; object-fit:cover;}
.home-banner .carousel-item > div{position:absolute; left:30%; top:50%; transform:translate(-50%,-40%); width:600px; max-width:100%;}
.home-banner .carousel-item > div h2{font-size:40px; margin-bottom:10px;}
.home-banner .carousel-item > div p{font-size:17px; margin-bottom:30px;}
.home-banner .carousel-item > div a{display:inline-block; padding:10px 20px; background:var(--orange); color:#fff; border-radius:5px;}

.carousel-indicators{ left:10px!important; right:auto!important; display:block!important; bottom:45%; margin:0!important; z-index:9999; position:absolute;}
.carousel-indicators li{border:1px var(--orange) solid; background:none; display:block!important; clear:both; margin:5px; width:12px; height:12px; border-radius:50%; cursor:pointer;}
.carousel-indicators li.active{background:var(--orange);}


.welcomeArea{ display:block; clear:both; overflow:hidden; background-size: cover; position:relative; padding:0 0 20px;}
.welcomeArea h1{font-size:42px; margin-bottom:5px; color:var(--dark);}
.welcomeArea h3{font-size:22px; color:var(--orange); font-weight:400; margin-bottom:25px;}
.welcomeArea p{margin-bottom:30px;}
.welcomeArea [class^="col-"] > a{ display:inline-block; padding:10px 20px; background:var(--orange); text-align:center; color:#fff; border-radius:5px;}
.welcomeArea [class^="col-"] > a:hover{background:var(--dark)!important;}


.aboutBox{background:var(--dark); color:#fff; display:block; padding:40px 25px 15px; text-align:center;}
.aboutBox h2{font-size:26px;}
.aboutBox ul{text-align:left; display:block; margin:0; padding:0; list-style-type:none;}
.aboutBox ul li{display:block; overflow:hidden;padding:0 0 0 120px; min-height:120px; padding-top:20px; border-bottom:1px #fff solid; font-weight:400; color:#fff; position:relative; vertical-align:middle; line-height:1.3;}
.aboutBox ul li strong{color:var(--orange);}
.aboutBox ul li img{height:100px; position:absolute; left:0; top:10px;}
.aboutBox ul li:last-child{border-bottom:none;}

.triangle{width: 100%; height:0;border-style: solid;border-width: 60px 175px 0 175px;border-color:var(--dark) transparent transparent transparent;}


.projectsArea{ display:block; overflow:hidden; padding: 60px 0; background:#dde8ec; background-size:cover; text-align:center;border-top:1px #e9e9e9 solid;}
.projectsArea > div > a{ display:inline-block; text-transform: uppercase; border:2px var(--orange) solid; font-size:15px; letter-spacing: 1px; padding:14px 30px; color:var(--orange); border-radius:35px;}
.projectsArea > div > a:hover{background: var(--orange); color:#fff;}
.projectsArea h2{color:var(--dark); margin-bottom:10px; font-size:48px;}
.projectsArea h2 + p{color:var(--orange); margin-bottom:40px;font-size:20px;}
.projectsArea .item, .serviceBoxes [class^="col-"]{position:relative; margin-bottom:30px;}
.projectsArea .item > a{position:absolute; right:0; top:100px; display:block; overflow:hidden; color:#fff; padding:75px 25px 25px 75px;}
.projectsArea .item > img, .serviceBoxes [class^="col-"] > img{display:block;width:100%; opacity:1; margin-bottom:0px; height:230px; object-fit:cover;}
.projectsArea .item > div, .serviceBoxes [class^="col-"] > div{ display:block; clear:both; overflow:hidden; padding:20px; background:var(--dark); color:#fff; text-align: center;}
.projectsArea .item > div small, .serviceBoxes [class^="col-"] > div small{display:block; clear:both; text-transform:uppercase; margin-bottom:4px;}
.projectsArea .item > div small i, .serviceBoxes [class^="col-"] > div small i{color:var(--orange);}
.projectsArea .item > div h4, .serviceBoxes [class^="col-"] > div h4{font-weight:600; color:var(--orange); font-size:18px; margin-bottom:10px;}
.projectsArea .item > div a, .serviceBoxes [class^="col-"] > div a{font-size:11px; background:var(--dark); padding:8px 15px; border-radius:30px; font-weight:600; color:#fff; letter-spacing:1px; display:inline-block;}
.projectsArea .item:hover > img, .serviceBoxes [class^="col-"]:hover > img{opacity:0.6;}
.projectsArea .item > div a:hover, .serviceBoxes [class^="col-"] > div a:hover{background:var(--orange);}


.projectsArea .owl-theme .owl-nav{ top:50%; position:absolute; width:100%;}
.owl-carousel .owl-nav button.owl-next{position:absolute; right:-40px;}
.owl-carousel .owl-nav button.owl-prev{position:absolute; left:-40px;}
.owl-carousel .owl-nav button.owl-next i, .owl-carousel .owl-nav button.owl-prev i{font-size:25px;}
.owl-carousel .owl-nav button.owl-next:hover i, .owl-carousel .owl-nav button.owl-prev:hover i{color:var(--orange);}


.faQArea{display:block; overflow:hidden; clear:both; padding:60px 0; position:relative;}
.faQArea > img{border-radius:50%; position:absolute; left:30px; bottom:-80px; width:700px; max-width:45%;}
.faQArea [class^=col-]:first-child::before{ content:''; display:block; left:15px; right:15px; top:0; bottom:0; position:absolute; opacity:0.15; background:transparent url('../images/wordlmap.png') no-repeat center center; background-size:100%; text-align:center;}
.faQArea [class^=col-]:first-child > div{text-align:center; z-index:10; position:relative; padding-top:15%;}
.faQArea [class^=col-]:first-child h4{margin-bottom:10px;}
.faQArea [class^=col-] select{width:47%; background:#fff; border:1px #ddd solid; border-radius:10px; height:50px; padding:0 15px; margin-bottom:15px; clear:both; overflow:hidden;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.faQArea [class^=col-] input[type="submit"]{display:block; clear:both; margin:0 auto; width:350px; padding:10px 20px; border-radius:10px; background:var(--orange); color:#fff; border:none;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.faQArea svg{
-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
}
.faQArea svg path:hover{fill:var(--orange)!important; color: #fff!important;}
.faQArea ul{margin:0 0 0 15px; padding: 0;}


/* FAQ accordion */
.card {
border: 1px solid #e1e1e1;
border-radius: 6px;
margin-bottom: 15px;
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.card-header {
background-color: #f9f9f9;
padding: 0.35rem 0.75rem;
}

.btn-link {
font-weight: 400;
color: var(--dark);
text-decoration: none;
font-size: 15px;
white-space: normal;
word-wrap: break-word;
}

.btn-link:hover {
text-decoration: none;
color: var(--orange);
}

.btn-link i {
transition: transform 0.3s ease;
color: var(--orange);
}

.collapsed i {
transform: rotate(0deg);
}

.btn-link[aria-expanded="true"] i {
transform: rotate(180deg);
}

.card-body {
background-color: #fff;
color: #444;
font-size: 15px;
}



.logoArea{background:var(--dark) url('../images/bg.webp') no-repeat center center fixed; background-blend-mode:soft-light; background-size:cover; display:block; overflow:hidden; padding:60px 0 20px; text-align:center; position:relative; color:#fff;}
.logoArea h3{font-size:16px;}
.logoArea i{font-size:36px; margin-bottom:20px; background:var(--orange); color:#fff; padding:15px; border-radius:5px;}
.logoArea p{font-size: 14px;}
.logoArea [class^=col-]{margin-bottom: 40px;}



.logoScrollWrapper {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  background: #fff; /* optional */
  padding:10px 0;
}

.logoScroll {
  display: flex;
  gap: 0px; /* space between logos */
}

.logoScroll img {
  height: 80px; /* adjust size */
  flex-shrink: 0;
}


.socialIcons ul{ display:block; list-style-type:none; margin:0; padding:0;}
.socialIcons ul li{ display:inline-block; font-size:18px; margin:0 3px; text-align:center;}
.socialIcons ul li a{ display:block; overflow:hidden; width:45px; height:45px; border:2px #fff solid; color:#fff; line-height:40px; border-radius:50%;}
.socialIcons ul li a:hover{ background:var(--orange); color:#fff;}


.downHighlight{display:block; overflow:hidden; padding:40px 0; background:var(--orange); color:#fff;}
.downHighlight h2{margin-bottom:5px; font-size:36px;}
.downHighlight h3{font-size:24px;}

.downHighlight a{display:inline-block; padding:15px 25px; color:#fff; border:2px #fff solid; margin:3px; font-weight:600;}
.downHighlight a:hover{background:var(--dark); color:var(--orange);}


.footer{display:block; overflow:hidden; clear:both; padding:40px 0; background:var(--dark); color:#fff;}
.footer h4{font-size:16px; text-transform:uppercase; font-weight:700; margin-bottom:10px; padding:5px 0;}
.footer [class^="col-"]{}
.footer ul{font-size:15px; margin:0 0 25px; padding:0; list-style-type:none;}
.footer ul li a, .footer a{margin-bottom:5px; color:#fff; display:block; overflow:hidden;}
.footer p{margin-bottom:25px;}
.footer a:hover{color:var(--orange);}
.footer img{height:65px; margin-bottom:30px;}


#google_translate_element .skiptranslate.goog-te-gadget > span{display:none!important;}
.translater{position: relative; right:0; top: 0px; margin: 10px 0;}
.goog-te-gadget .goog-te-combo{margin: 10px 0 0!important; background:var(--orange); color: #fff; border: 1px #fff solid; padding: 8px; border-radius: 5px; width:100%;}

.skiptranslate.goog-te-gadget > div{position: relative;  top: 15px;  z-index: 100;  margin-top: -15px;}
@media (max-width: 500px) {
	.translater{right: 60px; top: 0px;}
}




.innerHeader{height:50dvh; background:var(--shade); color:#fff; position: relative;}
.innerHeader > div{position:absolute; bottom:50px; left:50%; transform:translate(-50%,0%); color:#fff; z-index: 5;}
.innerHeader > div .breadcrumbs{margin:0; padding:0;list-style-type:none; font-size:12px; text-transform:uppercase;}
.innerHeader > div .breadcrumbs li{display:inline-block;margin-right:10px;}
.innerHeader > div .breadcrumbs li a{color:var(--orange);}
.innerHeader > div .breadcrumbs li a:after{content:'/'; display:inline-block; margin-left:10px;}
.innerHeader > div .breadcrumbs li a:hover{color:#fff; font-weight:600;}
.innerHeader h1{display:block; border-left:3px var(--orange) solid; padding-left:15px; margin-bottom: 20px;}

.innerPage{ position:relative; display:block; overflow:hidden; padding:60px 0;}
.innerPage h2{margin-bottom:20px; color:var(--dark); font-size:26px;}
.innerPage h3{margin-bottom:15px; color:var(--orange); font-size:22px;}

ul.whyusListing{text-align:left; display:block; margin:0; padding:0; list-style-type:none;}
ul.whyusListing li{display:inline-block; overflow:hidden; background:var(--dark); width:48%; padding:30px; margin:5px; min-height:120px; border-radius:15px; color:#fff; position:relative; vertical-align:middle; line-height:1.3; border-top: 5px var(--orange) solid;}
ul.whyusListing li strong{ margin-bottom: 0px; display: block;}
ul.whyusListing li:last-child{border-bottom:none;}



.contactBox .row > [class^="col"] > div{display: block; clear: both; overflow: hidden; margin-bottom: 10px; position: relative;}
.contactBox .row > [class^="col"] > div i{color: var(--dark); width: 20px;}
.contactBox .row > [class^="col"] > div a{color:var(--dark);}
.contactBox .row > [class^="col"] > div a:hover{color:var(--orange);}

.contactBox ul.social-links{margin: 0; padding: 0; list-style-type: none;}
.contactBox ul.social-links li{display: inline-block; margin-right: 3px;}
.contactBox ul.social-links li a{color:#000; display:block; border:1px #000 solid; width:40px; height:40px; line-height: 40px; text-align:center; border-radius:50%;}
.contactBox ul.social-links li a:hover{background: var(--dark); color: #fff;}

.wpforms-container .wpforms-submit{display: block; overflow: hidden; padding: 10px!important; border: none!important; text-align: center; width:100%!important; background: var(--dark)!important; color: #fff!important;}


/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media (max-width: 1200px){
.project-slider{height:600px;}
}


@media (max-width: 991px){
ul.sideFixedicons{right:20px; top:20px; margin:0; padding:0;}
ul.sideFixedicons li{display:inline-block; margin:2px;}
.sticky + ul.sideFixedicons{top:10px;}

.menu{display:none;}
.topHeader [class^="col-"]:last-child ul li{display:none;}
.topHeader [class^="col-"]:last-child ul li:last-child{display:block; text-align:center;}

.openBtn{top:-20px; right:30px!important;}

.navBg{ padding:8px 0!important;}

.stellarnav{height:0;}
.stellarnav.active{height:auto;}
.two-fild-area-border{margin:10px 0 25px 0; }


.home-banner{height:auto; z-index:1; margin-top:80px;}
.home-banner img{width:100%; height:auto; object-fit:cover;}
.home-banner .carousel-item > div{position:static; transform:translate(0%,0%); background:#ddd; padding:15px 15px 30px;}
.home-banner .carousel-item > div h2{font-size:28px;}
.carousel-indicators{bottom:70%;}



.downHighlight{text-align:center;}
.downHighlight a{width:100%;}

.projectsArea [class^="col-"] > div{text-align:center;}


.innerHeader{height:40dvh;}

.innerPage h1{font-size:24px;}
.innerPage h1 img{height:24px;}
.innerPage:after{display:none;}

ul.about3Box li{display:block; width:100%; margin:0 0 10px;}


.faQArea [class^=col-]{margin-bottom:30px;}
.faQArea [class^=col-] h4{font-size:18px; text-align:center;}

.logoArea{padding:40px 0;}
}


@media (max-width: 767px){
.logo img{ height:50px;}
.sticky .logo img{ height:50px;}

.welcomeArea{text-align:center; padding:40px 0;}
.welcomeArea [class^="col-"] > a{margin-bottom:30px; width:155px; padding:15px 10px;}
.welcomeArea h1{font-size:28px;}


.projectsArea h2 + p{font-size:18px;}
.projectsArea [class^="col-"]{margin-bottom:30px;}
.projectsArea [class^="col-"]:last-child{margin-bottom:0;}

.headingArea{padding:40px 40px 60px; max-width:90%; margin-bottom:150px;}
.headingArea h3{font-size:22px; margin-bottom:30px;}
.highlightPoints [class^="col-"] div{border:none; border-bottom:2px #fff solid; text-align:center;}
.highlightPoints [class^="col-"] div p{opacity:1;}

.chooseNow h3{font-size:24px;}

.footer-down{text-align:center; font-size:12px;}
.footer{text-align:center;}
.footer [class^="col-"]{border:none; margin-bottom:15px;}

.owl-carousel{padding:0 30px;}
.owl-carousel .owl-nav button.owl-next{right:30px;}
.owl-carousel .owl-nav button.owl-prev{left:-30px;}

.project-slider:after{display:none;}


.overlay:before{width: 100%;}

.faQArea{padding:30px 0;}
.faQArea > img {border-radius: 50%; position:static; width: 700px; max-width: 80%; margin: 0 auto; display: block;}

	ul.whyusListing li{width:98%!important;}
}

@media (max-width: 500px){
.faQArea svg{position: relative; top: -220px; margin-bottom: -200px;}
}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}