/* Theme Name: Hello Elementor Child Theme URI: https://github.com/elementor/hello-theme/ Description: Hello Elementor Child theme of Hello Elementor by Oscar Viana Author: Oscar Viana Author URI: https://oscarviana.com/ Template: hello-elementor Version: 1.0.1 Text Domain: hello-elementor-child License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready */ /* Add your custom styles here */ a {color: #464D7E;} #mainnav .hfe-nav-menu > li a {border-radius: 6px;} #mainnav .sub-menu > li a {border-radius: 0;} #mainnav .sub-menu {border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; overflow: clip;} .image4text img {width: 80%;} .xxxl h1 {line-height: 68px;} .xxxl b {background: #97D8D9; font-weight: inherit; padding: 0 10px;} .xxl b {background: #464D7E; font-weight: inherit; padding: 0 10px;} .page-id-2870 #bannersection {width: 90%; margin: 0 auto;} .page-id-2 #headersection, .page-id-2870 #headersection {display: flex; justify-content: space-between;} .page-id-2 #navcontainer, .page-id-2870 #navcontainer {display: none;} .page-id-2 #phonecontainer .elementor-icon-wrapper, .page-id-2870 #phonecontainer .elementor-icon-wrapper {text-align: right;} .page-id-2 #phonecontainer, .page-id-2870 #phonecontainer {--align-items: right;} .footerphone .elementor-icon-list-icon { background: #464D7E; width: 36px; height: 36px; border-radius: 50%; display: flex; line-height: 36px; text-align: center; align-items: center; justify-content: center; } .footer-icons .elementor-icon-list-icon { background: #97D8D9; border-radius: 50%; width: 36px; height: 36px; padding: 1px;} .footer-icons .elementor-icon-list-icon svg { padding: 8px; margin: auto ! important; } .footer-icons .elementor-icon-list-item:last-child .elementor-icon-list-icon { background: #F4DCD0; } #footer2action { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 10; border-top: 1px solid black; display: none;} #footer2action a {display: block; background: #464D7E; color: #fff; padding: 15px 0; text-align: center; font-size: 18px; font-weight: bold;} .showcall2action {display: block ! important;} .headerphone .elementor-icon {background: #464D7E; border-radius: 6px; padding: 12px;} #phonecontainer {height: 48px;} .containersection {padding: 80px 20px;} .containersectionmini {padding: 60px 10px 40px 10px;} #loantools, #calculators {margin-top: 20px;} .framedtext {max-width: 800px! important; margin: auto;} #CTA {margin-bottom: -240px; z-index: 10;} #footersection {padding-top: 300px; } body.single-post #footersection, body.blog #footersection {padding-top: 80px; } .headingbullet b {display: inline-block; width: 40px; line-height: 40px; background: #464D7E; color: #fff; font-weight: 700; margin-right: 10px; } .subheadingbullet b {display: inline-block; width: 40px; line-height: 40px; background: #fff; color: #464D7E; font-weight: 600; margin-right: 10px; border: 1px solid #464D7E;} .lendertext b {color: #464D7E; font-weight: 600;} .lendertext:before {background: #57606A50; content: " "; width: 100%; height: 1px; display: block;} .lendertext .elementor-heading-title { width: fit-content; margin: auto; padding: 0 50px; background: #F5F5F5; margin-top: -10px;} #lenders img {filter: grayscale(1); width: 125px;} .lenders img {background: #fff; max-width: 150px; padding: 10px; border-radius: 6px; max-height: 100px;} #faqs, .faqs {max-width: 900px! important; margin: 0 auto;} #faqs .e-n-accordion-item-title, .faqs .e-n-accordion-item-title {justify-content: space-between;} #faqs .e-n-accordion-item, .faqs .e-n-accordion-item {border: 0px solid #ccc; border-radius: 15px; padding: 10px 15px; margin: 20px 0; background: #fff; vertical-align: top;} #faqs .e-n-accordion-item:hover, #faqs .e-n-accordion-item[open], .faqs .e-n-accordion-item:hover, .faqs .e-n-accordion-item[open] {border: 0px solid #EAA465; color: #fff; background: #464D7E;} #faqs .e-n-accordion-item:hover .e-n-accordion-item-title-header, #faqs .e-n-accordion-item[open] .e-n-accordion-item-title-header, #faqs .e-n-accordion-item[open] .elementor-widget-text-editor, .faqs .e-n-accordion-item:hover .e-n-accordion-item-title-header, .faqs .e-n-accordion-item[open] .e-n-accordion-item-title-header, .faqs .e-n-accordion-item[open] .elementor-widget-text-editor {color: #fff;} #faqs .e-n-accordion-item[open] .elementor-widget-text-editor a {color: #fff; text-decoration: underline;} #testimonials .ti-reviews-container-wrapper {gap: 24px ! important;} #testimonials .ti-footer {display: none;} #testimonials .ti-review-header:before {display: none;} #testimonials .ti-review-item {background: #505785; border-radius: 18px; padding: 10px;} .contact-google iframe {filter: grayscale(1)! important;} .contact-phone .elementor-icon-list-icon {background: #97D8D9; border-radius: 50%; width: 36px; height: 36px;} .contact-support .elementor-icon-list-icon {background: #F4DCD0; border-radius: 50%; width: 36px; height: 36px;} .contact-location .elementor-icon-list-icon {background: #464D7E; border-radius: 50%; width: 36px; height: 36px;} .contact-icon .elementor-icon-list-icon svg {padding: 8px; margin: auto! important;} #localbrokers > .e-child {box-shadow: 0px 12px 90px 0px #0000000F; border-radius: 18px;} #localbrokers .elementor-widget-image {border-top-left-radius: 18px; border-top-right-radius: 18px; background: #ccc;} #localbrokers .e-child:nth-child(1) .elementor-widget-image {background: #97D8D9;} #localbrokers .e-child:nth-child(2) .elementor-widget-image {background: #F4DCD0;} #localbrokers .e-child:nth-child(3) .elementor-widget-image {background: #5F658B;} #localbrokers .elementor-icon-list-items {justify-content: space-between;} #localbrokers .elementor-icon-list-items .elementor-icon-list-item:last-child a {flex-direction: row-reverse; color: #5F658B;} #localbrokers .elementor-icon-list-items b { color: #464D7E; padding-right: 8px;} #localbrokers .elementor-icon-list-items .elementor-icon-list-item:first-child .elementor-icon-list-icon {background: #97D8D9; border-radius: 50%; width: 24px; height: 24px;} #localbrokers .elementor-icon-list-items .elementor-icon-list-item:first-child svg {padding: 4px; margin: auto! important; height: 24px; width: 24px;} .steps {background: #505785; border-radius: 18px; padding: 24px; box-shadow: 0px 12px 120px 0px #0000000F;} .steps .elementor-icon-box-icon {width: 60px; height: 60px; background: #fff; border-radius: 50%;} .steps .elementor-icon {padding: 15px; display: block;} .steps svg {width: 30px; height: 30px; margin: auto;} .steps:nth-child(odd) .elementor-icon-box-icon {background: #97D8D9;} .steps:nth-child(even) .elementor-icon-box-icon {background: #F4DCD0;} #awards figure {border: 1px solid #EDEDED; border-radius: 18px; padding: 50px;} #awards .gallery {display: flex; gap: 24px;} .tools, .iconboxes {box-shadow: 0px 12px 120px 0px #0000000F;} .tools .elementor-icon-list-items, .iconboxes .elementor-icon-list-items {display: flex; justify-content: space-between;} .tools .elementor-icon-list-items .elementor-icon-list-item a, .iconboxes .elementor-icon-list-items .elementor-icon-list-item a {flex-direction: row-reverse; gap: 5px;} .tools .elementor-icon-list-items .elementor-icon-list-text, .iconboxes .elementor-icon-list-items .elementor-icon-list-text {padding: 0;} .tools .elementor-icon, .iconboxes .elementor-icon {padding: 18px; border-radius: 50%; background: #fff;} .tools:nth-child(1) .elementor-icon {background: #97D8D9;} .tools:nth-child(2) .elementor-icon {background: #F4DCD0;} .tools:nth-child(3) .elementor-icon {background: #5F658B;} .tools:nth-child(4) .elementor-icon {background: #97D8D9;} .tools:nth-child(5) .elementor-icon {background: #F4DCD0;} .tools1 {display: none;} .tools:nth-child(1) {display: flex;} .tools:nth-child(2) {display: flex;} .tools:nth-child(3) {display: flex;} .tools:nth-child(4) {display: flex;} .tools:nth-child(5) {display: flex;} .calcs:nth-child(odd) .elementor-icon {background: #97D8D9! important;} .calcs:nth-child(even) .elementor-icon {background: #F4DCD0! important;} .iconboxes .elementor-icon {background: #97D8D9;} #oursolutions .tools {background: #505785; box-shadow: 0px 12px 120px 0px #0000000F; border-radius: 18px;} #oursolutions .tools:nth-child(odd) .elementor-icon {background: #F4DCD0;} #oursolutions .tools:nth-child(even) .elementor-icon {background: #97D8D9;} #differencetable {margin: 20px 0;} #differencetable table {border-spacing: 20px 0;} #differencetable tbody tr td:first-child .td-content-wrapper {text-align: left;} #selectedhead, #unselectedhead {width: 320px; max-width: 100%;} #selectedhead {border-top-left-radius: 18px; border-top-right-radius: 18px; border-top: 8px solid #97D8D9;} #selectedhead .innerDiv:before, #unselectedhead .innerDiv:before {width: 80%; height: 1px; background: #ffffff50; content: " ";} #unselectedhead {border-top-left-radius: 18px; border-top-right-radius: 18px; vertical-align: bottom;} #differencetable #selectedhead .innerDiv, #differencetable #unselectedhead .innerDiv {display: flex; flex-direction: column-reverse; align-items: center; gap: 15px;} #unselectedhead .innerDiv:before {background: #57606A50;} #selectedhead .innerDiv .data-table-header-text {font-size: 10px; text-transform: uppercase; padding: 7px 12px; border-radius: 60px; background: #F4DCD0; font-weight: 700;} #unselectedhead .innerDiv .data-table-header-text {padding-bottom: 20px;} #differencetable tbody tr td:nth-child(2), #differencetable thead tr th:nth-child(2) {background: #464D7E;} #differencetable tbody tr td:nth-child(3), #differencetable thead tr th:nth-child(3){background: #FFF;} #differencetable tbody tr:last-child td:nth-child(2), #differencetable tbody tr:last-child td:nth-child(3) {border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; padding-bottom: 40px;} #customtestimonials {margin: 20px 0;} #customtestimonials .elementor-widget-testimonial {padding: 24px; border-radius: 18px; box-shadow: 0px 12px 120px 0px #0000000F; background: #505785;} #customtestimonials .elementor-testimonial-meta-inner {display: flex; padding: 12px; border: 1px solid #fff; border-radius: 12px;} #customtestimonials .elementor-widget-testimonial:nth-child(odd) .elementor-testimonial-meta-inner { border: 1px solid #97D8D9; background: #9ADADA2E;} #customtestimonials .elementor-widget-testimonial:nth-child(even) .elementor-testimonial-meta-inner { border: 1px solid #F4DCD0; background: #F4DCD02E;} #customtestimonials .elementor-testimonial-content h5 {font-size: 20px; font-weight: 600;} #customtestimonials .elementor-testimonial-details {display: flex; align-items: center; gap: 10px;} #customtestimonials .elementor-widget-testimonial:nth-child(odd) .elementor-testimonial-image img{ background: #97D8D9;} #customtestimonials .elementor-widget-testimonial:nth-child(even) .elementor-testimonial-image img { background: #F4DCD0;} .testimonialratings {display: flex; gap: 10px; color: #fff; font-size: 26px; font-weight: 600; align-items: flex-start; line-height: 24px; margin-bottom: 20px;} .testimonialratings i {display: inline-block; width: 24px; height: 24px; content: url('star.svg'); margin-right: 1px;} /* Homeppage Blog Section */ #latestposthome {max-width: 1320px; margin: auto;} .latest-posts {display: flex; gap: 30px;} .latest-posts .latestpostboxes, .childpost .featuredimage, .childpost .contentbox {width: 50%;} #firstpost, #gridposts article {} #primary-sidebar { padding: 20px; border-radius: 20px; background: #fff; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%); } #gridposts {margin: 40px 0; display: grid; grid-template-columns: 32% 32% 32%; gap: 20px;} .childpost {display: flex; gap: 20px; align-items: center; margin-bottom: 20px;} .childpost:last-child { margin-bottom: 0px;} .childpost p {display: none;} .latest-posts .contentbox {padding: 10px 0; color: #fff;} .latest-posts img {border-radius: 18px;} .latest-posts img:hover {opacity: 0.9;} .latest-posts a {font-family: "Montserrat", Sans-serif; color: #fff; font-weight: 700; font-size: 24px; line-height: 38px;} .latest-posts a:hover {color: #F4DCD0;} .latest-posts .childpost a {font-size: 20px; font-weight: 600; line-height: 28px;} .latest-posts .childpost h3 {margin: 5px 0; line-height: 28px;} .latest-posts .tag a, .post-tags .tag-links a {background: #97D8D9; color: #000; font-size: 12px; font-weight: 700; line-height: 24px; border-radius: 6px; padding: 6px 15px; text-transform: uppercase;} .post-tags .tag-links a {margin-right: 0 5px; text-decoration: none;} #miniposts .childpost:nth-child(odd) .tag a {background: #F4DCD0;} #gridposts article h2 {font-size: 24px; line-height: 1.1;} #gridposts article p {height: 200px; overflow: hidden; line-height: 25px;} #gridposts1 article p:after {content: "...";} .metaseparator {padding: 0 10px;} /* Blog Section */ .custombutton {font-family: "Montserrat", Sans-serif; font-weight: 700! important; margin: 20px 0; text-decoration: none! important;} #primary-content .post-tags {display: none;} main#content {max-width: 1440px;} #primary-content{width: 70%; display: inline-block; margin-bottom: 60px;} #primary-sidebar {width: 27%; display: inline-block; float: right;} .clr {clear: both;} .mywidgets { margin-bottom: 20px;} .mywidgets h2, .more-blogs-title { color: var(--e-global-color-primary ); color: #000; font-family: var(--e-global-typography-primary-font-family ), Sans-serif; font-weight: var(--e-global-typography-primary-font-weight ); font-weight: 700; font-family: "Open Sans", sans-serif; font-size: 1.5rem; } #primary-sidebar .wp-block-group {margin-bottom: 40px;} .more-blogs-title {text-align: center;} .page-content { /* color: var(--e-global-color-text ); */ font-family: var(--e-global-typography-text-font-family ), Sans-serif; font-size: var(--e-global-typography-text-font-size ); font-weight: var(--e-global-typography-text-font-weight ); line-height: 32px; } .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {color:#464D7E;} .sectiondivider {background-color: var(--e-global-color-primary); height: 0px; margin: 50px 0; border: 0;} #blogheader {margin-bottom: 50px; min-height: 200px; background-blend-mode: multiply; padding: 20px; background: #000; } #blogheadercontent {display: flex; flex-direction: column; /* align-items: center; */ justify-content: center; max-width: 1440px; margin: 0 auto; min-height: 500px;} .blogheaderoverlay {background-color: #020101; opacity: 0.5; height: inherit; width: 100%; position: absolute;} .blog-header-title {height: inherit; width: 100%; position: absolute; padding: 150px 0;} #blogheader h1 { color: #FFFFFF; font-family: var(--e-global-typography-primary-font-family ), Sans-serif; font-size: 48px; font-weight: var(--e-global-typography-primary-font-weight );} .blog-header-spacer {height: 50px;} #blog-header {display: flex; max-width: 1440px; margin: 0 auto; gap: 40px; align-items: center;} #blog-image {text-align: center;} #blog-header img {width: 100%; max-width: 450px; border-radius: 30px;} #blog-header div {padding: 20px; } .blog-content article img {border-radius: 30px;} .blogimage1 {display: none;} .blog-content article {padding: 0px 10px 40px 10px;} #blog-title, #blog-image {width: 50%;} .blogreadmore {padding: 16px 30px 16px 30px; color: #000; background: #97D8D9; border-radius: 3px; font-weight: 700; font-size: 16px; text-decoration: none! important; line-height: 18px; margin-top: 20px; display: inline-block;} .blogreadmore:hover {background: #F4DCD0;} .bottom-sidebar .mywidgets .wp-block-latest-posts li {width: 32%; margin-right: 1%; display: inline-block; padding: 20px; clear: none; float: left} .bottom-sidebar .mywidgets .wp-block-latest-posts .wp-block-latest-posts__featured-image a {display: block;} .bottom-sidebar .mywidgets .wp-block-latest-posts .wp-block-latest-posts__featured-image a img {width: 100%;} .blog-content #primary-content h1, .blog-content #primary-content h2, .blog-content #primary-content h3, .blog-content #primary-content h4, .blog-content #primary-content h5, .blog-content #primary-content h6 {font-weight: 700; font-family: "Open Sans", sans-serif; padding: 10px 0;} #primary-sidebar .mywidgets li {line-height: 1.2; margin-bottom: 30px; font-size: 16px;} #primary-sidebar1 .mywidgets li::before {content: '⮞'; margin-right: 5px;} #primary-sidebar .mywidgets li a {text-decoration: none;} #primary-sidebar .wp-block-latest-posts__featured-image img {border-radius: 18px;} #firstpost, #gridposts {font-size: 16px;} #blog-breadcrumbs, #blog-breadcrumbs a:hover {color: #fff;} .entry-sub-title {font-family: "Manrope", Sans-serif; font-size: 18px; font-weight: 400; line-height: 28px; color: #fff;} #blogarticles article {width: 33.33%; float: left;} #blogarticles article .postarticleholder {padding: 10px;} #blogarticles article img {width: 100%; max-height: 240px;} .wp-block-list {list-style: none; padding: 0 0 10px 0;} .wp-block-list li {padding-left: 32px; line-height: 28px;} .wp-block-list li::before {content: url(tick.svg); margin-right: 5px; color: #EAA465; margin-top: 2px; line-height: 24px; width: 24px; position: absolute; margin-left: -32px; } #post-meta-details {list-style: none; padding: 0; font-size: 14px; } #blogheadercontent #post-meta-details li {display: inline-block; padding: 0 10px; border-right: 1px solid #fff;} #blogheadercontent #post-meta-details li:last-child {border: 0;} #blogheader #post-meta-details { font-size: 16px; color: #fff;} #firstpost #post-meta-details li {display: inline-block; margin-right: 10px;} #blog-title #post-meta-details, #blog-title #post-meta-details a:hover {color: #fff;} .owl-nav {display: flex; justify-content: space-between; margin-top: 40px;} .owl-dots {text-align:center; margin-top: -40px;} button.owl-dot {width: 24px; height: 4px; border: 0; border-radius: 1px; background: #97D8D950! important; margin: 2px;} button.owl-dot.active {width: 36px; height: 4px; border: 0; border-radius: 1px; background: #97D8D9! important;} .owl-nav1 {top: 180px; position: absolute; width: 100%;} .owl-nav button {background: #97D8D9! important; color: #000! important; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #97D8D9! important;} .owl-nav button.owl-prev {margin-left: -80px; background: none! important; color: #97D8D9! important;} .owl-nav button.owl-next {position: absolute; right: -80px;} /* */ .owl-nav button.owl-next { position: relative; right: -0; } .owl-nav button.owl-prev { margin-left: 0; } .owl-nav1 { top: auto; position: relative; width: 100%; text-align: center; } .owl-nav button {margin: 0 10px;} /* QUOTE FORM */ #oscquote {padding: 15px;} #oscquote .page1title h3 {margin-bottom: 10px; font-size: 36px; text-align: center;} #oscquote .gf_progressbar { background-color: #ddd ! important; background: #ddd; border-radius: 5px;} #oscquote .gf_progressbar .percentbar_blue {background-color: #464D7E ! important; border-radius: 5px;} #oscquote #gfield_description_1_1 {display: flex; justify-content: space-between; flex-direction: row; padding: 5px; font-size: 16px;} #oscquote #gfield_instruction_1_1 {display: none;} #oscquote #field_1_1 .ginput_container_number:before, #oscquote #field_1_5 .ginput_container_number:before {content: '$'; position: absolute; margin-top: 18px; margin-left: 10px; color: #585e6a; font-size: 16px;} #oscquote #input_1_1, #oscquote #input_1_5 { padding-left: 22px;} #oscquote {width: 100%; max-width: 700px; margin: 0 auto; /* padding: 0px 30px 40px 30px; background: #fff; border-radius: 12px; */} #oscquote #gform_ajax_spinner_1 {position: absolute; left: 50%; margin-top: 20px; border-block-end-color: #464D7E; border-inline-start-color: #464D7E; margin-bottom: 10px;} #oscquote #gform_1_validation_container {display: none;} #oscquote .validation_message {color: #464D7E; background: none; border: 0; text-align: center; font-weight: 500;} #oscquote #gf_progressbar_wrapper_1 {margin-bottom: 50px;} #gform_confirmation_message_1 { height: 200px; display: grid; align-items: center; text-align: center;} #oscquote legend, #oscquote label.gfield_label {font-size: 22px; line-height: 26px; /* text-align: center; */ display: block; font-weight: 500; margin: 10px 0;} #oscquote .oscheading h1 {font-size: 48px; text-align: center; margin-top: -30px;} #oscquote .gform_title {text-align: center;} #oscquote .oscmessage {font-size: 14px; text-align: center; color: #c02b0a;} #oscquote .gform_page_footer {justify-content: flex-end; /* height: 40px; */ margin-top: 40px; margin-bottom: 20px; text-align: right; border-top: 1px solid #ccc; padding-top: 20px;} #oscquote .gf_progressbar_percentage {height: 8px; text-align: center;} #oscquote .gf_progressbar_title {text-align: center; /* display: none; */ text-transform: uppercase;} #oscquote .gform_page { /* min-height: 500px; */} #oscquote #gfield_description_8_40 {font-weight: 500; font-size: 22px; margin-bottom: 10px;} #oscquote .oscradio .gchoice { width: calc(50% - 4px); position: relative; display: inline-block; } #oscquote .gfield_required_text {display: none;} #oscquote .gform_page_fields { min-height: 150px; } #oscquote .oscradio .gchoice input { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #2a2a2a; border-radius: 0px; cursor: pointer; } #oscquote .oscradio .gchoice input[type="radio"] { opacity: 0; z-index: 100; } #oscquote .oscradio .gchoice input[type="radio"]:checked + label { background: #F4DCD0; /* border-radius: 0px; */ border-color: #F4DCD0; color: #000; } #oscquote .oscradio .gchoice input[type="radio"]:hover + label { background: #464D7E; color: #fff; } #oscquote .oscradio .gchoice input[type="radio"]:hover + label:before, #oscquote .oscradio .gchoice input[type="radio"]:checked + label:before { filter: invert(1); } #oscquote .oscradio .gchoice label { cursor: pointer; z-index: 90; margin: 0; text-align: center; vertical-align: middle; font-size: 16px; border-radius: 10px; border: 1px solid #464D7E; line-height: 48px; background: #fff; width: 100%; } #oscquote .oscradio .gchoice label:hover {cursor: pointer;} #oscquote .gfield_radio {display: block! important;} #oscquote .oscradio .gchoice { padding: 4px 2px; } #oscquote .osctxt input { border-radius: 10px; border: 1px solid #464D7E; height: 52px; background: #fff; padding: 14px 16px; font-size: 16px; outline: none; width: 100%; } #oscquote .oscdropdown select { border-radius: 10px; border: 1px solid #464D7E; height: 52px; padding: 6px 16px; font-size: 16px; outline: none; width: 100%; } #oscquote .osctxt input::placeholder { color: #696969; } #oscquote .osctxt input:focus, #oscquote .osctxt input:hover {border-color: #464D7E;} #oscquote .osctxt .name_first label, #oscquote .osctxt .name_last label {display: none;} #oscquote .gform_previous_button {background: none; border: 0; box-shadow: none; color:#333; position: absolute; left: 0px; line-height: 52px ! important; float: left; padding: 0 24px;} #oscquote .gform_previous_button:hover {color: #464D7E;} #oscquote .gform_button, #oscquote .gform_next_button {border-radius: 8px; background-color: #464D7E; outline: none; color: #fff ! important;} #oscquote .gform_button:hover, #oscquote .gform_next_button:hover, #oscquote input[type="submit"]:hover { color: #000 ! important; background-color: #F4DCD0! important; border: 1px solid #F4DCD0 ! important;} #oscquote .gform_previous_button:focus, #oscquote .gform_next_button:focus {outline: none;} #oscquote .gform_next_button, #oscquote input[type="submit"] {border: 1px solid #97D8D9 ! important; background: #97D8D9 ! important; color: #000 ! important; font-size: 16px ! important; padding: 0px 24px 0px 24px; border-radius: 10px ! important; line-height: 52px ! important; width: 180px ! important; font-weight: 500;} #oscquote #gform_submit_button_1 .btn-arrow {display: none;} #oscquote #gform_submit_button_1 .btn-label-wrap {margin-right: 10px;} #oscquote button[type="submit"]:after {content: url('https://positivelendingsolutions.com.au/wp-content/uploads/2025/11/chevron-right.svg'); border: 1px solid #464D7E; width: 25px; height: 25px; color: #fff; border-radius: 50%; line-height: 0; padding: 0; position: absolute; margin-top: 14px;} .numslider { -webkit-appearance: none! important; width: 100%; height: 10px; background: none! important; outline: none! important; -webkit-transition: .2s; transition: opacity .2s; border: 0! important; outline-color: transparent; box-shadow: 0 0 #000! important; padding: 0! important; margin: 0! important; } .numslider:focus, .numslider:hover { outline: none! important; } .numslider::-webkit-slider-thumb { -webkit-appearance: none! important; appearance: none! important; width: 30px! important; height: 30px! important; background: #464D7E! important; cursor: pointer; border-radius: 50%; border: 2px solid #fff! important; box-shadow: none! important; margin: 0! important; margin-top: -10px! important; } .numslider::-moz-range-thumb { width: 30px; height: 30px; background: #555; cursor: pointer; border: 0! important; box-shadow: none! important; margin: 0! important; margin-top: -10px! important; } .numslider::-ms-thumb { box-shadow: none !important; margin: 0! important; margin-top: -10px! important; } .numslider::-webkit-slider-runnable-track { box-shadow: none !important; margin: 0px! important; background: #ddd; /* your track color */ height: 8px; border-radius: 4px; } .numslider::-moz-range-track { box-shadow: none !important; margin: 0px! important; background: #ddd; /* your track color */ height: 8px; border-radius: 4px; } .numslider::-ms-track { margin: 0px! important; background: transparent; border-color: transparent; color: transparent; height: 8px; } .numslider::-ms-fill-lower { background: #ddd; border-radius: 4px; } .numslider::-ms-fill-upper { background: #ddd; border-radius: 4px; } #oscquote .slidernumber { margin: 10px 0; text-align: center; font-size: 30px; line-height: 36px; color: #ED1763; font-weight: bold;} #oscquote .oscnum .gfield_description {display: flex; flex-direction: row;} #oscquote .oscnum .gfield_description span {width: 50%;} #oscquote .oscnum .gfield_description span:last-child{text-align:right;} #oscformmessage {text-align: center; height: 400px; display: grid; align-items: center;} .oscloader { width: 64px; height: 64px; border-radius: 50%; display: inline-block; position: relative; border: 3px solid; border-color: #464D7E #464D7E transparent; box-sizing: border-box; animation: rotation 1s linear infinite; } .oscloader::after { content: ''; box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 3px solid; border-color: transparent #464D7E #464D7E; width: 54px; height: 54px; border-radius: 50%; animation: rotationBack 0.5s linear infinite; transform-origin: center center; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotationBack { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } .oscapproved { width: 64px; height: 64px; margin: 0 auto; background: #464D7E; text-align: center; vertical-align: middle; border-radius: 50%; font-size: 36px; line-height: 64px; } .oscicon {display: block; text-align: center; line-height: 0; margin-top: 20px; font-size: 18px;} #processing, #congratulations {display: none;} .oscmessagetitle {margin: 30px 0 15px 0; font-size: 22px;} .oscmessagetext {color: #fff6; font-size: 14px;} #oscquote #field_8_44 {font-size: 15px; margin-top: 15px;} .creditscoreicon {content: url(https://positivelendingsolutions.com.au/wp-content/uploads/2025/11/dashboard.svg); width: 22px; height: 22px; vertical-align: text-bottom; margin-right: 3px;} #oscquote #input_8_32_3 {margin-bottom: 20px;} #oscquote #mo_message {background-color: #fff! important; color: #464D7E! important; margin-top: 15px; padding: 16px! important;} #oscquote #mo_send_otp_gravity {border-radius: 8px; background-color: #ED1763! important; padding: 12px 16px! important; outline: none; width: 100%; height: auto;} /* #oscquote #input_1_3 label:before {content: " "; height: 50px; width: 100%; display: block; height: 50px; text-align: center; background-size: contain; background-repeat: no-repeat; background-position: center; } #oscquote #input_1_3 label {line-height: 1; padding: 8px;} #label_1_3_0:before {background: url('https://yourbetawebsite.com/loancalculator/wp-content/uploads/2025/10/car.png');} #label_1_3_1:before {background: url('https://yourbetawebsite.com/loancalculator/wp-content/uploads/2025/10/happiness.png');} #label_1_3_2:before {background: url('https://yourbetawebsite.com/loancalculator/wp-content/uploads/2025/10/briefcase.png');} #label_1_3_3:before {background: url('https://yourbetawebsite.com/loancalculator/wp-content/uploads/2025/10/home.png');} #label_1_3_4:before {background: url('https://yourbetawebsite.com/loancalculator/wp-content/uploads/2025/10/motorbike-1.png');} #label_1_3_5:before {background: url('https://yourbetawebsite.com/loancalculator/wp-content/uploads/2025/10/boat.png');} #label_1_3_6:before {background: url('https://yourbetawebsite.com/loancalculator/wp-content/uploads/2025/10/caravan.png');} */ .inpageform {background: #97D8D9; border-radius: 18px; max-width: 100% ! important; width: 500px ! important; padding: 20px ! important;} #oscquote.inpageform .gform_button, #oscquote.inpageform .gform_next_button {background-color: #464D7E! important; color: #fff ! important;} #oscquote.inpageform .gform_button:hover, #oscquote.inpageform .gform_next_button:hover, #oscquote.inpageform input[type="submit"]:hover { color: #000 ! important; background-color: #F4DCD0! important; border: 1px solid #F4DCD0 ! important;} .inpageform .gchoice_1_18_4 {width: 100%! important;} .creditscore {text-align: center; font-size: 90%; color: #000;} .creditscore i {color: #464D7E;} /* SCREEN SIZES */ @media (min-width: 1200px) { .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main { max-width: 1440px; } } @media (max-width: 1024px) { #logocontainer { display: flex; align-content: flex-start;} .page-id-2870 #bannersection {width: 100%;} #phonecontainer { height: 48px; width: 48px; position: absolute; right: 60px;} .page-id-2 #phonecontainer, .page-id-2870 #phonecontainer { right: 10px;} } @media (max-width: 767px) { /* .elementor {overflow: clip;} #differencetable {display: none;} */ .image4text img {width: 90%;} #awards figure {padding: 0px;} .latest-posts, .childpost {display: block;} #miniposts {margin-top: 20px;} .latest-posts .childpost {/* padding: 20px; border-radius: 20px; background: #fff; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%); */} .latest-posts .latestpostboxes, .childpost .featuredimage, .childpost .contentbox {width: 100%;} .xxl h2 {font-size: 50px! important; line-height: 58px! important;} .xl h2 {font-size: 38px! important; line-height: 46px! important;} #miniposts .featuredimage img {width: 100%;} #gridposts {display: block;} #gridposts article {margin: 20px 0;} #blog-header {display: block;} #blog-title, #blog-image {width: 100%;} #primary-content, #primary-sidebar {width: 100%; display: block; float: none; padding: 0 20px;} #primary-sidebar {padding: 20px;} .bottom-sidebar .mywidgets .wp-block-latest-posts li {width: 100%; margin: 0 1%; display: block;} .blog-content article {padding: 0 0 40px 0;} #differencetable .eael-data-table tbody tr td {padding: 5px;} #differencetable table { border-spacing: 5px 0; } #oscquote .page1title h3 {font-size: 30px;} #oscquote .oscradio .gchoice {width: 100%;} #oscquote .oscradio #input_1_22 .gchoice {width: 50%;} #oscquote #input_1_3 label:before {height: 30px;} li#menu-item-1354 a { color: #000; background: #97D8D9; font-size: 16px; line-height: 16px; border-radius: 6px; padding: 16px 30px 16px 30px; font-weight: 700; width: fit-content; margin: 20px auto; display: block; } } @media (max-width: 540px) { #masthead {overflow-x: clip;} .steps .elementor-icon-box-icon {margin: 0 auto;} .image4text img {width: 100%;} #bannersection {padding: 20px;} #selectedhead img {width: 100px! important;} .inpageform {padding: 10px ! important;} }