File Manager

Editing File: /home/ubuntu/theridgecorp-landing/blog/wp-content/uploads/custom-css-js/72.css

<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>

Back to Directory File Manager