html {
overflow-x: hidden;
scroll-behavior: smooth;
}
.heading-default-font h2,
.heading-default-font h3 {
font-weight: 900;
}
.btn { font-size: 600; }
.page-template-page-service-template .site-main li,
.page-template-page-about-template .site-main li {
list-style: none;
position: relative;
}
.page-template-page-service-template .site-main li::before,
.page-template-page-about-template .site-main li::before {
content: "\e766";
font-family: vc_entypo;
font-weight: 600;
color: #999999;
font-size: 12px;
margin-right: 8px;
}
.page-template-page-service-template .site-main li a,
.page-template-page-about-template .site-main li a { color: #8E2215; }
.page-template-page-service-template .site-main li a:hover,
.page-template-page-about-template .site-main li a:hover { color: #000; }
.page-template-page-service-template .fa-chevron-right:before,
.page-template-page-about-template .fa-chevron-right:before{
font-family: 'FontAwesome';
}
.page-template-page-service-template #cta-footer { display: none; }
@media (min-width: 1324px) {
.page-template-page-service-template .site-main .container,
.page-template-page-about-template .site-main .container {
max-width: 1324px;
}
}
/* Header Section */
.header-title-curved {
background: #F4F4F4;
z-index: 99;
position: relative;
}
.header-title-curved .vc_column-inner{
padding: 0px !important;
}
.header-title-curved .wpb_wrapper {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
box-sizing: border-box;
padding-bottom: 80px;
margin: 0;
width: 100%;
-webkit-clip-path: ellipse(69% 100% at 50% 0%);
clip-path: ellipse(69% 100% at 50% 0%);
background: #fff;
}
.header-title-curved #ct-heading { position: relative; }
.header-title-curved #ct-heading:before {
content: '';
background: url(https://ascendantusa.com/wp-content/uploads/2022/09/new-jersey-map.png) no-repeat;
background-position: center -19px;
height: 183px;
width: 73px;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -18px;
}
.header-title-curved #ct-heading::after {
content: '';
background: url('https://ascendantusa.com/wp-content/uploads/2022/09/long-arrow-down.png') no-repeat;
height: 36px;
width: 18px;
display: block;
margin: auto;
position: relative;
bottom: -30px;
}
.header-title-curved.sv-disable-map-icon #ct-heading:before{
display: none;
}
.header-title-curved .ct-heading-sub {
color: #8E2215;
text-transform: uppercase;
font-weight: 600;
}
@media (min-width: 1025px) {
.header-title-curved .wpb_wrapper {
padding: 0;
min-height: 275px;
}
.header-title-curved #ct-heading::after {
bottom: -45px;
}
}
/* Image Button */
.content-image-button-section.clearfix {
background: #F4F4F4;
padding: 50px 0px;
}
.content-image-button-section .header-title,
.content-image-button-section .content {
text-align: center;
}
.image-button-upper p {
font-weight: 500;
}
.image-button-upper {
position: relative;
margin-bottom: 10px;
}
.image-button-upper:after,
.image-button-upper::after {
content: '';
background: url('/wp-content/themes/finano/assets/images/long-arrow-small.png') no-repeat;
background-position: 2px;
height: 36px;
width: 19px;
display: block;
margin: auto;
position: relative;
bottom: 0;
left: 0px;
}
.sv-image-button-box:hover .image-button-upper::after {
background-position: -25px;
}
.sv-image-button-box p {
font-family: 'Poppins', sans-serif;
text-align: center;
margin-bottom: 0px;
}
.image-button-box {
position: relative;
overflow: hidden;
}
.image-button-img {
border-top-right-radius: 19px;
border-top-left-radius: 20px;
overflow: hidden;
background: #342E2E;
height: 375px;
overflow: hidden;
}
.image-button-img img {
opacity: 0.25;
object-fit: cover;
height: 100%;
width: 100%;
}
.image-button-front {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.image-button-front .front {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.image-button-front h3 {
color: #fff;
font-weight: 500;
}
.image-button-back {
position: absolute;
height: 0px;
width: 100%;
background: #fff;
transition: all 0.4s ease-in-out 0s;
bottom: 0px;
opacity: 0;
padding: 20px;
font-size: 15px;
border-top-right-radius: 17px;
border-top-left-radius: 17px;
}
.image-button-back h4 {
font-size: 17px;
text-align: center;
}
.image-button-back img {
max-height: 30px;
margin: auto;
display: block;
margin-bottom: 10px;
}
.sv-image-button-box {
cursor: pointer;
position: relative;
z-index: 9;
margin-bottom: 30px;
}
.sv-image-button-box:hover .image-button-back {
height: 100%;
opacity: 1;
}
.image-button-cta {
background: #fff;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
z-index: 9;
position: relative;
padding: 14px;
text-align: center;
}
.image-button-link {
color: #8E2215;
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 14px;
}
.image-button-link .fas::before {
font-family: 'Fontawesome';
font-size: 12px;
top: 0px;
left: 2px;
position: relative;
}
.sv-image-button-box:hover .image-button-cta {
background: #BF2E1D;
}
.sv-image-button-box:hover .image-button-cta a {
color: #fff;
}
.sv-image-button-box .image-button-back img {
filter: invert(80%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}
@media (max-width: 768px) {
.sv-image-button-box {
max-width: 370px;
margin: auto auto 30px;
}
}
@media (min-width: 1025px) {
.sv-image-button-box {
margin-bottom: 0;
}
}
/* Benefits */
.service-list-image {
background: #F4F4F4;
padding: 100px 0px;
position: relative;
z-index: 1;
}
.service-list-image-box {
background: #fff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
border-radius: 20px;
margin: 0;
align-items: center;
position: relative;
z-index:9;
flex-wrap: wrap;
}
.service-list-image-box .ct-heading-sub {
font-weight: 600;
color: #8E2215;
margin-bottom: 5px;
}
.service-list-image-box .ct-heading-tag { font-size: 24px; }
.services-list-image-box-img { margin-top: -65px; }
.service-list-background {
position: absolute;
bottom: 0;
z-index: -1;
}
.service-list-content-right li {
font-size: 15px;
line-height: 1.3;
margin-bottom: 9px;
padding-left: 12px;
}
.service-list-content-right li::before {
position: absolute;
left: -3px;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 991px) {
.service-list-image-box {
padding: 20px;
}
.services-list-image-box-img {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.service-list-content-left {
text-align: center;
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.service-list-content-right ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media (min-width: 1025px) {
.service-list-content-right ul {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.service-list-image-box{
padding-top: 20px;
}
.service-list-content-right {
padding-left: 50px;
}
}
/* Benefits */
.benefits-list-content {
padding: 50px 0 30px;
}
.benefits-list-content .row {
align-items: center;
}
.benefits-list-content .btn-content { margin-top: 25px; }
.benefits-list {
max-width: 670px;
margin: 30px auto 0px;
}
.benefits-lis-box {
display: flex;
flex-wrap: wrap;
align-items: center;
background: #EAEAED;
border-radius: 100px;
padding: 15px 30px;
margin-bottom: 25px;
position: relative;
}
.benefits-lis-box .icon {
background: #342E2E;
border-radius: 100%;
width: 90px;
height: 90px;
text-align: center;
padding: 20px;
}
.benefits-lis-box .icon img {
max-width: 50px;
}
.benefits-lis-box .content {
font-size: 14px;
line-height: 22px;
padding-left: 20px;
max-width: 80%;
}
.benefits-lis-box .content h5 {
margin-bottom: 2px;
color: #8E2215;
font-size: 17px;
}
@media (max-width: 600px) {
.benefits-lis-box {
border-radius: 20px;
text-align: center;
}
.benefits-lis-box .icon { margin: auto auto 20px; }
.benefits-lis-box .content {
max-width: 100%;
}
}
@media (min-width: 1200px) {
.benefits-list-content {
padding: 100px 0 60px;
}
.benefits-lis-box .content {
max-width: 520px;
}
.benefits-lis-box:nth-child(1), .benefits-lis-box:nth-child(5) {
left: -100px;
}
.benefits-lis-box:nth-child(2), .benefits-lis-box:nth-child(4) {
left: -65px;
}
.benefits-list {
margin-top: 0px;
margin-left: auto;
margin-right: 0;
}
}
/* Image Button Slider */
.content-image-slider {
background: #F0F1F9;
padding: 60px 0px;
}
.js-slider-container {
padding-top: 30px;
}
.slider-item {
border-radius: 20px;
box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
overflow: hidden;
margin: 20px auto;
position: relative;
max-width: 380px;
}
.slider-item-img {
max-height: 272px;
}
.slider-item-img img {
object-fit: cover;
height: 100%;
width: 100%;
}
.slider-item-details {
position: absolute;
bottom: 0;
width: 100%;
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 37%,rgba(0,0,0,0.45) 64%,rgba(0,0,0,0.65) 100%);
padding: 20px 20px 50px;
}
.slider-item:hover .slider-item-details {
height: 100%;
background: rgba(0,0,0,0.6);
}
h3.slider-item-title {
color: #fff;
font-weight: 600;
text-align: center;
}
p.slider-item-content {
height: 0;
opacity: 0;
margin: 0;
transition: all 0.4s ease 0s;
text-align: center;
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.slider-item-cta a {
background: #fff;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
z-index: 9;
position: relative;
padding: 14px;
text-align: center;
}
a.slider-item-cta-link {
color: #8E2215;
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 14px;
display: block;
}
.slider-item:hover a.slider-item-cta-link {
background: #C12F1D;
color: #fff;
}
a.slider-item-cta-link .fas::before {
font-size: 12px;
}
.slider-item:hover .slider-item-details .content {
transform: translateY(-50%);
top: 50%;
position: relative;
}
.slider-item:hover p.slider-item-content {
height: auto;
opacity: 1;
}
.js-slider-container .owl-nav span::before {
position: relative;
display: block;
content: "\e0b2";
font-family: vc_material!important;
font-size: 20px;
}
.js-slider-container .owl-nav {
margin-top: 0;
}
.js-slider-container .owl-prev span::before {
transform: rotate(226deg);
}
.js-slider-container .owl-next span::before {
transform: rotate(45deg);
}
.content-image-slider .btn-mobile-display { display: none ; }
@media (max-width: 991px) {
.content-image-slider .btn-content { display: none; }
.btn-mobile-display { display: block !important; }
}
@media (min-width: 1200px) {
.content-image-slider {
padding: 100px 0px;
}
.js-slider-container .owl-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.js-slider-container button.owl-next {
position: absolute;
right: -55;
z-index: 9;
}
.js-slider-container button.owl-prev {
position: absolute;
left: -55;
z-index: 9;
}
}
@media (min-width: 1450px) {
.js-slider-container button.owl-next {
right: -85px;
}
.js-slider-container button.owl-prev {
left: -85px;
}
}
/* Column Section */
.content-column {
background: #fff;
position: relative;
padding: 60px 0px 0px;
z-index: 9;
overflow: hidden;
}
.content-column.bg-gray {
background: #f4f4f4;
}
.content-column-item {
border-radius: 20px;
box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
background: #fff;
padding: 20px 20px 40px;
text-align: center;
min-height: 100%;
position: relative;
max-width: 500px;
margin: auto;
}
.content-column-item h3 { font-size: 20px; }
.content-column-icon {
width: 90px;
height: 90px;
top: 0px;
background: #8E2215;
border-radius: 100%;
padding: 20px;
margin: auto;
margin-top: -55px;
margin-bottom: 20px;
}
.content-column-icon i {
font-size: 44px;
color: #fff;
line-height: 1;
}
.content-column-icon img,
.content-column-icon i {
-webkit-transition: all 0.4s ease;
-khtml-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
display: block;
}
.content-column-item:hover i,
.content-column-item:hover img {
-webkit-transform: rotateY(360deg);
-khtml-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.content-column-row {
padding-top: 50px;
}
.content-column-bg {
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
}
@media (max-width: 767px) {
.content-column-row .col-md-4 {
padding-bottom: 60px;
}
}
@media (min-width: 768px) {
.content-column {
padding: 90px 0px 100px;
}
}
/* Fullwidth content*/
.fullwidth-box {
position: relative;
padding: 0px 0px 60px;
background: #EAEAED;
}
.fullwidth-box-img {
width: 100%;
height: 100%;
position: relative;
top: 0;
right: 0;
left: 0;
max-height: 260px;
}
.fullwidth-box-img img {
height: 100%;
width: 100%;
display: block;
object-fit: cover;
-o-object-fit: cover;
font-family: 'object-fit: cover;';
}
.fullwidth-box-item {
background: #fff;
border-radius: 20px;
box-shadow: 0px 0px 15px rgba(0, 0, 0 ,0.1);
padding: 30px;
}
@media (min-width: 768px) {
.fullwidth-box {
padding: 60px 0px;
}
.fullwidth-box-img {
max-height: none;
width: 55%;
position: absolute;
}
}
@media (min-width: 1025px) {
.fullwidth-box {
padding: 100px 0px;
}
.fullwidth-box-item {
padding: 50px;
}
}
/* Image box */
.image-content-box {
position: relative;
z-index: 9;
padding: 60px 0px;
}
.image-content-box-bg {
position: absolute;
bottom: -45px;
left: -100px;
z-index: -1;
}
.image-content-box-bg img {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.image-content-box-details {
z-index: 99;
}
.image-content-box-details .content {
border-radius: 20px;
background: #EAEAED;
padding: 30px;
}
.image-content-box-img {
position: absolute;
top: 0;
overflow: hidden;
border-radius: 20px;
left: 47%;
max-width: 702px;
max-height: 690px;
}
.image-content-box-img img {
height: 100%;
width: 100%;
object-fit: cover;
}
@media (max-width: 767px) {
.image-content-box {
padding-top: 0px;
margin-top: 0px;
}
.image-content-box-img {
position: relative;
left: 0;
max-width: none;
margin: auto;
border-radius: 0px;
max-height: 300px;
overflow: unset;
}
}
@media (max-width: 992px) {
.image-content-box {
margin: 70px 0px 0px;
}
}
@media (min-width: 1025px) {
.image-content-box-details .content {
padding: 50px;
}
section.image-content-box {
margin: 100px 0px 90px;
padding: 45px 0px;
}
}
/* Accordion List */
.content-accordion {
background: #EAEAED;
padding: 60px 0px;
}
.accordion-item {
border-bottom: 1px solid #D8D8D8;
cursor: pointer;
padding: 14px;
}
.accordion-toggle {
font-weight: 700;
font-size: 18px;
color: #000;
margin-bottom: 0px;
position: relative;
}
.accordion-toggle:before {
color: #8E2215;
content: "\e766";
font-family: vc_entypo;
font-size: 16px;
font-weight: 900;
margin-right: 15px;
}
.accordion-toggle.active::before {
transform: rotate(90deg);
display: inline-block;
}
.accordion-content {
font-size: 15px;
display: none;
padding: 10px 23px;
}
.accordion-content.default {
display: block;
}
.accordion-content .cta-btn-div {
margin-top: 15px;
}
.accordion-top-content .ct-heading-sub {
font-weight: 600;
color: #8E2215;
margin-bottom: 5px;
}
.accordion-top-content .ct-heading-tag span {
color: #a6230e;
font-family: 'Playfair Display', sans-serif;
font-style: italic;
}
@media (min-width: 1025px) {
.content-accordion {
padding: 100px 0px;
}
.content-accordion-details {
padding-right: 80px;
}
}
/* Partner Slider */
section.partner-slider {
padding: 60px 0px;
}
.partner-slider-content {
max-width: 1098px;
margin: auto;
}
.js-partner-gallery .owl-stage {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.js-partner-gallery img {
width: auto !important;
max-width: 190px;
margin: auto;
filter: grayscale(100%);
transition: all 0.4s ease-in-out 0s;
}
.js-partner-gallery .partner-item img:hover {
filter: none;
}
.js-partner-gallery .owl-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
margin-top: 0px;
}
.js-partner-gallery .owl-nav button {
background: transparent;
box-shadow: none;
position: absolute;
top: 50% !important;
transform: translateY(-50%);
}
.js-partner-gallery .owl-nav button:hover {
background: transparent !important;
}
.js-partner-gallery .owl-nav span::before {
color: #8E2215;
position: relative;
display: block;
font-size: 20px;
font-weight: 600;
content: "\e766";
font-family: vc_entypo !important;
}
.js-partner-gallery .owl-nav button:hover span::before {
color: #000;
}
.js-partner-gallery .owl-nav button.owl-next {
right: -35px;
}
.js-partner-gallery .owl-nav button.owl-prev {
left: -35px;
}
.js-partner-gallery .owl-prev span::before {
transform: rotate(180deg);
top: -8px;
}
/* CTA Float Box */
.cta-float-container {
position: relative;
z-index: 99;
}
.cta-float-box {
background: #8E2215;
position: relative;
overflow: hidden;
border-radius: 20px;
}
.cta-float-img {
position: relative;
height: 100%;
width: 100%;
}
.cta-float-img img {
object-fit: cover;
height: 100%;
width: 100%;
object-position: top;
}
.cta-float-content {
padding: 50px 40px 50px 30px;
}
.cta-float-content * {
color: #fff;
}
.cta-float-content p {
font-family: 'Poppins', sans-serif;
font-weight: 300;
line-height: 28px;
}
.cta-float-content .cta-float-btn {
padding-top:20px;
}
.cta-float-content .cta-float-btn .btn {
background: #fff;
color: #8E2215;
font-weight: 900;
}
.cta-float-content .cta-float-btn .btn:hover {
color: #fff;
}
@media (max-width: 991px) {
.cta-float-box {
max-width: 700px;
margin: auto auto 70px;
}
.cta-float-img {
max-height: 300px;
overflow: hidden;
}
}
@media (min-width: 992px) {
.cta-float-img {
position: absolute;
height: 100%;
width: 31%;
}
}
/* Form */
.form-content-container {
position: relative;
background: #292C30;
z-index: 9;
padding: 60px 0px;
}
.form-content-container * {
color: #fff;
}
.form-content-bg {
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.form-content-container img {
height: 100%;
width: 100%;
object-fit: cover;
}
.form-content-details .wpcf7 label {
font-family: 'Poppins', sans-serif;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px;
}
.form-content-details .wpcf7 {
padding: 0px;
margin-top: 30px;
}
.form-content-details .wpcf7 label {
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px;
}
.form-content-details .wpcf7 input.wpcf7-form-control {
border: none !important;
border-radius: 5px;
}
.form-content-details .wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid {
border-color: #f13c3c !important;
}
.form-content-details .wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
display: block;
color: #dc3232;
font-size: 13px;
}
.form-content-details .wpcf7 .wpcf7-form-control-wrap {
border: none;
padding-bottom: 10px;
}
.form-content-container .wpcf7-submit {
width: auto;
min-width: 232px !important;
margin-top: 10px;
background: #8E2215;
}
.form-content-sidebar {
background: #676767;
border-radius: 20px;
overflow: hidden;
min-height: 413px;
max-width: 350px;
margin: auto;
}
.form-content-sidebar iframe {
height: 214px;
}
.site-client-information {
padding: 17px 30px 17px 40px;
}
.site-client-information ul {
padding-left: 10px;
}
.site-client-information li {
margin-bottom: 10px;
}
.site-client-information li::before {
color: #B3B3B3 !important;
font-family: 'Fontawesome' !important;
font-size: 16px!important;
font-weight: normal !important;
display: inline-block;
margin-right: 0 !important;
left: -25px;
position: absolute;
}
.site-client-information li a {
color: #fff !important;
}
.site-client-information li a:hover {
color: #8E2215 !important;
}
.site-client-information li.site-address::before {
content: "\f015" !important;
}
.site-client-information li.phone-number::before {
transform: rotate(260deg);
content: "\f095" !important;
}
.site-client-information li.email-address::before {
content: "\f0e0" !important;
}
@media (max-width: 1024px) {
.form-content-sidebar {
margin-top: 40px;
}
}
@media (min-width: 1025px) {
.form-content-details {
padding-right: 50px;
}
.form-content-container {
margin-top: -168px;
padding-top: 290px;
padding-bottom: 100px;
}
.form-content-sidebar {
margin-right: 0;
}
}
/* Progress Circle section */
.progress-container {
position: relative;
overflow: hidden;
z-index: 8;
padding: 60px 0px 30px;
background: #f9f9f9;
}
.progress-bg img {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.progress-bg {
position: absolute;
bottom: -105px;
left: 0;
z-index: -1;
}
.progress-top-content {
margin-bottom: 60px;
}
.progress-top-content .ct-heading-sub {
font-weight: 600;
color: #8E2215;
margin-bottom: 5px;
}
.progress-top-content .ct-heading-tag span {
color: #a6230e;
font-family: 'Playfair Display', sans-serif;
font-style: italic;
}
.progress-items .progressbar {
margin-bottom: 30px;
}
.progressbar .circle div {
font-family: 'Poppins', sans-serif;
font-size: 20px;
font-weight: 700;
position: absolute;
top: 30px;
left: 0;
width: 100%;
text-align: center;
line-height: 40px;
}
.progressbar .circle h5 {
margin-top: 15px;
}
/* Timeline Flow */
.timeline-container {
padding: 80px 0px 30px;
position: relative;
}
.timeline-top-content {
text-align: center;
padding-bottom: 50px;
}
.timeline-top-content .ct-heading-sub {
font-weight: 600;
color: #8E2215;
margin-bottom: 5px;
}
.timeline-top-content .ct-heading-tag span {
color: #a6230e;
font-family: 'Playfair Display', sans-serif;
font-style: italic;
}
ul.timeline-flow::before {
content: '';
position: absolute;
left: 0;
top: 0;
content: ' ';
display: block;
width: 6px;
height: 100%;
margin-left: -3px;
background: rgb(80,80,80);
background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
z-index: 5;
}
.timeline-flow {
position: relative;
width: 100%;
max-width: 100%;
margin: auto;
padding: 50px 0;
}
.timeline-flow li:before {
content: '' !important;
}
.timeline-flow li {
padding: 20px 0px;
}
.flag-wrapper {
position: relative;
}
.flag-wrapper:before,
.flag-wrapper:after {
border-radius: 100%;
content: "";
top: 50%;
margin-top: -10px;
position: absolute;
}
.flag-wrapper:before {
width: 40px;
height: 40px;
background: #8E2215;
z-index: 10;
-webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
margin-top: -17px;
}
.flag-wrapper::after {
background: #fff;
border: 4px solid #8E2215;
width: 25px;
height: 25px;
z-index: 99;
}
.direction {
position: relative;
}
.direction-r .flag-wrapper:before,
.direction-l .flag-wrapper:before {
left: -20px;
}
.direction-r .flag-wrapper:after,
.direction-l .flag-wrapper:after {
left: -12px;
}
.flag-wrapper .flag {
background: #8E2215;
border-radius: 5px;
color: #fff;
font-weight: 600;
display: block;
margin: 0px 25px;
position: relative;
padding: 6px 10px;
text-align: left;
}
.flag-wrapper .flag span {
display: block;
}
.flag-wrapper .flag:before,
.flag-wrapper .flag:after{
border: solid transparent;
border-width: 8px;
content: "";
position: absolute;
right: 100%;
top: 50%;
height: 0;
width: 0;
margin-top: -7px;
pointer-events: none;
}
.direction-r .flag:before {
border-right-color: #8E2215;
}
.timeline-content {
background: #fff;
border-radius: 15px;
box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
position: relative;
padding: 10px 20px;
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-left: 117px;
align-items: center;
}
.award-img {
width: 130px;
max-width: 100%;
}
.reward-content {
max-width: 270px;
}
.reward-content h5 {
margin-bottom: 6px;
}
.direction {
display: flex;
flex-wrap: wrap;
}
.timeline-flow .short-description {
font-style: italic;
font-size: 14px;
}
@keyframes pulse-ring {
0% {
transform: scale(.33);
}
80%, 100% {
opacity: 0;
}
}
@media (max-width: 1199px) {
.direction-l .flag:before {
border-right-color: #8E2215;
}
.flag-wrapper .flag {
top: 50%;
transform: translateY(-50%);
}
}
@media (min-width: 1200px) {
ul.timeline-flow::before {
left: 50%;
}
.timeline-flow {
width: 1200px;
max-width: 100%;
}
.direction {
width: 600px;
}
.direction-r {
float: right;
}
.direction-l {
text-align: right;
justify-content: flex-end;
}
.direction-l .flag-wrapper:before {
right: -21px;
left: unset;
}
.direction-l .flag-wrapper::after {
right: -13px;
left: unset;
}
.direction-l .flag:after {
border-left-color: #8E2215;
right: -15px;
}
.direction-l .flag-wrapper {
position: absolute;
right: 0;
z-index: 99;
top: 50%;
transform: translateY(-50%);
margin-top: -24px;
}
.direction-l .timeline-content {
flex-direction: row-reverse;
margin-top: -38px;
margin-left: 0px;
margin-right: 120px;
}
.direction-r .timeline-content {
top: 50%;
transform: translateY(-50%);
}
}
/* Testimonials Section */
.testimonials-section {
padding-top: 35px;
padding-bottom: 35px;
background-color: #f4f4f4;
position: relative;
}
@media (min-width: 768px) {
.testimonials-section {
padding-top: 65px;
padding-bottom: 65px;
}
}
@media (min-width: 1150px) {
.testimonials-section {
padding-top: 100px;
padding-bottom: 100px;
}
}
.testimonials-section > .container {
position: relative;
z-index: 2;
}
.testimonials-section__title {
text-align: center;
margin-bottom: 48px;
}
.testimonials-section__card-flex-grp {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 48px 32px;
}
.testimonials-section__card-item {
flex: 1 1 100%;
text-align: center;
position: relative;
display: flex;
justify-content: center;
}
@media (min-width: 768px) {
.testimonials-section__card-item {
flex: 1 1 calc(50% - 21px);
}
}
@media (min-width: 1150px) {
.testimonials-section__card-item {
flex: 1 1 calc(33% - 21px);
}
}
.testimonials-section__card-top {
background-color: #fff;
padding: 50px;
padding-bottom: 35px;
border-radius: 20px;
box-shadow: 0 0 15px rgba(0,0,0,0.1);
position: relative;
height: calc(100% - 83px);
margin-bottom: 163px;
}
.testimonials-section__quote-icon {
position: absolute;
top: -13px;
right: 47px;
}
.testimonials-section__card-bttm {
background-color: #fff;
padding: 25px 45px;
border-radius: 20px;
box-shadow: 0 0 15px rgba(0,0,0,0.1);
width: fit-content;
position: absolute;
bottom: 0;
}
.testimonials-section__reviewer-info-grp {
max-width: 218px;
display: flex;
flex-direction: column;
align-items: center;
row-gap: 10px;
}
.testimonials-section__reviewer-name {
font-family: 'Poppins';
font-size: 20px;
font-weight: 600;
line-height: 25px;
}
.testimonials-section__reviewer-info-divider {
width: 100px;
height: 4px;
background-color: #A6230E;
}
.testimonials-section__reviewer-position {
font-size: 15px;
line-height: 20px;
}
.testimonials-section__reviewer-workplace {
font-size: 15px;
line-height: 20px;
color: #6C6C6C;
}
.testimonials-section__reviewer-position + .testimonials-section__reviewer-workplace {
margin-top: -6px;
}
.testimonials-section__background-grp {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 1;
}
.testimonials-section__bg-img {
height: 100%;
width: 100%;
object-fit: cover;
}