/* VARIABLES */ :root { --fg-color: #1D1F37; /* Dark Bluish Purple */ } body {background:#01071C!important} section {padding:40px 0px;background:#01071C} section {background:#01071C} .row {margin-bottom:20px;row-gap:20px} .rd-heading-row {margin-bottom:40px} .rd.card {background-color:#1C2037} .card {border:none} h1,h2,h3,h4,h5,h6,p,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, span {color:white} h2 {font-size:3rem} @media only screen and (max-width:767px){ h2 {font-size:2rem} } .rd-button-one {padding:10px 20px;font-weight:bold;border-radius:3px;color:black;background-image: linear-gradient(134deg, #008AFC 27%, #97F8F4 100%)} .text-gradient-1 {background-clip:text;-webkit-background-clip: text !important;padding-top:10px;padding-bottom:20px;background: -webkit-linear-gradient(#119CFF, #97F8F4);-webkit-text-fill-color: transparent} .card {background-color:#1C2037;padding:20px} .rd-button-primary:not(.accordion-button) {padding:10px;border-radius:5px;width:100%;border:none;background-color:#119CFF;background-image: linear-gradient(134deg, #008AFC 27%, #97F8F4 100%);} /* ------- BASIC ELEMENTS -------- */ /* Button */ button {background:#008AFC} /* ------- FRAPPE ELEMENTS ------- */ /* Page Card */ .page_content .page-card, .page_content .for-login .page-card {background-color:#1C2037;border:none} .page_content .page-card span,.page_content .page-card .page-card-head .indicator {color:white} /* Used on public Projects pages */ .page-content .website-list {background-color: #1D1F37} .page-content .website-list {color:white} .page-content .website-list .web-list-item .text-muted {color:white!important} /* ----- FORMS AND INPUTS ------- */ label {color:#A5A5A5;font-size:14px} input,select {color:#A5A5A5;width:100%;border:0!important;padding:20px; border-radius:5px;background-color:#1C2037;border:1px solid #87868636} /* ----- Gradients ----- */ .rd-background-gradient-1 {background-color:transparent;background-image:linear-gradient(45deg, #119Cff 0%, #97F8F4 100%) } .rd-background-gradient-left-1 {position:relative} .rd-background-gradient-left-1:before {content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position: center left;background-image:url(/assets/rangeldigital/files/img/bg-gradient-left-1.jpg)} /* ------- NAVARS * ---------*/ nav.rd-navbar-1 {padding-left:15px;padding-right:15px} nav.rd-navbar-1 .navbar-toggler svg {stroke:white} .rd-navbar-1 .nav-item a {color:white;font-weight:bold;font-size:1rem} .rd-navbar-1 .navbar-brand {font-size:1.5rem;font-weight:bold;background-clip:text;-webkit-background-clip: text !important;padding-top:10px;padding-bottom:20px;background: -webkit-linear-gradient(#119CFF, #97F8F4);-webkit-text-fill-color: transparent} .rd-navbar-1 .dropdown-menu {overflow:hidden;background:#003073;border:1px solid #87868636;padding:0} .rd-navbar-1 .dropdown-menu .dropdown-item {background-color:#003073;padding: 15px 35px!important;border-radius:0} .rd-navbar-1 .dropdown-item:hover {background-color:#008AFC} @media only screen and (max-width: 991px) { .rd-navbar-1 #navbarSupportedContent {background:#003073!important;padding-left:20px;padding-right:20px} .rd-navbar-1 #navbarSupportedContent a {font-size:1rem;font-weight:400} } .nav-item.active {border-bottom:none!important} .nav-item.active a {color:#119CFF} /* ------- Sections --------*/ /* ------- 50/50 Accordion Section - 1 ---------*/ section.rd-fifty-fifty-accordion-one {background:#01071C;position:relative;z-index:1} .rd-fifty-fifty-accordion-one .rd-heading-row {margin-bottom:80px} .rd-fifty-fifty-accordion-one p {font-size:1.5rem} .rd-fifty-fifty-accordion-one .accordion-header {color:white;font-size:1.5rem} .rd-fifty-fifty-accordion-one .accordion-header button:after {content:"";background-image:url("/assets/rangeldigital/files/svg/down.svg");filter:brightness(100);height:17px;width:17px} .rd-fifty-fifty-accordion-one .accordion-body {color:white;font-size:1.1rem} .rd-fifty-fifty-accordion-one button {width:100%;text-align:left;color:white;background:none;border:none} @media only screen and (min-width: 768px) { .rd-fifty-fifty-accordion-one .rd-accordion-column:before {content:"";position:absolute;background:white;height:100%;width:1px} }.rd-fifty-fifty-accordion-one .accordion-item {gap:10px;padding-left:20px} .rd-fifty-fifty-accordion-one .accordion-body {padding-left:10px} /* ------- Parallax Cards - 1 ---------*/ .rd-parallax-cards-one .feature-item-inner {background-color:transparent;background-image:linear-gradient(180deg, rgb(0, 138, 252) 0%, rgb(28, 31, 55) 100%);border-bottom-color:rgb(17, 156, 255)} /* ------- 5 Card Section - 1 ---------*/ .rd-5-card-section-1 h2 {color:white;margin-bottom:40px} .rd-5-card-section-1 h5 {color:white;font-weight:400} .rd-5-card-section-1 .card {background:#1D1F37;position:relative;min-height:25vh;padding:20px 0px 400px 0px} .rd-5-card-section-1 img {position:absolute;bottom:0;right:0} .rd-5-card-section-1 .card-body {z-index:1} .rd-5-card-section-1 .card p {font-size:2rem;font-weight:bold;position:relative;z-index:1} .rd-5-card-section-1 .card-two {background-color:transparent;background-image:linear-gradient(180deg, rgb(0, 138, 252) 0%, rgb(28, 31, 55) 100%);border-bottom-color:rgb(17, 156, 255)} .rd-5-card-section-1 .row {row-gap:20px} @media only screen and (max-width: 767px) { .rd-5-card-section-1 .card {min-height:40vh;padding:20px 0px 200px 0px} } /* Page Heading 1 */ section.page-heading-1 {padding-top:255px;padding-bottom:120px} .page-heading-1 h1 {color:white;font-size:4rem;font-weight:bold} .page-heading-1 h2 {color:white;margin-bottom:60px;} .page-heading-1 {--background-overlay: ''; background-color: transparent; background-image: radial-gradient(at center center, #004BADBF 0%, var(--e-global-color-495d27d) 69%);} @media only screen and (max-width: 767px) { .page-heading-1 h1 {font-size:3rem} section.page-heading-1 {padding-top:150px;padding-bottom:80px} } /* 4 Blurb Box Section - 1 */ section.rd-four-blurb-box-one {padding:20px;position:relative;padding-top:100px;padding-bottom:100px} section.rd-four-blurb-box-one > .container {background:blue;overflow:hidden;position:relative;z-index:1;min-height:700px;border-radius:10px;background-color:rgb(28, 31, 55)} .rd-four-blurb-box-one > .container:before {opacity:0.9;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-image:url(/assets/rangeldigital/files/img/bg-gradient-1.jpg)} .rd-four-blurb-box-one .rd-heading-row {margin-bottom:150px} .rd-four-blurb-box-one h2 {font-size:3rem} .rd-four-blurb-box-one h5 {color:white;font-size:1.5rem;font-weight:bold} .rd-four-blurb-box-one p.rd-sub-heading {color:white;font-size:1.5rem} .rd-four-blurb-box-one .col-md-3 p {color:#A5A5A5} @media only screen and (max-width: 767px) { .rd-four-blurb-box-one .rd-heading-row {margin-bottom:40px} .rd-four-blurb-box-one .col-md-3 {text-align:center} } /* 6 Card Section - 1 */ .rd-six-card-section-one {row-gap:20px;position:relative} .rd-six-card-section-one:before {content:"";display:block;position:absolute;top:0;bottom:0;right:0;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position: center right;background-image:url(/assets/rangeldigital/files/img/bg-gradient-right-1.jpg)} .rd-six-card-section-one .card {min-height:300px} .rd-six-card-section-one h2 {font-size:2.5rem;margin-bottom:60px;color:white;z-index:1;position:relative} .rd-six-card-section-one h5 {font-size:1.5rem;color:#008AFC} .rd-six-card-section-one .card-two p,.rd-six-card-section-one .card-two h5 {color:black} .rd-six-card-section-one p {color:white} @media only screen and (max-width: 767px) { .rd-six-card-section-one .row {gap:20px} } /* 40/60 Stat Blurbs Section - 1 */ .rd-forty-sixty-stat-blurbs-section-one .rd-heading-row {margin-bottom:30px} .rd-forty-sixty-stat-blurbs-section-one .rd-heading {margin:0;color:white;font-weight:400;font-size:2.5rem;line-height:3.5rem} .rd-forty-sixty-stat-blurbs-section-one .rd-sub-heading {color:white;font-weight:200;font-size:1.2rem} .rd-forty-sixty-stat-blurbs-section-one .rd-blurb-row {border-top:1px solid #D5DFFF5E;padding-top:30px} .rd-forty-sixty-stat-blurbs-section-one .rd-blurb-heading {color:white;font-weight:200;font-size:4rem;line-height:4rem} .rd-forty-sixty-stat-blurbs-section-one .rd-blurb-sub-heading {color:white;font-weight:200;font-size:1.2rem} @media only screen and (max-width: 767px) { .rd-forty-sixty-stat-blurbs-section-one .rd-heading {font-size:2rem;line-height:2.5rem} .rd-forty-sixty-stat-blurbs-section-one .rd-heading-row {flex-direction:row-reverse} .rd-forty-sixty-stat-blurbs-section-one .rd-heading-row .col-md-9 {margin-bottom:40px} .rd-forty-sixty-stat-blurbs-section-one .rd-blurb-heading {font-size:3rem;line-height:3rem} } /* ---------- Parallax Cards - 1 ---------- */ .rd-parallax-cards-1 .rd-sub-heading {margin-bottom:60px} /* ---------- Page Heading - 2 ---------- */ section.rd-page-heading-2 {padding-top:255px;padding-bottom:120px} .rd-page-heading-2 .rd-heading {font-size:4rem;font-weight:bold} .rd-page-heading-2 .rd-sub-heading {color:white;font-size:1rem;font-weight:bold} .rd-page-heading-2 img {margin-top:80px} @media only screen and (max-width: 767px) { section.rd-page-heading-2 {padding-top:150px;padding-bottom:80px} .rd-page-heading-2 .rd-heading {font-size:2rem} } /* ---------- Multi Cards Section - 1 ---------- */ .rd-multi-cards-section-one {row-gap:20px} .rd-multi-cards-section-one .card {background:#1C2037;border-radius:10px;min-height:300px} .rd-multi-cards-section-one .card-body {padding:0;margin-top:20px} .rd-multi-cards-section-one h2 {font-size:3rem;margin-bottom:60px;color:white} .rd-multi-cards-section-one .card-img-top {border-radius:10px} .rd-multi-cards-section-one .card:hover {border:1px solid #119CFF} /* ----- Testimonial Cards Section - 1 ----- */ .rd-testimonial-cards-one .rd-testimonial-author-row img {height:60px;width:60px;border-radius:50%} .rd-testimonial-cards-one .rd-testimonial-content {margin-bottom:5px;font-size:1rem;font-style:italic} .rd-testimonial-cards-one .rd-heading {font-size:3rem;margin-bottom:60px;color:white} .rd-testimonial-cards-one .col-4 {flex:0 1 33.333%} .rd-testimonial-cards-one .col-8 {flex:1} /* ---------- Large Heading Section - 1 ---------- */ section.rd-large-heading-section-one {position:relative} .rd-large-heading-section-one:before {opacity:0.5;content:"";background-color: transparent; --background-overlay: ''; background-image: radial-gradient(at center center, #004BAD 0%, #01071A 70%); position:absolute;top:0;bottom:0;left:0;width:100%;height:100%; } .rd-large-heading-section-one .rd-heading {font-size:4rem;font-weight:bold} .rd-large-heading-section-one .container {width:70%} .rd-large-heading-section-one h2 {z-index:1;position:relative;padding-top:100px;padding-bottom:100px} @media only screen and (max-width: 767px) { .rd-large-heading-section-one .rd-heading {font-size:2rem;padding-top:60px;padding-bottom:60px} } /* ---------- 50/50 Rows Section - 1 ---------- */ .rd-fifty-fifty-rows-one .row {padding-top:40px;padding-bottom:40px} /* ---------- Footers ---------- */ footer.rd-footer-1 {position:relative;padding-top:100px;min-height:400px;background:#01071C} footer.rd-footer-1:before {opacity:0.5;content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-size:cover;background-image:url(/assets/rangeldigital/files/img/bg-gradient-waves-1.jpg)} footer.rd-footer-1 .rd-heading {font-size:3rem;font-weight:bold} footer.rd-footer-1 .rd-sub-heading {font-size:1.5rem;color:white} footer.rd-footer-1 ul {padding:0;list-style:none;margin-top:10px} footer.rd-footer-1 ul li {color:white} footer.rd-footer-1 .rd-footer-column-heading {color:white;font-weight:bold} /* Frappe Website Bundle Override */ .blog-card .card {border:none} .blog-card span.text-dark {color:white !important} .blog-card .text-muted a{color:white !important}