Viewing File: /home/ubuntu/theridgecorp-landing/blog/wp-content/uploads/custom-css-js/72.css
<!-- start Simple Custom CSS and JS -->
<style type="text/css">
@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap");
:root {
--primary-color: #3a58a7;
--secondary-color: linear-gradient(90deg, #376bff 63.5%, #214099 100%);
--primary-back-drop: #dce0d31a;
--light-color: #ffffff;
--dark-color: #18181b;
--text-color: #18181bbf;
--light-text-color: #ffffffbf;
--section-bg: #3a58a708;
--primary-gradient: linear-gradient(360deg, #3a58a7 0%, #0b054f 100%);
--secondary-gradent: linear-gradient(180deg,
rgba(233, 239, 255, 0.5) 0%,
rgba(255, 255, 255, 0.5) 100%);
--linear-gradient: linear-gradient(90deg,
rgba(255, 255, 255, 0.5) 31.55%,
rgba(153, 153, 153, 0.5) 100%);
--primay-border: #18181b80;
--dashed-border: #dce0d3;
--light-border: #f1f1f1;
}
body {
font-family: "Fredoka", sans-serif !important;
}
.site-footer {
padding-top:2.5em;
background: #1A1F6B;
}
footer {
background-color: transparent;
background-image: var(--primary-gradient);
position: relative;
/* padding-top: 4em;
padding-bottom: 2.5em; */
}
.footer-logo {
display:flex;
margin-bottom:1em;
flex-direction:column;
}
.space-line {
width: 100%;
height: 2px;
background: -webkit-gradient(linear,
left top,
right top,
from(transparent),
color-stop(var(--primary-color)),
to(transparent));
background: linear-gradient(to right,
transparent,
var(--dashed-border),
transparent);
position: relative;
}
footer ul {
padding:0;
margin:0;
}
footer ul li{
list-style:none;
}
.corp-footer-frame p {
font-size: 0.9em;
font-weight: 400;
color: var(--light-border);
margin-bottom: 0em;
line-height: 1.8;
text-align:left;
}
.corp-footer-frame-2 p {
font-size: 0.9em;
font-weight: 400;
color: var(--light-border);
margin-bottom: 0;
line-height: 1.8;
text-align:right;
}
.corp-footer-frame-2 h4 {
font-size: 1.1em;
font-weight: 500;
margin-bottom: .5em;
color: var(--light-color);
text-align:right;
}
.footer-bg-sec::before {
background-image: url('https://theridgecorp.com/blog/wp-content/uploads/2025/01/footer-bg.png');
position: absolute;
width: 100%;
height: 100%;
right: 0px;
bottom: 0px;
content: "";
left: 0px;
background-repeat: repeat-x;
background-size: contain;
background-position: center;
animation: slide 60s linear infinite;
-webkit-animation: slide 60s linear infinite;
filter: grayscale(100%);
/* opacity: 0.6; */
}
@keyframes slide {
0% {
background-position: 0 0;
}
100% {
background-position: 1920px 0;
}
}
.corp-footer-logo {
width: clamp(8em, 100%, 8em);
height: auto;
object-fit: contain;
}
.corp-footer-frame ul,
.corp-quick-links ul {
display: flex;
align-items: center;
gap: 1em;
}
.corp-quick-links {
padding: 2em 0;
z-index: 9;
position: relative;
display: flex;
flex-direction: column;
gap: .9em;
justify-content: center;
align-items: center;
}
.corp-quick-links ul li a {
font-size: 0.9em;
font-weight: 400;
color: var(--light-border) !important;
margin-bottom: 0em;
}
.corp-footer-frame {
padding-right:2em;
}
.corp-footer-frame-2{
padding-left:2em;
}
.corp-footer-frame,
.pre-footer-frame {
position: relative;
z-index: 9;
}
.corp-quick-links h4 {
font-size: 1.1em;
font-weight: 500;
margin-bottom: 0;
color: var(--light-color);
}
.corp-footer-frame h4 {
font-size: 1.1em;
font-weight: 500;
margin-bottom: .8em;
color: var(--light-color);
}
.pre-footer-frame {
padding-top: 1.5em;
margin-bottom: -1em;
border-top: 1px solid var(--dashed-border);
text-align: center;
}
.pre-footer-frame p {
font-size: 0.9em;
font-weight: 400;
margin-bottom: 0;
color: var(--light-border);
}
.corp-left-side {
text-align: end;
}
.corp-left-side ul {
justify-content: end;
}
.social-link-list {
margin-top: -.6em;
}
/* Forex Page Style */
.forex-services-details {
padding: 1em;
height: 100%;
}
.forex-services-detail-info h3 {
color: var(--dark-color) !important;
line-height: 1.5;
}
.forex-main-card {
background-repeat: no-repeat;
background: var(--primary-gradient);
background-position: 100% 50%;
background-size: cover;
height: 20em;
border-radius: 24px;
position: relative;
z-index: 99;
overflow: hidden;
}
.forex-main-card::after {
content: " ";
background: rgba(0, 0, 0, 0.6);
position: absolute;
/* inset: 0; */
}
.forex-main-card::before {
background-image: url(../img/footer-bg.png);
position: absolute;
width: 100%;
height: 100%;
right: 0px;
bottom: 0px;
content: "";
left: 0px;
background-repeat: repeat-x;
background-size: contain;
background-position: center;
animation: slide 60s linear infinite;
-webkit-animation: slide 60s linear infinite;
filter: grayscale(100%);
}
.corp-inner-side-frame {
padding-top: 4em;
}
.mt-reduce {
margin-top: -2.5em;
}
.footer-about-py {
padding: 2em 0 ;
text-align:center;
}
.footer-about-py p {
text-align: center;
}
.app-store-icon {
display: flex;
justify-content:end;
gap:1em;
margin-top:-.5em;
}
.corp-quick-links il li {
list-style: square !important;
}
#menu-item-171 {
height: 3.5em;
background: var(--primary-gradient) !important;
padding: 1.2em 2em !important;
text-align: center;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
position: relative;
overflow: hidden;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px !important;
display: flex !important;
align-items: center;
justify-content: center;
gap: 0.4em;
border: none;
font-size: 0.9em !important;
font-weight: 500 !important;
border: 0 !important;
transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
margin-top:1em;
margin-left: 1em;
}
#menu-item-171 a {
color: #fff !important;
}
@media (max-width: 767.98px) {
.corp-footer-frame {
padding-right: 0em;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.site-footer {
padding:1em;
}
.corp-footer-frame p, .corp-footer-frame-2 h4,
.corp-footer-frame-2 p{
text-align:center;
}
.corp-footer-frame-2 {
padding-left:0;
}
.app-store-icon {
justify-content:center;
}
.corp-footer-frame ul, .corp-quick-links ul {
flex-direction:column !important;
}
.pre-footer-frame {
margin-bottom: -3em;
}
.elementor-35 .elementor-element.elementor-element-13bf24a > .elementor-widget-container {
padding: 0 !important;
}
.elementor-35 .elementor-element.elementor-element-e6cdb8d > .elementor-widget-container {
padding: 0 !important;
}
.pre-footer-text {
width:100%;
}
}
@media (min-width: 1600px) {
/* .page .site-content > .ast-container {
max-width: 1800px !important;
padding: 3em 0 !important:
} */
}
.wpcf7-form-control-wrap {
margin-top:.5em;
}
.elementor-35 .elementor-element.elementor-element-082ce44 .ekit-form form input[type="submit"] {
width:100%;
margin-bottom: -2.5em;
margin-top: .5em;
font-weight: 600;
}
.elementor-35 .elementor-element.elementor-element-e6cdb8d .elementor-heading-title {
line-height:1.7;
}
.contact-us-from {
background-color: #070A17;
border-radius: 24px;
padding: 2em;
padding-bottom: 1em !important;
border: 1px solid #ffffff47;
}
.contact-us-from label {
font-size: 0.8em !important;
font-weight: 400 !important;
color: var(--light-color) !important;
}
.contact-us-from input {
border-radius: 8px !important;
height: 50px !important;
border: 1px solid #65728145 !important;
background-color: rgba(0, 0, 0, 0.3) !important;
color: var(--light-color) !important;
padding-left: 1em !important;
}
.contact-us-from textarea {
border-radius: 8px !important;
max-height: 120px !important;
border: 1px solid #65728145 !important;
background-color: rgba(0, 0, 0, 0.3) !important;
color: var(--light-color) !important;
}
.contact-us-from input[type="submit"]{
width: 100% !important;
background: var(--light-color) !important;
color: #000 !important;
}
/* .contact-us-from .wpcf7-spinner {
display:none;
} */
.pre-footer-text {
width:80%;
}
.pre-footer-frame {
display: flex;
justify-content:center;
align-items:center;
flex-direction:column;
gap:1em;
}
.contact-us-from .wpcf7-response-output {
color: #fff;
text-align: center;
font-size: .8em;
margin-top: 0 !important;
}
.ast-separate-container.ast-two-container #secondary .widget {
padding: 1em !important;
}
.wp-block-search__inside-wrapper {
display: flex !important;
gap: .5em !important;
}
.wp-block-search__inside-wrapper .wp-block-search__input {
width: 68% !important;
}
.contact-us-from .wpcf7-not-valid-tip {
margin-top: -1.2em !important;
margin-bottom: 1em !important;
}
.nav-previous {
display: none;
}
.comments-area {
display: none;
}
/* .page .site-content > .ast-container {
max-width: 1400px;
margin-top: 1.5em !important;
} */
.site-content .ast-post-format- {
padding: 1.5em !important;
}</style>
<!-- end Simple Custom CSS and JS -->
Back to Directory
File Manager