/*
	Theme Name: JodaleTheme2023
	Author: IBR
	Version: 1.0
*/

/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*general*/
html{scroll-behavior: smooth;}
body{font-family: "Poppins", sans-serif; font-weight: 300; color: #111111; overflow-x: hidden;}
/* body::-webkit-scrollbar {width: 8px;}
body::-webkit-scrollbar-track {box-shadow: 0 0 4px #bd9418 ;}
body::-webkit-scrollbar-thumb { background-color: #bd9418; outline: none;} */

/* mouse-cursor */
/* * {cursor: none;margin: 0;padding: 0;box-sizing: border-box;} */
/* .custom-cursor { position: fixed; width: 20px; /* Set your desired width */ height: 20px; /* Set your desired height */ border: 2px solid #07B335; /* Outer ring color and width */ border-radius: 50%; background-color: transparent; pointer-events: none; /* Ensure the cursor doesn't interfere with interactions */ z-index: 9999; /* Ensure the cursor appears above other elements */ animation: cursorAnimation 1s infinite alternate; /* Apply continuous animation */} */
/* .custom-cursor::before { content: ""; display: block; width: 10px; /* Set your desired width */ height: 10px; /* Set your desired height */ background-color: #07B335; /* Inner ring color */ border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);   animation: innerCursorAnimation 1s infinite alternate; /* Apply continuous animatio*/} */

/* Cursor animation */
/* @keyframes cursorAnimation {
  0% { transform: scale(1); }
  100% {  transform: scale(1.2); }
} */

/* Inner cursor animation */
/* @keyframes innerCursorAnimation {
  0% {  transform: translate(-50%, -50%) scale(1);  }
  100% { transform: translate(-50%, -50%) scale(0.8); }
} */

h1{font-size: 50px;line-height: 1.216;}
h2{font-size: 40px; line-height: 1.216;}
h3{font-size: 30px; line-height: 1.216;}
h4{font-size: 22px; line-height: 1.216;}
h5{font-size: 18px; line-height: 1.216;}
p{font-size: 18px; font-weight: 300; line-height: 1.6; margin-bottom: 12px;}
p:last-child{margin-bottom: 0;}
p strong{font-weight: 500;}
b{font-weight: 600;}
.normal-color{color: #333333;}
.white-color{color: #ffffff!important;}
.white-bg{background-color: #ffffff;}
.off-white-bg{background-color: #f3f6ff;}
.red-color{color: #bf0808;}
.red-bg{background-color: #bf0808;}
.blue-color{color: #395ba9;}
.blue-bg{background-color: #395ba9;}
.black-color{color: #111111;}
.black-bg{background-color: #111111;}
.dark-bg{background-color: #555555;}
.curved-large-border{border-radius: 15px;}
.curved-small-border{border-radius: 10px;}
.thin-text{font-weight: 300;}
.regular-text{font-weight: 400;}
.semi-bold-text{font-weight: 500!important;}
.semi-bold-text b{font-weight: 800;}
.bold-text{font-weight: 700;}
a,a:hover, a:focus, button, button:hover, button:focus{border:none; outline: none; text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.img-cover{object-fit: cover; object-position: center;}
.img-contain{object-fit: contain; object-position: center;}
.img-invert{filter: invert(1) brightness(5);}
.bg-cover{background-size: cover;}
.bg-center{background-position: center;}
.filter-drop-shadow{filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.05));}
.p-40-0{padding: 40px 0;}
.p-60-0{padding: 60px 0;}
.p-60{padding: 60px;}
.px-35{ padding-left: 35px!important; padding-right: 35px!important; }
.p-80-0{padding: 80px 0;}
.p-100-0{padding: 100px 0;}
.d-large-screen-only{display: block;}
.d-small-screen-only{display: none;}
.carousel-indicators{z-index: 2;}
.sub-heading span,
.heading{font-weight: 600; position: relative; filter: none}
.sub-heading,
.heading span{font-weight: 400;}
.border-curved{border-radius: 8px;}
.overflow-hidden{overflow: hidden;}
.modal .modal-header{border: none;}
.modal select{background: transparent!important; /*color:#ffffff!important;*/ border-radius: 15px!important;}
.modal{background:rgba(57, 91, 169, 0.55); -webkit-backdrop-filter: saturate(200%) blur(10px); backdrop-filter: saturate(200%) blur(10px);}
.modal .modal-header{border: none;}
.modal-header .btn-close{outline: none; border: none; box-shadow: none; filter: invert(0);}
.page-top{margin-top: 92px;}
.dancing-font{font-family: 'Dancing Script';}

/* scroll-to-next */
a.scroll-to-next{position: absolute; font-size: 34px; left: 50%; bottom: 25px; transform: translateX(-50%); z-index: 2;}

/* floating-contact-icon */
.floating-contact-icon{position: fixed; right: 15px; bottom: 15px; z-index: 10; filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.5)); }
.floating-contact-icon .target a{position: relative; display:block; height: 50px; width: 50px; line-height: 50px; font-size: 20px; text-align: center; border-radius: 50%;}
.floating-contact-icon .popup-menu{display: block; padding: 0; margin: 0; position: absolute; top: 0; right: 0; transform: translatey(-90%); visibility: hidden; opacity: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.floating-contact-icon .popup-menu li{list-style: none;}
.floating-contact-icon .popup-menu li a{position: relative; display:block; height: 50px; width: 50px; line-height: 50px; font-size: 20px; text-align: center; border-radius: 50%; background-color: #1d3a8f; color: #ffffff; margin-bottom: 4px;}
.floating-contact-icon .popup-menu li a.facebook{background-color: #3b5998;}
.floating-contact-icon .popup-menu li a.instagram{background-color: #d62976;}
.floating-contact-icon .popup-menu li a.whatsapp{background-color: #25D366;}
.floating-contact-icon .target:hover .popup-menu{transform: translatey(-100%); opacity: 1; visibility: visible; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

/* btn */
.btn-solid{position: relative; display: inline-block; padding: 8px 20px; overflow: hidden; border-radius: 5px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-solid:hover, .btn-bordered:focus{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-solid:before{content: ""; position: absolute; top: 0; right: 100%; bottom: 0; left: 0; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-solid:hover:before{right: 0; background-color: #f3f6ff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-solid span{position: relative; font-size: 14px; font-weight: 500; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-solid:hover span{color: #5354a4; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

.btn-plain{position: relative;  font-size: 18px; font-weight: 500; display: inline-block; background: transparent; padding: 4px 0; border: none; overflow: hidden; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-plain:hover{ color: #5354a4; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

/* logo-container */
.jc-nav{filter: drop-shadow(0 0 5px rgba(0,0,0,0.15)); background: rgba(255,255,255,0.95); position: fixed; right: 0; top: 0; left: 0; z-index: 22;  -webkit-backdrop-filter: saturate(200%) blur(10px); backdrop-filter: saturate(200%) blur(10px);}
.jc-nav ul{margin-bottom: 0; height: 100px; padding: 0;}
.jc-nav ul>li{padding: 0; position: relative; display: inline-block;}
.jc-nav ul li:last-child{padding-right: 4px;}
.jc-nav ul li a{font-size: 16px; font-weight: 500; color: #111111; position: relative;}
.jc-nav ul>li> a{ padding: 0 15px;  line-height: 100px;}
.jc-nav ul li a:hover, .jc-nav ul li a:focus{color:#5354a4;}
.jc-nav ul li.call-us{ top: -3px;}
.jc-nav ul li.call-us a{color: #395ba9; font-size: 20px;}
.jc-nav ul li.get-quote{top: -6px;}
.jc-nav ul li.get-quote a span{background: #395ba9; padding: 6px 18px; margin: 0 4px; border-radius: 20px; color: #ffffff; }
.jc-nav ul li.menu-button a{color: #395ba9; font-size: 30px;}
.jc-nav .logo img{height: 60px;}

.offcanvas-backdrop{background:rgba(57, 91, 169, 0.55); -webkit-backdrop-filter: brightness(0.7) saturate(200%) blur(10px); backdrop-filter: brightness(0.7) saturate(200%) blur(10px);}
.offcanvas-backdrop.show{opacity: 1;}
.offcanvas{background: rgba(255,255,255,0.95); -webkit-backdrop-filter: saturate(200%) blur(10px); backdrop-filter: saturate(200%) blur(10px);}
.offcanvas-header{padding: 10px 24px;}
.offcanvas-body{position: relative;}
.offcanvas-body ul{display: block; padding: 0;}
.offcanvas-body ul li{display: block; text-align: center; padding: 12px 0; border-bottom: solid 1px rgba(50,50,50,0.15);}
.offcanvas-body ul li:last-child{border-bottom: none;}
.offcanvas-body ul li a{font-size: 22px; font-weight: 500; color: #222222!important; text-align: center;}
.offcanvas-body ul li a i{color: #222222!important;}


/* scroll-top-btn */
.scroll-top-btn{position: fixed; right: 15px; width: 50px; height: 50px; border-radius: 5px; z-index: 99; font-size: 24px; bottom: -150px; color: #FFCC00; text-align: center; filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.35));}
.scroll-top-btn i{line-height: 50px;}
.scroll-top-btn:hover{color: #ffffff;}

/* search-popup */
/* .search-popup {position: fixed; display:block; top: 0; right: 0; left: 0; transform: translateY(-100%); z-index: 6; background-color: #ffffff; padding: 50px 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.search-popup .button {display: block; width: 20px; height: 35px; line-height: 35px; background: transparent; background-color: transparent; margin: 0 8px; padding: 0;}
.search-popup.active{transform: translateY(0); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.search-popup input{border: solid 1px #000000; border-radius: 0;}
.search-popup input:focus{box-shadow: none; outline: none; border: solid 1px #000000;} */

/* slider */
.slider{position: relative; height: calc(100vh - 0px); overflow: hidden;}

.slider .carousel-item{overflow: hidden; position: relative; background-size: cover; background-position: bottom;}
.slider .carousel-item .text-content h2{font-weight: 600; font-size: 60px; line-height: 1; transform: translatex(100%); opacity: 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.slider .carousel-item .text-content h3{font-weight: 400; font-size: 40px; line-height: 1; transform: translatex(100%); opacity: 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.slider .carousel-item .text-content h4{font-weight: 500; font-size: 30px; line-height: 1; transform: translatex(100%); opacity: 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.slider .carousel-item .slider-image{transform: translatey(20%); opacity: 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.slider .carousel-item .bg-layer{position: absolute; width: 100%; height: 100%; background: #395ba9; right: 100%;}
.slider .carousel-item.active .text-content h2{animation: slideTextRight 8s linear 0s 1 forwards; }
.slider .carousel-item.active .text-content h3{animation: slideTextRight 8s linear 0s 1 forwards;}
.slider .carousel-item.active .text-content h4{animation: slideTextRight 8s linear 0s 1 forwards;}
.slider .carousel-item.active .bg-layer {animation: slideSolidLeft 7.6s linear 0s 1 forwards; }
.slider .slider-pattern{position: absolute; height: 100%; right: 0; top: 0; bottom: 0; z-index: 2;}

@keyframes slideTextRight {
    0% { transform: translatex(100%); opacity: 1;}
    5% { transform: translatex(0%); opacity: 1;}
    85% { transform: translatex(0%); opacity: 1;}
    90%{ transform: translatex(100%); opacity: 0;}
    100% { transform: translatex(100%); opacity: 0;}
}

@keyframes slideSolidLeft {
    0% { right: 100%; opacity: 0.8; }
    4% { right: 0%; opacity: 0.8; }
    8% { right: -100%;opacity: 0.8;}
    100% { right: -100%;opacity: 0.8;}
}


.ken-burns img { position: absolute; animation: kenburns 70s infinite;}
.slider .overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.4), rgba(0,0,0,0.4))}
@keyframes kenburns {
    0% { transform: scale(1) translate(0%, 0%); }
    50% { transform: scale(1.15) translate(0%, 0%); }
    100% { transform: scale(1) translate(0%, 0%); }
}
.slider svg{position: absolute; width: 105%; left: -5px; right: 3px; bottom: -66px; z-index: 1;}
.cls-wave-1{fill: #ffffff;}

/* about */
.about {position: relative; overflow: hidden;}
.about .images{position: relative; height: 500px; width: 100%}
.about .images img{border-radius: 10px!important; overflow: hidden; object-fit: contain;}
.about .img-1{position: absolute; height: 40%; right: 5%; bottom: 0; z-index: 2; border: solid 10px #ffffff; border-radius: 10px!important}
.about .img-2{position: absolute; height: 80%; left: 0;  top: 0;}
.about h2.image-text{font-size: 50px; font-weight: 700; line-height: 1; background-position: right; background-attachment: revert-layer; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.about h2.year{font-size: 100px; font-weight: 800; line-height: 1;}
.about svg{position: absolute; width: 105%; left: -5px; right: 3px; bottom: -66px; z-index: 1;}

/* services */
.services {position: relative; overflow: hidden;}
.services .services-icon-listing .item{height: unset;}
.services .services-icon-listing .item .single{position: relative; overflow: hidden; border-radius: 10px;}
.services .services-icon-listing .item .single .icon{height: 80px;}
.services .services-icon-listing .item .single .short-description{min-height: 96px;}

.services .services-listing .item{height: 380px; position: relative; }
.services .services-listing .item .single{position: relative; overflow: hidden; border-radius: 10px;}
.services .services-listing .item .single img{-webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
.services .services-listing .item .single:before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0 ;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.9)); z-index: 1;}
.services .services-listing .item .single .text{position: absolute; right: 20px; bottom: 15px; left: 20px; z-index: 2; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
.services .services-listing .item .single .link{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3;}
.services .services-listing .item .single:hover img{transform: scale(1.05); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
.services .services-listing .item .single:hover .text{transform: translateY(-10px); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
.services svg{position: absolute; width: 105%; left: -5px; right: 3px; bottom: -66px; z-index: 1;}
.cls-wave-3{fill: #f3f6ff;}

/* clients-slider */
.clients{position: relative; overflow: hidden;}
.clients .clients-slider .item {position: relative; width: 300px; height: 200px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
.clients .clients-slider .item img{border-radius: 10px; overflow: hidden;}
.clients .clients-slider .item:hover{filter: drop-shadow(1px 1px 8px rgba(0,0,0,0.15)); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
.clients svg{position: absolute; width: 105%; left: -5px; right: 3px; bottom: -66px; z-index: 1;}

/* features */
.features{position: relative; overflow: hidden;}
.features .single{position: relative; height: 200px;}
.features .single:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.8); }
.features .single .content{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60%; }
.features .single .content .icon{height: 120px;}
.features svg{position: absolute; width: 105%; left: -5px; right: 3px; bottom: -66px; z-index: 1;}
.cls-wave-2{fill: #395ba9;}

/* only-australians */
.only-australians{position: relative; background-size: cover!important; overflow: hidden;}
.only-australians .content h3{line-height: 1.6; margin-bottom: 0; font-size: 22px;}
.only-australians svg{position: absolute; width: 105%; left: -5px; right: 3px; bottom: -66px; z-index: 1;}

/* how-we-work */
.how-we-work{position: relative; overflow: hidden;}
.how-we-work .steps{position: relative;}
.how-we-work .steps .single{position: relative; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
.how-we-work .steps .single:after{content: "";}
.how-we-work .steps .single img{height: 140px;}
.how-we-work .steps .col-lg {position: relative;}
.how-we-work .steps .col-lg .next-icon{font-size: 60px; position: absolute; right: calc(0px - 35px); top: calc(50% - 68px);}
.how-we-work .steps .col-lg:last-child .next-icon{display: none;}
.how-we-work .steps .single:hover{filter: drop-shadow(1px 1px 8px rgba(0,0,0,0.15)); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
.how-we-work svg{position: absolute; width: 105%; left: -5px; right: 3px; bottom: -66px; z-index: 1;}

/* testimonials */
.testimonials{position: relative; overflow: hidden;}
.testimonials h2.quote{font-size: 100px;}
.testimonials .bg-image{position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.075;  object-fit: cover;}
.testimonials .bg-image img{object-position: top!important;}
.testimonials svg{position: absolute; width: 105%; left: -5px; right: 3px; bottom: -66px; z-index: 1;}

/*areas-we-cover*/
.areas-we-cover .leaflet-container{border-radius: 10px; overflow: hidden;}
.areas-we-cover .item{overflow: hidden; position: relative;}
.areas-we-cover .item .single{position: relative; overflow: hidden;}
.areas-we-cover .item .single img{width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
.areas-we-cover .item .single .hover{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.9)); z-index: 1;}
.areas-we-cover .item .single h3{position: absolute; left: 20px; bottom: 10px; right: 20px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear; z-index: 2;}
.areas-we-cover .item .single:hover img{transform: scale(1.05); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
.areas-we-cover .item .single:hover h3{transform: translateY(-10px); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}

/* faq */
/*.faq .accordion-item{border-radius: 15px; border: solid 1px #07B335!important; background: transparent; overflow: hidden;}*/
/*.faq .accordion-item .accordion-header .accordion-button{background: transparent; color: #07B335; position: relative; border: none; box-shadow: none;}*/
/*.faq .accordion-item .accordion-header .accordion-button:before{content: ""; position: absolute; right: 5px; bottom: -1px; left: 5px; height: 1px; background:#07B335;}*/
/*.faq .accordion-item .accordion-header .accordion-button::after {display: none !important;}*/
/*.faq .accordion-item .accordion-header .accordion-button .accordion-icon {position: absolute; font-size: 30px; right: 0; width: 40px;}*/
/*.faq .accordion-item .accordion-header .accordion-button .accordion-icon .icon{position: relative; width: 40px; height: 40px;}*/
/*.faq .accordion-item .accordion-header .accordion-button .accordion-icon .icon:before{content: ""; position: absolute; width: 1px; height: 20px; background: #07B335; transform: translate(10px, -10px); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}*/
/*.faq .accordion-item .accordion-header .accordion-button .accordion-icon .icon:after{content: ""; position: absolute; width: 20px; height: 1px; background: #07B335; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}*/
/*.faq .accordion-item .accordion-header .accordion-button[aria-expanded="true"] .accordion-icon .icon:before{transform: rotate(90deg) translate(-10px, -10px);  -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}*/
/*.faq .accordion-item .accordion-header .accordion-button[aria-expanded="true"] .accordion-icon .icon:after{transform: rotate(0deg) translate(0px, 0px);  -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}*/

/* contact */
/*.contact .content .contact-form .form-floating>input,*/
/*.contact .content .contact-form .form-floating>select,*/
/*.contact .content .contact-form .form-floating>textarea{background: #ffffff!important; border-radius: 10px; border: none; filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.15)); height: 58px; color: #555555;}*/
/*.contact .content .contact-form .form-floating>select option{color: #555555;}*/
/*.contact .content .contact-form .form-floating>select.bot{background: rgba(7,179,53,0.5)!important;}*/
/*.contact .content .contact-form .form-floating>label{color: #555555; background: transparent!important; background-color: transparent!important; z-index: 1;}*/
/*.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after{background: transparent!important; background-color: transparent!important;}*/
/*.contact .content .contact-form button{height: 58px; text-align: center; width: 100%; border-radius: 15px; border: none;}*/
/*.contact .content .contact-form .form-floating>input:hover,*/
/*.contact .content .contact-form .form-floating>input:focus,*/
/*.contact .content .contact-form .form-floating>textarea:hover,*/
/*.contact .content .contact-form .form-floating>textarea:focus,*/
/*.contact .content .contact-form .form-floating>select:hover,*/
/*.contact .content .contact-form .form-floating>select:focus{border: none; outline: none; box-shadow: none; background: transparent;}*/
/*.contact .content .contact-form .select2,*/
/*.contact .content .contact-form label.select2-label{z-index: 2;}*/
/*.selectize-control {background: #ffffff!important; border-radius: 10px!important; border: none; height: 58px!important; color: #555555; filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.15));}*/
/*.selectize-input{transform: translatey(-10px); background: #ffffff!important; box-shadow: none!important; outline: none!iimportant; color: #555555!important; border: none!important; padding: 10px 0 5px!important; }*/
/*.selectize-dropdown{background: #ffffff!important; width: 100%!important; left: 0!important; border-radius: 15px; color: #555555;}*/
/*.selectize-dropdown .selected{background-color: #48c0c0!important; color: #555555;}*/
/*.selectize-dropdown-content{background: #ffffff;}*/
/*.selectize-control.single .selectize-input:after{border-color: #111111 transparent transparent transparent;}*/
/*.selectize-control.single .selectize-input.dropdown-active:after{border-color: transparent transparent #111111 transparent;}*/

/*contact-form*/
.contact-form label{font-size: 14px; font-weight: 400;}
.contact-form input::placeholder, .contact-form textarea::placeholder{font-weight: 300;}
.contact-form input{height: 48px;}
.contact-form .btn-solid span{font-size: 16px;}

/* formSubmitSuccess */
.formSubmitSuccess{position: relative; height: calc(100vh - 92px);}
.formSubmitSuccess .overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.8;}
.formSubmitSuccess .content{position: relative; border-radius: 20px;}
.formSubmitSuccess .success-particles{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}

/*footer */
footer .logo img{height: 60px; filter: brightness(0) invert(1);}
footer p{font-size: 18px;}
footer a{color: #ffffff; font-size: 18px;}
footer .copyright p{color: #ffffff; font-size: 14px;}
footer ul {margin: 0; padding: 0; margin-bottom: 10px;}
footer ul li{display: block; padding: 6px 0; position: relative;}
footer ul li a{display: block; padding: 0; color: #ffffff; font-size: 18px!important;}

/* page-content */
.page-content ul{padding-left: 16px;}
.page-content ul li{ font-size: 14px;}

/* form-control */
/* .form-control{border-radius: 0; border: solid 1px #EFF1F2;} */
textarea.form-control{height: unset!important;}

/* .form-control:hover, .form-control:focus, .form-select:hover, .form-select:focus, .form-control, .form-select{border: none; border-bottom: solid 1px #909090; border-radius: 0; outline: none; box-shadow: none;}
.form-floating>label{font-size: 14px; padding: 6px;}
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select{line-height: 38px; height: 38px; padding: 5px;}
.file-input, .file-input input{height: 38px; line-height: 38px; font-size: 14px;}
.file-input{border: solid 1px #03d1b5; border-radius: 8px; overflow: hidden; padding-left: 60px;}
.file-input input:before{content: 'Upload your CV'; position: absolute; left: 0; top: 0; padding: 0 20px; background-color: #03d1b5; color: #ffffff; font-weight: 400;}
.file-input input:after{content: ''; position: absolute; left: 148.05px; top: 0; bottom: 0; width: 10px; background-color: #ffffff;}
 */

/* contactform-7 */
.wpcf7-form label.error{color: red!important; display: contents;}
.wpcf7-not-valid-tip{border: none; margin: 10px 0; padding: 0; padding-left: 5px; color: red!important; font-size: 11px;}
.wpcf7 form .wpcf7-response-output{border: none; margin: 10px 0; padding: 0; padding-left: 5px; color: red!important; font-size: 13px; text-align: center;}

/* es_subscription_form */
/* footer .es-field-wrap label{display: block;}
footer .es-field-wrap .es_required_field{background-color: #4a4a4a; color: #ffffff; padding: 10px; width: 100%; box-shadow: none; border: none; outline: none; margin-bottom: 10px;}
footer .es-field-wrap .es_required_field::placeholder{color: #ffffff;}
footer .es-field-wrap .es_required_field:focus{ outline: none; box-shadow: none;}
footer .es_subscription_form_submit{position: relative; display: inline-block; padding: 4px 16px; font-size: 14px; color: #ffffff; background: transparent; border: solid 1px #a38d45; overflow: hidden; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
footer .es_subscription_form_submit:hover{background: #a38d45; color: #ffffff;}
footer .es_caption{display: none;} */

/* MEDIA SCREEN */
@media screen and (min-width: 992px){
    .text-lg-justify{text-align: justify!important;}
    .d-large-screen-vh-100{height: 100vh;}
    .d-large-screen-min-vh-100{min-height: 100vh;}
    .slider{height: calc(100vh - 92px);}
    /* page-banner */
    /* .page-content{min-height: 400px;} */
    
    /* carousel */
    .slick-dots {top: calc(100% + 10px);}
    .slick-dots li{margin: 0 10px;}
    .slick-dots li button:before{width: 26px; height: 6px; border-radius: 5px; content: ''; background: #5354a4; opacity: 1;}
    .slick-dots li.slick-active button:before{background: #0A68B2; opacity: 1;}
    .slider-prev{position: absolute; left: -30px; top: calc(50% - 26px); font-size: 30px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; z-index: 1;}
    .slider-next{position: absolute; right: -30px; top: calc(50% - 26px); font-size: 30px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%}
    .slider-prev ion-icon, .slider-next ion-icon{display: block; margin: auto; text-align: center;}

    .form-floating>.form-control, .form-floating>.form-select{margin-bottom: 0;}
}

@media screen and (min-width: 1400px){
   .page-banner{ background-position: 40% 70%; height: 400px;}
}

@media screen and (max-width: 1400px) {
	.services .services-listing .item{height: 350px;}
	.slider .carousel-item .text-content h4{font-size: 24px;}
	.services .services-icon-listing .item .single .short-description{min-height: 120px;}

}

@media screen and (max-width: 1024px) {
    .slider .slider-buttons,
    .slider .currency-slider{margin-bottom: 10px;}
    .slider .static-slider-content .slider-buttons a{padding: 4px 10px;}
    .slider .static-slider-content .slider-buttons a span{font-size: 12px;}
}

@media screen and (max-width: 992px){
	/* Disable AOS animations */
	.custom-cursor{display: none!important;}
	.page-top{margin-top: 58px;}
	.aos-animate{ opacity: 1 !important; transform: none !important; transition: none !important;}
    .p-40-0{padding: 20px 0 20px;}
	.p-60-0{padding: 40px 0 40px;}
    .px-35{ padding-left: 0px!important; padding-right: 0px!important; }
    .p-80-0, .p-100-0{padding: 30px 0;}
    .d-large-screen-only{display: none;}
    .d-small-screen-only{display: block;}
    h1{font-size: 25px;}
    h2{font-size: 25px;}
    h3{font-size: 18px!important;}
	h4{font-size: 16px;}
    p{font-size: 14px; text-align: unset;}
    .btn-plain{font-size: 16px;}
    .img-cover{ width: 100%; }
	.mob-dark-only{background: #000000;}
	.mob-transparent-only{background: transparent;}
    .navbar-toggler,
    .navbar-toggler:focus{box-shadow: none; outline: none; border: none;}
    .logo-container img{height: 35px;}
    .slider-prev{position: absolute; background: transparent; left: 0; top: calc(50% - 13px); font-size: 30px; width: 45px; z-index: 1;}
    .slider-next{position: absolute; background: transparent; right: 0; top: calc(50% - 13px); font-size: 30px; width: 45px; z-index: 1;}
	.slick-dots li button:before{color: #5354a4; font-size: 10px;}
	.slick-dots li.slick-active button:before{color: #888888;}
	.about-vision-mission .about img{height: unset;}
	.sticky-top:after{display: none;}
	.jc-mob-navbar{background: rgba(255,255,255,0.95); -webkit-backdrop-filter: saturate(200%) blur(10px); backdrop-filter: saturate(200%) blur(10px);}
	.offcanvas{background: rgba(255,255,255,0.95); -webkit-backdrop-filter: saturate(200%) blur(10px); backdrop-filter: saturate(200%) blur(10px);}
	.offcanvas-header{padding: 10px 24px;}
	.offcanvas-body{position: relative;}
	.offcanvas-body ul{display: block; padding: 0;}
    .offcanvas-body ul li{display: block; text-align: left; padding: 12px 0; border-bottom: solid 1px rgba(255,255,255,0.15);}
	.offcanvas-body ul li a{font-size: 18px; font-weight: 500; color: #222222!important; text-align: center;}
	.offcanvas-body ul li a i{color: #222222!important;}
	.offcanvas-footer .social-media ul{display: inline-flex; margin: 0; padding: 0;}
	.offcanvas-footer .social-media ul li{display: inline-block; padding: 0 6px; border: none;}
	.offcanvas-footer .social-media ul li a{color: #5354a4; font-size: 22px;}
	.slider{height: 400px;}
	.slider h2{font-size: 30px!important;}
	.slider h4{font-size: 14px!important;}
	.slider .carousel-item .cover-r,
	.slider .carousel-item .cover-l{top: 66%; transform: none;}
	.slider .align-self-center{align-self: end!important;}
	.slider-buttons .btn-solid{margin-bottom: 10px; margin-right: 0;}
	.slider .static-slider-content .slider-buttons a span{font-size: 16px;}
	.about .images{height: unset; text-align: center;}
	.about .img-1{position: relative; width: 100%; border: none; margin: auto; right: unset;}
	.about .img-2{display: none;}
	.about h2.image-text{font-size: 18px;}
	.about h2.year{font-size: 50px;}
	.features .single{height: 160px; background-color: #f3f6ff; filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.15));} 
    .features .single .content .icon{height: 40px;}
	.how-we-work .steps .single{width: 80px; height: 80px; line-height: 80px; }
	.how-we-work .steps .single img{height: 50px;}
    .how-we-work .steps:before, .how-we-work .steps .col-lg .next-icon{display: none;}
    .services .services-listing .item{height: 250px;}
    .areas-we-cover .item .single img{height: 200px!important; object-fit: cover;}
	.only-australians{height: unset;}
	footer a{font-size: 14px!important;}
	footer p{font-size: 12px;}
}

@media screen and (max-height: 400px){
	.slider h1{font-size: 40px!important; width: 100%;}
}

/* WordPress Core */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,
div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft { float: left; margin: 5px 20px 20px 0;}

a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto;}

.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%; /* Image does not overflow the content area */padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}

/* Text meant only for screen readers. */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */}
.screen-reader-text:focus {background-color: #eee;clip: auto !important;clip-path: none;color: #444;display: block;font-size: 1em;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;/* Above WP toolbar. */}