/*
	Theme Name: RydalAU2025
	Author: Ibrahim 
	Version: 1.0
*/

/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

/*general*/
html{  scroll-behavior: smooth;}
body{font-family: "Raleway", sans-serif; font-weight: 300; overflow-x: hidden; color: #434343;}

h1{font-size: 50px;line-height: 1;}
h2{font-size: 40px; line-height: 1;}
h3{font-size: 28px; line-height: 1;}
h4{font-size: 20px; line-height: 1;}
h5{font-size: 18px; line-height: 1;}
p{font-size: 16px; line-height: 1.6; margin-bottom: 20px;}
p:last-child{margin-bottom: 0;}
p strong{font-weight: 500;}
b{font-weight: 600;}
.normal-color{color: #434343;}
.white-color{color: #ffffff!important;}
.white-bg{background-color: #ffffff;}
.white-border{border: 1px solid #ffffff;}
.off-white-bg{background-color: #f8f9f5;}
.off-bg{background-color: #e9eae7;}
.red-color{color: #B82727;}
.red-bg{background-color: #B82727;}
.pale-red-bg{background-color: #F4E9EA;}
.transparent-bg{background-color: transparent;}
.green-color{color: #3ddf08;}
.green-bg{background-color: #3ddf08;}
.dark-green-color{color: #1f6d05;}
.dark-green-bg{background-color: #1f6d05;}
.dark-bg{background-color: #969696;}
.black-color{color: #000000;}
.black-bg{background-color: #000000;}
.curved-border{border-radius: 10px;}
.thin-text{font-weight: 300;}
.regular-text{font-weight: 400;}
.semi-bold-text{font-weight: 600!important;}
.semi-bold-text b, .bold-text{font-weight: 800;}
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-invert{filter: invert(1) brightness(5);}
.img-top{object-position: top!important;}
.bg-cover{background-size: cover;}
.bg-center{background-position: center;}
.bg-top{background-position: top;}
.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;}
.heading{position: relative; line-height: 1; margin-bottom: 20px; position: relative;}
.border-curved{border-radius: 40px; overflow: hidden;}
.overflow-hidden{overflow: hidden;}
.modal{background: rgba(30,30,30,0.9); -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;}
/* visibility: hidden */
.lgn16bffkt2o1694573950172,
.grecaptcha-badge {  visibility: hidden!important; }
.d-opacity-0{opacity: 0;}
.page-top{margin-top: 50px;}
.h-450px{height: 450px;}
.h-600px{height: 600px;}
.visiblity-hidden{visibility: hidden;}
.img-cover{object-fit: cover;}
.img-contain{object-fit: contain;}
/* 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: 25px; bottom: 100px; 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;} */

/* floating-social-icons */
.floating-social-icons{position: fixed; left: 0; top: 50%; transform: translatey(-50%); z-index: 4;}
.floating-social-icons ul{margin: 0; padding: 0; position: relative;}
.floating-social-icons ul:before{content: ""; position: absolute; top: -5px; bottom: -5px; left: 0; width: 2px; background: #B82727;}
.floating-social-icons ul li{padding: 0; margin: 0; display: block;}
.floating-social-icons ul li a{font-size: 18px; color: #B82727; display: block; position: relative; width: 40px; height: 40px; line-height: 40px; text-align: center;}
.floating-social-icons ul li a:before{content: ""; position: absolute; border-top-right-radius: 5px; top:0; right: 0; bottom: 10px; left: 0; background: #B82727; transform: translatex(-100%); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.floating-social-icons ul li a:after{content: ""; position: absolute; top: 30px; left: 0; border-top: 0px solid transparent; border-left: 40px solid #B82727; border-bottom: 20px solid transparent; transform: translatex(-100%); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.floating-social-icons ul li a:hover span{color: #000000; position: relative;  -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.floating-social-icons ul li a:hover:before,
.floating-social-icons ul li a:hover:after{transform: translatex(0); -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-bordered{position: relative; display: inline-block; padding: 10px 15px; border: solid 1px #fafafa; overflow: hidden; border-radius: 8px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered:hover, .btn-bordered:focus{ border: solid 1px #fafafa; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered: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-bordered:hover:before{right: 0; background-color: #77b08a; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered span{position: relative; font-size: 16px; font-weight: 400; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered:hover span{color: #ffffff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered.transparent-bg{border: solid 1px #ffffff;}

.btn-solid{font-weight: 500;}
.btn-underline{position: relative;  font-size: 18px; font-weight: 500; color: inherit; display: inline-block; background: transparent; padding: 4px 5px; 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-underline::after{content: ''; position: absolute; bottom: 0px; right: 100%; left: 0; height: 4px; background-color: #3ddf08; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-underline:hover{ color: #6a6a6a; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-underline:hover:after{right: 0; -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 */
.rydal-nav{position: fixed; top: 0; right: 0; left: 0; z-index: 5; transform: translateY(-100%); border-bottom: solid 4px #3ddf08; filter: drop-shadow(0 0 5px rgba(0,0,0,0.15)); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.rydal-nav.appear{transform: translateY(0%); filter: drop-shadow(0 0 5px rgba(0,0,0,0.15)); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.rydal-nav .top-bar{position: absolute; top: 12px; right: 12px;}
.rydal-nav ul{ padding: 0; top: 0; margin: 0;} 
.rydal-nav ul>li{padding: 0 16px; position: relative; display: inline-block;}
.rydal-nav ul li a{font-size: 16px; font-weight: 600; }
.rydal-nav ul>li> a{ padding: 30px 0; color: #3f3f3f; }
.rydal-nav ul li a:hover, .rydal-nav ul li a:focus{color:#3ddf08;}
.rydal-nav ul.first>li:last-child a{background-color: #f8f9f5; color: #1f6d05; padding: 30px 30px;}
.rydal-nav ul.first>li:last-child a:hover,.rydal-nav ul li:last-child a:focus {color: inherit;}
.rydal-nav ul >li .sub-menu { background-color: #3ddf08; display: block; left: 0; top: 100%; list-style: none; margin: 20px 0 0; opacity: 0; padding: 0px; position: absolute; visibility: hidden; z-index: 10; }
.rydal-nav ul >li:hover>.sub-menu{ opacity: 1; visibility: visible; margin-top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.rydal-nav ul >li>.sub-menu>li { position: relative; text-transform: none; padding: 0; display: block; }
.rydal-nav ul >li>.sub-menu>li a { color: #ffffff; display: block; font-size: 16px; font-weight: 600; padding: 10px 20px; white-space: nowrap; border-left:0px solid transparent;   -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.rydal-nav ul >li .sub-menu li:hover>a { color: #3ddf08; background-color: #434343; }
.rydal-nav ul >li .sub-menu li:last-child { border-bottom: 0px; }
.rydal-nav .logo img{height: 60px; margin: 5px 0;}

/* slider */
.slider{position: relative; background: #99a99a;}
.slider h1, .slider p{font-family: inherit!important; }

/* services */
.services{position: relative;}
.services .single-service {border-bottom: solid 4px #3ddf08;}

/* about */
.about{position: relative;}
.about .about-img{border-right: solid 4px #3ddf08;}
.about .single-feature img{height: 80px;}

/* clients */
.clients{position: relative;}
.clients .clients-slider .item{height: 180px;}

/* how-we-work */
.how-we-work{position: relative;}
.how-we-work .single-step{position: relative; border-bottom: solid 4px #3ddf08;}
.how-we-work .single-step .step-no{font-size: 18vw; color: #3ddf08; position: absolute; left: 0; bottom: 0; z-index: 0; font-weight: 500; opacity: 0.9; line-height: 1;} 
.how-we-work .single-step .step-img{z-index: 1; position: relative;}
.how-we-work .only-aussies h4{line-height: 1.4;}
.how-we-work h5 a{color: #3ddf08;}

/* testimonials */
.testimonials .testimonial-bg{object-fit: contain;}

/* brands */
.brands .single img{height: 80px; width: 180px; object-fit: contain; object-position: center;}

/* enquiry */
.enquiry{position: relative;}
.enquiry .enquiry-bg{position: absolute; left: 0; top: 0; right: 50%; bottom: 0; width: 50vw; height: 100%;}

/* contact-form */
.contact-form input,
.contact-form input:hover,
.contact-form input:focus,
.contact-form textarea,
.contact-form textarea:hover,
.contact-form textarea:focus{background: transparent; border-radius: 0; border: none; border-bottom: solid 1px #3a3a3a; box-shadow: none; color: #3a3a3a;}
.contact-form label{font-weight: 500;}
.contact-form textarea{height: 110px!important;}


/* faq */
/* .faq .accordion-item{border-radius: 15px; border: solid 1px #0ba14a!important; background: transparent; overflow: hidden;}
.faq .accordion-item .accordion-header .accordion-button{background: transparent; color: #0ba14a; 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;}
.faq .accordion-body li{font-size: 14px; font-weight: 400; line-height: 1.6; margin-bottom: 12px;} */

/* .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;}
.selectize-control {background: url(assets/images/gradient-bg.svg)!important; background-attachment: fixed!important; background-size:cover!important; border-radius: 10px!important; border: none; height: 58px!important; color: #ffffff;}
.selectize-input{transform: translatey(-10px); background: transparent!important; box-shadow: none!important; outline: none!iimportant; color: #ffffff!important; border: none!important; padding: 10px 0 5px!important;}
.selectize-dropdown{background: url(assets/images/gradient-bg.svg)!important; background-attachment: fixed!important; background-size:cover!important; width: 100%!important; left: 0!important; border-radius: 15px; border: none; color: #ffffff;}
.selectize-dropdown .selected{background-color: #BB9100!important; color: #ffffff;}
.selectize-dropdown-content{background: transparent}
.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;} */

/* formSubmitSuccess */
.formSubmitSuccess{position: relative; height: calc(100vh - 58px);}
.formSubmitSuccess .content{position: relative; border-radius: 20px;}
.formSubmitSuccess .content:before{content: ''; position: absolute; height: 2px; width: 25%; background:#3ddf08; left: 50%; transform: translatex(-50%); top: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;  }
.formSubmitSuccess .content:after{content: ''; position: absolute; height: 2px; width: 25%; background:#3ddf08; left: 50%; transform: translatex(-50%); bottom: 0; border-top-right-radius: 5px; border-top-left-radius: 5px; }
.formSubmitSuccess .success-particles{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}

/* footer */
footer{position: relative; background-position: center; border-top: solid 4px #3ddf08;}
footer .logo img{height: 60px; margin: 5px 0;}
footer p, footer p a{color: #ffffff;}
footer a:hover{color: #3ddf08!important;}
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!important; font-size: 16px!important; font-weight: 500!important;}
footer iframe{border-radius: 15px;}
footer hr{border-color: #3ddf08;}
footer .social-media{margin: 0; padding: 0;}
footer .social-media li{display: inline-block; padding: 0 16px 0 0; margin: 0;}
footer .social-media li a{font-size: 18px!important; line-height: 30px; color: #B82727;}
footer .footer-last p{font-size: 16px;}

/* page-banner */
.page-banner{position: relative; height: 400px;}
.page-banner .image{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.page-banner .overlay{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.3));}
.page-banner .caption{position: absolute; top: 70%; transform: translateY(-50%); width: 100%;}
.page-banner .caption h2{font-size: 90px; line-height: 1;}
.page-banner .caption h4{line-height: 1.5;}


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

/* 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;} */

/* mt5 */
.alternate-text-content .app-link{height: 40px;}
.alternate-text-content ul li{font-size: 18px; margin-bottom: 15px;}


/* 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;}
}

@media screen and (min-width: 1400px){
   .capablities .slider-prev{left: calc(50% + 10px);}

}

@media screen and (max-width: 1400px) {
    .border-curved{border-radius: 30px; overflow: hidden;}
    .btn-solid,
    .btn-underline,
    .btn-plain{font-size: 16px;}
    .h-450px{height: 300px;}
    .h-600px{height: 450px;}
}

@media screen and (max-width: 1024px) {
    .slider h1{font-weight: 800!important;}
    .slider h4{font-weight: 500!important;}
}

@media screen and (max-width: 992px){
	/* Disable AOS animations */
	.custom-cursor{display: none!important;}
	.page-top{margin-top: 0;}
	.aos-animate{ opacity: 1 !important; transform: none !important; transition: none !important;}
    .p-40-0{padding: 20px 0 20px;}
	.p-60-0{padding: 25px 0 25px;}
    .px-35{ padding-left: 0px!important; padding-right: 0px!important; }
    .p-80-0, .p-100-0{padding: 25px 0;}
    .d-large-screen-only{display: none;}
    .d-small-screen-only{display: block;}
    .heading.underline.text-center.text-lg-start::after{left: 50%; transform: translateX(-50%);}
    h1{font-size: 24px;}
    h2{font-size: 24px;}
    h3{font-size: 18px!important;}
	h4, h5{font-size: 16px;}
    p{font-size: 14px; text-align: unset;}
    .h-450px{height: 300px;}
    .btn-bordered{padding: 4px 15px;}
    .btn-bordered span, .btn-underline span, .btn-plain{font-size: 14px;}
    .alternate-text-content ul li{font-size: 14px;}
    .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;}
    .slick-dots{bottom: -35px;}
	.slick-dots li button:before{color: #3ddf08; font-size: 12px;}
	.sticky-top:after{display: none;}
    .rydal-mob-nav .logo img{height: 30px;}
	.rydal-mob-navbar{background: linear-gradient(to bottom, #1e244f, #253e8d);}
	.offcanvas{background: rgba(90, 90, 90, 0.9);}
	.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: 20px 0; border-bottom: solid 1px rgba(255,255,255,0.15);}
    .offcanvas-body ul li:last-child{display: block; text-align: left; padding: 20px 0; border-bottom: none;}
	.offcanvas-body ul li a{font-size: 16px; font-weight: 500; color: #ffffff; text-align: center;}
	.offcanvas-body ul li.no-mobile>a{display: none;}
    .offcanvas-body ul li.no-mobile{padding: 0;}
    .offcanvas-body .special-links ul li a{background-color: #ffffff; padding: 8px; border-radius: 10px;}
	.offcanvas-footer .social-media ul{display: inline-flex; margin-bottom: 10px; padding: 0;}
	.offcanvas-footer .social-media ul li{display: inline-block; padding: 0 6px; border: none;}
	.offcanvas-footer .social-media ul li a{color: #ffffff; font-size: 22px;}
    .about .about-img{border-right: none; border-bottom: solid 4px #3ddf08;}
    .about .single-feature img{height: 50px;}
    .how-we-work .single-step .step-no{font-size: 60vw;}
    .page-banner{height: 180px;}
	footer ul li a{font-size: 14px!important;}
	footer p{font-size: 12px;}
    footer .logo img{height: 40px;}
    footer .social-media li{display: inline-block; padding: 0 16px; margin: 0;}

/* 	.blue-gradient-l-bg .slick-dots li.slick-active button:before,
	.blue-gradient-r-bg .slick-dots li.slick-active button:before,
	.blue-bg .slick-dots li.slick-active button:before{color: #02a238!important;} */
	
}

/* 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. */
}