body,
button,
input,
select,
optgroup,
textarea {
color: #797687;
font-family: "Poppins", sans-serif;
font-size: 16px;
line-height: 1.5;
}
a {
transition: all 0.3s ease-in-out;
}
a:hover {
text-decoration: none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
clear: both;
font-family: "Poppins", sans-serif;
line-height: 1.2em;
font-weight: 600;
color: #2b2350;
margin-top: 0;
}
h1, .h1, h2, .h2, h3, .h3 {
margin-bottom: 20px;
}
h4, .h4, h5, .h5, h6, .h6 {
margin-bottom: 10px;
}
h1, .h1 {
font-size: 40px;
}
h2, .h2 {
font-size: 32px;
}
h3, .h3 {
font-size: 28px;
}
h4, .h4 {
font-size: 24px;
}
h5, .h5 {
font-size: 20px;
}
h6, .h6 {
font-size: 16px;
}
p {
margin-bottom: 1.5em;
}
dfn, cite, em, i {
font-style: italic;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 14px;
font-size: 1em;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code {
color: #fa7070;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 14px;
font-size: 1em;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
margin-top: 0 !important;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff;
position: relative;
font-size: 16px;
line-height: 28px;
font-family: "Poppins", sans-serif;
overflow-x: hidden;
color: #797687;
}
.particles-js {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
.extended-parallax {
position: absolute;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
.no-scroll {
overflow: hidden;
}
ul, ol {
padding-left: 30px;
}
.dl-horizontal dd:before, .dl-horizontal dd:after {
content: " ";
display: table;
}
.dl-horizontal dd:after {
clear: both;
}
.list-items {
margin: 0;
padding: 0;
list-style: none;
}
.list-items li {
font-size: 16px;
line-height: 36px;
font-weight: 500;
color: #2b2350;
padding-left: 36px;
position: relative;
}
.list-items li:before {
content: "\4e";
font-family: eleganticons;
position: absolute;
left: 0;
top: 0;
color: #fa7070;
}
.list-items.color-two li:before {
color: #7052fb;
}
.list-feature {
margin: 0;
padding: 0;
list-style: none;
}
.list-feature li {
display: flex;
flex-wrap: wrap;
margin-bottom: 15px;
}
.list-feature li .content h4 {
font-size: 16px;
line-height: 1.2;
font-weight: 500;
color: #2b2350;
position: relative;
margin: 0;
}
.list-feature li .content h4 a {
color: #2b2350;
}
.list-feature li i {
margin-right: 10px;
color: #fa7070;
}
.list-feature.style-two li i {
font-size: 14px;
height: 24px;
width: 24px;
text-align: center;
line-height: 24px;
background: #f8e9e2;
color: #fa7070;
border-radius: 50%;
margin-right: 10px;
}
.list-feature.style-two li .content {
flex: 2;
}
.list-feature.style-two li .content h4 {
font-size: 16px;
color: #1a133b;
margin-bottom: 10px;
}
.feature-lists {
margin-bottom: 25px;
padding: 0;
list-style: none;
}
.feature-lists li {
display: flex;
flex-wrap: wrap;
margin-bottom: 15px;
}
.feature-lists li i {
font-size: 14px;
height: 24px;
width: 24px;
text-align: center;
line-height: 24px;
background: #f8e9e2;
color: #fa7070;
border-radius: 50%;
margin-right: 10px;
}
.feature-lists li .content {
flex: 2;
}
.feature-lists li .content h4 {
font-size: 16px;
color: #1a133b;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
ol {
list-style: decimal;
}
ol ul li:before {
display: block;
}
ol ul ol > li {
padding-left: 0;
}
ol ul ol > li:before {
display: none;
}
ul ol > li {
padding-left: 0 !important;
}
ul ol > li:before {
display: none;
}
ul ol > li ul li:before {
display: block;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
p {
margin-bottom: 1em;
}
.pl-70 {
padding-left: 120px;
}
.pr {
position: relative;
}
.ml_5 {
margin-left: 5px;
}
.no-padding {
padding: 0 !important;
}
.mt-115 {
margin-top: 115px;
}
.mt-160 {
margin-top: 160px;
}
.pd-175 {
padding: 175px 0;
}
@media (min-width: 991px) {
.pl-85 {
padding-left: 85px;
}
.pix-image-order .pix-order {
order: 1;
}
}
.pix-image-order .pl-85 {
padding-left: 0;
}
.elementor a.pix-btn {
box-shadow: 0px 20px 30px 0px rgba(176, 70, 70, 0.3);
}
.elementor a.pix-btn:hover {
box-shadow: none !important;
}
.elementor a.pix-btn.btn-outline:hover {
box-shadow: 0px 20px 30px 0px rgba(176, 70, 70, 0.3);
}
figure {
margin: 1em 0; }
.color-bg-primary {
background: #fa7070;
}
.color-bg-secondary {
background: #dd9933;
}
.page_border {
border: 30px solid #fff;
}
.pt-7 {
margin-top: 70px;
}
.circle-blog {
top: 0;
left: 0;
position: absolute;
}
.section-title {
margin-bottom: 70px;
}
.section-title .sub-title {
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
color: #fa7070;
letter-spacing: 3px;
margin-bottom: 10px;
}
.section-title .title {
font-size: 36px;
font-weight: 600;
line-height: 1.4;
margin: 0;
}
.section-title .title span {
color: #fa7070;
}
.section-title .title-two {
font-size: 30px;
font-weight: 500;
line-height: 44px;
max-width: 930px;
margin: 0 auto;
}
.section-title .title-two span {
color: #fa7070;
}
.section-title.style-two .title {
font-weight: 500;
margin-bottom: 18px;
}
.section-title.style-two .sub-title-two {
font-size: 18px;
line-height: 30px;
margin-top: 28px;
letter-spacing: 0;
}
.section-title.dark-title .sub-title,
.section-title.dark-title .title {
color: #fff;
}
.section-title.color-two .sub-title {
color: #7052fb;
}
.section-title.style-three .title {
font-size: 36px;
color: #1a133b;
font-weight: 700;
}
.section-title.style-three .title span {
font-weight: 300;
color: #1a133b;
display: block;
}
.container-wrap {
max-width: 95%;
margin: 0 auto;
border-radius: 20px;
position: relative;
}
.container-wrap.bg-color-one {
background-color: #f6faf8;
}
.container-wrap.bg-color-two {
background-color: #d9e6ff;
}
.container-wrap.bg-footer-color {
background-color: #1d2146;
} @font-face {
font-family: "Flaticon";
src: url(https://pro.meetyourschool.com/wp-content/themes/saspik/assets/css/Flaticon.eot);
src: url(//pro.meetyourschool.com/wp-content/themes/saspik/assets/fonts/Flaticon.eot?#iefix) format("embedded-opentype"), url(//pro.meetyourschool.com/wp-content/themes/saspik/assets/fonts/Flaticon.woff) format("woff"), url(//pro.meetyourschool.com/wp-content/themes/saspik/assets/fonts/Flaticon.ttf) format("truetype"), url(//pro.meetyourschool.com/wp-content/themes/saspik/assets/fonts/Flaticon.svg#Flaticon) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "Flaticon";
src: url(//pro.meetyourschool.com/wp-content/themes/saspik/assets/fonts/Flaticon.svg#Flaticon) format("svg");
}
}
.fi:before {
display: inline-block;
font-family: "Flaticon";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
.flaticon-google-play:before {
content: "\f100";
}
.flaticon-apple-logo:before {
content: "\f101";
}
@media (max-width: 991px) {
.section-title {
margin-bottom: 50px;
}
.section-title .title {
font-size: 32px;
}
.section-title.style-two p {
margin-top: 13px;
}
.section-title.style-two p br {
display: none;
}
.section-title .title-two {
font-size: 26px;
line-height: 36px;
}
.pix-order-two {
order: 2;
}
.pix-order-one {
order: 1;
}
}
@media (max-width: 768px) {
.section-title .title {
font-size: 28px;
}
.section-title .title br {
display: none;
}
}
.section-bg {
background: #f3ecec;
}
.before-bg {
position: relative;
}
.before-bg:before {
content: '';
position: absolute;
top: -100%;
height: 400px;
width: 100%;
background: #f8f6f3;
z-index: -1;
}
.row-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.fade {
-webkit-transition: opacity .25s linear;
-o-transition: opacity .25s linear;
transition: opacity .25s linear;
}
.animate-element {
position: absolute;
top: -140px;
left: -240px;
z-index: 22;
max-width: 484px;
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1170px;
}
@media (max-width: 1200px) {
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 960px !important;
}
}
@media (max-width: 991px) {
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 720px !important;
}
}
@media (max-width: 767px) {
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 540px !important;
}
}
@media (max-width: 576px) {
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 100% !important;
}
}
#preloader img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mw-none {
max-width: unset !important;
}
table {
width: 100%;
margin-bottom: 20px;
}
table thead tr th {
border-right: 1px solid #dad3c5;
}
table th {
border: 1px solid #dad3c5;
text-align: left;
padding: 10px 15px;
color: #464b50;
vertical-align: top;
font-size: 16px;
font-weight: 600;
min-width: 130px;
vertical-align: middle;
}
table th a {
color: #2b2350;
}
table th a:hover {
color: #fa7070;
}
table td {
padding: 10px 15px;
border: 1px solid #dad3c5;
border-top: none;
border-right: none;
vertical-align: middle;
}
table td:last-child {
border-right: 1px solid #dad3c5;
}
tbody {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
direction: ltr;
}
tbody > tr {
border-top: 1px solid #dad3c5;
}
tfoot tr #prev a:hover, tfoot tr #next a:hover {
color: #fa7070;
}
caption {
caption-side: top;
text-align: center;
}
#calendar_wrap caption, .calendar_wrap caption {
text-align: left;
}
@media (max-width: 576px) {
table th {
min-width: 80px;
}
}  .social-profiles {
padding: 0;
margin: 0;
}
.social-profiles > li {
display: inline-block;
margin: 0 5px;
} .contact-froms textarea {
height: 200px;
}
.pix-btn.submit-btn {
padding: 14px 35px;
box-shadow: none;
border: 1px solid transparent;
}
.pix-btn.submit-btn:hover {
color: #fa7070;
background: transparent;
border-color: #fa7070;
}
.callback-form-wrapper p {
margin: 0;
}
.callback-form-wrapper .pix-btn.submit-btn {
width: auto;
box-shadow: 0 20px 30px 0 rgba(250, 112, 112, 0.3);
color: #fff;
border-color: #fa7070;
background: #fa7070;
padding: 14px 41px;
margin-bottom: 0;
}
.contact-infos .contact-info {
margin-bottom: 30px;
padding-bottom: 30px;
}
.contact-infos .contact-info:first-child {
border-bottom: 1px solid #efe7e7;
}
.contact-infos .contact-info .title {
font-size: 18px;
font-weight: 600;
line-height: 28px;
}
.contact-infos .contact-info .description {
font-size: 16px;
line-height: 28px;
}
.contact-infos .contact-info .info i {
margin-right: 10px;
}
.contact-infos .contact-info .info.phone {
color: #fa7070;
} @keyframes zoom {
from {
-webkit-transform: scale(1) translate(0px);
}
to {
-webkit-transform: scale(1.03) translate(0px);
}
}
@keyframes zoommd {
0% {
transform: scale(0.9);
}
100% {
transform: scale(1.5);
}
}
@keyframes bounce {
0% {
transform: translateY(0);
}
100% {
transform: translateY(40px);
}
}
@keyframes movexy {
0% {
-webkit-transform: translateX(-10px) scale(0.9);
transform: translateX(-10px) scale(0.9);
}
100% {
-webkit-transform: translateX(30px) scale(1.3) translateY(10px);
transform: translateX(30px) scale(1.3) translateY(10px);
}
}
@keyframes wave {
0% {
transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
}
100% {
transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg);
}
}
@keyframes pixFade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes pixFadeUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes pixFadeDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes pixFadeLeft {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes pixFadeRight {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes pixZoomIn {
0% {
opacity: 0;
transform: scale(0.7);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes pixBounceIn {
0% {
transform: scale(0.1);
opacity: 0;
}
60% {
transform: scale(1.1);
opacity: 1;
}
100% {
transform: scale(1);
}
}
.pixFade {
animation-name: pixFade;
}
.pixFadeUp {
animation-name: pixFadeUp;
}
.pixFadeDown {
animation-name: pixFadeDown;
}
.pixFadeLeft {
animation-name: pixFadeLeft;
}
.pixFadeRight {
animation-name: pixFadeRight;
}
.pixZoomIn {
animation-name: pixZoomIn;
}
.pixBounceIn {
animation-name: pixBounceIn;
}
@keyframes jumping {
0% {
transform: translateY(0);
opacity: 0;
}
50% {
transform: translateY(-20px);
opacity: 1;
}
100% {
transform: translateY(0);
opacity: 0;
}
}
@keyframes jump {
0% {
transform: translateY(5px);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(5px);
}
}
@keyframes stickySlideDown {
from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes moveclouds {
0% {
transform: translate3d(-10px, -10px, 0);
opacity: 1;
}
50% {
transform: translate3d(-20px, 20px, 0);
opacity: 1;
}
100% {
transform: translate3d(30px, 0px, 0);
opacity: 1;
}
}
@keyframes pulse {
0% {
width: 82px;
height: 82px;
opacity: 1;
}
50% {
opacity: 1;
}
100% {
height: 150px;
width: 150px;
opacity: 0;
}
}
@keyframes wave {
0% {
transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
}
100% {
transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg);
}
}
@keyframes waveRote {
0% {
transform: rotateZ(0deg) rotate(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
}
100% {
transform: rotateZ(360deg) rotate(45deg) translate3d(0, 1%, 0) rotateZ(-360deg);
}
}
@keyframes animationFramesLeft {
0% {
transform: translate(0px, 0px) rotate(0deg);
}
20% {
transform: translate(-73px, 1px) rotate(-36deg);
}
40% {
transform: translate(-141px, -72px) rotate(-72deg);
}
60% {
transform: translate(-83px, -122px) rotate(-108deg);
}
80% {
transform: translate(40px, -72px) rotate(-144deg);
}
100% {
transform: translate(0px, 0px) rotate(0deg);
}
}
@keyframes animationFramesRight {
0% {
transform: translate(0px, 0px) rotate(0deg);
}
20% {
transform: translate(73px, 1px) rotate(36deg);
}
40% {
transform: translate(141px, 72px) rotate(72deg);
}
60% {
transform: translate(83px, 122px) rotate(108deg);
}
80% {
transform: translate(-40px, 72px) rotate(144deg);
}
100% {
transform: translate(0px, 0px) rotate(0deg);
}
}
@keyframes animateRight {
49% {
transform: translateX(100%);
}
50% {
opacity: 0;
transform: translateX(-100%);
}
51% {
opacity: 1;
}
}
@keyframes animationFramesOne {
0% {
transform: translate(0px, 0px) rotate(0deg);
}
20% {
transform: translate(73px, -1px) rotate(36deg);
}
40% {
transform: translate(141px, 72px) rotate(72deg);
}
60% {
transform: translate(83px, 122px) rotate(108deg);
}
80% {
transform: translate(-40px, 72px) rotate(144deg);
}
100% {
transform: translate(0px, 0px) rotate(0deg);
}
}
@keyframes animationFramesTwo {
0% {
transform: translate(0px, 0px) rotate(0deg) scale(1);
}
20% {
transform: translate(73px, -1px) rotate(36deg) scale(0.9);
}
40% {
transform: translate(141px, 72px) rotate(72deg) scale(1);
}
60% {
transform: translate(83px, 122px) rotate(108deg) scale(1.2);
}
80% {
transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
}
100% {
transform: translate(0px, 0px) rotate(0deg) scale(1);
}
}
@keyframes animationFramesThree {
0% {
transform: translate(165px, -179px);
}
100% {
transform: translate(-346px, 617px);
}
}
@keyframes animationFramesFour {
0% {
transform: translate(-300px, 151px) rotate(0deg);
}
100% {
transform: translate(251px, -200px) rotate(180deg);
}
}
@keyframes animationFramesFive {
0% {
transform: translate(61px, -99px) rotate(0deg);
}
21% {
transform: translate(4px, -190px) rotate(38deg);
}
41% {
transform: translate(-139px, -200px) rotate(74deg);
}
60% {
transform: translate(-263px, -164px) rotate(108deg);
}
80% {
transform: translate(-195px, -49px) rotate(144deg);
}
100% {
transform: translate(-1px, 0px) rotate(180deg);
}
} .popup-search-opened {
overflow: hidden !important;
width: 100%;
height: 100%;
}
.popup-search-opened .page-popup-search {
visibility: visible;
opacity: .95;
}
.popup-search-opened .page-popup-search .page-popup-search-inner {
visibility: visible;
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.popup-search-opened .page-popup-search .search-field {
transition: .5s ease-out .3s;
transform: scale3d(1, 1, 1);
}
.popup-search-opened .page-popup-search .form-description {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.page-popup-search {
position: fixed;
background: #000;
top: 0;
left: 0;
z-index: 9999999;
visibility: hidden;
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
transition: all ease-in-out .25s;
}
.page-popup-search .page-popup-search-inner {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
visibility: hidden;
padding: 0 50px;
width: 75%;
text-align: center;
font-size: 18px;
opacity: 0;
transition: all ease-in-out .3s;
transform: translate(-50%, -50%) scale(0.8);
}
.page-popup-search .popup-search-close {
position: absolute;
top: 60px;
right: 60px;
color: #ffffff;
font-size: 40px;
line-height: 1;
cursor: pointer;
}
.page-popup-search .form-description {
display: block;
padding: 0.85em 0;
text-align: right;
font-weight: bold;
font-size: 90%;
opacity: 0;
transition: opacity .4s, transform .4s;
transform: translate3d(0, 50px, 0);
}
.page-popup-search .search-form {
position: relative;
border: 0;
}
.page-popup-search .search-form label {
width: 100%;
}
.page-popup-search .search-field {
padding: .05em 0;
color: #fff;
height: auto;
border: 0;
border-bottom: 5px solid transparent;
border-radius: 0;
background-color: transparent;
font-size: 50px;
transition: transform .3s;
transform: scale3d(0, 1, 1);
transform-origin: 0% 50%;
-webkit-appearance: none;
}
.page-popup-search .search-field::-webkit-input-placeholder {
color: transparent;
font-size: 50px;
}
.page-popup-search .search-field:-moz-placeholder { color: transparent;
font-size: 50px;
}
.page-popup-search .search-field::-moz-placeholder { color: transparent;
font-size: 50px;
}
.page-popup-search .search-field:-ms-input-placeholder {
color: transparent;
font-size: 50px;
}
.page-popup-search .form-description {
color: #fa7070;
}
.page-popup-search .search-submit {
display: none;
}
.popup-search-opened .page-popup-search .search-field {
border-color: #fa7070;
color: #fff;
} .banner {
position: relative;
}
.banner .banner-content-wrap {
position: relative;
z-index: 2;
}
.banner .banner-content .banner-title {
font-size: 60px;
line-height: 70px;
font-weight: 400;
color: #fff;
margin-bottom: 20px;
}
.banner .banner-content .banner-title span {
font-weight: 700;
}
.banner .banner-content .description {
font-size: 18px;
font-weight: 400;
color: #fff;
line-height: 30px;
margin-bottom: 47px;
}
.banner .banner-content .pix-btn.banner-btn {
color: #fff;
padding: 10px 39px;
border: 1px solid #fff;
border-radius: 30px;
font-size: 14px;
display: inline-block;
background: transparent;
box-shadow: none;
font-weight: 500;
}
.banner .banner-content .pix-btn.banner-btn:hover {
background: #fff;
color: #fa7070;
box-shadow: 0px 20px 30px 0px rgba(79, 35, 35, 0.15);
}
.banner .banner-content .pix-btn.btn-fill {
background: #fff;
color: #fa7070;
box-shadow: 0px 20px 30px 0px rgba(176, 70, 70, 0.3);
}
.banner .banner-content .pix-btn.btn-fill:hover {
background: transparent;
box-shadow: none;
color: #fff;
}
.banner.banner-one {
height: 1050px;
background-image: linear-gradient(-120deg, #fa9770 0%, #fa7070 100%);
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1400px) {
.banner.banner-one {
height: 750px;
}
}
@media (max-width: 991px) {
.banner.banner-one {
height: auto;
padding: 120px 0 100px;
}
}
.banner.banner-one .banner-content {
max-width: 570px;
}
.banner.banner-one .circle-shape {
position: absolute;
top: -20%;
left: -13%;
}
.banner.banner-one .promo-mockup {
margin-left: -120px;
}
.banner.banner-one .promo-mockup img {
max-width: 920px;
animation: zoom 4s infinite ease;
animation-direction: alternate;
transform: scale(1) translate(0px);
}
.banner.banner-one .bg-shape {
position: absolute;
left: 0;
bottom: -3px;
z-index: 1;
width: 100%;
}
.banner.banner-one .bg-shape img {
width: 100%;
}
.banner.banner-two {
height: 1028px;
overflow: hidden;
background-image: linear-gradient(-60deg, #7052fb 0%, #8a60fd 100%);
}
.banner.banner-two .banner-content {
max-width: 560px;
}
.banner.banner-two .vector-bg {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1028px;
}
.banner.banner-two .vector-bg img {
max-width: unset;
}
.banner.banner-two .banner-content-wrap {
transform: translateY(37%);
}
.banner.banner-two .banner-content .banner-title {
color: #2b2350;
}
.banner.banner-two .banner-content .description {
color: #2b2350;
}
.banner.banner-two .banner-content .banner-btn.color-two.btn-fill {
background: #7052fb;
box-shadow: 0px 20px 30px 0px rgba(90, 70, 176, 0.3);
border: 1px solid transparent;
color: #fff;
}
.banner.banner-two .banner-content .banner-btn.color-two.btn-fill:hover {
box-shadow: none;
}
.banner.banner-two .banner-content .banner-btn.color-two.btn-outline {
color: #7052fb;
border-color: #7052fb;
}
.banner.banner-two .banner-content .banner-btn.color-two.btn-outline:hover {
background: #7052fb;
color: #fff;
box-shadow: 0px 20px 30px 0px rgba(90, 70, 176, 0.3) !important;
}
.banner.banner-two .banner-content .banner-btn:hover {
box-shadow: none;
color: #fff;
}
.banner.banner-two .promo-mockup img {
max-width: 850px;
}
.banner.banner-three {
background-image: linear-gradient(-60deg, #fa9770 0%, #fa7070 100%);
height: 950px;
min-height: 700px;
}
.banner.banner-three .banner-content-wrap-two {
padding-top: 185px;
}
.banner.banner-three .banner-content {
margin-bottom: 100px;
position: relative;
z-index: 22;
}
.banner.banner-three .banner-content .banner-title {
font-size: 50px;
line-height: 60px;
font-weight: 700;
margin-bottom: 20px;
}
.banner.banner-three .banner-content .description {
font-size: 18px;
font-weight: 400;
color: #fff;
line-height: 30px;
margin-bottom: 47px;
}
.banner.banner-three .banner-content .banner-btn {
color: #fff;
padding: 10px 47px;
border: 1px solid #fff;
border-radius: 30px;
font-size: 14px;
display: inline-block;
font-weight: 600;
}
.banner.banner-three .banner-content .banner-btn.btn-fill {
color: #fa7070;
}
.banner.banner-three .banner-content .banner-btn:hover {
background: #fff;
color: #fa7070;
box-shadow: 0px 20px 30px 0px rgba(79, 35, 35, 0.15);
}
.banner.banner-three .play-btn {
margin-left: 20px;
font-weight: 500;
}
.banner.banner-three .play-btn:focus {
color: #fff;
}
.banner.banner-three .circle-shape,
.banner.banner-three .shape {
position: absolute;
z-index: 0;
top: 0;
}
.banner.banner-three .circle-shape {
left: 0;
}
.banner.banner-three .shape {
right: 0;
}
.banner.banner-three .promo-mockup {
position: relative;
max-width: 970px;
margin: 0 auto;
z-index: 2;
}
.banner.banner-three .promo-mockup img {
box-shadow: 0px 60px 100px 0px rgba(79, 35, 35, 0.2);
border-radius: 10px;
}
.banner.banner-three .promo-mockup .shape-shadow {
border-radius: 10px;
background-color: white;
opacity: 0.4;
box-shadow: 0px 60px 100px 0px rgba(79, 35, 35, 0.2);
height: 100px;
max-width: 73%;
position: absolute;
bottom: -40px;
width: 100%;
z-index: -1;
left: 50%;
transform: translateX(-50%);
}
.banner.banner-three .bg-shape-inner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
}
.banner.banner-four {
background-image: linear-gradient(-60deg, #7052fb 0%, #8a60fd 100%);
height: 1060px;
padding-top: 290px;
}
.banner.banner-four .banner-content-wrap-two {
padding-top: 185px;
}
.banner.banner-four .banner-content {
margin-bottom: 100px;
position: relative;
z-index: 22;
max-width: 570px;
}
.banner.banner-four .banner-content .banner-title {
font-size: 60px;
line-height: 76px;
font-weight: 700;
margin-bottom: 20px;
}
.banner.banner-four .banner-content .banner-title span {
font-weight: 300;
}
.banner.banner-four .banner-content .description {
font-size: 18px;
font-weight: 400;
color: #fff;
line-height: 30px;
margin-bottom: 47px;
}
.banner.banner-four .banner-content .button-container {
display: flex;
align-items: center;
margin-top: 50px;
}
.banner.banner-four .banner-content .button-container .banner-btn {
box-shadow: none;
color: #7052fb;
margin-right: 10px;
}
.banner.banner-four .banner-content .button-container .banner-btn:hover {
color: #fff;
}
.banner.banner-four .promo-mockup {
position: relative;
z-index: 2;
margin-top: -80px;
animation: jump 2s infinite;
}
.banner.banner-four .play-btn {
font-weight: 400;
}
.banner.banner-four .play-btn i {
color: #7052fb;
text-shadow: none;
position: relative;
}
.banner.banner-four .bg-shape-inner {
position: absolute;
bottom: -2px;
width: 100%;
}
.banner.banner-four .bg-shape-inner img {
width: 100%;
}
.banner .banner-button-container {
display: flex;
align-items: center;
justify-content: center;
}
.banner.banner-five {
height: 930px;
padding: 230px 0;
background-image: linear-gradient(-60deg, #7052fb 0%, #8a60fd 100%);
}
.banner.banner-five .banner-right-shape {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner.banner-five .banner-right-shape img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner.banner-five .banner-content-wrap-five {
position: relative;
z-index: 33;
}
.banner.banner-five .banner-content-wrap-five .banner-content {
margin-top: 98px;
}
.banner.banner-five .banner-content-wrap-five .banner-content .sub-title {
font-size: 16px;
text-transform: uppercase;
color: #7052fb;
font-weight: 400;
letter-spacing: 2px;
margin-bottom: 15px;
}
.banner.banner-five .banner-content-wrap-five .banner-content .banner-title {
color: #322d49;
font-size: 60px;
line-height: 64px;
font-weight: 500;
}
.banner.banner-five .banner-content-wrap-five .banner-content .description {
color: #5e5b74;
font-size: 18px;
line-height: 30px;
margin-bottom: 42px;
}
.banner.banner-five .banner-content-wrap-five .banner-content .banner-btn {
background: #7052fb;
border-radius: 4px;
border: 1px solid transparent;
box-shadow: 0px 20px 30px 0px rgba(90, 70, 176, 0.3);
color: #fff;
}
.banner.banner-five .banner-content-wrap-five .banner-content .banner-btn.btn-outline {
background: transparent;
border-color: #7052fb;
color: #7052fb;
box-shadow: none;
}
.banner.banner-five .banner-content-wrap-five .banner-content .banner-btn.btn-outline:hover {
box-shadow: 0px 20px 30px 0px rgba(90, 70, 176, 0.3);
background: #7052fb;
color: #fff;
}
.banner.banner-five .banner-content-wrap-five .banner-content .banner-btn:hover {
color: #7052fb;
background: transparent;
border-color: #7052fb;
box-shadow: none;
}
.banner.banner-six {
height: 950px;
position: relative;
padding-top: 225px;
overflow: hidden;
}
.banner.banner-six .banne-content-wrapper-six {
position: relative;
z-index: 2;
}
.banner.banner-six .banne-content-wrapper-six .sub-title {
font-size: 16px;
font-weight: 400;
color: #fa7070;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 13px;
}
.banner.banner-six .banne-content-wrapper-six .banner-title {
font-size: 50px;
line-height: 60px;
font-weight: 600;
margin-bottom: 20px;
}
.banner.banner-six .banne-content-wrapper-six p {
margin-bottom: 40px;
}
.banner.banner-six:after {
content: '';
position: absolute;
z-index: -1;
width: 43%;
height: 100%;
right: 0;
top: 0;
background: #fdf5fe;
}
.banner.banner-six .banner-six-promo-image {
position: relative;
z-index: 2;
}
.banner.banner-six .banner-six-promo-image > img {
border-radius: 10px;
box-shadow: 0px 30px 40px 0px rgba(1, 50, 5, 0.14);
}
.banner.banner-six .banner-six-promo-image .dot-shape {
display: block;
position: absolute;
bottom: -40px;
left: -40px;
z-index: -1;
animation: wave 8s infinite linear;
}
.banner.banner-six .bottom-shape-coin {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner.banner-six .bottom-shape-coin li {
position: absolute;
bottom: 0;
}
.banner.banner-six .bottom-shape-coin li:nth-child(1) {
left: -50px;
}
.banner.banner-six .bottom-shape-coin li:nth-child(2) {
left: 60px;
}
.banner.banner-six .bottom-shape-coin li:nth-child(3) {
left: 150px;
bottom: 35px;
}
.banner.banner-six .bottom-shape-coin li:nth-child(4) {
bottom: 20px;
left: 37%;
}
.banner.banner-six .bottom-shape-coin li:nth-child(5) {
top: 35%;
left: 10%;
}
.banner.banner-six .particles-six span {
display: block;
position: absolute;
}
.banner.banner-six .particles-six span.angle {
top: 140px;
left: 90px;
animation: animationFramesOne 20s infinite linear;
}
.banner.banner-six .particles-six span.dotsm {
height: 15px;
width: 15px;
background: #43d355;
left: 50%;
top: 15%;
border-radius: 50%;
animation: animationFramesTwo 25s infinite linear;
}
.banner.banner-six .particles-six span.dotmd {
height: 15px;
width: 15px;
background: #f8cc61;
border-radius: 50%;
top: 50%;
left: 15%;
animation: animationFramesRight 20s infinite linear;
}
.banner.banner-eight {
position: relative;
height: 1050px;
min-height: 100vh;
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.banner.banner-eight {
height: auto;
}
}
.banner.banner-eight .banne-content-wrapper-eight {
position: relative;
z-index: 222;
}
@media (max-width: 991px) {
.banner.banner-eight .banne-content-wrapper-eight {
padding-top: 120px;
}
}
.banner.banner-eight .banne-content-wrapper-eight .sub-title {
font-size: 12px;
color: #1a133b;
background: #f0f2f7;
padding: 5px 40px 5px 5px;
border-radius: 10px;
display: inline-block;
line-height: 1;
}
.banner.banner-eight .banne-content-wrapper-eight .sub-title span {
background: #fa7070;
color: #fff;
padding: 0 9px;
border-radius: 20px;
display: inline-block;
line-height: 1.4;
margin-right: 20px;
}
.banner.banner-eight .banne-content-wrapper-eight .banner-title {
font-size: 70px;
font-weight: 600;
color: #1a133b;
line-height: 1.2;
margin-bottom: 12px;
}
@media (max-width: 1200px) {
.banner.banner-eight .banne-content-wrapper-eight .banner-title {
font-size: 55px;
}
}
@media (max-width: 768px) {
.banner.banner-eight .banne-content-wrapper-eight .banner-title {
font-size: 40px;
}
}
@media (max-width: 768px) {
.banner.banner-eight .banne-content-wrapper-eight .banner-title {
font-size: 36px;
}
}
.banner.banner-eight .banne-content-wrapper-eight .banner-title span {
font-weight: 300;
}
.banner.banner-eight .banne-content-wrapper-eight p {
margin-bottom: 40px;
}
.banner.banner-eight .banne-content-wrapper-eight .banner-button-container {
justify-content: unset;
}
.banner.banner-eight .banne-content-wrapper-eight .banner-button-container .banner-btn {
padding: 10px 38px;
font-size: 16px;
margin-right: 20px;
border-radius: 4px;
border: 2px solid #fa7070;
box-shadow: none;
}
.banner.banner-eight .banne-content-wrapper-eight .banner-button-container .banner-btn:hover {
background: transparent;
border-color: #fa7070;
color: #fa7070;
}
.banner.banner-eight .banne-content-wrapper-eight .banner-button-container .play-btn {
color: #fa7070;
}
.banner.banner-eight .banne-content-wrapper-eight .banner-button-container .play-btn i {
border: 2px solid #fa7070;
line-height: 57px;
}
.banner.banner-eight .banner-six-promo-image {
position: relative;
}
@media (max-width: 991px) {
.banner.banner-eight .banner-six-promo-image.text-right {
text-align: center !important;
}
}
@media (max-width: 991px) {
.banner.banner-eight .banner-six-promo-image {
max-width: 480px;
margin: 0 auto;
}
}
.banner.banner-eight .banner-six-promo-image img {
position: relative;
z-index: 22;
margin-right: -55px;
}
@media (max-width: 991px) {
.banner.banner-eight .banner-six-promo-image img {
margin-right: 0;
}
}
.banner.banner-eight .banner-six-promo-image .banner-leaf {
position: absolute;
bottom: 120px;
left: 0;
width: 100%;
z-index: 1;
}
.banner.banner-eight .banner-six-promo-image .banner-leaf .leaf-left, .banner.banner-eight .banner-six-promo-image .banner-leaf .leaf-right {
position: absolute;
bottom: 0;
}
.banner.banner-eight .banner-six-promo-image .banner-leaf .leaf-left {
left: 65px;
}
@media (max-width: 1200px) {
.banner.banner-eight .banner-six-promo-image .banner-leaf .leaf-left {
left: -30px;
}
}
@media (max-width: 991px) {
.banner.banner-eight .banner-six-promo-image .banner-leaf .leaf-left {
left: -65px;
}
}
.banner.banner-eight .banner-six-promo-image .banner-leaf .leaf-right {
right: -15px;
bottom: 65px;
}
.banner.banner-eight .banner-background-element {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.banner.banner-eight .banner-background-element .dot-shape, .banner.banner-eight .banner-background-element .circle-bg, .banner.banner-eight .banner-background-element .ball, .banner.banner-eight .banner-background-element .triangle {
position: absolute;
}
.banner.banner-eight .banner-background-element .ball {
left: 100px;
top: 190px;
}
@media (max-width: 1400px) {
.banner.banner-eight .banner-background-element .ball {
left: 20px;
}
}
@media (max-width: 991px) {
.banner.banner-eight .banner-background-element .ball {
display: none;
}
}
.banner.banner-eight .banner-background-element .triangle {
bottom: 150px;
left: 40%;
}
.banner.banner-eight .banner-background-element .dot-shape {
right: 40px;
top: 40px;
}
.banner.banner-eight .banner-background-element .circle-bg {
height: 1100px;
width: 1100px;
background-image: linear-gradient(-120deg, #fd9720 0%, #12bf7c 100%);
opacity: 0.102;
border-radius: 50%;
top: -14%;
right: -3.2%;
z-index: -1;
}
@media (max-width: 1400px) {
.banner.banner-eight .banner-background-element .circle-bg {
height: 900px;
width: 900px;
top: -4%;
right: -7%;
}
}
@media (max-width: 991px) {
.banner.banner-eight .banner-background-element .circle-bg {
height: 600px;
width: 600px;
top: -2%;
right: -3%;
}
}
.banner.banner-nine {
background: #f8f9fd;
height: 1020px;
padding-top: 227px;
}
@media (max-width: 991px) {
.banner.banner-nine {
padding: 140px 0 100px;
height: auto;
}
}
.banner.banner-nine .banner-content {
max-width: 640px;
margin: 0 auto 65px;
}
.banner.banner-nine .banner-content .banner-title {
color: #1a133b;
font-size: 50px;
font-weight: 600;
margin-bottom: 13px;
}
@media (max-width: 768px) {
.banner.banner-nine .banner-content .banner-title {
font-size: 34px;
line-height: 45px;
}
}
.banner.banner-nine .banner-content .banner-title span {
font-weight: 400;
}
.banner.banner-nine .banner-content .description {
color: #777580;
margin-bottom: 40px;
}
.banner.banner-nine .banner-content .banner-btn {
border-radius: 4px;
border: 2px solid #fa7070;
color: #fa7070;
background: transparent;
box-shadow: none;
padding: 9px 38px;
font-size: 16px;
}
.banner.banner-nine .banner-content .banner-btn:hover {
color: #fff;
background: #fa7070;
}
.pix-align-center {
display: flex;
align-items: center;
justify-content: center;
}
.pix-align-center .banner-content-wrap-two {
padding-top: 80px !important;
}
.pix-align-center .banner-content {
margin-bottom: 0 !important;
} .animate-element-five {
position: absolute;
margin: 0;
padding: 0;
list-style: none;
width: 710px;
height: 530px;
}
.animate-element-five li {
position: absolute;
}
.animate-element-five li:nth-child(1) {
right: 60px;
}
.animate-element-five li:nth-child(2) {
left: 150px;
top: 80px;
}
.animate-element-five li:nth-child(3) {
right: 25px;
top: 33%;
}
.animate-element-five li:nth-child(4) {
right: 15px;
bottom: 55px;
}
.animate-element-five li:nth-child(5) {
left: 0;
bottom: 0;
}
.animate-element-five li:nth-child(6) {
bottom: -10px;
left: 40%;
}
.animate-element-five li:nth-child(7) {
bottom: 130px;
left: 47%;
}
.animate-element-five li:nth-child(8) {
bottom: 130px;
left: 44%;
}
.animate-element-five li:nth-child(9) {
right: 100px;
bottom: -10px;
}
.animate-particle {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
list-style: none;
height: 100%;
width: 100%;
z-index: 22;
}
.animate-particle li {
position: absolute;
}
.animate-particle li:nth-child(1) {
left: 90px;
top: 140px;
animation: animationFramesRight 40s infinite linear;
}
.animate-particle li:nth-child(2) {
left: 40%;
bottom: 13%;
animation: animationFramesRight 30s infinite linear;
}
.animate-particle li:nth-child(3) {
right: 28%;
top: 14%;
animation: animationFramesRight 30s infinite linear;
}
.animate-particle li:nth-child(4) {
right: 5%;
top: 63%;
animation: animationFramesLeft 20s infinite linear;
}
.animate-particle li:nth-child(5) {
left: 50%;
top: 25%;
animation: animationFramesLeft 20s infinite linear;
}
.animate-particle li:nth-child(6) {
right: -9%;
top: 110px;
}
.animate-particle li.bubble {
height: 10px;
width: 10px;
background: #a2e3f6;
border-radius: 50%;
left: 15%;
top: 28%;
animation: animationFramesLeft 30s infinite linear;
}
.left-circle-shape {
position: absolute;
width: 100%;
height: 100%;
top: 52%;
left: 0;
}
.left-circle-shape .circle-fill {
height: 800px;
width: 800px;
background: #faf9ff;
display: block;
border-radius: 50%;
position: absolute;
left: -18%;
animation: wave 10s linear infinite;
}
.left-circle-shape .circle-border {
height: 400px;
width: 400px;
display: block;
border: 2px dashed #feebee;
z-index: 22;
position: absolute;
border-radius: 50%;
left: 7%;
top: 9%;
animation: waveRote 5s linear infinite;
}
.newsletter-form-banner .newsletter-inner {
position: relative;
max-width: 475px;
}
.newsletter-form-banner .newsletter-inner input {
width: 100%;
margin: 0;
height: 56px;
border-radius: 30px;
background: #fff;
border: 0;
outline: 0;
padding: 10px 180px 10px 30px;
}
.newsletter-form-banner .newsletter-inner input:focus {
box-shadow: none;
}
.newsletter-form-banner .newsletter-inner button {
position: absolute;
right: 3px;
top: 4px;
border: 0;
background: #7052fb;
color: #fff;
font-size: 16px;
font-weight: 500;
padding: 12px 30px;
border-radius: 30px;
}
.newsletter-form-banner .newsletter-inner button i {
display: none;
}
.newsletter-form-banner .newsletter-inner button.clicked i {
display: block;
}
.newsletter-form-banner .newsletter-inner button:hover {
background: #5c42d2;
}
.animate-promo-mockup {
position: relative;
width: 830px;
height: 600px;
margin-left: -40px;
}
.animate-promo-mockup img {
position: absolute;
}
.animate-promo-mockup img:nth-child(1) {
left: 100px;
bottom: 100px;
}
.animate-promo-mockup img:nth-child(2) {
left: 0;
bottom: 100px;
}
.animate-promo-mockup img:nth-child(3) {
right: 0;
bottom: 150px;
}
.animate-promo-mockup img:nth-child(4) {
bottom: 15px;
left: 80px;
}
.animate-promo-mockup img:nth-child(5) {
bottom: 25px;
left: 49%;
}
.animate-promo-mockup img:nth-child(6) {
right: 176px;
bottom: 0;
animation: jump 2s infinite;
}
.animate-promo-mockup img:nth-child(7) {
right: 114px;
bottom: 33px;
}
.animate-promo-mockup img:nth-child(8) {
left: 0;
top: 0;
animation: moveclouds 4s 1s linear infinite alternate;
}
.animate-promo-mockup img:nth-child(9) {
left: 50%;
top: 0;
animation: moveclouds 4s 2s linear infinite alternate;
}
.animate-promo-mockup img:nth-child(10) {
left: 90%;
top: 0;
animation: moveclouds 4s 3s linear infinite alternate;
}
.slider-nav {
position: absolute;
top: 40%;
left: 0;
width: 100%;
transform: translateY(-50%);
z-index: 999;
}
.slider-nav .slider-prev,
.slider-nav .slider-next {
height: 100px;
width: 40px;
text-align: center;
line-height: 100px;
background: rgba(0, 0, 0, 0.5);
position: absolute;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.slider-nav .slider-prev i,
.slider-nav .slider-next i {
font-size: 30px;
color: #fff;
}
.slider-nav .slider-prev:hover,
.slider-nav .slider-next:hover {
background: #fa7070;
}
.slider-nav .slider-next {
right: 0;
}
.slider-nav .slider-prev {
left: 0;
}
.swiper-pagination {
margin-top: 25px;
position: absolute;
left: 50% !important;
transform: translateZ(0) translateX(-50%) !important;
}
.swiper-pagination .swiper-pagination-bullet {
height: 14px;
width: 14px;
margin-right: 3px;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #fff;
opacity: 1;
}
.section-dark .gp-testimonial .gp-testimonial-author .author-details .testi-author-name {
color: #FFF;
}
.section-dark .gp-testimonial .gp-testimonial-author .author-details span {
color: #b5b5b5;
}
.section-dark .swiper-pagination-bullet {
background: #fff;
opacity: 0.5;
}
.scroll-circle {
position: absolute;
bottom: -48%;
z-index: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: none;
}
@media (max-width: 1600px) {
.banner.banner-one .promo-mockup {
margin-left: -50px;
}
.banner.banner-one .promo-mockup img {
max-width: 700px;
}
.banner.banner-two .vector-bg {
left: -15%;
}
.banner.banner-two .animate-promo-mockup {
width: 550px;
height: 530px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(3) {
right: -160px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(5) {
left: 62%;
}
.banner.banner-two .animate-promo-mockup img:nth-child(6) {
right: -10px;
width: 230px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(7) {
right: -60px;
width: 99px;
}
.banner.banner-three .circle-shape {
left: -20%;
}
}
@media (max-width: 1440px) {
.banner.banner-one .promo-mockup {
margin-left: -50px;
}
.banner.banner-one .promo-mockup img {
max-width: 700px;
}
.banner.banner-two {
height: 890px;
}
.banner.banner-two .vector-bg {
left: -14%;
height: 890px;
}
.banner.banner-two .vector-bg img {
height: 890px;
}
.banner.banner-two .banner-content-wrap {
transform: translateY(50%);
}
.banner.banner-two .banner-content .banner-title {
font-size: 50px;
line-height: 60px;
}
.banner.banner-two .animate-promo-mockup {
width: 480px;
height: 470px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(1) {
left: 85px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(2) {
width: 85px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(3) {
right: -135px;
width: 61px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(4) {
left: 65px;
width: 150px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(5) {
left: 62%;
}
.banner.banner-two .animate-promo-mockup img:nth-child(6) {
right: -5px;
width: 210px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(7) {
right: -45px;
width: 90px;
}
.banner.banner-three .circle-shape {
left: -35%;
}
.banner.banner-three .shape {
right: -15%;
}
}
@media (max-width: 1280px) {
.banner.banner-one .banner-content .banner-title {
font-size: 50px;
line-height: 60px;
}
.banner.banner-one .banner-content p br {
display: none;
}
.banner.banner-one .promo-mockup {
margin-left: -90px;
}
.banner.banner-one .promo-mockup img {
max-width: 100%;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.banner.banner-two .banner-content .banner-title {
font-size: 40px;
line-height: 50px;
}
.banner.banner-two .banner-content p br {
display: none;
}
.banner.banner-two .animate-promo-mockup {
width: 380px;
height: 400px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(1) {
left: 65px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(2) {
width: 65px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(3) {
right: -100px;
width: 50px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(4) {
left: 55px;
width: 125px;
bottom: 30px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(5) {
left: 55%;
width: 40px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(6) {
right: -3px;
width: 180px;
bottom: 8px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(7) {
right: -35px;
width: 70px;
bottom: 50px;
}
.banner.banner-three .shape {
right: -25%;
}
}
@media (max-width: 1200px) {
.banner.banner-two {
height: 840px;
}
.banner.banner-two .vector-bg {
height: 840px;
left: -26%;
}
.banner.banner-two .vector-bg img {
height: 840px;
}
.banner.banner-four {
height: 880px;
padding-top: 240px;
}
.banner.banner-four .banner-content .banner-title {
font-size: 50px;
line-height: 65px;
}
.banner.banner-four .promo-mockup {
margin-top: -30px;
}
.banner.banner-five {
height: 700px;
}
.banner.banner-five .banner-content-wrap-five .banner-content {
margin-top: 50px;
}
.banner.banner-five .banner-content-wrap-five .banner-content .banner-title {
font-size: 45px;
line-height: 55px;
}
.banner.banner-five .banner-content-wrap-five .banner-content .description br {
display: none;
}
.banner .animate-element-five {
margin: 0;
width: 480px;
height: 390px;
}
.banner .animate-element-five li:nth-child(1) {
width: 320px;
right: 20px;
}
.banner .animate-element-five li:nth-child(2) {
left: 120px;
top: 55px;
height: 60px;
width: 60px;
}
.banner .animate-element-five li:nth-child(3) {
right: 0;
top: 30%;
height: 60px;
width: 60px;
}
.banner .animate-element-five li:nth-child(4) {
width: 70px;
right: -10px;
}
.banner .animate-element-five li:nth-child(5) {
width: 230px;
}
.banner .animate-element-five li:nth-child(6) {
width: 90px;
bottom: 15px;
left: 41%;
}
.banner .animate-element-five li:nth-child(7) {
bottom: 110px;
left: 47%;
}
.banner .animate-element-five li:nth-child(8) {
bottom: 108px;
left: 43%;
}
.banner .animate-element-five li:nth-child(9) {
width: 140px;
right: 55px;
bottom: 10px;
}
.banner .left-circle-shape .circle-fill {
height: 550px;
width: 550px;
}
.banner .left-circle-shape .circle-border {
height: 300px;
width: 300px;
}
}
@media (min-width: 991px) and (max-width: 1024px) {
.banner.banner-one {
height: 700px;
}
.banner.banner-one .banner-content .banner-title {
font-size: 40px;
line-height: 50px;
}
.banner.banner-one .circle-shape {
max-width: 500px;
}
}
@media (max-width: 991px) {
.banner.banner-one .banner-content {
margin-bottom: 50px;
}
.banner.banner-one .banner-content .banner-title {
font-size: 40px;
line-height: 50px;
}
.banner.banner-one .banner-content p br {
display: none;
}
.banner.banner-one .promo-mockup {
margin-left: -45px;
}
.banner.banner-one .circle-shape {
max-width: 500px;
}
.banner.banner-two {
height: 840px;
}
.banner.banner-two .vector-bg {
height: 840px;
left: -27%;
}
.banner.banner-two .vector-bg img {
height: 840px;
}
.banner.banner-two .banner-content-wrap {
transform: translateY(18%);
}
.banner.banner-two .banner-content .banner-title {
font-size: 40px;
line-height: 50px;
}
.banner.banner-two .banner-content p br {
display: none;
}
.banner.banner-two .animate-promo-mockup {
width: 380px;
height: 380px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(1) {
left: 65px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(2) {
width: 65px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(3) {
right: -100px;
width: 50px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(4) {
left: 55px;
width: 125px;
bottom: 30px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(5) {
left: 55%;
width: 40px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(6) {
right: -3px;
width: 180px;
bottom: 8px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(7) {
right: -35px;
width: 70px;
bottom: 50px;
}
.banner.banner-three .promo-mockup img {
box-shadow: 0px 40px 50px 0px rgba(79, 35, 35, 0.2);
}
.banner.banner-three .promo-mockup .shape-shadow {
box-shadow: 0px 40px 50px 0px rgba(79, 35, 35, 0.2);
}
.banner.banner-three.banner-three .circle-shape {
left: -50%;
}
.banner.banner-three.banner-three .shape {
right: -40%;
}
.banner.banner-three .banner-content .banner-title {
font-size: 45px;
line-height: 55px;
}
.banner.banner-four {
height: 740px;
padding-top: 200px;
}
.banner.banner-four .banner-content .banner-title {
font-size: 40px;
line-height: 55px;
}
.banner.banner-four .banner-content p {
font-size: 16px;
}
.banner.banner-four .banner-content p br {
display: none;
}
.banner.banner-four .promo-mockup {
margin-top: -30px;
}
.banner.banner-five {
height: auto;
padding: 100px 0 100px;
overflow: hidden;
}
.banner.banner-five .banner-content-wrap-five .banner-content {
max-width: 500px;
margin: 0 auto 50px;
text-align: center;
background: rgba(255, 255, 255, 0.3);
padding: 35px;
border-radius: 10px;
}
.banner.banner-five .banner-content-wrap-five .banner-content .sub-titl {
font-size: 14px;
margin-bottom: 5px;
}
.banner.banner-five .banner-content-wrap-five .banner-content .banner-title {
font-size: 34px;
line-height: 44px;
}
.banner.banner-five .banner-content-wrap-five .banner-content .description {
font-size: 14px;
}
.banner.banner-six {
height: 650px;
padding-top: 145px;
}
.banner.banner-six .banne-content-wrapper-six .banner-title {
font-size: 30px;
line-height: 40px;
}
.banner .animate-element-five {
position: relative;
margin: 0 auto;
}
}
@media (max-width: 768px) {
.banner.banner-one .promo-mockup {
margin-left: -45px;
}
.banner.banner-one .promo-mockup img {
max-width: 100%;
}
.banner.banner-two {
height: 840px;
}
.banner.banner-two .vector-bg {
right: -120%;
}
.banner.banner-two .banner-content-wrap {
transform: translateY(18%);
}
.banner.banner-two .animate-promo-mockup {
width: 360px;
height: 370px;
margin-left: 0;
}
.banner.banner-two .animate-promo-mockup img:nth-child(1) {
left: 65px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(2) {
width: 65px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(3) {
right: -100px;
width: 50px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(4) {
left: 55px;
width: 125px;
bottom: 30px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(5) {
left: 55%;
width: 40px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(6) {
right: -3px;
width: 170px;
bottom: 13px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(7) {
right: -35px;
width: 67px;
bottom: 50px;
}
.banner.banner-three {
height: 750px;
}
.banner.banner-three .banner-content {
margin-bottom: 50px;
}
.banner.banner-three .banner-content .banner-title {
font-size: 34px;
line-height: 44px;
}
.banner.banner-three .banner-content .description br {
display: none;
}
.banner.banner-three .banner-content-wrap-two {
padding-top: 130px;
}
.banner.banner-three .circle-shape {
left: -85% !important;
}
.banner.banner-three .shape {
right: -60% !important;
}
.banner.banner-four {
height: auto;
padding-top: 120px;
}
.banner.banner-four .banner-content .banner-title {
font-size: 40px;
line-height: 55px;
}
.banner.banner-four .banner-content p {
font-size: 16px;
}
.banner.banner-four .banner-content p br {
display: none;
}
.banner.banner-four .promo-mockup {
margin-top: -30px;
}
.banner.banner-six {
height: auto;
padding-bottom: 80px;
}
.banner.banner-six .banne-content-wrapper-six {
margin-bottom: 30px;
}
}
@media (max-width: 640px) {
.banner.banner-two .vector-bg {
left: -45%;
}
.banner.banner-two .vector-bg {
left: -52%;
}
.banner.banner-three .circle-shape {
left: -95% !important;
}
.banner.banner-three .shape {
right: -70% !important;
}
}
@media (max-width: 576px) {
.banner .banner-content .description {
font-size: 16px;
}
.banner.banner-one {
height: 840px;
}
.banner.banner-one .promo-mockup {
margin-left: 0;
}
.banner.banner-one .banner-content .banner-title {
font-size: 35px;
line-height: 45px;
}
.banner.banner-two .vector-bg {
left: -50%;
}
.banner.banner-three {
height: 780px;
}
.banner.banner-three .circle-shape {
left: -130% !important;
}
.banner.banner-three .shape {
right: -90% !important;
}
.banner.banner-three .shape-shadow {
display: none;
}
.banner.banner-three .promo-mockup img {
max-width: 400px;
}
.banner.banner-four .banner-content .banner-title {
font-size: 35px;
line-height: 45px;
}
}
@media (max-width: 480px) {
.banner.banner-one {
height: 770px;
}
.banner.banner-one .banner-content-wrap {
transform: translateY(20%);
}
.banner.banner-one .promo-mockup img {
max-width: 100%;
}
.banner.banner-two {
height: 840px;
}
.banner.banner-two .vector-bg {
left: -100%;
}
.banner.banner-two .banner-content-wrap {
transform: translateY(18%);
}
.banner.banner-two .animate-promo-mockup {
width: 300px;
height: 325px;
margin-left: 0;
margin-top: 20px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(1) {
left: 30px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(2) {
width: 40px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(3) {
right: -30px;
width: 30px;
bottom: 130px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(4) {
left: 20px;
width: 80px;
bottom: 56px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(5) {
left: 49%;
width: 30px;
bottom: 45px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(6) {
right: 20px;
width: 140px;
bottom: 30px;
}
.banner.banner-two .animate-promo-mockup img:nth-child(7) {
right: -5px;
width: 50px;
bottom: 70px;
}
.banner.banner-three {
height: auto;
padding-bottom: 40px;
}
.banner.banner-three .banner-content .banner-title {
font-size: 30px;
line-height: 40px;
}
.banner.banner-three .promo-mockup img {
max-width: 100%;
}
.banner .animate-element-five {
width: 300px;
height: 280px;
}
.banner .animate-element-five li:nth-child(1) {
width: 250px;
}
.banner .animate-element-five li:nth-child(2) {
width: 45px;
height: 45px;
left: 15px;
top: 45px;
}
.banner .animate-element-five li:nth-child(3) {
width: 45px;
height: 45px;
}
.banner .animate-element-five li:nth-child(4) {
width: 55px;
bottom: 18px;
}
.banner .animate-element-five li:nth-child(5) {
width: 160px;
left: -30px;
bottom: -10px;
}
.banner .animate-element-five li:nth-child(6) {
bottom: -6px;
left: 41%;
width: 70px;
}
.banner .animate-element-five li:nth-child(7) {
bottom: 65px;
left: 49%;
width: 50px;
}
.banner .animate-element-five li:nth-child(8) {
bottom: 62px;
left: 43%;
width: 28px;
}
.banner .animate-element-five li:nth-child(9) {
width: 70px;
right: 36px;
bottom: 0;
}
.banner .left-circle-shape {
left: -20%;
}
.banner .left-circle-shape .circle-fill {
height: 350px;
width: 350px;
}
.banner .left-circle-shape .circle-border {
height: 200px;
width: 200px;
}
}
@media (max-width: 380px) {
.banner .banner-button-container {
display: block;
}
.banner .banner-button-container .play-btn {
margin-top: 30px;
}
} .blog-post-two {
margin-bottom: 30px;
}
.blog-post-two .feature-image {
border-radius: 6px;
overflow: hidden;
}
.blog-post-two .feature-image img {
border-radius: 6px;
width: 100%;
}
.blog-post-two .blog-content {
padding: 22px 0 0;
background: transparent;
}
.blog-post-two .blog-content .post-meta li:not(:last-child):after {
position: absolute;
content: '';
right: -18px;
top: 7px;
width: 2px;
height: 14px;
background: #9997a3;
}
.blog-post-two .blog-content .post-meta li a {
text-transform: capitalize;
}
.blog-post-two .blog-content .entry-title {
font-size: 24px;
margin: 5px 0 15px;
}
.blog-post-two .blog-content p {
margin-bottom: 30px;
}
.blog-post-two .blog-content .read-more {
border: 2px solid #fa7070;
border-radius: 30px;
padding: 7px 25px;
font-weight: 500;
display: inline-block;
color: #fa7070;
}
.blog-post-two .blog-content .read-more:hover {
background: #fa7070;
color: #fff;
box-shadow: 0px 20px 30px 0px rgba(176, 70, 70, 0.3);
}
.circle-blog {
position: absolute;
top: -11%;
left: -11%;
z-index: -1;
}
.blog-post-three {
border-radius: 20px;
box-shadow: 0px 2px 4px 0px rgba(14, 3, 52, 0.08);
overflow: hidden;
transition: all 0.3s ease-in-out;
margin-bottom: 30px;
}
@media (max-width: 768px) {
.blog-post-three img {
width: 100%;
}
}
.blog-post-three .blog-content {
padding: 22px 40px 30px;
}
.blog-post-three .blog-content .post-meta li a {
font-size: 14px;
text-transform: capitalize;
}
.blog-post-three .blog-content .entry-title {
margin: 0 0 10px;
}
.blog-post-three .blog-content .entry-title a {
color: #1a133b;
}
.blog-post-three .blog-content .entry-title a:hover {
color: #fa7070;
}
.blog-post-three .blog-content .read-more {
font-size: 35px;
color: #aeaeb5;
}
.blog-post-three .blog-content .read-more:hover {
color: #fa7070;
}
.blog-post-three:hover {
box-shadow: 0px 20px 50px 0px rgba(14, 3, 52, 0.1);
}
@media (max-width: 992px) {
.circle-blog {
display: none;
}
} .download {
padding: 120px 0;
}
.download-wrapper {
padding-top: 115px;
}
.download-wrapper .title {
font-size: 34px;
font-weight: 700;
margin-bottom: 25px;
}
.download-wrapper p {
margin-bottom: 40px;
}
.download-feature-image {
position: relative;
max-width: 500px;
height: 560px;
}
.download-feature-image .image-one {
z-index: 22;
position: absolute;
left: 30px;
}
.download-feature-image .image-two {
position: absolute;
right: 10px;
top: -20px;
}
.download-feature-image svg {
position: absolute;
z-index: -1;
top: 43px;
right: 0;
}
.app-btn-wrapper .app-btn:not(:last-child) {
margin-right: 20px;
}
.ofh {
overflow: hidden;
}
.download-wrapper-two {
padding: 130px 0;
}
.download-wrapper-two .title {
font-size: 60px;
line-height: 1.2;
font-weight: 700;
}
@media (max-width: 768px) {
.download-wrapper-two .title {
font-size: 40px;
}
}
.download-wrapper-two p {
margin-bottom: 30px;
color: #76747f;
}
.download-feature-image-two {
position: relative;
height: 460px;
overflow: hidden;
}
@media (max-width: 991px) {
.download-feature-image-two {
display: none;
}
}
.download-feature-image-two img {
position: absolute;
bottom: -160px;
}
.download-feature-image-two img.image-one {
left: 0;
z-index: 2;
}
.download-feature-image-two img.image-two {
left: 215px;
bottom: -240px;
}
.section-animate-element > div {
position: absolute;
}
.section-animate-element .leaf-top {
top: -20px;
left: 40px;
}
.section-animate-element .leaf-bottom {
right: 15px;
bottom: -20px;
}
.section-animate-element .ball {
left: 5%;
top: 50%;
}
@media (max-width: 991px) {
.section-animate-element .ball {
display: none;
}
}
.section-animate-element .triangle {
right: 8%;
top: 90px;
}
@media (max-width: 1200px) {
.download-feature-image .image-one {
margin-left: 0;
}
}
@media (max-width: 991px) {
.download-feature-image svg {
right: auto;
left: 0;
}
.download-feature-image .image-one {
margin-left: 0;
}
.download-feature-image .image-two {
right: 25%;
}
.download {
padding: 100px 0;
}
.signup-section {
padding: 70px 0;
}
}
@media (max-width: 768px) {
.download-feature-image .image-two {
left: 150px;
right: auto;
}
}
@media (max-width: 576px) {
.download-feature-image {
height: 450px;
}
.download-feature-image svg {
top: -50px;
max-width: 100%;
}
.download-feature-image .image-one {
margin-left: 0;
max-width: 200px;
}
.download-feature-image .image-two {
right: auto;
top: -18px;
max-width: 270px;
left: 25%;
}
.download-wrapper {
padding-top: 50px;
}
}
@media (max-width: 480px) {
.download-feature-image .image-two {
right: auto;
left: 15%;
}
.app-btn-wrapper .app-btn:not(:last-child) {
margin-right: 10px;
margin-bottom: 10px;
}
} .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
background-image: none;
}
.testimonials .scroll-circle {
bottom: 35%;
right: -133px;
}
.testimonial-wrapper {
padding: 0 100px 160px;
position: relative;
z-index: 22;
}
.testimonial-wrapper .shape-shadow {
border-radius: 10px;
background-color: white;
opacity: 0.4;
box-shadow: 0px 60px 100px 0px rgba(102, 74, 74, 0.2);
height: 100px;
max-width: 54%;
position: absolute;
bottom: 120px;
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.testimonial-wrapper .slider-nav .swiper-button-next,
.testimonial-wrapper .slider-nav .swiper-button-prev {
color: #bdb4b4;
font-size: 36px;
transition: all 0.3s ease-in-out;
outline: 0;
background-image: none;
}
.testimonial-wrapper .slider-nav .swiper-button-next:hover,
.testimonial-wrapper .slider-nav .swiper-button-prev:hover {
color: #fa7070;
}
.testimonial-wrapper .slider-nav .swiper-button-next {
right: 20px;
}
.testimonial-wrapper .slider-nav .swiper-button-prev {
left: 20px;
}
.testimonial-style1 {
border-radius: 10px;
max-width: 770px;
margin: 0 auto;
position: relative;
box-shadow: 0px 60px 100px 0px rgba(79, 35, 35, 0.1);
background: #fff;
width: 100%;
}
.testimonial-style1 .testimonial {
text-align: center;
margin: 0 auto;
padding: 60px;
position: relative;
}
.testimonial-style1 .testimonial .testimonial-content {
max-width: 630px;
margin: 0 auto 30px;
}
.testimonial-style1 .testimonial .testimonial-content p {
color: #656177;
font-size: 20px;
margin: 0;
line-height: 38px;
}
.testimonial-style1 .testimonial .single-bio-thumb {
max-width: 80px;
height: 85px;
margin: 0 auto 41px;
box-shadow: 0px 20px 30px 0px rgba(79, 35, 35, 0.2);
border-radius: 50%;
}
.testimonial-style1 .testimonial .single-bio-thumb img {
border-radius: 50%;
height: 100%;
object-fit: cover;
}
.testimonial-style1 .testimonial .bio-info .name {
font-size: 20px;
line-height: 32px;
margin: 0;
}
.swiper-button-next, .swiper-button-prev {
background-image: none;
}
.swiper-pagination-testi {
position: absolute;
left: 50%;
transform: translateZ(0) translateX(-50%);
}
.testimonials-two .section-title {
margin-bottom: 50px;
}
.testimonials-two .animate-shape {
position: absolute;
right: -9%;
top: -37%;
}
.testimonials-two .slider-nav {
top: 50%;
}
.testimonials-two .slider-nav .swiper-button-prev,
.testimonials-two .slider-nav .swiper-button-next {
background-image: none;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
height: 40px;
width: 40px;
line-height: 40px;
background: #fa7070;
color: #fff;
text-align: center;
border-radius: 50%;
}
.testimonials-two .slider-nav .swiper-button-prev i,
.testimonials-two .slider-nav .swiper-button-next i {
font-size: 20px;
line-height: 40px;
}
.testimonials-two .slider-nav .swiper-button-prev {
left: 17px;
}
.testimonials-two .slider-nav .swiper-button-next {
right: 14px;
}
.testimonials-two:hover .slider-nav .swiper-button-prev,
.testimonials-two:hover .slider-nav .swiper-button-next {
opacity: 1;
visibility: visible;
}
.testimonials-two:hover .slider-nav .swiper-button-prev i,
.testimonials-two:hover .slider-nav .swiper-button-next i {
color: #fff;
}
.testimonials-two:hover #testimonial-wrapper .slider-nav .swiper-button-prev {
left: 17px;
}
.testimonials-two:hover #testimonial-wrapper .slider-nav .swiper-button-next {
right: 20px;
}
.style-two.swiper-pagination-testi {
margin-top: 35px;
}
.style-two.swiper-pagination-testi .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
.style-two.swiper-pagination-testi .swiper-pagination-bullet,
.swiper-pagination-review .swiper-pagination-bullet {
height: 12px;
width: 12px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-right: 5px;
position: relative;
opacity: 1;
background: transparent;
outline: 0;
}
.style-two.swiper-pagination-testi .swiper-pagination-bullet.swiper-pagination-bullet-active:before,
.swiper-pagination-review .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
background: #fa7070;
-webkit-box-shadow: 0px 10px 14px 0px rgba(79, 35, 35, 0.3);
box-shadow: 0px 10px 14px 0px rgba(79, 35, 35, 0.3);
}
.style-two.swiper-pagination-testi .swiper-pagination-bullet:before,
.swiper-pagination-review .swiper-pagination-bullet:before {
content: '';
position: absolute;
height: 12px;
width: 12px;
background: #e5d6d6;
z-index: 2;
border-radius: 50%;
left: -2px;
top: -2px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
.swiper-pagination-review {
position: absolute;
left: 50%;
transform: translateX(-50%);
margin-top: 35px;
}
#testimonial-wrapper {
position: relative;
z-index: 2;
}
#testimonial-wrapper .slider-nav .swiper-button-prev,
#testimonial-wrapper .slider-nav .swiper-button-next {
outline: 0;
}
#testimonial-wrapper .slider-nav .swiper-button-prev i,
#testimonial-wrapper .slider-nav .swiper-button-next i {
font-size: 32px;
}
#testimonial-wrapper .slider-nav .swiper-button-prev:hover,
#testimonial-wrapper .slider-nav .swiper-button-next:hover {
color: #7052fb;
}
#testimonial-wrapper .slider-nav .swiper-button-next {
right: -100px;
}
#testimonial-wrapper .slider-nav .swiper-button-prev {
left: -100px;
}
#testimonial-wrapper.swiper-container {
padding: 0 20px 100px;
}
.testimonial-style2 .testi-content-inner {
overflow: hidden;
position: relative;
background: #fff;
box-shadow: 0px 30px 20px 0px rgba(43, 35, 79, 0.05);
border-radius: 10px;
padding: 50px 60px;
}
.testimonial-style2 .testimonial-bio {
display: flex;
align-items: center;
margin-bottom: 43px;
}
.testimonial-style2 .testimonial-bio .avatar {
height: 70px;
width: 70px;
border-radius: 50%;
margin-right: 30px;
box-shadow: 0px 20px 30px 0px rgba(43, 35, 79, 0.2);
}
.testimonial-style2 .testimonial-bio .avatar img {
border-radius: 50%;
height: 100%;
object-fit: cover;
}
.testimonial-style2 .testimonial-bio .bio-info .client-name {
font-size: 20px;
font-weight: 600;
margin-top: 0;
margin-bottom: 5px;
}
.testimonial-style2 .testimonial-bio .bio-info p {
margin: 0;
}
.testimonial-style2 .testimonial-content {
margin-bottom: 35px;
}
.testimonial-style2 .testimonial-content p {
font-size: 18px;
line-height: 30px;
margin: 0;
}
.testimonial-style2 .shape-shadow {
border-radius: 10px;
background-color: white;
opacity: 0.4;
box-shadow: 0px 20px 50px 0px rgba(102, 74, 74, 0.2);
height: 100px;
max-width: 81%;
position: absolute;
bottom: -40px;
width: 100%;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
.testimonial-style2 .quote {
position: absolute;
right: 60px;
}
.rating {
margin: 0;
padding: 0;
list-style: none;
}
.rating li {
display: inline-block;
font-size: 14px;
color: #fdae04;
}
.testimonial-six-wrapper {
margin: 0 auto;
max-width: 770px;
position: relative;
}
.testimonial-six-wrapper .quote {
position: absolute;
top: 40px;
left: 30px;
}
.testimonial-six-wrapper .testimonial-six {
border-radius: 10px;
background-color: white;
box-shadow: 0px 50px 80px 0px rgba(48, 11, 33, 0.1);
padding: 50px 100px 100px;
}
.testimonial-six-wrapper .testimonial-six .testimonial .single-bio-thumb {
border-radius: 50%;
background-color: #dfe4ec;
box-shadow: 0px 30px 40px 0px rgba(48, 11, 33, 0.12);
width: 80px;
height: 80px;
margin: 0 auto 30px;
overflow: hidden;
}
.testimonial-six-wrapper .testimonial-six .testimonial .single-bio-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.testimonial-six-wrapper .testimonial-six .testimonial .testimonial-content p {
font-size: 18px;
line-height: 32px;
margin-bottom: 35px;
}
.testimonial-six-wrapper .testimonial-six .testimonial .bio-info .name {
font-size: 18px;
line-height: 26px;
margin: 0;
}
.testimonial-six-wrapper .testimonial-six .testimonial .bio-info .job {
font-size: 14px;
}
.testimonial-six-wrapper .dot-shape {
position: absolute;
right: -60px;
bottom: -35px;
}
.gp-star-1:before,
.gp-star-2:before,
.gp-star-3:before,
.gp-star-4:before,
.gp-star-5:before {
content: "\f006";
color: #ffbc08;
}
.gp-star-05 .gp-star-1:before,
.gp-star-15 .gp-star-2:before,
.gp-star-25 .gp-star-3:before,
.gp-star-35 .gp-star-4:before,
.gp-star-45 .gp-star-5:before {
content: "\f123";
color: #ffbc08;
}
.gp-star-10 .gp-star-1:before,
.gp-star-15 .gp-star-1:before,
.gp-star-20 .gp-star-1:before,
.gp-star-20 .gp-star-2:before,
.gp-star-25 .gp-star-1:before,
.gp-star-25 .gp-star-2:before,
.gp-star-30 .gp-star-1:before,
.gp-star-30 .gp-star-2:before,
.gp-star-30 .gp-star-3:before,
.gp-star-35 .gp-star-1:before,
.gp-star-35 .gp-star-2:before,
.gp-star-35 .gp-star-3:before,
.gp-star-40 .gp-star-1:before,
.gp-star-40 .gp-star-2:before,
.gp-star-40 .gp-star-3:before,
.gp-star-40 .gp-star-4:before,
.gp-star-45 .gp-star-1:before,
.gp-star-45 .gp-star-2:before,
.gp-star-45 .gp-star-3:before,
.gp-star-45 .gp-star-4:before,
.gp-star-50 .gp-star-1:before,
.gp-star-50 .gp-star-2:before,
.gp-star-50 .gp-star-3:before,
.gp-star-50 .gp-star-4:before,
.gp-star-50 .gp-star-5:before {
content: "\f005";
color: #ffbc08;
}
#testimonial-wrapper-three {
max-width: 1060px;
margin: 0 auto;
position: relative;
}
#testimonial-wrapper-three .quote {
position: absolute;
bottom: 0;
right: 80px;
z-index: 22;
}
#testimonial-wrapper-three .swiper-container {
padding: 0 45px 80px;
}
@media (max-width: 991px) {
#testimonial-wrapper-three .swiper-container {
padding: 0 30px 80px;
}
}
#testimonial-wrapper-three .slider-nav {
width: 90px;
top: auto;
bottom: 100px;
left: 50%;
height: 40px;
}
#testimonial-wrapper-three .slider-nav .swiper-button-prev {
height: 25px;
transition: all 0.3s ease-in-out;
outline: 0;
background-image: none;
outline: 0;
}
#testimonial-wrapper-three .slider-nav .swiper-button-prev .arrow {
margin-top: 12px;
width: 25px;
height: 2px;
background: #bdb4b4;
transition: all 0.3s ease-in-out;
}
#testimonial-wrapper-three .slider-nav .swiper-button-prev .arrow:after {
content: '';
position: absolute;
width: 15px;
height: 2px;
top: 7px;
left: -2px;
background-color: #bdb4b4;
transform: rotate(-45deg);
transition: all 0.3s ease-in-out;
}
#testimonial-wrapper-three .slider-nav .swiper-button-prev .arrow:before {
content: '';
position: absolute;
width: 15px;
height: 2px;
top: 17px;
left: -2px;
background-color: #bdb4b4;
transform: rotate(45deg);
transition: all 0.3s ease-in-out;
}
#testimonial-wrapper-three .slider-nav .swiper-button-prev:hover {
width: 40px;
left: -6px;
}
#testimonial-wrapper-three .slider-nav .swiper-button-prev:hover .arrow {
width: 40px;
background: #fa7070;
}
#testimonial-wrapper-three .slider-nav .swiper-button-prev:hover .arrow:before, #testimonial-wrapper-three .slider-nav .swiper-button-prev:hover .arrow:after {
background: #fa7070;
}
#testimonial-wrapper-three .slider-nav .swiper-button-next {
height: 25px;
transition: all 0.3s ease-in-out;
background-image: none;
outline: 0;
}
#testimonial-wrapper-three .slider-nav .swiper-button-next .arrow {
margin-top: 12px;
width: 25px;
height: 2px;
background: #bdb4b4;
transition: all 0.3s ease-in-out;
}
#testimonial-wrapper-three .slider-nav .swiper-button-next .arrow:after {
content: '';
position: absolute;
width: 15px;
height: 2px;
top: 7px;
right: -2px;
background-color: #bdb4b4;
transform: rotate(45deg);
transition: all 0.3s ease-in-out;
}
#testimonial-wrapper-three .slider-nav .swiper-button-next .arrow:before {
content: '';
position: absolute;
width: 15px;
height: 2px;
top: 17px;
right: -2px;
background-color: #bdb4b4;
transform: rotate(-45deg);
transition: all 0.3s ease-in-out;
}
#testimonial-wrapper-three .slider-nav .swiper-button-next:hover {
width: 40px;
right: -3px;
}
#testimonial-wrapper-three .slider-nav .swiper-button-next:hover .arrow {
width: 40px;
background: #fa7070;
}
#testimonial-wrapper-three .slider-nav .swiper-button-next:hover .arrow:before, #testimonial-wrapper-three .slider-nav .swiper-button-next:hover .arrow:after {
background: #fa7070;
}
.testimonials-two-about {
background: #fdf8f8;
padding: 116px 0 58px;
overflow: hidden;
}
.testimonials-two-about .testimonial-two .testi-content-inner {
box-shadow: 0px 30px 20px 0px rgba(79, 35, 35, 0.1);
}
.testimonials-two-about .testimonial-two .shape-shadow {
box-shadow: 0px 20px 50px 0px rgba(79, 35, 35, 0.1);
}
.testimonials-two-about .scroll-circle {
bottom: 33%;
z-index: 1;
right: -7%;
}
.testimonials-two-about #testimonial-wrapper .slider-nav .swiper-button-prev:hover,
.testimonials-two-about #testimonial-wrapper .slider-nav .swiper-button-next:hover {
color: #fa7070;
}
.testimonial-three {
border-radius: 10px;
background-color: #fff;
box-shadow: 0px 20px 40px 0px rgba(79, 35, 35, 0.1);
display: flex;
flex-wrap: wrap;
align-items: center;
overflow: hidden;
}
.testimonial-three .avatar,
.testimonial-three .testimonial-content {
flex: 1;
position: relative;
}
.testimonial-three .avatar {
max-height: 385px;
overflow: hidden;
}
.testimonial-three .avatar .avatar-shape {
position: absolute;
top: 0;
right: 0;
}
.testimonial-three .testimonial-content {
padding: 0 60px;
margin-top: -47px;
}
.testimonial-three .testimonial-content .bio-info {
margin-bottom: 30px;
}
.testimonial-three .testimonial-content .bio-info .name {
font-size: 20px;
font-weight: 600;
margin: 0;
line-height: 1.6;
}
.testimonial-three .testimonial-content p {
font-size: 18px;
line-height: 32px;
color: #656177;
}
.testimonials-three {
padding: 116px 0 40px;
}
.testimonial-four {
text-align: center;
padding-top: 30px;
}
.testimonial-four > * {
transform: translateY(-20px);
opacity: 0;
transition: all 0.5s;
}
.testimonial-four .single-bio-thumb {
overflow: hidden;
height: 80px;
width: 80px;
margin: 0 auto 60px;
border-radius: 50%;
box-shadow: 0px 20px 30px 0px rgba(43, 35, 79, 0.1);
}
.testimonial-four .single-bio-thumb img {
height: 100%;
object-fit: cover;
}
.testimonial-four .testimonial-content {
position: relative;
max-width: 740px;
margin: 0 auto 42px;
}
.testimonial-four .testimonial-content .quote {
position: absolute;
top: -65px;
left: 0;
z-index: 1;
}
.testimonial-four .testimonial-content p {
font-size: 20px;
line-height: 36px;
font-weight: 300;
margin: 0;
z-index: 22;
position: relative;
}
.testimonial-four .bio-info .name {
font-size: 20px;
font-weight: 500;
color: #322d49;
margin: 0;
}
.testimonial-four .bio-info .job {
font-size: 14px;
color: #7c7a8f;
}
.testimonial-wrapper-two .swiper-slide.swiper-slide-active .testimonial-four > * {
transform: translateY(0);
opacity: 1;
}
.testimonial-wrapper-two .swiper-slide.swiper-slide-active .testimonial-four .single-bio-thumb {
transition-delay: 0.3s;
}
.testimonial-wrapper-two .swiper-slide.swiper-slide-active .testimonial-four .testimonial-content {
transition-delay: 0.5s;
}
.testimonial-wrapper-two .swiper-slide.swiper-slide-active .testimonial-four .bio-info {
transition-delay: 0.7s;
}
.testimonial-wrapper-two {
position: relative;
}
.testimonial-wrapper-two .slider-nav #slide-prev,
.testimonial-wrapper-two .slider-nav #slide-next {
outline: 0;
height: 50px;
width: 50px;
line-height: 54px;
border: 1px solid #e0deed;
text-align: center;
font-size: 20px;
border-radius: 50%;
transition: all 0.3s ease-in-out;
background-image: none;
}
.testimonial-wrapper-two .slider-nav #slide-prev:hover,
.testimonial-wrapper-two .slider-nav #slide-next:hover {
background: #fa7070;
box-shadow: 0px 10px 30px 0px rgba(250, 112, 112, 0.3);
color: #fff;
}
@media (max-width: 1440px) {
.testimonials-two .animate-shape, .testimonials-two .scroll-circle, .testimonials-two-about .animate-shape, .testimonials-two-about .scroll-circle {
max-width: 600px;
}
}
@media (max-width: 1200px) {
#testimonial-wrapper-three .slider-nav {
bottom: 70px;
}
}
@media (max-width: 1024px) {
.testimonial-three .testimonial-content {
padding: 0 20px;
margin-top: 0;
}
.testimonial-three .testimonial-content p {
font-size: 16px;
line-height: 28px;
}
.testimonial-three .testimonial-content .bio-info {
margin-bottom: 10px;
}
#testimonial-wrapper-three .slider-nav {
bottom: 80px;
}
#testimonial-wrapper-three .quote {
width: 80px;
}
.testimonials .scroll-circle {
max-width: 500px;
}
.testimonials-two-about .scroll-circle {
max-width: 400px;
}
}
.testimonial-style6 .testimonial {
max-width: 430px;
}
.testimonial-style6 .testimonial .quote {
margin-bottom: 32px;
}
.testimonial-style6 .testimonial .title {
font-size: 30px;
line-height: 42px;
color: #1a133b;
margin-bottom: 25px;
}
.testimonial-style6 .testimonial .testimonial-content {
margin-bottom: 40px;
}
.testimonial-style6 .testimonial .author-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.testimonial-style6 .testimonial .author-wrapper .single-bio-thumb {
width: 50px;
margin-right: 20px;
}
.testimonial-style6 .testimonial .author-wrapper .bio-info {
flex: 2;
}
.testimonial-style6 .testimonial .author-wrapper .bio-info .name {
font-size: 14px;
font-weight: 600;
color: #1a133b;
margin: 0;
}
.testimonial-style6 .testimonial .author-wrapper .bio-info .job {
color: #7c7a86;
font-size: 14px;
}
@media (max-width: 991px) {
.testimonials-two .swiper-container,
.testimonials-two-about .swiper-container {
padding: 0 20px 80px;
}
#testimonial-wrapper .slider-nav .swiper-button-prev {
left: -30px;
}
#testimonial-wrapper .slider-nav .swiper-button-next {
right: -20px;
}
#testimonial-wrapper-three .slider-nav {
display: none;
}
.testimonials-two .animate-shape {
right: -80%;
}
.testimonial-wrapper {
padding: 0 50px 80px;
}
.testimonial-wrapper .slider-nav .swiper-button-prev {
left: 0;
}
.testimonial-wrapper .slider-nav .swiper-button-next {
right: 10px;
}
.testimonial-wrapper .shape-shadow {
bottom: 50px;
}
#testimonial .testimonial .testimonial-content p {
font-size: 18px;
line-height: 34px;
}
.testimonial-two .testi-content-inner {
padding: 40px 30px;
}
.testimonial-two .shape-shadow {
bottom: -30px;
}
.testimonial-slider .testimonial .testimonial-content p {
font-size: 16px;
line-height: 30px;
}
}
@media (max-width: 768px) {
#testimonial-wrapper-three .swiper-container {
padding: 0 40px 50px;
}
#testimonial .testimonial {
padding: 40px;
}
#testimonial .testimonial .testimonial-content p {
font-size: 16px;
line-height: 30px;
}
.testimonial-wrapper {
padding: 0 50px 70px;
}
.testimonial-wrapper .shape-shadow {
bottom: 50px;
}
#testimonial-wrapper .slider-nav .swiper-button-prev {
left: -30px;
}
#testimonial-wrapper .slider-nav .swiper-button-next {
right: -20px;
}
.testimonials-two .animate-shape {
right: -100%;
}
.testimonial-three {
display: block;
padding: 30px;
text-align: center;
}
.testimonial-three .avatar {
width: 120px;
height: 100px;
border-radius: 3px;
margin: 0 auto 30px;
overflow: hidden;
}
.testimonial-three .avatar img {
border-radius: 3px;
}
#testimonial-wrapper-three .slider-nav {
bottom: 50px;
transform: translateX(-50%);
display: none;
}
#testimonial-wrapper-three .quote {
bottom: 0;
}
.testimonial-three .avatar .avatar-shape {
display: none;
}
}
@media (max-width: 576px) {
#testimonial-wrapper .slider-nav .swiper-button-prev,
#testimonial-wrapper .slider-nav .swiper-button-next, .testimonial-wrapper .slider-nav .swiper-button-prev,
.testimonial-wrapper .slider-nav .swiper-button-next {
display: none;
}
.testimonial-wrapper {
padding: 0 0 70px;
}
#testimonial .testimonial {
padding: 40px 25px;
}
#testimonial-wrapper-three .slider-nav {
display: none;
}
#testimonial-wrapper-three .swiper-container {
padding: 0 20px 50px !important;
}
#testimonial-wrapper-three .quote {
right: 30px;
}
.testimonial-three {
padding: 30px 10px;
}
.testimonial-slider .testimonial {
padding: 40px 30px;
}
.testimonial-six-wrapper .testimonial-six {
padding: 50px 50px 100px;
}
}
@media (max-width: 420px) {
.testimonial-two .testimonial-bio {
display: block;
text-align: center;
}
.testimonial-two .testimonial-bio .avatar {
margin: 0 auto 20px;
}
} .teams {
padding: 116px 0 75px;
}
.teams-single {
padding: 116px 0 120px;
}
.teams-two {
padding-top: 116px;
padding-bottom: 120px;
}
.teams-two .scroll-circle {
right: 0;
left: auto;
top: 25%;
z-index: -1;
}
.team-member {
max-width: 370px;
margin: 0 auto 40px;
}
.team-member .member-avater {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.team-member .member-avater img {
width: 100%;
}
.team-member .member-avater svg {
position: absolute;
bottom: -100%;
left: 0;
transition: all 0.6s ease-in-out;
}
.team-member .member-avater svg.layer-two {
transition-delay: 0.3s;
}
.team-member .member-avater svg:hover {
bottom: 0;
}
.team-member .member-avater .member-social {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
text-align: center;
z-index: 333;
opacity: 0;
transition: all 0.4s ease-in-out;
transition-delay: 0.3s;
}
.team-member .member-avater .member-social li {
display: inline-block;
margin-right: 5px;
}
.team-member .member-avater .member-social li a {
display: inline-block;
height: 46px;
width: 46px;
line-height: 46px;
text-align: center;
color: #fff;
border: 2px solid #fff;
border-radius: 50%;
}
.team-member .member-avater .member-social li a:hover {
background: #fff;
color: #fa7070;
box-shadow: 0px 20px 20px 0px rgba(79, 35, 35, 0.2);
}
.team-member .member-avater:hover svg {
bottom: 0;
}
.team-member .member-avater:hover .member-social {
bottom: 40px;
opacity: 1;
}
.team-member .team-info {
text-align: center;
padding-top: 25px;
}
.team-member .team-info .name {
font-size: 22px;
font-weight: 600;
margin-bottom: 5px;
}
.team-member .team-info .job {
font-size: 15px;
color: #797687;
font-weight: 400;
}
.team-member-two {
position: relative;
border-radius: 6px;
overflow: hidden;
margin-bottom: 10px;
}
.team-member-two img {
width: 100%;
transition: all 0.5s ease-in-out;
}
.team-member-two:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(250, 112, 112, 0.9);
opacity: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.team-member-two .team-info {
position: absolute;
top: 40px;
left: 40px;
z-index: 22;
height: 50px;
overflow: hidden;
}
.team-member-two .team-info .name {
color: #fff;
font-size: 20px;
font-weight: 500;
transition: all 0.5s ease-in-out;
transform: translateY(-25px);
}
.team-member-two .team-info .job {
color: #fff;
font-size: 14px;
font-weight: 400;
transition: all 0.5s ease-in-out;
transform: translateY(20px);
}
.team-member-two .member-social {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
left: 40px;
bottom: 40px;
z-index: 22;
height: 28px;
overflow: hidden;
}
.team-member-two .member-social li {
display: inline-block;
margin-right: 15px;
transform: translateY(20px);
opacity: 0;
transition: 0.3s ease-in-out;
}
.team-member-two .member-social li:nth-child(2) {
transition-delay: 0.1s;
}
.team-member-two .member-social li:nth-child(3) {
transition-delay: 0.2s;
}
.team-member-two .member-social li:nth-child(4) {
transition-delay: 0.3s;
}
.team-member-two .member-social li:nth-child(5) {
transition-delay: 0.4s;
}
.team-member-two .member-social li a {
color: #fff;
}
.team-member-two:hover:before {
opacity: 1;
visibility: visible;
}
.team-member-two:hover .team-info .name, .team-member-two:hover .team-info .job {
transform: translateY(0);
}
.team-member-two:hover .member-social li {
transform: translateY(0);
opacity: 1;
}
.team-member-three {
margin-bottom: 30px;
}
.team-member-three .member-avater {
position: relative;
border-radius: 6px;
overflow: hidden;
}
.team-member-three .member-avater img {
width: 100%;
transition: all 0.5s ease-in-out;
}
.team-member-three .member-avater:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #fa7070;
opacity: 0.9;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.team-member-three .member-avater .member-social {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
left: 40px;
bottom: 40px;
z-index: 22;
height: 28px;
overflow: hidden;
}
.team-member-three .member-avater .member-social li {
display: inline-block;
margin-right: 15px;
transform: translateY(20px);
opacity: 0;
transition: 0.3s ease-in-out;
}
.team-member-three .member-avater .member-social li:nth-child(2) {
transition-delay: 0.1s;
}
.team-member-three .member-avater .member-social li:nth-child(3) {
transition-delay: 0.2s;
}
.team-member-three .member-avater .member-social li:nth-child(4) {
transition-delay: 0.3s;
}
.team-member-three .member-avater .member-social li:nth-child(5) {
transition-delay: 0.4s;
}
.team-member-three .member-avater .member-social li a {
color: #fff;
}
.team-member-three .member-avater:hover:before {
opacity: 0.9;
visibility: visible;
}
.team-member-three .member-avater:hover .member-social li {
transform: translateY(0);
opacity: 1;
}
.team-member-three .team-info {
padding: 25px 40px 0;
}
.team-member-three .team-info .name {
color: #1a133b;
font-size: 20px;
font-weight: 600;
transition: all 0.5s ease-in-out;
}
.team-member-three .team-info .job {
color: #76747f;
font-size: 14px;
font-weight: 400;
transition: all 0.5s ease-in-out;
}
.team-member-four {
margin-bottom: 30px;
}
.team-member-four .member-avater {
position: relative;
border-radius: 20px;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.team-member-four .member-avater img {
width: 100%;
transition: all 0.5s ease-in-out;
}
.team-member-four .member-avater:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #fa7070;
opacity: 0.9;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.team-member-four .member-avater .member-social {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
left: 0;
bottom: 20px;
z-index: 22;
overflow: hidden;
width: 100%;
text-align: center;
}
.team-member-four .member-avater .member-social li {
display: inline-block;
margin-right: 5px;
transform: translateY(20px);
opacity: 0;
transition: 0.3s ease-in-out;
}
.team-member-four .member-avater .member-social li:nth-child(2) {
transition-delay: 0.1s;
}
.team-member-four .member-avater .member-social li:nth-child(3) {
transition-delay: 0.2s;
}
.team-member-four .member-avater .member-social li:nth-child(4) {
transition-delay: 0.3s;
}
.team-member-four .member-avater .member-social li:nth-child(5) {
transition-delay: 0.4s;
}
.team-member-four .member-avater .member-social li a {
color: #fff;
height: 40px;
width: 40px;
line-height: 40px;
font-size: 14px;
border: 2px solid #fab57f;
border-radius: 50%;
display: block;
text-align: center;
}
.team-member-four .member-avater .member-social li a:hover {
background: #fff;
box-shadow: 0px 10px 14px 0px rgba(56, 15, 2, 0.1);
color: #fa7070;
border-color: #fff;
}
.team-member-four .member-avater:hover {
box-shadow: 0px 20px 30px 0px rgba(56, 24, 2, 0.16);
}
.team-member-four .member-avater:hover:before {
opacity: 0.9;
visibility: visible;
}
.team-member-four .member-avater:hover .member-social li {
transform: translateY(0);
opacity: 1;
}
.team-member-four .team-info {
padding-top: 25px;
text-align: center;
}
.team-member-four .team-info .name {
color: #1a133b;
font-size: 15px;
font-weight: 500;
transition: all 0.5s ease-in-out;
margin: 0;
}
.team-member-four .team-info .job {
color: #615f6b;
font-size: 14px;
font-weight: 400;
transition: all 0.5s ease-in-out;
}
#team-slider .swiper-pagination {
margin-top: 50px;
}
.team-slider-wrapper .swiper-pagination {
margin-top: 20px;
}
.team-slider-wrapper .swiper-pagination .swiper-pagination-bullet {
height: 10px;
width: 10px;
background: #b9a79f;
margin-right: 10px;
transition: all 0.3s ease-in-out;
}
.team-slider-wrapper .swiper-pagination .swiper-pagination-bullet:focus {
outline: 0;
}
.team-slider-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #fa7070;
}
@media (max-width: 991px) {
.teams, .teams-two {
padding: 76px 0 50px;
}
.teams-two {
padding: 76px 0 80px;
}
.team-member {
margin-bottom: 40px;
}
.section-small {
margin: 0;
}
.teams-single {
padding: 76px 0 80px;
}
.teams-single .button-container {
margin-top: 10px;
}
.teams-two .scroll-circle {
max-width: 320px;
}
}
@media (max-width: 768px) {
.teams-two .scroll-circle {
max-width: 330px;
}
}
@media (max-width: 576px) {
.scroll-circle {
display: none;
}
} .featured {
padding-top: 32px;
}
.featured-eight {
position: relative;
overflow: hidden;
}
.saaspik-icon-box-wrapper {
margin-bottom: 30px;
}
.saaspik-icon-box-wrapper.style-one {
margin-top: 16px;
}
.saaspik-icon-box-wrapper.style-one .saaspik-icon-box-icon {
margin: 0;
}
.saaspik-icon-box-wrapper.style-one .saaspik-icon-box-icon img {
margin-bottom: 32px;
max-height: 150px;
}
.saaspik-icon-box-wrapper.style-one .saaspik-icon-box-icon i {
color: #fa7070;
font-size: 50px;
margin-bottom: 30px;
display: block;
}
.saaspik-icon-box-wrapper.style-one .saaspik-icon-box-content .saaspik-icon-box-title {
font-size: 20px;
font-weight: 500;
line-height: 30px;
margin-bottom: 13px;
}
.saaspik-icon-box-wrapper.style-one .saaspik-icon-box-content .saaspik-icon-box-title span {
color: #2b2350;
transition: all 0.3s ease-in-out;
}
.saaspik-icon-box-wrapper.style-one .saaspik-icon-box-content .saaspik-icon-box-title span:hover {
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-one .saaspik-icon-box-content .saaspik-icon-box-title a {
color: #2b2350;
}
.saaspik-icon-box-wrapper.style-one .saaspik-icon-box-content .saaspik-icon-box-title a:hover {
color: #fa7070;
}
.saaspik-icon-box-wrapper .saaspik-icon-box-content .saaspik-icon-box-title:hover {
color: #fa7070;
}
.saaspik-icon-box-wrapper .saaspik-icon-box-icon {
margin-bottom: 32px;
}
.saaspik-icon-box-wrapper .saaspik-icon-box-content .saaspik-icon-box-title {
font-size: 20px;
font-weight: 600;
line-height: 30px;
margin-bottom: 20px;
transition: all 0.3s ease-in-out;
}
.saaspik-icon-box-wrapper .saaspik-icon-box-content .saaspik-icon-box-title a {
color: #2b2350;
}
.saaspik-icon-box-wrapper .saaspik-icon-box-content .saaspik-icon-box-title a:hover {
color: #fa7070;
}
.saaspik-icon-box-wrapper .saaspik-icon-box-content p {
margin: 0;
}
.saaspik-icon-box-wrapper.style-two {
margin-bottom: 60px;
}
.saaspik-icon-box-wrapper.style-two .saaspik-icon-box-icon {
max-width: 70px;
}
.saaspik-icon-box-wrapper.style-two.text-center .saaspik-icon-box-icon {
margin: 0 auto 32px;
}
.saaspik-icon-box-wrapper.style-two.text-right .saaspik-icon-box-icon {
margin-left: auto;
}
.saaspik-icon-box-wrapper.style-two .saaspik-icon-box-content .saaspik-icon-box-title {
font-size: 20px;
font-weight: 600;
line-height: 30px;
margin-bottom: 13px;
}
.saaspik-icon-box-wrapper.style-two .saaspik-icon-box-content .saaspik-icon-box-title span {
color: #2b2350;
transition: all 0.3s ease-in-out;
}
.saaspik-icon-box-wrapper.style-two .saaspik-icon-box-content .saaspik-icon-box-title span:hover {
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-two .saaspik-icon-box-content .saaspik-icon-box-title a {
color: #2b2350;
}
.saaspik-icon-box-wrapper.style-two .saaspik-icon-box-content .saaspik-icon-box-title a:hover {
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-three {
border-radius: 6px;
background-color: white;
box-shadow: 0px 40px 60px 0px rgba(79, 35, 35, 0.14);
padding: 40px 50px;
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 22;
align-items: center;
}
.saaspik-icon-box-wrapper.style-three .saaspik-icon-box-icon {
width: 70px;
margin-right: 30px;
margin-bottom: 0;
}
.saaspik-icon-box-wrapper.style-three .saaspik-icon-box-content {
flex: 1;
}
.saaspik-icon-box-wrapper.style-three .saaspik-icon-box-content p {
margin: 0;
}
.saaspik-icon-box-wrapper.style-four {
border-radius: 4px;
border: 1px solid #ece4e4;
padding: 60px 40px 32px;
transition: all 0.3s ease-in-out;
position: relative;
overflow: hidden;
}
.saaspik-icon-box-wrapper.style-four .layer {
position: absolute;
top: -100%;
left: 0;
width: 100%;
z-index: -1;
transition: all 0.6s ease-in-out;
}
.saaspik-icon-box-wrapper.style-four .saaspik-icon-box-icon {
margin-bottom: 44px;
height: 80px;
width: 80px;
}
.saaspik-icon-box-wrapper.style-four .saaspik-icon-box-content .saaspik-icon-box-title {
font-size: 22px;
font-weight: 500;
margin-bottom: 25px;
font-family: "Poppins", sans-serif;
}
.saaspik-icon-box-wrapper.style-four .saaspik-icon-box-content .saaspik-icon-box-title span {
color: #2b2350;
transition: all 0.3s ease-in-out;
}
.saaspik-icon-box-wrapper.style-four .saaspik-icon-box-content .saaspik-icon-box-title span:hover {
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-four .saaspik-icon-box-content .saaspik-icon-box-title a {
color: #2b2350;
}
.saaspik-icon-box-wrapper.style-four .saaspik-icon-box-content .saaspik-icon-box-title a:hover {
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-four .saaspik-icon-box-content p {
margin-bottom: 22px;
}
.saaspik-icon-box-wrapper.style-four .saaspik-icon-box-content .more-btn {
font-size: 35px;
color: #bdb4b4;
display: inline-block;
}
.saaspik-icon-box-wrapper.style-four .saaspik-icon-box-content .more-btn:hover {
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-four:hover {
box-shadow: 0px 40px 60px 0px rgba(79, 35, 35, 0.14);
}
.saaspik-icon-box-wrapper.style-four:hover .layer {
top: 0;
}
.saaspik-icon-box-wrapper.style-five {
box-shadow: 0px 20px 30px 0px rgba(176, 70, 70, 0.1);
padding: 45px 40px;
background: #fff;
}
.saaspik-icon-box-wrapper.style-five .saaspik-icon-box-icon {
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
border: 2px solid #fa7070;
color: #fa7070;
font-size: 22px;
border-radius: 50%;
transition: all 0.3s ease-in-out;
margin-bottom: 42px;
}
.saaspik-icon-box-wrapper.style-five .saaspik-icon-box-icon a, .saaspik-icon-box-wrapper.style-five .saaspik-icon-box-icon span {
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-five.text-center .saaspik-icon-box-icon {
margin: 0 auto 32px;
}
.saaspik-icon-box-wrapper.style-five.text-right .saaspik-icon-box-icon {
margin-left: auto;
}
.saaspik-icon-box-wrapper.style-five .saaspik-icon-box-content .saaspik-icon-box-title {
margin-bottom: 15px;
}
.saaspik-icon-box-wrapper.style-five .saaspik-icon-box-content .saaspik-icon-box-title a:hover {
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-five .saaspik-icon-box-content .more-btn {
color: #2b2350;
font-weight: 500;
margin-top: 35px;
}
.saaspik-icon-box-wrapper.style-five .saaspik-icon-box-content .more-btn i {
vertical-align: middle;
display: inline-block;
transition: all 0.3s ease-in-out;
}
.saaspik-icon-box-wrapper.style-five .saaspik-icon-box-content .more-btn:hover {
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-five .saaspik-icon-box-content .more-btn:hover i {
padding-left: 3px;
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-five:hover .saaspik-icon-box-icon {
box-shadow: 0px 20px 30px 0px rgba(176, 70, 70, 0.3);
background: #fa7070;
}
.saaspik-icon-box-wrapper.style-five:hover .saaspik-icon-box-icon a, .saaspik-icon-box-wrapper.style-five:hover .saaspik-icon-box-icon span {
color: #fff !important;
}
.saaspik-icon-box-wrapper.style-six {
display: flex;
align-items: center;
margin-bottom: 40px;
flex-wrap: wrap;
}
.saaspik-icon-box-wrapper.style-six .saaspik-icon-box-icon {
height: 70px;
width: 70px;
text-align: center;
box-shadow: 0px 30px 40px 0px rgba(52, 27, 159, 0.1);
padding: 15px;
border-radius: 4px;
transition: all 0.3s ease-in-out;
margin-bottom: 0;
margin-right: 30px;
background: #fff;
}
.saaspik-icon-box-wrapper.style-six .saaspik-icon-box-content {
flex: 1;
}
.saaspik-icon-box-wrapper.style-six .saaspik-icon-box-content .saaspik-icon-box-title {
margin-bottom: 15px;
font-weight: 400;
margin: 0;
}
.saaspik-icon-box-wrapper.style-six .saaspik-icon-box-content .saaspik-icon-box-title a:hover {
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-six .saaspik-icon-box-content p {
margin-bottom: 35px;
}
.saaspik-icon-box-wrapper.style-six .saaspik-icon-box-content .more-btn {
color: #2b2350;
font-weight: 500;
}
.saaspik-icon-box-wrapper.style-six .saaspik-icon-box-content .more-btn i {
vertical-align: middle;
display: inline-block;
transition: all 0.3s ease-in-out;
}
.saaspik-icon-box-wrapper.style-six .saaspik-icon-box-content .more-btn:hover {
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-six .saaspik-icon-box-content .more-btn:hover i {
padding-left: 3px;
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-seven {
display: flex;
flex-wrap: wrap;
margin-bottom: 60px;
}
.saaspik-icon-box-wrapper.style-seven .saaspik-icon-box-icon {
width: 60px;
margin-right: 20px;
}
.saaspik-icon-box-wrapper.style-seven .saaspik-icon-box-content {
flex: 2;
}
.saaspik-icon-box-wrapper.style-seven .saaspik-icon-box-content .saaspik-icon-box-title {
font-size: 20px;
color: #081e39;
font-weight: 600;
margin-bottom: 13px;
}
.saaspik-icon-box-wrapper.style-seven .saaspik-icon-box-content .saaspik-icon-box-title a {
color: #081e39;
}
.saaspik-icon-box-wrapper.style-seven .saaspik-icon-box-content .saaspik-icon-box-title a:hover {
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-seven .saaspik-icon-box-content p {
color: #5e5b74;
margin-bottom: 17px;
}
.saaspik-icon-box-wrapper.style-seven .saaspik-icon-box-content .read-more {
color: #5e5b74;
font-size: 16px;
font-weight: 500;
}
.saaspik-icon-box-wrapper.style-seven .saaspik-icon-box-content .read-more i {
vertical-align: middle;
}
.saaspik-icon-box-wrapper.style-seven .saaspik-icon-box-content .read-more:hover {
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-eight {
border-radius: 6px;
background: #fff;
box-shadow: 0px 30px 50px 0px rgba(64, 24, 47, 0.08);
text-align: center;
padding: 40px 35px;
}
.saaspik-icon-box-wrapper.style-eight .saaspik-icon-box-icon img {
max-height: 100px;
}
.saaspik-icon-box-wrapper.style-eight .saaspik-icon-box-icon i {
font-size: 40px;
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-eight .pixsass-icon-box-content .pixsass-icon-box-title {
margin-bottom: 15px;
}
.saaspik-icon-box-wrapper.style-eight .pixsass-icon-box-content .pixsass-icon-box-title a:hover {
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-eight .pixsass-icon-box-content p {
margin-bottom: 35px;
}
.saaspik-icon-box-wrapper.style-nine {
margin-bottom: 90px;
}
.saaspik-icon-box-wrapper.style-nine .saaspik-icon-box-icon {
height: 70px;
width: 70px;
background: #fee4f4;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.saaspik-icon-box-wrapper.style-nine .saaspik-icon-box-icon.color-two {
background: #fcf5e3;
}
.saaspik-icon-box-wrapper.style-nine .saaspik-icon-box-icon.color-three {
background: #efe9fe;
}
.saaspik-icon-box-wrapper.style-nine .saaspik-icon-box-icon.color-four {
background: #eaf7eb;
}
.saaspik-icon-box-wrapper.style-nine .saaspik-icon-box-icon.color-five {
background: #e4f8fd;
}
.saaspik-icon-box-wrapper.style-nine .saaspik-icon-box-icon.color-six {
background: #ffeae7;
}
.saaspik-icon-box-wrapper.style-nine.text-center .saaspik-icon-box-icon {
margin: 0 auto 32px;
}
.saaspik-icon-box-wrapper.style-nine.text-right .saaspik-icon-box-icon {
margin-left: auto;
}
.saaspik-icon-box-wrapper.style-nine .pixsass-icon-box-content .pixsass-icon-box-title {
margin-bottom: 10px;
}
.saaspik-icon-box-wrapper.style-nine .pixsass-icon-box-content .pixsass-icon-box-title a:hover {
color: #f97bc5;
}
.saaspik-icon-box-wrapper.style-ten {
padding: 50px 40px;
border-radius: 10px;
background-color: white;
box-shadow: 0px 20px 60px 0px rgba(1, 51, 32, 0.1);
text-align: center;
}
.saaspik-icon-box-wrapper.style-ten .icon-img {
max-height: 70px;
}
.saaspik-icon-box-wrapper.style-ten .saaspik-icon-box-content .saaspik-icon-box-title {
margin-bottom: 15px;
}
.saaspik-icon-box-wrapper.style-ten .saaspik-icon-box-content .pix-btn {
margin-top: 30px;
}
.saaspik-icon-box-wrapper.style-eleven {
box-shadow: 0px 20px 50px 0px rgba(14, 3, 52, 0.1);
background: #fff;
border-radius: 20px;
padding: 55px 30px;
transition: all 0.3s ease-in-out;
}
.saaspik-icon-box-wrapper.style-eleven .saaspik-icon-box-icon {
height: 65px;
display: flex;
align-items: flex-end;
}
.saaspik-icon-box-wrapper.style-eleven .saaspik-icon-box-icon .icon-img {
max-width: 60px;
width: 100%;
}
.saaspik-icon-box-wrapper.style-eleven .pixsass-icon-box-content .pixsass-icon-box-title {
margin-bottom: 13px;
font-size: 18px;
}
.saaspik-icon-box-wrapper.style-eleven .pixsass-icon-box-content p {
color: #615f6b;
}
.saaspik-icon-box-wrapper.style-eleven:hover {
background: #2c234d;
}
.saaspik-icon-box-wrapper.style-eleven:hover .saaspik-icon-box-content .saaspik-icon-box-title {
color: #fff;
}
.saaspik-icon-box-wrapper.style-eleven:hover .saaspik-icon-box-content .saaspik-icon-box-title:hover {
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-eleven:hover .saaspik-icon-box-content .saaspik-icon-box-title a {
color: #fff;
}
.saaspik-icon-box-wrapper.style-eleven:hover .saaspik-icon-box-content .saaspik-icon-box-title a:hover {
color: #fa7070;
}
.saaspik-icon-box-wrapper.style-eleven:hover .saaspik-icon-box-content p {
color: #c3c0d0;
}
.featured-eight .top-bg {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.featured-eight .section-title {
position: relative;
z-index: 22;
}
.featured-eight .particale-top {
width: 100%;
height: 500px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
left: 0;
}
.featured-eight .particale-top li {
position: absolute;
}
.featured-eight .particale-top li:nth-child(1) {
width: 31px;
height: 31px;
border-radius: 50%;
left: 8%;
top: 40%;
background-color: rgba(255, 255, 255, 0.141);
animation: animationFramesOne 20s infinite linear;
}
.featured-eight .particale-top li:nth-child(2) {
left: 16%;
top: 54%;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 35px solid rgba(255, 255, 255, 0.141);
animation: animationFramesLeft 20s infinite linear;
}
.featured-eight .particale-top li:nth-child(3) {
left: 11%;
bottom: 28px;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right: 20px solid rgba(255, 255, 255, 0.141);
animation: animationFramesTwo 20s infinite linear;
}
.featured-eight .particale-top li:nth-child(4) {
width: 13px;
height: 13px;
border-radius: 50%;
right: 12%;
top: 44%;
background-color: rgba(255, 255, 255, 0.141);
animation: animationFramesFive 20s infinite linear;
}
.featured-eight .particale-top li:nth-child(5) {
right: 0;
top: 33%;
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-bottom: 50px solid rgba(255, 255, 255, 0.141);
animation: animationFramesLeft 20s infinite linear;
}
.featured-eight .particale-top li:nth-child(6) {
right: 80px;
top: 140px;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right: 20px solid rgba(255, 255, 255, 0.141);
animation: animationFramesOne 20s infinite linear;
}
.featured-two-service .saaspik-icon-box-wrapper.style-two .saaspik-icon-box-content .saaspik-icon-box-title a {
color: #2b2350;
}
.featured-two-service .saaspik-icon-box-wrapper.style-two .saaspik-icon-box-content .saaspik-icon-box-title a:hover {
color: #fa7070;
}
.featured-two {
padding: 126px 0 28px;
}
.featured-two .section-title {
margin-bottom: 80px;
}
.featured-three {
padding: 116px 0 120px;
background: #fdf8f8;
overflow: hidden;
}
.featured-three .scroll-circle {
z-index: 1;
left: -120px;
bottom: -67%;
}
.featured-four {
padding-top: 400px;
}
.featured-two-same {
padding-top: 144px;
padding-bottom: 27px;
}
.featured-two-same .section-title {
margin-bottom: 80px;
}
.featured-two-same .saaspik-icon-box-wrapper.style-two .saaspik-icon-box-content .saaspik-icon-box-title a {
color: #2b2350;
}
.featured-two-same .saaspik-icon-box-wrapper.style-two .saaspik-icon-box-content .saaspik-icon-box-title a:hover {
color: #7052fb;
}
.featured-two-same .scroll-circle {
bottom: auto;
top: -50%;
}
.featured-four-ab {
padding-top: 146px;
}
.featured-homethree {
padding-top: 228px;
padding-bottom: 27px;
}
.featured-homethree .section-title {
margin-bottom: 80px !important;
}
@media (max-width: 1200px) {
.featured-homethree {
padding-top: 118px;
}
.saaspik-icon-box-wrapper.style-eight .pixsass-icon-box-content p br {
display: none;
}
}
@media (max-width: 991px) {
.featured-two {
padding: 85px 0 35px;
}
.featured-two-same {
padding-top: 74px;
padding-bottom: 44px;
}
.feature-image-wrapper {
margin-bottom: 30px;
}
.featured {
padding-top: 75px;
}
.featured-three {
padding: 76px 0 80px;
}
.featured-homethree {
padding-top: 0;
}
.saaspik-icon-box-wrapper.style-two {
margin-bottom: 40px;
}
.saaspik-icon-box-wrapper.style-two .saaspik-icon-box-content p br {
display: none;
}
.featured-four {
padding-top: 185px;
padding-bottom: 40px;
}
.featured-homethree {
padding-bottom: 34px;
}
.featured-four-ab {
padding-top: 76px;
}
.featured-two-service {
padding: 55px 0 43px !important;
}
.featured-two-same .scroll-circle {
left: -20%;
}
.featured-three .scroll-circle {
z-index: 1;
left: -15%;
bottom: 20%;
}
.featured-three .scroll-circle img {
max-width: 450px;
}
.saaspik-icon-box-wrapper.style-one {
text-align: center;
}
.saaspik-icon-box-wrapper .pixsass-icon-box-content p br {
display: none;
}
}
@media (max-width: 768px) {
.saaspik-icon-box-wrapper.style-two {
max-width: 400px;
margin: 0 auto 40px;
text-align: center;
}
.saaspik-icon-box-wrapper.style-two .saaspik-icon-box-icon {
margin: 0 auto;
}
.featured-four {
padding-top: 250px;
}
.featured-two-same .scroll-circle {
left: -30%;
}
.featured-three .scroll-circle {
z-index: 1;
left: -15%;
bottom: 20%;
}
.featured-three .scroll-circle img {
max-width: 330px;
}
}
@media (max-width: 767px) {
.featured-four {
padding-top: 137px;
}
}
@media (max-width: 576px) {
.featured-four {
padding-top: 76px;
}
}
@media (max-width: 480px) {
.featured-two-same .scroll-circle {
left: -70%;
}
.saaspik-icon-box-wrapper.style-three {
text-align: center;
display: block;
padding: 40px 30px;
}
.saaspik-icon-box-wrapper.style-three .saaspik-icon-box-icon {
margin: 0 auto 30px;
}
} .countup {
padding: 116px 0 120px;
}
.countup .pix-btn {
margin-top: 62px;
position: relative;
z-index: 2;
}
.countup .scroll-circle {
top: 58%;
}
.countup-wrapper {
position: relative;
z-index: 22;
}
.bg-map {
height: 100%;
width: 100%;
position: absolute;
z-index: -1;
top: 15px;
left: 0;
background-position: center center;
background-repeat: no-repeat;
}
.fun-fact {
margin-bottom: 30px;
text-align: center;
}
.fun-fact .count,
.fun-fact span {
font-size: 50px;
font-weight: 500;
margin: 0;
line-height: 1.2;
color: #fa7070;
display: inline-block;
}
.fun-fact p {
font-size: 18px;
margin: 0;
}
.fun-fact.color-two .count,
.fun-fact.color-two span {
color: #fa7070;
}
.fun-fact.color-three .count,
.fun-fact.color-three span {
color: #22cd1a;
}
.fun-fact.color-four .count,
.fun-fact.color-four span {
color: #f62ee1;
}
.fun-fact.style-two .count, .fun-fact.style-two span {
font-size: 40px;
color: #1a133b;
font-weight: 400;
}
.fun-fact.style-two p {
font-size: 14px;
color: #615f6b;
}
.fun-fact-two {
text-align: center;
margin-bottom: 30px;
}
.fun-fact-two .icon-container {
border-radius: 10px;
height: 60px;
width: 60px;
line-height: 68px;
background: rgba(112, 82, 251, 0.141);
margin: 0 auto 43px;
}
.fun-fact-two .icon-container i {
font-size: 25px;
color: #fa7070;
}
.fun-fact-two .counter p {
font-size: 20px;
color: #5e5b74;
}
.fun-fact-two .counter h4 {
font-size: 54px;
line-height: 54px;
font-weight: 300;
color: #fa7070;
}
.fun-fact-two.color-two .icon-container {
background: rgba(253, 176, 26, 0.141);
}
.fun-fact-two.color-two .icon-container i {
color: #fdb01a;
}
.fun-fact-two.color-two .counter h4 {
color: #fdb01a;
}
.fun-fact-two.color-three .icon-container {
background: rgba(246, 74, 143, 0.141);
}
.fun-fact-two.color-three .icon-container i {
color: #f64a8f;
}
.fun-fact-two.color-three .counter h4 {
color: #f64a8f;
}
.fun-fact-two.color-four .icon-container {
background: rgba(80, 205, 138, 0.141);
}
.fun-fact-two.color-four .icon-container i {
color: #50cd8a;
}
.fun-fact-two.color-four .counter h4 {
color: #50cd8a;
}
@media (max-width: 991px) {
.countup .scroll-circle {
left: -30%;
}
.countup {
padding: 76px 0 75px;
}
.countup .pix-btn {
margin-top: 30px;
}
}
@media (max-width: 768px) {
.countup .scroll-circle {
left: -30%;
}
}
@media (max-width: 576px) {
.fun-fact {
text-align: center;
position: relative;
padding-bottom: 30px;
}
.fun-fact:after {
position: absolute;
content: '';
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100px;
height: 1px;
background: #dadada;
}
.funfact-wraper .col-lg-3:last-child .fun-fact:after {
display: none;
}
} .pricing .scroll-circle {
bottom: 20%;
}
.pricing .scroll-circle.right {
right: 0;
}
.scroll-circle.right {
right: 0;
left: auto;
}
.price-table-style-one .col-md-4:first-child {
border-left: 1px solid #efe7e7;
}
.advanced-pricing-table .pricing-table {
padding: 20px 40px;
margin-bottom: 30px;
}
.advanced-pricing-table .pricing-table.br-left {
border-left: 1px solid #efe7e7;
}
.advanced-pricing-table .pricing-table .pricing-header {
text-align: center;
padding-bottom: 60px;
border-bottom: 1px dashed #c0b2b2;
margin-bottom: 42px;
}
.advanced-pricing-table .pricing-table .pricing-header .price {
color: #fa7070;
font-size: 36px;
font-weight: 700;
line-height: 50px;
margin-bottom: 15px;
}
.advanced-pricing-table .pricing-table .pricing-header .price-title {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 4px;
margin: 0;
}
.advanced-pricing-table .pricing-table .pricing-header p {
margin: 0;
}
.advanced-pricing-table .pricing-table .pricing-header .annual_price, .advanced-pricing-table .pricing-table .pricing-header .dur-year {
display: none;
}
.advanced-pricing-table .pricing-table .pricing-header.change-subs-duration .annual_price, .advanced-pricing-table .pricing-table .pricing-header.change-subs-duration .dur-year {
display: block;
}
.advanced-pricing-table .pricing-table .pricing-header.change-subs-duration .monthly_price, .advanced-pricing-table .pricing-table .pricing-header.change-subs-duration .dur-month {
display: none;
}
.advanced-pricing-table .pricing-table .price-feture {
padding: 0;
list-style: none;
margin-bottom: 55px;
}
.advanced-pricing-table .pricing-table .price-feture li {
padding-left: 33px;
position: relative;
margin-bottom: 12px;
}
.advanced-pricing-table .pricing-table .price-feture li:before {
font-family: eleganticons;
position: absolute;
left: 0;
top: 0;
}
.advanced-pricing-table .pricing-table .price-feture li.have:before {
content: "\4e";
color: #1acb44;
}
.advanced-pricing-table .pricing-table .price-feture li.not:before {
content: "\4d";
color: #fa7878;
}
.advanced-pricing-table .pricing-table.color-one .pricing-header .price {
color: #fa7070;
}
.advanced-pricing-table .pricing-table.color-two .pricing-header .price {
color: #8070fa;
}
.advanced-pricing-table .pricing-table.color-three .pricing-header .price {
color: #22cd1a;
}
.advanced-pricing-table .pricing-table .pix-btn {
text-align: center;
font-weight: 600;
padding: 8px 0;
width: 200px;
text-align: center;
}
.advanced-pricing-table .pricing-table .action .btn-annual {
display: none;
}
.advanced-pricing-table .pricing-table .action.btn-visible .btn-month {
display: none;
}
.advanced-pricing-table .pricing-table .action.btn-visible .btn-annual {
display: block;
}
.advanced-pricing-table .pricing-table.style-two {
background: #fcf7f7;
padding: 50px 50px 60px;
transition: all 0.3s ease-in-out;
position: relative;
border: 0;
}
.advanced-pricing-table .pricing-table.style-two.price-two {
background: #f8f7fc;
}
.advanced-pricing-table .pricing-table.style-two.price-two.featured .trend:before {
border-right: 90px solid #7052fb;
}
.advanced-pricing-table .pricing-table.style-two .pricing-header {
text-align: left;
border-color: #b4b2bf;
padding-bottom: 60px;
}
.advanced-pricing-table .pricing-table.style-two .pricing-header .price-title {
letter-spacing: 0;
text-transform: capitalize;
}
.advanced-pricing-table .pricing-table.style-two:hover {
background: #fff;
box-shadow: 0px 40px 80px 0px rgba(43, 35, 79, 0.14);
}
.advanced-pricing-table .pricing-table.featured .trend {
position: absolute;
top: 0;
right: 0;
}
.advanced-pricing-table .pricing-table.featured .trend p {
color: #fff;
transform: rotate(45deg);
margin-left: 22px;
margin-bottom: 0;
z-index: 22;
font-size: 14px;
padding-top: 17px;
padding-bottom: 15px;
}
.advanced-pricing-table .pricing-table.featured .trend:before {
content: '';
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 90px solid transparent;
border-right: 90px solid #fa7070;
position: absolute;
top: 0;
right: 0;
}
.advanced-pricing-table .pricing-table .action.btn-visible .btn-month {
display: none;
}
.advanced-pricing-table .pricing-table .action.btn-visible .btn-annual {
display: block;
}
.advanced-pricing-table .col-lg-3 .pricing-table {
padding: 20px 30px;
}
.advanced-pricing-table .col-lg-3 .pricing-table .pix-btn {
width: 150px;
}
.advanced-pricing-table .col-lg-3 .style-two {
padding: 50px 30px 60px;
}
.advanced-pricing-table .col-lg-3 .style-two .pix-btn {
width: 150px;
}
.price-table-style-one .col-lg-4:not(:last-child) .pricing-table {
border-right: 1px solid #efe7e7;
}
.tabed-content .tabs-item {
display: none;
}
.pricing-tab {
text-align: center;
margin-bottom: 80px;
position: relative;
z-index: 2;
}
.pricing-tab .tab-btn {
cursor: pointer;
}
.pricing-tab .monthly_tab_title {
color: #fa7070;
}
.pricing-tab .pricing-tab-switcher {
height: 40px;
width: 90px;
display: inline-block;
border-radius: 50px;
position: relative;
transition: all 0.3s ease;
margin: 0 18px;
transform: translateY(-3px);
border: 1px solid #dcd2d2;
border-radius: 30px;
cursor: pointer;
}
.pricing-tab .pricing-tab-switcher:before {
content: '';
position: absolute;
left: 5px;
top: 4px;
background: #fa7070;
width: 30px;
height: 30px;
border-radius: 100%;
transition: all 0.3s ease;
box-shadow: 0px 14px 24px 0px rgba(176, 70, 70, 0.4);
}
.pricing-tab .pricing-tab-switcher.active:before {
left: calc(100% - 35px);
}
.pricing-tab.seleceted .annual_tab_title {
color: #fa7070;
}
.pricing-tab.seleceted .monthly_tab_title {
color: #797687;
}
.pricing-tab span {
vertical-align: middle;
}
.pricing-tab.color-two .pricing-tab-switcher:before {
background: #7052fb;
box-shadow: 0px 14px 24px 0px rgba(90, 70, 176, 0.4);
}
.pricing-tab.color-two .monthly_tab_title {
color: #7052fb;
}
.pricing-tab.color-two.seleceted .annual_tab_title {
color: #7052fb;
}
.pricing-tab.color-two.seleceted .monthly_tab_title {
color: #797687;
}
.tabs-wrapper {
max-width: 830px;
margin: 0 auto;
}
.faq-tabs {
justify-content: center;
margin-bottom: 40px;
position: relative;
z-index: 22;
}
.faq-tabs li {
margin-bottom: 20px;
}
.faq-tabs li:not(:last-child) {
margin-right: 20px;
}
.faq-tabs li a {
font-size: 14px;
font-weight: 600;
color: #fa7070;
background: rgba(250, 112, 112, 0.122);
padding: 1px 25px;
border-radius: 4px;
display: inline-block;
}
.faq-tabs li a:hover, .faq-tabs li a.active {
background: #fa7070;
color: #fff;
}
.faq-tabs li:nth-child(2) a {
background: rgba(94, 103, 225, 0.122);
color: #5e67e1;
}
.faq-tabs li:nth-child(2) a:hover, .faq-tabs li:nth-child(2) a.active {
background: #5e67e1;
color: #ffff;
}
.faq-tabs li:nth-child(3) a {
background: rgba(26, 201, 88, 0.122);
color: #1ac958;
}
.faq-tabs li:nth-child(3) a:hover, .faq-tabs li:nth-child(3) a.active {
background: #1ac958;
color: #ffff;
}
.faq-tabs li:nth-child(4) a {
background: rgba(251, 43, 224, 0.122);
color: #fb2be0;
}
.faq-tabs li:nth-child(4) a:hover, .faq-tabs li:nth-child(4) a.active {
background: #fb2be0;
color: #ffff;
}
.pricing-service {
background: #fdf8f8;
padding: 116px 0 90px;
}
@media (max-width: 991px) {
.pricing-tab {
margin-bottom: 40px;
}
.pricing-table {
border: 1px solid #efe7e7;
padding: 40px;
max-width: 500px;
margin: 0 auto 30px;
}
.faq-tabs {
margin-bottom: 30px;
}
.pricing-two {
padding-top: 66px;
padding-bottom: 50px;
}
.pricing .scroll-circle {
width: 250px;
}
.pricing-table .pricing-header .price-title {
font-size: 18px;
}
}
@media (max-width: 768px) {
.faq-tabs li {
margin-bottom: 10px;
}
.pricing-table .pricing-header .price-title {
font-size: 20px;
}
} .inspect {
padding: 107px 0 75px;
background: #fbfafd;
}
.performance {
background: #faf9fd;
padding: 120px 0 125px;
}
.gp-tab-contentens .section-heading {
margin-bottom: 50px;
}
.gp-tabs-navigation {
margin: 0;
padding: 0;
list-style: none;
}
.gp-tabs-navigation li {
margin-bottom: 20px;
border-radius: 4px;
background: #fff;
border-radius: 4px;
box-shadow: 0px 20px 40px 0px rgba(43, 35, 79, 0.08);
border-left: 5px solid #fa7070;
transition: all 0.3s ease-in-out;
}
.gp-tabs-navigation li .acc-btn {
color: #322d49;
font-size: 20px;
font-weight: 500;
margin: 0;
cursor: pointer;
padding: 25px 20px 25px 50px;
}
.gp-tabs-navigation li .content {
display: none;
padding-top: 14px;
padding: 0 20px 25px 50px;
}
.gp-tabs-navigation li .content p {
margin-bottom: 22px;
}
.gp-tabs-navigation li.active .content {
display: block;
}
.gp-tabs-navigation li:last-child {
margin-bottom: 0;
}
.gp-tabs-navigation li .tab-icon {
margin-right: 20px;
}
.gp-tabs-navigation li .more-btn {
font-size: 14px;
color: #5e5b74;
font-weight: 500;
}
.gp-tabs-navigation li .more-btn i {
vertical-align: middle;
margin-left: 5px;
}
.gp-tabs-navigation li .more-btn:hover {
color: #fa7070;
}
.gp-tabs-content {
padding: 0;
list-style: none;
z-index: 22;
position: relative;
}
.gp-tabs-content .pix-tab-item {
display: none;
opacity: 0;
padding: 37px 50px 40px 0px;
}
.gp-tabs-content .pix-tab-item.active-tab {
display: block;
opacity: 1;
}
.gp-tabs-content .pix-tab-item.active-tab .image-bottom {
transform: translateY(0);
opacity: 1;
}
.gp-tabs-content .pix-tab-item.active-tab .image-top {
transform: translateY(0);
opacity: 1;
transition-delay: 0.3s;
}
.gp-tabs-content .pix-tab-item.active-tab .image-left {
opacity: 1;
transition-delay: 0.5s;
transform: scale(1);
}
.gp-tabs-content .pix-tab-item.active-tab .image-right {
transform: translateX(85px);
opacity: 1;
}
.gp-tabs-content .pix-tab-item.active-tab .image-single {
opacity: 1;
transform: translateY(-50%) scale(1);
}
.gp-tabs-content .inspect-tab-image {
position: relative;
height: 510px;
width: 610px;
margin: 0 auto;
}
.gp-tabs-content .inspect-tab-image .index-top {
z-index: 222;
}
.gp-tabs-content .inspect-tab-image > div {
position: absolute;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.gp-tabs-content .inspect-tab-image .image-single {
top: 50%;
transform: translateY(-50%) scale(0.7);
transition: all 0.7s ease-in-out;
}
.gp-tabs-content .inspect-tab-image .image-right {
bottom: 0;
right: 0;
transform: translateX(50px);
}
.gp-tabs-content .inspect-tab-image .image-top {
top: -10px;
left: 0;
z-index: 2;
transform: translateY(-20px);
}
.gp-tabs-content .inspect-tab-image .image-bottom {
bottom: -66px;
right: -70px;
transform: translateY(30px);
}
.gp-tabs-content .inspect-tab-image .image-left {
bottom: -30px;
left: 50px;
transform: scale(0.7);
}
.tab-content-inner {
position: relative;
}
.tab-content-inner .animate-shape-one {
position: absolute;
top: 66%;
left: 55%;
transform: translate(-50%, -50%);
z-index: 1;
}
.tab-content-inner .animate-shape-two {
position: absolute;
right: 25px;
top: 35%;
}
@keyframes animBottom {
0% {
transform: translate3d(0, 20px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes animeTop {
0% {
transform: translate3d(0, -20px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes animeZoom {
0% {
transform: scale(0.5);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@media (min-width: 768px) {
.gp-tabs-content {
min-height: 480px;
}
}
@media (min-width: 960px) {
.gp-tabs-content {
min-height: 0;
}
}
@keyframes gp-fade-in {
0% {
opacity: 0;
transform: scale(0.9);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@media (max-width: 1200px) {
.inspect {
padding: 107px 0 120px;
}
.gp-tabs-navigation {
margin-bottom: 40px;
}
.gp-tabs-content .pix-tab-item {
padding: 0;
}
.gp-tabs-content .inspect-tab-image {
max-width: 100%;
height: 450px;
}
.gp-tabs-content .inspect-tab-image .image-top {
max-width: 450px;
}
.gp-tabs-content .inspect-tab-image .image-bottom {
right: 0;
max-width: 470px;
}
.gp-tabs-content .inspect-tab-image .image-left {
left: 0;
}
}
@media (max-width: 992px) {
.inspect {
padding: 75px 0 100px;
}
}
@media (max-width: 576px) {
.gp-tabs-content .pix-tab-item {
padding: 0;
}
.gp-tabs-content .inspect-tab-image {
max-width: 400px;
height: 290px;
}
.gp-tabs-content .inspect-tab-image .image-top {
max-width: 340px;
}
.gp-tabs-content .inspect-tab-image .image-bottom {
right: 0;
max-width: 360px;
}
.gp-tabs-content .inspect-tab-image .image-left {
bottom: -60px;
width: 200px;
}
}
@media (max-width: 420px) {
.gp-tabs-navigation li {
padding: 20px 20px 20px 30px;
}
.gp-tabs-navigation li .acc-btn {
font-size: 16px;
}
.gp-tabs-navigation li.active-tab {
padding: 20px 20px 20px 30px;
}
.gp-tabs-content .inspect-tab-image {
width: 300px;
height: 190px;
}
.gp-tabs-content .inspect-tab-image .image-top {
max-width: 260px;
}
.gp-tabs-content .inspect-tab-image .image-bottom {
right: 0;
max-width: 270px;
}
.gp-tabs-content .inspect-tab-image .image-left {
bottom: -60px;
width: 140px;
}
} .elementor .elementor-widget-progress .elementor-title {
font-size: 16px;
color: #1a133b;
font-weight: 500;
display: inline-block;
margin-bottom: 10px;
}
.elementor .elementor-progress-percentage-outside .elementor-progress-percentage {
position: absolute;
top: -33px;
right: 0;
padding-right: 0;
line-height: 1;
font-size: 16px;
color: #1a133b;
font-weight: 500;
font-style: italic;
}
.elementor .elementor-progress-bar {
background-color: #fa7070;
}
.elementor .elementor-progress-wrapper {
border-radius: 6px;
background-color: #eaecf2;
} .portfolios {
padding: 120px 0 40px;
}
.portfolios-two,
.portfolios-three {
padding: 120px 0;
}
.pixsass-isotope-filter {
margin-bottom: 50px;
padding: 0;
list-style: none;
text-align: center;
}
.pixsass-isotope-filter li {
display: inline-block;
margin-bottom: 10px;
}
.pixsass-isotope-filter li a {
color: #797687;
font-size: 16px;
font-weight: 500;
padding: 5px 23px;
border: 1px solid transparent;
border-radius: 30px;
display: inline-block;
}
.pixsass-isotope-filter li.current a {
border-color: #fa7070;
color: #fa7070;
}
.grid-sizer {
min-height: 1px;
min-width: 1px;
}
.pixsass-portfolio-items.column-2 {
width: calc(100% + 4%);
}
.pixsass-portfolio-items.column-2 .pixsass-portfolio-item {
width: calc(50% - 4%);
margin-right: 4%;
float: left;
}
.pixsass-portfolio-items.column-3 {
width: calc(100% + 2.4%);
}
.pixsass-portfolio-items.column-3 .pixsass-portfolio-item {
width: calc(33.33% - 2.4%);
margin-right: 2.4%;
float: left;
}
.pixsass-portfolio-items.column-4 .pixsass-portfolio-item {
width: calc(25% - 2.4%);
margin-right: 2.4%;
float: left;
}
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item {
position: relative;
margin-bottom: 150px;
float: left;
}
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item .portfolio-info {
max-width: 420px;
background: #fff;
padding: 30px 40px;
box-shadow: 0px 20px 40px 0px rgba(79, 35, 35, 0.1);
position: absolute;
width: 100%;
bottom: -70px;
left: 40px;
transition: all 0.3s ease-in-out;
}
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item .portfolio-info h3 {
font-size: 24px;
margin: 0;
line-height: 32px;
}
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item .portfolio-info h3 a {
color: #2b2350;
}
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item .portfolio-info h3 a:hover {
color: #fa7070;
}
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item .portfolio-info p {
color: #797687;
font-size: 16px;
margin: 0;
}
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item:hover .portfolio-info {
box-shadow: none;
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item {
position: relative;
margin-bottom: 60px;
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .pixsass-isotope-grid__img {
position: relative;
overflow: hidden;
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .pixsass-isotope-grid__img:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
opacity: 0;
transition: all 0.3s ease-in-out;
z-index: 2;
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .pixsass-isotope-grid__img img {
transition: all 0.3s ease-in-out;
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .pixsass-isotope-grid__img:hover:before {
opacity: 1;
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .pixsass-isotope-grid__img:hover img {
transform: scale(1.1);
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .portfolio-info {
padding: 30px 40px 0;
transition: all 0.3s ease-in-out;
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .portfolio-info h3 {
font-size: 24px;
margin: 0;
line-height: 32px;
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .portfolio-info h3 a {
color: #2b2350;
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .portfolio-info h3 a:hover {
color: #fa7070;
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .portfolio-info span {
color: #797687;
font-size: 16px;
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item:hover .portfolio-info {
box-shadow: none;
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item {
position: relative;
margin-bottom: 2%;
border-radius: 10px;
overflow: hidden;
position: relative;
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item img {
transition: all 0.3s ease-in-out;
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(-120deg, #fa9770 0%, #fa7070 100%);
opacity: 0;
transition: all 0.3s ease-in-out;
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item .portfolio-info {
padding: 35px 40px;
box-shadow: 0px 20px 40px 0px rgba(79, 35, 35, 0.1);
position: absolute;
width: 100%;
bottom: 0;
left: 0px;
transition: all 0.3s ease-in-out;
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item .portfolio-info h3 {
font-size: 24px;
margin-bottom: 4px;
line-height: 32px;
transform: translateY(20px);
opacity: 0;
transition: all 0.3s ease-in-out;
transition-delay: 0.1s;
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item .portfolio-info h3 a {
color: #fff;
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item .portfolio-info span {
color: #fff;
font-size: 14px;
display: inline-block;
text-transform: uppercase;
margin-bottom: 15px;
transform: translateY(20px);
opacity: 0;
transition: all 0.3s ease-in-out;
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item .portfolio-info p {
color: #fff;
margin: 0;
transform: translateY(20px);
opacity: 0;
transition: all 0.3s ease-in-out;
transition-delay: 0.3s;
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item:hover:before {
opacity: 0.9;
z-index: 3;
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item:hover img {
transform: scale(1.1);
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item:hover .portfolio-info {
box-shadow: none;
z-index: 4;
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item:hover .portfolio-info h3,
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item:hover .portfolio-info span,
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item:hover .portfolio-info p {
transform: translateY(0);
opacity: 1;
}
.portfolio-single {
padding: 116px 0 100px;
}
.portfolio_details_area {
padding-top: 112px;
}
.portfolio-single-wrapper {
padding-bottom: 110px;
}
.port-header {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 60px;
}
.port-header .portfolio-title {
flex: 1;
}
.port-header .portfolio-title .title {
max-width: 510px;
font-size: 40px;
line-height: 50px;
font-weight: 500;
}
.port-header .share {
margin-right: 50px;
}
.port-header .share-link {
display: flex;
align-items: center;
}
.port-header .share-link .footer-social-link {
margin: 0;
}
.port-header .share-link li a {
background: transparent;
}
.portfolio-content img {
margin-bottom: 70px;
}
.portfolio-content .content-inner {
padding-right: 65px;
border-right: 1px solid #efe7e7;
}
.portfolio-content .content-inner h3 {
font-size: 22px;
font-weight: 500;
line-height: 34px;
margin-bottom: 30px;
}
.portfolio-content .content-inner p {
font-size: 18px;
line-height: 30px;
}
.portfolio-content .portfolio-info {
padding-left: 55px;
}
.portfolio-content .portfolio-info .info {
margin: 0;
padding: 0;
list-style: none;
}
.portfolio-content .portfolio-info .info li {
font-size: 20px;
font-weight: 500;
margin-bottom: 45px;
color: #2b2350;
}
.portfolio-content .portfolio-info .info li span {
display: block;
font-size: 16px;
font-weight: 400;
color: #797687;
margin-top: 5px;
}
.portfolio-cat .cat {
position: relative;
margin-right: 5px;
}
.portfolio-cat .cat:not(:last-child):after {
content: ',';
position: absolute;
right: -5px;
bottom: 1px;
font-size: 22px;
}
.portfolio-nav {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: space-between;
margin-top: 100px;
}
.portfolio-nav li {
font-size: 20px;
display: flex;
align-items: end;
}
.portfolio-nav li i {
font-size: 30px;
vertical-align: middle;
}
.portfolio-nav li a {
color: #797687;
}
.portfolio-nav li a:hover {
color: #fa7070;
}
.portfolio-nav li.prev i {
margin-right: 10px;
}
.portfolio-nav li.next i {
margin-left: 10px;
}
.related-portfolio {
padding-bottom: 100px;
}
.related-portfolio .portfolio-item .feature-image {
position: relative;
}
.related-portfolio .portfolio-item .feature-image img {
width: 100%;
}
.related-portfolio .portfolio-item .feature-image a {
display: block;
position: relative;
}
.related-portfolio .portfolio-item .feature-image a:before {
content: '';
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.related-portfolio .portfolio-item .feature-image:hover a:before {
opacity: 1;
}
.related-portfolio .portfolio-item .port-info {
padding: 25px 40px 0;
}
.related-portfolio .portfolio-item .port-info h3 {
font-size: 24px;
margin-bottom: 3px;
line-height: 32px;
}
.related-portfolio .portfolio-item .port-info h3 a {
color: #2b2350;
}
.related-portfolio .portfolio-item .port-info h3 a:hover {
color: #fa7070;
}
#related-portfolio .swiper-pagination {
position: relative;
margin-top: 55px;
}
#related-portfolio .swiper-pagination .swiper-pagination-bullet {
height: 12px;
width: 12px;
transition: all 0.3s ease-in-out;
margin-right: 5px;
position: relative;
opacity: 1;
background: transparent;
outline: 0;
}
#related-portfolio .swiper-pagination .swiper-pagination-bullet:before {
content: '';
position: absolute;
height: 12px;
width: 12px;
background: #e5d6d6;
z-index: 2;
top: 0;
left: 0;
border-radius: 50%;
left: -2px;
top: -2px;
transition: all 0.3s ease-in-out;
transform: scale(0.7);
}
#related-portfolio .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
#related-portfolio .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
opacity: 1;
transform: scale(1);
background: #fa7070;
box-shadow: 0px 10px 14px 0px rgba(79, 35, 35, 0.3);
}
@media (max-width: 991px) {
.portfolios {
padding: 80px 0 50px;
}
.pixsass-isotope-filter {
margin-bottom: 40px;
}
.portfolios-two,
.portfolios-three {
padding: 80px 0;
}
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item {
margin-bottom: 120px;
}
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item .portfolio-info {
max-width: 290px;
left: 20px;
}
.pixsass-portfolio-items.column-3 {
width: calc(100% + 3%);
}
.pixsass-portfolio-items.column-3 .pixsass-portfolio-item,
.pixsass-portfolio-items.column-3 .grid-sizer {
width: calc(50% - 3%);
margin-right: 3%;
margin-bottom: 3%;
}
.portfolio-single {
padding: 76px 0 80px;
}
.port-header {
display: block;
}
.port-header .portfolio-title .title {
font-size: 30px;
line-height: 40px;
margin-bottom: 20px;
}
}
@media (max-width: 768px) {
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item .portfolio-info {
max-width: 60%;
left: 20px;
}
.pixsass-portfolio-items.column-2, .pixsass-portfolio-items.column-3 {
width: 100%;
}
.pixsass-portfolio-items.column-2 .pixsass-portfolio-item,
.pixsass-portfolio-items.column-2 .grid-sizer, .pixsass-portfolio-items.column-3 .pixsass-portfolio-item,
.pixsass-portfolio-items.column-3 .grid-sizer {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.pixsass-portfolio-items.column-2 .pixsass-portfolio-item img,
.pixsass-portfolio-items.column-2 .grid-sizer img, .pixsass-portfolio-items.column-3 .pixsass-portfolio-item img,
.pixsass-portfolio-items.column-3 .grid-sizer img {
width: 100%;
}
.pixsass-portfolio-items.column-2 .pixsass-portfolio-item {
margin-bottom: 120px;
}
.portfolio-content img {
margin-bottom: 30px;
}
.portfolio-content .content-inner {
padding-right: 0;
border-right: 0;
}
.related-portfolio {
padding-top: 60px;
}
.portfolio-content .portfolio-info {
padding-left: 0;
padding-top: 30px;
}
.portfolio-nav {
margin-top: 30px;
}
}
@media (max-width: 576px) {
.pixsass-portfolio-items.column-2 .pixsass-portfolio-item {
margin-bottom: 80px;
}
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item .portfolio-info {
max-width: 80%;
padding: 20px;
bottom: -50px;
}
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item .portfolio-info h3 {
font-size: 20px;
line-height: 30px;
}
} .tabs-three #pix-tabs-nav {
text-align: left;
width: 300px;
}
@media (max-width: 991px) {
.tabs-three #pix-tabs-nav {
margin-bottom: 60px;
}
}
.tabs-three #pix-tabs-nav li {
display: block;
margin-right: 0;
}
.tabs-three #pix-tabs-nav li a {
box-shadow: 0px 4px 6px 0px rgba(1, 51, 32, 0.06);
background: #fff;
color: #76747f;
display: block;
margin-bottom: 10px;
font-weight: 500;
font-size: 16px;
}
.tabs-three #pix-tabs-nav li a i {
margin-right: 5px;
vertical-align: -1px;
}
.tabs-three #pix-tabs-nav li.active a {
color: #fa7070;
box-shadow: 0px 20px 40px 0px rgba(1, 51, 32, 0.1);
}
.download-tab-content {
padding-top: 30px;
}
.download-tab-content .section-title {
margin-bottom: 40px;
}
.tabs-content-wrapper {
position: relative;
}
.tabs-content-wrapper .job-board-tabs-content {
position: relative;
z-index: 2;
}
.tabs-content-wrapper .tab-bg-shape-wrapper {
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 100%;
}
@media (max-width: 768px) {
.tabs-content-wrapper .tab-bg-shape-wrapper {
display: none;
}
}
.tabs-content-wrapper .tab-bg-shape-wrapper .dot, .tabs-content-wrapper .tab-bg-shape-wrapper svg {
position: absolute;
}
.tabs-content-wrapper .tab-bg-shape-wrapper .dot {
top: -35px;
height: 160px;
width: 180px;
left: 160px;
}
.tabs-content-wrapper .tab-bg-shape-wrapper svg {
right: -60px;
top: -45px;
}
.marketing-tabs #pix-tabs-nav {
text-align: left;
margin-bottom: 30px;
}
.marketing-tabs #pix-tabs-nav li a {
background: transparent;
box-shadow: none;
border: 2px solid #edecf1;
color: #615f6b;
border-radius: 6px;
}
.marketing-tabs #pix-tabs-nav li a i {
margin-right: 5px;
}
.marketing-tabs #pix-tabs-nav li.active a {
background: #fa7070;
border-color: #fa7070;
color: #fff;
}
.marketing-tabs-wrapper {
padding: 60px 100px;
background: #f5f6f9;
border-radius: 20px;
}
@media (max-width: 1200px) {
.marketing-tabs-wrapper {
padding: 50px;
}
}
.marketing-tabs-wrapper .marketing-tab-contents {
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media (max-width: 991px) {
.marketing-tabs-wrapper .marketing-tab-contents {
display: block;
text-align: center;
}
}
.marketing-tabs-wrapper .marketing-tab-contents img {
background: transparent !important;
box-shadow: none !important;
}
.marketing-tabs-wrapper .marketing-tab-contents .tab-image {
width: 355px;
}
@media (max-width: 991px) {
.marketing-tabs-wrapper .marketing-tab-contents .tab-image {
margin: 0 auto 40px;
}
}
.marketing-tabs-wrapper .marketing-tab-contents .marketing-content {
flex: 2;
text-align: left;
padding-left: 100px;
}
@media (max-width: 1200px) {
.marketing-tabs-wrapper .marketing-tab-contents .marketing-content {
padding-left: 30px;
}
}
@media (max-width: 991px) {
.marketing-tabs-wrapper .marketing-tab-contents .marketing-content {
padding-left: 0;
}
}
.marketing-tabs-wrapper .marketing-tab-contents .marketing-content .title {
font-size: 24px;
font-weight: 600;
color: #1a133b;
margin-bottom: 26px;
}
.marketing-tabs-wrapper .marketing-tab-contents .marketing-content p {
color: #615f6b;
}
.marketing-tabs-wrapper .marketing-tab-contents .feature-items {
display: flex;
flex-wrap: wrap;
margin-bottom: 45px;
margin-top: 40px;
justify-content: space-between;
}
.marketing-tabs-wrapper .marketing-tab-contents .feature-items .feature {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.marketing-tabs-wrapper .marketing-tab-contents .feature-items .feature {
width: 50%;
}
}
@media (max-width: 768px) {
.marketing-tabs-wrapper .marketing-tab-contents .feature-items .feature {
margin-bottom: 20px;
}
}
.marketing-tabs-wrapper .marketing-tab-contents .feature-items .feature .icon {
width: 50px;
margin-right: 20px;
}
.marketing-tabs-wrapper .marketing-tab-contents .feature-items .feature .feature-content {
flex: 2;
padding-right: 15px;
}
.marketing-tabs-wrapper .marketing-tab-contents .feature-items .feature .feature-content h3 {
font-size: 16px;
line-height: 26px;
font-weight: 500;
color: #1a133b;
margin-bottom: 8px;
}
.marketing-tabs-wrapper .marketing-tab-contents .feature-items .feature .feature-content p {
color: #615f6b;
font-size: 14px;
margin-bottom: 30px;
}
.marketing-tabs-wrapper .marketing-tab-contents .pix-btn {
border: 2px solid #fa7070;
color: #fa7070;
border-radius: 6px;
}
.marketing-tabs-wrapper .marketing-tab-contents .pix-btn:hover {
color: #fff;
background: #fa7070;
box-shadow: none;
} .faq-section {
padding-top: 115px;
}
.faq-section-two {
padding-top: 75px;
}
.faqs {
padding: 120px 0;
}
.card {
border: 0;
background: transparent;
}
.card .card-header {
background-color: transparent;
border: 0;
border-radius: 6px;
}
.card .card-header .btn-link {
padding: 0;
color: #2b2350;
font-size: 20px;
font-weight: 600;
text-decoration: none;
}
.card .card-body {
padding: 0;
}
.card .card-body p {
font-size: 16px;
margin-bottom: 25px;
}
.faq {
position: relative;
z-index: 2;
}
.faq .card {
background: transparent;
margin-bottom: 20px;
border: 1px solid #efe7e7;
}
.faq .card .card-header {
padding: 0;
}
.faq .card .card-header h5 {
position: relative;
margin: 0;
}
.faq .card .card-header .btn-link {
color: #2b2350;
font-size: 20px;
font-weight: 500;
text-decoration: none;
white-space: normal;
text-align: left;
width: 100%;
padding: 18px 40px;
}
.faq .card .card-header .btn-link:before {
content: "\32";
display: block;
position: absolute;
top: 50%;
right: 40px;
z-index: 9;
font-family: eleganticons;
transition: all 0.5s;
transform: translateY(-50%);
font-size: 20px;
color: #fa7070;
}
.faq .card .card-header .btn-link.collapsed:before {
content: "\33";
color: #aaaaaa;
}
.faq .card .card-body {
padding: 0 40px 40px;
}
.faq .card .card-body p {
font-size: 16px;
margin-bottom: 0;
}
.faq .card.active {
box-shadow: 0px 60px 100px 0px rgba(79, 35, 35, 0.1);
background-color: #fff;
}
.faq-forms {
max-width: 830px;
margin: 0 auto;
}
@media (max-width: 991px) {
#faqs {
padding: 80px 0 50px;
}
.faq-two {
margin-bottom: 30px;
}
.faq-section-two {
padding-top: 65px;
}
.faq-section {
padding-top: 75px;
}
.faqs {
padding: 80px 0;
}
.faq-forms {
padding-top: 78px;
}
}
@media (max-width: 768px) {
#faqs {
padding: 50px 0 20px;
}
.faq .card .card-header h5:before {
right: 20px;
}
.faq .card .card-header .btn-link {
padding: 18px 20px;
}
.faq .card .card-body {
padding: 0 20px 30px;
}
.faq-tabs .scroll-circle.right {
display: none;
}
}
@media (max-width: 576px) {
.faq .card .card-header .btn-link {
padding: 18px 30px 18px 20px;
font-size: 18px;
}
.faq .card .card-header h5:before {
right: 10px;
}
.faq .card .card-body {
padding: 5px 20px 25px;
}
} .call-to-action {
background-image: linear-gradient(100deg, #fa7070 0%, #fa9770 100%);
padding: 111px 0 120px;
overflow: hidden;
}
.call-to-action .overlay-bg {
position: absolute;
right: 0;
top: 0;
}
.call-to-action .action-content {
position: relative;
max-width: 600px;
margin: 0 auto;
text-align: center;
}
.call-to-action .action-content .title {
color: #fff;
font-size: 50px;
line-height: 64px;
font-weight: 700;
margin-bottom: 28px;
}
.call-to-action .action-content p {
color: #fff;
margin-bottom: 50px;
}
.call-to-action .action-content .pix-btn {
padding: 12px 50px;
font-size: 16px;
font-weight: 500;
position: relative;
z-index: 2;
box-shadow: 0px 20px 30px 0px rgba(176, 70, 70, 0.3);
}
.call-to-action .action-content.style-two {
text-align: left;
}
.call-to-action .action-content.style-two .title {
font-size: 40px;
line-height: 54px;
margin: 0;
}
.call-to-action.action-padding {
padding: 172px 0 168px;
}
.call-to-action .scroll-circle {
right: 0;
top: 40%;
}
.signup-section {
padding: 106px 0 111px;
background-size: cover;
background-position: center center;
position: relative;
background-image: linear-gradient(0deg, #4f29dd 0%, #7052fb 100%);
}
.signup-section .bg-shape {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.signup-section .bg-shape img {
position: absolute;
}
.signup-section .bg-shape .shape-left {
top: 0;
left: 0;
}
.signup-section .bg-shape .shape-right {
bottom: 0;
right: 0;
}
.signup-heading .title {
font-size: 50px;
line-height: 64px;
color: #fff;
font-weight: 700;
margin-bottom: 20px;
}
.signup-heading p {
color: #FFF;
margin: 0;
}
.call-to-action-three {
background-color: #f97bc5;
padding: 230px 0 130px;
position: relative;
overflow: hidden;
}
.call-to-action-three:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 100px solid transparent;
border-right: 2560px solid #fff;
}
.call-to-action-three .bg-right-shape {
position: absolute;
right: 0;
bottom: 0;
}
.call-to-action-three .action-content .title {
font-size: 50px;
line-height: 60px;
color: #fff;
margin-bottom: 30px;
}
.call-to-action-three .action-content p {
color: #fff;
font-size: 24px;
font-weight: 500;
margin: 0;
}
@media (max-width: 1200px) {
.call-to-action .action-content.style-two .title {
font-size: 36px;
line-height: 50px;
}
.signup-heading .title {
font-size: 40px;
line-height: 50px;
}
}
@media (max-width: 991px) {
.call-to-action {
padding: 71px 0 80px;
}
.call-to-action.action-padding {
padding: 74px 0 80px;
}
.call-to-action .action-content .title {
font-size: 40px;
line-height: 54px;
}
.call-to-action .text-right {
text-align: center !important;
}
.call-to-action .action-content.style-two {
margin-bottom: 30px;
text-align: center;
}
.call-to-action .action-content.style-two .title {
font-size: 32px;
line-height: 42px;
}
.call-to-action .action-content.style-two .title br {
display: none;
}
.call-to-action .scroll-circle {
max-width: 400px;
}
.call-to-action-three {
padding: 130px 0 100px;
}
.call-to-action-three .action-content .title {
font-size: 36px;
line-height: 46px;
margin-bottom: 20px;
}
.call-to-action-three .action-content p {
font-size: 20px;
}
}
@media (max-width: 768px) {
.call-to-action .action-content .title {
font-size: 32px;
line-height: 42px;
}
.call-to-action .action-content p br {
display: none;
}
.call-to-action .scroll-circle {
max-width: 300px;
}
.signup-section .button-container {
margin-top: 30px;
}
.signup-section .button-container.text-right {
text-align: left !important;
}
.call-to-action-three .text-right {
margin-top: 20px;
text-align: left !important;
}
}
@media (max-width: 576px) {
.call-to-action .action-content .title br {
display: none;
}
} .revolutionize {
padding: 116px 0 30px;
}
.revolutionize-two {
padding: 116px 0 30px;
}
.revolutionize-two .bg-angle {
background-image: linear-gradient(-60deg, #7052fb 0%, #8a60fd 100%);
}
.bg-angle {
background-image: linear-gradient(60deg, #fa9770 0%, #fa7070 100%);
max-height: 700px;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
overflow: hidden;
}
.bg-angle:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-top: 200px solid transparent;
border-left: 1900px solid #fff;
border-bottom: 0px solid transparent;
} #pix-tabs-nav {
text-align: center;
list-style: none;
margin-bottom: 38px;
padding: 0;
}
#pix-tabs-nav li {
display: inline-block;
}
#pix-tabs-nav li:not(:last-child) {
margin-right: 20px;
}
#pix-tabs-nav li a {
color: #f1e8e8;
font-weight: 500;
cursor: pointer;
padding: 11px 27px;
border-radius: 30px;
display: inline-block;
margin-bottom: 20px;
}
#pix-tabs-nav li.active a {
background: #fff;
color: #fa7070;
box-shadow: 0px 20px 30px 0px rgba(176, 70, 70, 0.3);
}
#pix-tabs-nav.pix-tab-two li a:hover {
color: #7052fb;
box-shadow: 0px 20px 30px 0px rgba(90, 70, 176, 0.3);
}
#pix-tabs-nav.pix-tab-two li.active a {
color: #7052fb;
box-shadow: 0px 20px 30px 0px rgba(90, 70, 176, 0.3);
}
#pix-tabs-content .content {
text-align: center;
position: relative;
}
#pix-tabs-content .content:not(:first-child) {
display: none;
}
#pix-tabs-content .content img {
background-color: #e1d5d5;
box-shadow: 0px 60px 100px 0px rgba(79, 35, 35, 0.2);
border-radius: 10px;
}
#pix-tabs-content .content .shape-shadow {
border-radius: 10px;
background-color: white;
opacity: 0.4;
box-shadow: 0px 60px 100px 0px rgba(79, 35, 35, 0.2);
height: 100px;
max-width: 73%;
position: absolute;
bottom: -40px;
width: 100%;
z-index: -1;
left: 50%;
transform: translateX(-50%);
}
#pix-tabs-content .content.color-two img {
box-shadow: 0px 60px 100px 0px rgba(43, 35, 79, 0.2);
}
#pix-tabs-content .content.color-two .shape-shadow {
box-shadow: 0px 60px 100px 0px rgba(43, 35, 79, 0.2);
}
.tabs-three #pix-tabs-nav {
max-width: 300px;
}
.tabs-three #pix-tabs-nav li {
display: block;
margin-right: 0;
}
@media (max-width: 991px) {
.revolutionize,
.revolutionize-two {
padding: 76px 0 30px;
}
#pix-tabs-content .content.color-two img {
box-shadow: 0px 40px 50px 0px rgba(43, 35, 79, 0.2);
}
#pix-tabs-content .content.color-two .shape-shadow {
box-shadow: 0px 40px 50px 0px rgba(43, 35, 79, 0.2);
}
}
@media (max-width: 768px) {
#pix-tabs-content .content img {
box-shadow: 0px 40px 50px 0px rgba(79, 35, 35, 0.2);
}
#pix-tabs-content .content .shape-shadow {
bottom: -30px;
box-shadow: 0px 40px 50px 0px rgba(79, 35, 35, 0.2);
}
#pix-tabs-nav li:not(:last-child) {
margin-right: 5px;
}
}
@media (max-width: 576px) {
#pix-tabs-nav {
margin: 0;
}
#pix-tabs-nav li {
margin-right: 3px;
}
#pix-tabs-nav li a {
font-size: 14px;
padding: 6px 22px;
}
}
@media (max-width: 420px) {
#pix-tabs-nav {
margin-bottom: 20px;
}
#pix-tabs-nav li a {
margin-bottom: 10px;
}
#pix-tabs-nav li:not(:last-child) {
margin-right: 0;
}
} .editor-design {
position: relative;
}
.editor-design-two {
padding-top: 210px;
padding-bottom: 50px;
}
.editure-feature-image {
position: absolute;
left: 75px;
}
@media (min-width: 1700px) {
.editure-feature-image {
max-width: 780px;
width: 100%;
}
}
.editure-feature-image .image-one {
max-width: 720px;
}
.editure-feature-image .image-two {
top: 50%;
position: absolute;
right: -150px;
transform: translateY(-50%);
max-width: 270px;
}
.editor-content {
padding-left: 105px;
padding-top: 50px;
}
.editor-content .section-title.style-two {
margin-bottom: 23px;
}
.editor-content .section-title.style-two .subtitle {
font-size: 18px;
line-height: 30px;
margin-top: 18px;
color: #fa7070;
letter-spacing: 0;
}
.editor-content .section-title.style-two .title {
margin-bottom: 18px;
}
.editor-content .section-title.style-two.color-two {
margin-bottom: 35px;
}
.editor-content .section-title.style-two.color-two p {
color: #7052fb;
margin: 0;
}
.editor-content .description-content p {
margin-bottom: 40px;
}
.editor-content .description-content .pix-btn {
box-shadow: 0px 20px 30px 0px rgba(176, 70, 70, 0.3);
}
.editor-content .description-content .pix-btn:hover {
box-shadow: none !important;
}
.shape-bg {
position: absolute;
top: -65%;
left: -10px;
z-index: -1;
}
.animaated-elements {
position: relative;
height: 540px;
width: 570px;
}
.animaated-elements img,
.animaated-elements .elm-mass {
position: absolute;
}
.animaated-elements .elm-clock {
left: 20px;
}
.animaated-elements .elm-man {
left: 127px;
bottom: 39px;
}
.animaated-elements .elm-table {
bottom: 40px;
left: 45px;
z-index: 2;
}
.animaated-elements .elm-sm-vase {
left: 70px;
bottom: 254px;
}
.animaated-elements .elm-vase {
bottom: 40px;
right: -27px;
z-index: 1;
}
.animaated-elements .elm-mass {
right: 103px;
top: 92px;
width: 135px;
}
.animaated-elements .elm-mass .mass-img {
animation: jumping 1.6s infinite;
}
.animaated-elements-two {
position: relative;
height: 560px;
width: 570px;
margin-top: 130px;
z-index: 22;
}
.animaated-elements-two .elm-two {
left: 20px;
bottom: 85px;
}
.animaated-elements-two .elm-three {
top: -115px;
right: 40px;
animation: jump 2s infinite;
}
.animaated-elements-two .elm-four {
right: 192px;
bottom: 38px;
}
.animaated-elements-two img {
position: absolute;
}
.genera-informes-content {
position: relative;
z-index: 22;
}
@media (max-width: 991px) {
.image-content-three {
margin-top: 50px;
}
}
.image-content-three .section-title {
margin-bottom: 41px;
}
.image-content-three .section-title .title {
font-size: 38px;
line-height: 1.1;
margin-bottom: 25px;
}
@media (max-width: 991px) {
.image-content-three .section-title .title {
font-size: 34px;
}
}
.image-content-three .section-title p {
margin-bottom: 18px;
}
.image-content-three .section-title .list-items li {
padding-left: 25px;
}
.image-content-three .section-title .list-items li:before {
content: "\24";
}
.image-content-three.app-content-wrap .section-title {
margin-bottom: 37px;
}
.app-download-image {
height: 500px;
width: 500px;
background: #f6ecd8;
border-radius: 50%;
text-align: center;
overflow: hidden;
}
@media (max-width: 576px) {
.app-download-image {
width: 380px;
height: 380px;
margin: 0 auto;
}
.app-download-image img {
width: 300px;
}
}
@media (max-width: 420px) {
.app-download-image {
width: 300px;
height: 300px;
margin: 0 auto;
}
.app-download-image img {
width: 250px;
}
}
.app-download-image img {
margin-top: -12px;
}
.job-image-content-wrapper-one {
margin-bottom: 160px;
}
@media (max-width: 991px) {
.job-image-content-wrapper-one {
margin-bottom: 100px;
}
}
.job-image-content-wrapper-one .animaated-elements-three {
padding-top: 40px;
}
@media (max-width: 1600px) {
.editure-feature-image .image-one {
max-width: 600px;
}
.editure-feature-image .image-two {
margin-left: -124px;
max-width: 220px;
}
.editor-design .shape-bg {
max-width: 1200px;
}
}
@media (min-width: 1280px) and (max-width: 1600px) {
.responsive-padding .elementor-widget-container {
padding-bottom: 140px !important;
}
}
@media (max-width: 1440px) {
.editure-feature-image .image-one {
max-width: 550px;
}
.editure-feature-image .image-two {
right: -130px;
max-width: 200px;
}
.editor-content {
padding-top: 0;
}
}
@media (max-width: 1280px) {
.editor-content {
padding-left: 0;
}
.editure-feature-image {
left: 20px;
}
.editure-feature-image .image-one {
max-width: 480px;
}
.editure-feature-image .image-two {
margin-left: -100px;
max-width: 180px;
}
.editor-content {
padding-top: 0;
}
.editor-design .shape-bg {
max-width: 1100px;
}
.editure-feature-image .image-two {
right: -120px;
}
}
@media (min-width: 1024px) and (max-width: 1280px) {
.responsive-padding .elementor-widget-container {
padding-bottom: 100px !important;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.editor-content {
padding-left: 50px;
}
.animaated-elements-two {
left: -90px;
}
.genera-informes-content {
padding-right: 50px;
}
.animaated-elements {
width: 470px;
height: 440px;
}
.animaated-elements .elm-clock {
width: 120px;
}
.animaated-elements .elm-table {
width: 380px;
bottom: 25px;
}
.animaated-elements .elm-man {
width: 225px;
}
.animaated-elements .elm-sm-vase {
width: 35px;
bottom: 205px;
}
.animaated-elements .elm-vase {
width: 120px;
bottom: 27px;
}
.animaated-elements .elm-mass {
right: 60px;
}
.animaated-elements .elm-mass img {
width: 110px;
}
.animaated-elements-two {
width: 470px;
height: 460px;
left: 0;
}
.animaated-elements-two .elm-two {
bottom: 65px;
width: 120px;
left: 25px;
}
.animaated-elements-two .elm-three {
width: 180px;
top: -70px;
}
.animaated-elements-two .elm-four {
width: 160px;
right: 160px;
}
}
@media (max-width: 1024px) {
.editor-content {
padding-left: 100px;
}
}
@media (max-width: 991px) {
.editure-feature-image {
position: relative;
left: 0;
}
.editure-feature-image .image-two {
position: absolute;
top: 50%;
right: -82px;
transform: translateY(-50%);
}
.genera-informes-content {
padding-bottom: 30px;
}
.editor-content {
padding-left: 0;
padding-top: 17px;
}
.editor-content .section-title.style-two.color-two {
margin-bottom: 20px;
}
.editor-content .section-title.style-two .title {
margin-bottom: 15px;
}
}
@media (max-width: 768px) {
.animaated-elements {
width: 470px;
height: 440px;
}
.animaated-elements .elm-clock {
width: 120px;
}
.animaated-elements .elm-table {
width: 380px;
bottom: 25px;
}
.animaated-elements .elm-man {
width: 225px;
}
.animaated-elements .elm-sm-vase {
width: 35px;
bottom: 205px;
}
.animaated-elements .elm-vase {
width: 120px;
bottom: 27px;
}
.animaated-elements .elm-mass {
right: 60px;
}
.animaated-elements .elm-mass img {
width: 110px;
}
.animaated-elements-two {
width: 470px;
height: 460px;
margin-top: 35px;
}
.animaated-elements-two .elm-two {
bottom: 65px;
width: 120px;
left: 25px;
}
.animaated-elements-two .elm-three {
width: 180px;
top: -70px;
}
.animaated-elements-two .elm-four {
width: 160px;
right: 160px;
}
}
@media (max-width: 576px) {
.editure-feature-image {
position: relative;
left: 0;
margin-bottom: 30px;
}
.editure-feature-image .image-one {
max-width: 400px;
}
.editure-feature-image .image-two {
right: -80px;
}
.editor-content {
padding-left: 0;
}
.animaated-elements {
width: 320px;
height: 340px;
left: 0;
}
.animaated-elements .elm-clock {
width: 80px;
}
.animaated-elements .elm-table {
width: 260px;
bottom: 35px;
}
.animaated-elements .elm-man {
width: 160px;
}
.animaated-elements .elm-sm-vase {
width: 25px;
bottom: 158px;
}
.animaated-elements .elm-vase {
width: 70px;
bottom: 35px;
}
.animaated-elements .elm-mass {
right: -40px;
top: 80px;
}
.animaated-elements .elm-mass img {
width: 70px;
}
.animaated-elements-two {
width: 330px;
height: 340px;
}
.animaated-elements-two .elm-two {
bottom: 65px;
width: 70px;
left: 25px;
}
.animaated-elements-two .elm-three {
width: 120px;
top: -25px;
}
.animaated-elements-two .elm-four {
width: 105px;
right: 120px;
}
.genera-informes-two .scroll-circle {
left: -70% !important;
}
}
@media (max-width: 480px) {
.editure-feature-image .image-one {
max-width: 300px;
}
.editure-feature-image .image-two {
right: 0;
}
.editure-feature-image .image-two-inner img {
max-width: 150px;
}
.genera-informes-two .scroll-circle {
left: -100% !important;
}
} .genera-informes .section-title {
margin-bottom: 20px;
}
.genera-informes .list-items {
margin-bottom: 37px;
}
.genera-informes .shape-bg {
left: auto;
top: 0;
right: 0;
}
.genera-informes-two {
padding-top: 105px;
}
.genera-informes-two .section-title {
margin-top: 115px;
margin-bottom: 36px;
}
.genera-informes-two .list-items {
margin-bottom: 50px;
}
.informes-feature-image {
position: absolute;
right: 75px;
top: 143px;
max-width: 840px;
width: 100%;
}
.informes-feature-image .image-one {
max-width: 720px;
margin-left: auto;
}
.informes-feature-image .image-two {
position: absolute;
right: 150px;
bottom: -140px;
max-width: 720px;
width: 100%;
}
.genera-informes-two .scroll-circle {
top: 60px;
}
.genera-informes-three {
padding-top: 242px;
position: relative;
}
.genera-informes-three .shape-bg {
left: auto;
right: 0;
top: 40px;
}
.genera-informes-three .list-items {
margin-bottom: 50px;
}
.genera-informes-three .section-title {
margin-bottom: 35px;
}
.about-content-two .section-title {
margin-bottom: 22px;
}
.about-content-two .section-title .title {
font-size: 34px;
line-height: 44px;
color: #322d49;
font-weight: 600;
}
.about-content-two .description {
margin-bottom: 40px;
}
.about-content-two .about-user {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.about-content-two .about-user .avatar {
width: 60px;
height: 60px;
overflow: hidden;
margin-right: 20px;
}
.about-content-two .about-user .avatar img {
border-radius: 50%;
}
.about-content-two .about-user .user-info {
flex: 2;
}
.about-content-two .about-user .user-info .name {
font-size: 20px;
font-weight: 500;
color: #322d49;
margin: 0;
}
.about-content-two .about-user .user-info .designation {
font-size: 16px;
color: #5e5b74;
}
@media (max-width: 1680px) {
.informes-feature-image {
position: absolute;
right: 50px;
top: 125px;
}
.informes-feature-image .image-one {
max-width: 620px;
}
.informes-feature-image .image-two {
position: absolute;
right: 130px;
bottom: -140px;
}
.informes-feature-image .image-two img {
max-width: 620px !important;
}
}
@media (max-width: 1600px) {
.genera-informes .shape-bg {
max-width: 500px;
}
.informes-feature-image {
top: 80px;
}
}
@media (max-width: 1440px) {
.informes-feature-image {
position: absolute;
right: 25px;
top: 125px;
}
.informes-feature-image .image-one {
max-width: 550px;
}
.informes-feature-image .image-two {
position: absolute;
right: 100px;
bottom: -140px;
}
.informes-feature-image .image-two img {
max-width: 550px !important;
}
}
@media (max-width: 1280px) {
.genera-informes .shape-bg {
max-width: 400px;
}
.informes-feature-image {
top: 70px;
}
}
@media (max-width: 1200px) {
.informes-feature-image {
position: absolute;
right: 25px;
top: 100px;
}
.informes-feature-image .image-one {
max-width: 450px;
}
.informes-feature-image .image-two {
position: absolute;
right: 70px;
bottom: -140px;
}
.informes-feature-image .image-two img {
max-width: 450px !important;
}
.genera-informes .shape-bg {
right: -180px;
}
.genera-informes-three {
padding-top: 180px;
}
.genera-informes-three .shape-bg {
width: 500px;
}
}
@media (max-width: 1024px) {
.informes-feature-image {
position: absolute;
right: 25px;
top: 0;
}
.informes-feature-image .image-one {
max-width: 450px;
}
.informes-feature-image .image-two {
position: absolute;
right: 70px;
bottom: -140px;
max-width: 450px;
}
.genera-informes .shape-bg {
right: -180px;
}
}
@media (max-width: 991px) {
.genera-informes {
padding-top: 0;
overflow: hidden;
}
.genera-informes .section-title {
margin-bottom: 20px;
padding-top: 0;
}
.genera-informes .list-items {
margin-bottom: 40px;
}
.genera-informes .informes-feature-image {
position: relative;
right: 0;
top: 0;
margin-top: 0;
margin-bottom: 120px;
padding-top: 0;
}
.genera-informes .informes-feature-image .image-one {
max-width: 450px;
}
.genera-informes .informes-feature-image .image-two {
position: absolute;
right: -70px;
bottom: -110px;
max-width: 450px;
width: 100%;
}
.informes-feature-image .image-two {
bottom: -100px;
}
.genera-informes-two {
padding-top: 46px;
}
.genera-informes-two .section-title {
margin-top: 71px;
margin-bottom: 25px;
}
.genera-informes-two .list-items {
margin-bottom: 40px;
}
.genera-informes-three {
padding-top: 0;
}
.genera-informes-three .section-title {
margin-top: 96px;
}
.genera-informes-three .section-title.style-two {
margin-top: 100px;
}
.genera-informes-three .informes-feature-image {
position: relative;
top: 0;
right: 0;
}
.genera-informes-three .informes-feature-image .image-two {
right: auto;
left: 70px;
}
.genera-informes .shape-bg {
right: -180px;
}
.genera-informes-two .scroll-circle {
left: -40%;
}
}
@media (max-width: 768px) {
.informes-feature-image .image-two {
right: -70px;
}
}
@media (max-width: 576px) {
.informes-feature-image .image-two {
left: 0;
right: auto;
}
.informes-feature-image .image-one img,
.informes-feature-image .image-two img {
max-width: 100% !important;
}
} .newsletter {
padding: 146px 0;
background-size: cover;
background-position: center center;
overflow: hidden;
background: #6f52fc;
}
.newsletter .scroll-circle {
bottom: auto;
right: 0;
top: 100px;
}
.newsletter .background-overlay {
text-align: center;
opacity: 0.05;
position: absolute;
top: 50px;
left: 0;
width: 100%;
height: 100%;
}
.newsletter-two {
background-image: linear-gradient(30deg, #fa7070 0%, #fa9770 100%);
overflow: hidden;
}
.newsletter-two .scroll-circle {
bottom: -79%;
right: -7%;
z-index: 1;
}
.form-result.alert {
display: none;
margin-top: 20px;
margin-bottom: 0;
}
.newsletter-content .title {
font-size: 40px;
line-height: 50px;
color: #fff;
font-weight: 700;
}
.newsletter-form {
max-width: 570px;
margin-left: auto;
position: relative;
z-index: 22;
}
.newsletter-form .newsletter-inner {
background: #fff;
border-radius: 50px;
overflow: hidden;
padding: 5px;
box-shadow: 0px 20px 30px 0px rgba(79, 35, 35, 0.15);
}
.newsletter-form .newsletter-inner input {
background: transparent;
border: 0;
height: 60px;
outline: 0;
box-shadow: none;
padding: 0 170px 0 40px;
margin: 0;
width: 100%;
}
.newsletter-form .newsletter-inner input::placeholder {
color: #8e8b9e;
}
.newsletter-form .newsletter-inner .newsletter-submit {
background: #fa7070;
border-radius: 50px;
padding: 0 40px;
color: #fff;
border: 0;
font-weight: 600;
position: absolute;
top: 5px;
right: 5px;
height: 60px;
font-size: 16px;
outline: 0;
}
.newsletter-form .newsletter-inner .newsletter-submit i {
display: none;
}
.newsletter-form .newsletter-inner .newsletter-submit.clicked span {
display: none;
}
.newsletter-form .newsletter-inner .newsletter-submit.clicked i {
display: block;
}
.newsletter-content-two {
position: relative;
z-index: 2;
}
.newsletter-content-two .title {
font-size: 40px;
line-height: 54px;
font-weight: 700;
color: #fff;
margin-bottom: 20px;
}
.newsletter-content-two p {
color: #fff;
margin-bottom: 70px;
}
.newsletter-form-two {
max-width: 770px;
margin: 0 auto;
z-index: 22;
position: relative;
}
.newsletter-form-two .newsletter-inner {
display: flex;
justify-content: space-between;
}
.newsletter-form-two .newsletter-inner .wpcf7-form-control-wrap {
width: 100%;
max-width: 500px;
}
.newsletter-form-two .newsletter-inner input {
background: transparent;
border: 0;
outline: 0;
color: #fff;
border-bottom: 1px solid #fff;
padding: 15px 15px 15px 0;
border-radius: 0;
height: 60px;
max-width: 500px;
margin: 0;
width: 100%;
}
.newsletter-form-two .newsletter-inner input:focus {
box-shadow: none;
background: transparent;
color: #fff;
}
.newsletter-form-two .newsletter-inner input::placeholder {
color: #fff;
}
.newsletter-form-two .newsletter-inner .newsletter-submit {
width: 220px;
height: 60px;
background: #fff;
border: 0;
border-radius: 30px;
color: #fa7070;
font-weight: 600;
box-shadow: 0px 20px 30px 0px rgba(79, 35, 35, 0.15);
transition: all 0.3s ease-in-out;
font-size: 16px;
z-index: 22;
outline: 0;
}
.newsletter-form-two .newsletter-inner .newsletter-submit i {
display: none;
}
.newsletter-form-two .newsletter-inner .newsletter-submit:hover {
box-shadow: none;
}
.newsletter-form-two .newsletter-inner .newsletter-submit.clicked span {
display: none;
}
.newsletter-form-two .newsletter-inner .newsletter-submit.clicked i {
display: block;
}
@media (max-width: 991px) {
.newsletter {
padding: 70px 0 80px;
}
.newsletter-form .newsletter-inner input {
height: 55px;
}
.newsletter-two {
padding: 70px 0 80px;
}
.newsletter-content .title {
font-size: 32px;
line-height: 42px;
}
.newsletter-form {
margin-left: 0;
margin: 30px auto 0;
}
.newsletter-content {
text-align: center;
}
.newsletter-content-two .title {
font-size: 34px;
line-height: 44px;
}
.newsletter-content-two p br {
display: none;
}
.newsletter-two .scroll-circle {
bottom: -40%;
right: -10%;
}
.newsletter-two .scroll-circle img {
max-width: 380px;
}
.newsletter .scroll-circle {
max-width: 500px;
}
.newsletter-form .newsletter-inner input {
padding: 0 170px 0 40px;
}
.newsletter-form .newsletter-inner .newsletter-submit {
height: 55px;
}
}
@media (max-width: 768px) {
.newsletter-two .scroll-circle {
right: -80%;
}
.newsletter .scroll-circle {
max-width: 400px;
}
.newsletter-two p {
margin-bottom: 50px;
}
.newsletter-two .newsletter-content-two .title {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 480px) {
.newsletter-content-two .title,
.call-to-action .action-content.style-two .title {
font-size: 28px;
line-height: 40px;
}
.newsletter-content-two .title br,
.call-to-action .action-content.style-two .title br {
display: none;
}
.newsletter-form-two .newsletter-inner .newsletter-submit {
margin-top: 20px;
}
}
@media (max-width: 480px) {
.newsletter-content .title br {
display: none;
}
.newsletter-form .newsletter-inner input,
.newsletter-form .newsletter-inner .newsletter-submit {
padding: 0 20px;
}
.newsletter-form-two .newsletter-inner {
display: block;
}
} .image-wrapper {
position: relative;
}
.image-wrapper .content-inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.image-wrapper .dot-shape {
position: absolute;
display: block;
top: -50px;
left: -60px;
z-index: -1;
}
.popup-play-btn {
z-index: 1;
display: block;
width: 60px;
height: 60px;
background: #fff;
border-radius: 50%;
transition: all 200ms;
text-align: center;
position: relative;
}
.popup-play-btn i {
color: #fa7070;
z-index: 22;
position: relative;
line-height: 60px;
font-size: 30px;
text-shadow: 0px 10px 10px rgba(176, 70, 70, 0.4);
}
.popup-play-btn:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 60px;
height: 60px;
background: #fff;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
}
.popup-play-btn:hover:after {
background-color: #e6e6e6;
}
.popup-play-btn img {
position: relative;
z-index: 3;
max-width: 100%;
width: auto;
height: auto;
}
.popup-play-btn span {
display: block;
position: relative;
z-index: 3;
width: 0;
height: 0;
border-left: 32px solid #fff;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
}
.popup-videos-two {
position: relative;
border: 10px solid #fff;
border-radius: 50px;
box-shadow: 0px 40px 70px 0px rgba(14, 3, 52, 0.1);
overflow: hidden;
}
.popup-videos-two .play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.popup-videos-two .play-btn.large i {
color: #fa7070;
text-shadow: none;
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
} .interface {
padding: 105px 0 60px;
}
.interface-image-wrapper {
height: 600px;
}
.interface-image-wrapper .image-one {
margin-left: -60px;
margin-top: 178px;
}
.interface-image-wrapper .image-two {
position: absolute;
top: 0;
left: 160px;
width: 100%;
}
.interface-image-wrapper.style-two .image-one {
position: absolute;
bottom: 0;
left: -20px;
margin: 0;
z-index: 22;
width: 100%;
}
.interface-image-wrapper.style-two .image-two {
position: static;
margin-left: 135px;
}
.interface-content .interface-title h2 {
font-size: 34px;
line-height: 50px;
margin-bottom: 20px;
}
.interface-content .interface-title p {
margin-bottom: 30px;
}
.interface-content .list-items {
margin-bottom: 30px;
}
.interface-content .list-items li {
line-height: 40px;
font-size: 18px;
padding-left: 0;
}
.interface-content .list-items li i {
margin-right: 20px;
color: #fa7070;
}
.interface-content .list-items li:before {
display: none;
}
.svgbg-one {
position: absolute;
top: 55px;
left: 50px;
z-index: -1;
animation: wave 3s 0.1s infinite linear;
}
.svgbg-two {
position: absolute;
top: -70px;
left: -37%;
z-index: -1;
animation: wave 3s 0.1s infinite linear;
}
.interface-toparea {
padding-bottom: 200px;
}
.border-wrap {
position: absolute;
left: 50%;
top: 50%;
max-width: 775px;
transform: translate(-17%, -54%);
width: 100%;
z-index: -1;
}
.border-wrap .ball {
position: absolute;
height: 40px;
width: 40px;
border-radius: 50%;
background: #fa7070;
top: 49%;
left: 45%;
z-index: 22;
}
#animate-border {
max-width: 775px;
z-index: -1;
opacity: 0.5;
}
.path {
stroke-dasharray: 6;
animation: dash 30s linear infinite;
}
@keyframes dash { 0% {
stroke-dashoffset: 1000;
}
100% {
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.interface-image-wrapper .image-two {
max-width: 300px;
left: 150px;
}
#animate-border {
max-width: 650px;
}
.md-brn br {
display: none;
}
.interface {
padding: 88px 0 37px;
}
}
@media (max-width: 992px) {
.interface {
padding: 62px 0 80px;
overflow-x: hidden;
}
.interface-toparea {
padding-bottom: 100px;
}
.border-wrap {
display: none;
}
.interface-image-wrapper .image-one {
margin-left: -30px;
}
.interface-image-wrapper .image-two {
left: 190px;
}
.svgbg-one {
left: 50px;
}
}
@media (max-width: 576px) {
.interface-image-wrapper .image-two {
max-width: 300px;
left: 180px;
}
.interface-content .interface-title p br {
display: none;
}
.interface-image-wrapper.style-two .image-two {
margin-left: 100px;
}
}
@media (max-width: 420px) {
.interface-image-wrapper .image-one {
z-index: 22;
position: relative;
}
.interface-image-wrapper .image-two {
max-width: 300px;
left: 70px;
}
.interface-image-wrapper.style-two .image-one {
max-width: 300px;
left: 0;
}
.interface-image-wrapper.style-two .image-two {
margin-left: 30px;
}
} .review-sliders {
background: #fcfafb;
padding: 112px 0 120px;
overflow: hidden;
}
#review-slider-wrapper {
position: relative;
}
#review-slider-wrapper #review-sliders {
overflow: visible;
}
#review-slider-wrapper #review-sliders .swiper-slide.swiper-slide-visible .review-slider {
box-shadow: 0px 30px 60px 0px rgba(48, 11, 33, 0.08);
opacity: 1;
}
#review-slider-wrapper .swiper-pagination {
bottom: -60px;
}
.review-slider {
border-radius: 6px;
background: #fff;
text-align: center;
padding: 40px;
height: 100%;
transition: all 0.3s ease-in-out;
opacity: 0.6;
}
.review-slider .review-content-inner .review-score {
height: 80px;
width: 80px;
line-height: 80px;
color: #7052fb;
background: #f5f1ff;
border-radius: 50%;
font-size: 30px;
font-weight: 500;
margin: 0 auto 23px;
}
.review-slider .review-content-inner .gp-star-rating {
margin-bottom: 22px;
}
.review-slider .review-brand-logo a {
display: block;
min-height: 42px;
}
@media (max-width: 991px) {
.review-sliders {
padding: 72px 0 100px;
}
} .callback {
background: #fcfafb;
position: relative;
padding-bottom: 65px;
}
.callback .angle-border-shape {
position: absolute;
bottom: 0;
left: 0;
height: 265px;
width: 100%;
overflow: hidden;
}
.callback .angle-border-shape:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-top: 115px solid transparent;
border-left: 1900px solid #fff;
border-bottom: 150px solid #fff;
}
.callback .section-title .title {
margin-bottom: 20px;
}
.callback .particale-element {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.callback .particale-element li {
position: absolute;
}
.callback .particale-element li:nth-child(1) {
top: -20%;
left: 40px;
animation: jumping 5s infinite linear;
}
.callback .particale-element li:nth-child(2) {
top: 12%;
left: 30%;
background: #f7cb61;
height: 15px;
width: 15px;
border-radius: 30px;
animation: animationFramesLeft 20s infinite linear;
}
.callback .particale-element li:nth-child(3) {
left: 8%;
top: 35%;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right: 20px solid #b29ff7;
animation: animationFramesTwo 20s infinite linear;
}
.callback .particale-element li:nth-child(4) {
bottom: 38%;
left: 13%;
background: #43d254;
height: 15px;
width: 15px;
border-radius: 30px;
animation: animationFramesRight 20s infinite linear;
}
.callback .particale-element li:nth-child(5) {
bottom: 0%;
left: 11%;
background: #fcf2f9;
height: 300px;
width: 300px;
border-radius: 50%;
animation: wave 3s infinite linear;
}
.callback .particale-element li:nth-child(6) {
bottom: 9%;
left: 41%;
z-index: 1;
animation: wave 6s infinite linear;
}
.callback .particale-element li:nth-child(7) {
right: 12%;
top: -19%;
background: #f9f3f7;
height: 600px;
width: 600px;
border-radius: 50%;
animation: wave 8s infinite linear;
}
.callback .particale-element li:nth-child(8) {
right: 9%;
top: -22%;
background: rgba(83, 81, 186, 0.039);
height: 360px;
width: 360px;
border-radius: 50%;
animation: wave 6s infinite linear;
}
.call-back-content p {
margin-bottom: 40px;
}
.call-back-forms {
border-radius: 10px;
background: #fff;
box-shadow: 8.682px 49.24px 80px 0px rgba(48, 11, 33, 0.1);
padding: 60px 50px;
max-width: 570px;
border-top: 5px solid #fa7070;
transform: translateY(-60px);
z-index: 2;
position: relative;
}
.call-back-forms .title {
font-size: 30px;
font-weight: 500;
margin-bottom: 35px;
}
.call-back-forms select {
padding: 0 20px;
outline: 0;
}
.call-back-forms label {
font-weight: 500;
}
.call-back-forms input,
.call-back-forms select {
background: #f9f5f7;
border: 2px solid #f9f5f7;
height: 56px;
width: 100%;
border-radius: 30px;
margin-bottom: 20px;
}
.call-back-forms input:focus,
.call-back-forms select:focus {
background: transparent;
border-color: #efbbd9;
box-shadow: none;
}
.call-back-forms button {
margin-top: 20px;
}
@media (max-width: 768px) {
.call-back-content {
padding: 100px 0;
}
.callback .particale-element li:nth-child(6) {
bottom: 70px;
left: 25%;
}
} .logo-carousel .swiper-wrapper {
align-items: center;
}
.logo-carousel .brand-logo {
display: block;
text-align: center;
}
.logo-carousel .brand-logo img {
opacity: 0.5;
}
.logo-carousel .brand-logo:hover img {
opacity: 1;
}
.logo-carousel .brand-logo.style_two {
height: 100px;
width: 100px;
min-width: 100px;
min-height: 100px;
background: #fff;
box-shadow: 0px 2px 4px 0px rgba(14, 3, 52, 0.06);
border-radius: 50%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
opacity: 1;
}
.logo-list {
margin: 0 -15px;
padding: 0;
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.logo-list li {
width: 20%;
margin-bottom: 82px;
padding: 0 15px;
}
@media (max-width: 991px) {
.logo-list li {
width: 33.3333%;
}
}
@media (max-width: 576px) {
.logo-list li {
width: 50%;
}
}
.logo-list li a {
display: block;
} .gmap3-area {
height: 500px;
width: 100%;
} .error-page {
background: #fef9f9;
padding: 185px 0 130px;
}
.error-content-wrapper img {
margin-bottom: 30px;
}
.error-content-wrapper .error-title {
font-size: 40px;
font-weight: 600;
line-height: 1.3;
}
.error-content-wrapper p {
font-size: 20px;
margin-bottom: 47px;
}
.error-content-wrapper .pix-btn {
padding: 11px 67px;
}
.error404 .site-footer {
border-top: 1px solid #e4d9d9;
}
@media (max-width: 991px) {
.error-page {
background: #fef9f9;
padding: 130px 0 80px;
}
.error-content-wrapper .error-title {
font-size: 35px;
font-weight: 600;
line-height: 1.3;
}
.error-content-wrapper p {
font-size: 16px;
}
} .comments-rating {
border: none;
padding: 0;
margin-left: 0;
}
.comments-rating label {
display: inline-block;
}
.rating-container { font-size: 0; unicode-bidi: bidi-override;
direction: rtl;
}
.rating-container * {
font-size: 1.4rem;
}
.rating-container > input {
display: none;
}
.rating-container > input + label { font-family: 'dashicons';
display: inline-block;
overflow: hidden;
text-indent: 9999px;
width: 1em;
white-space: nowrap;
cursor: pointer;
margin: 0;
}
.rating-container > input + label:before {
display: inline-block;
text-indent: -9999px;
content: "\f154";
color: #888;
}
.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
content: "\f155";
color: #f0ae0f;
text-shadow: 0 0 1px #333;
}
.rating-container > .star-cb-clear + label {
text-indent: -9999px;
width: .5em;
margin-left: -.5em;
}
.rating-container > .star-cb-clear + label:before {
width: .5em;
}
.rating-container:hover > input + label:before {
content: "\f154";
color: #888;
text-shadow: none;
}
.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
content: "\f155";
color: #f0ae0f;
text-shadow: 0 0 1px #333;
}
.comment-respond .rating-container > .star-cb-clear + label, .comment-respond .rating-container > input + label:before {
text-indent: 9999px;
}
.comment-respond .rating-container > input + label {
text-indent: -9999px;
} .site-footer {
background: #fdf8f8;
}
.site-footer .footer-wrapper {
padding: 116px 0 62px;
border-bottom: 1px solid #e4d9d9;
position: relative;
}
.site-footer .widget-area {
position: relative;
z-index: 2;
}
.site-footer .email-info {
display: block;
color: #fa7070;
margin-bottom: 20px;
}
.site-footer .email-info i {
margin-right: 10px;
}
.site-footer .newsletter-form input {
background: #fff;
padding: 10px 20px;
margin-bottom: 20px;
border-radius: 0;
outline: 0;
height: 60px;
font-size: 20px;
}
.site-footer .newsletter-form #newsletter-submit {
border: 1px solid #686868;
color: #b0b0b0;
font-size: 14px;
text-transform: uppercase;
background: transparent;
padding: 12px 28px;
}
.site-footer .newsletter-form #newsletter-submit i {
display: none;
}
.site-footer .newsletter-form #newsletter-submit:hover {
background: #fa7070;
border-color: #fa7070;
color: #fff;
}
.site-footer .overlay-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.site-footer.footer-two {
background: #2c234d;
}
.site-footer.footer-two .widget-title {
color: #fff;
}
.site-footer.footer-two .widget_nav_menu .menu li a {
color: #a39eb9;
}
.site-footer.footer-two .widget p {
color: #a39eb9;
}
.site-footer.footer-two .site-info p {
color: #a39eb9;
}
.site-footer.footer-two .site-info #menu-site-info li:not(:last-child):before {
background: #a39eb9;
}
.site-footer.footer-two .footer-wrapper {
border-color: #3d355b;
}
.site-footer.footer-two .widget .footer-social-link li a {
border-color: #615a7e;
color: #a39eb9;
}
.site-footer.footer-two .widget .footer-social-link li a:hover {
color: #fff;
}
.site-footer.footer-tax-service {
background: #f2f7fe;
position: relative;
}
.site-footer.footer-tax-service .footer-inner {
padding: 116px 0 175px;
}
.site-footer.footer-tax-service .footer-logo {
display: block;
margin-bottom: 30px;
}
.site-footer.footer-tax-service .copyright-text {
margin-bottom: 50px;
}
.site-footer.footer-tax-service .copyright-text a {
color: #fa7070;
}
.site-footer.footer-tax-service .footer-social-link li a {
border-color: #d6dee9;
color: #9198a4;
}
.site-footer.footer-tax-service .footer-social-link li a:hover {
background: #fa7070;
box-shadow: 0px 20px 30px 0px rgba(235, 56, 160, 0.3);
color: #fff;
}
.site-footer.footer-tax-service .footer-menu li a {
color: #505064;
}
.site-footer.footer-tax-service .footer-menu li a:hover {
color: #fa7070;
}
.site-footer.footer-tax-service .footer-bottom-element .shape-element {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
.site-footer.footer-tax-service .footer-bottom-element .shape-element li {
position: absolute;
bottom: 0;
}
.site-footer.footer-tax-service .footer-bottom-element .shape-element li:nth-child(1) {
left: 0;
}
.site-footer.footer-tax-service .footer-bottom-element .shape-element li:nth-child(2) {
bottom: 0;
left: 70px;
}
.site-footer.footer-tax-service .footer-bottom-element .shape-element li:nth-child(3) {
bottom: 0;
left: 20px;
}
.site-footer.footer-tax-service .footer-bottom-element .shape-element li:nth-child(4) {
bottom: 20px;
left: 40%;
}
.site-footer.footer-tax-service .footer-bottom-element .shape-element li:nth-child(5) {
bottom: 0;
right: 120px;
}
.site-footer.footer-tax-service .footer-bottom-element .shape-element li:nth-child(6) {
bottom: 0;
left: 200px;
}
.site-footer .widget .footer-social-link li a {
line-height: 45px;
color: #9694a1;
}
.site-footer .widget .footer-social-link li a:hover {
color: #fff !important;
}
.site-footer .widget.saaspik-recent-posts .widget-post h4 a {
color: #797687;
}
.site-footer .widget.saaspik-recent-posts .widget-post h4 a:hover {
color: #fa7070;
}
.site-footer .footer-social-wrap .title {
color: #b0b0b0;
font-size: 20px;
font-weight: 400;
margin-bottom: 10px;
margin-top: 16px;
margin-bottom: 10px;
}
.site-footer.footer-marketing {
background: #f8f9fd;
position: relative;
}
.site-footer.footer-marketing .footer-inner {
padding: 116px 0 112px;
position: relative;
z-index: 222;
}
.site-footer.footer-marketing .widget.footer-widget .widget-title {
color: #1a133b;
}
.site-footer.footer-marketing .footer-menu li:not(:last-child) {
margin-bottom: 5px;
}
.site-footer.footer-marketing .footer-menu li a {
color: #615f6b;
font-size: 14px;
}
.site-footer.footer-marketing .footer-menu li a:hover {
color: #fa7070;
}
.site-footer.footer-marketing .footer-bottom-shape {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
z-index: 1;
}
.site-footer.footer-app {
padding-bottom: 50px;
background: transparent !important;
}
.site-footer.footer-app .footer-wrapper {
padding: 116px 0 62px;
border-color: #2f3255;
}
.site-footer.footer-app .widget .widget-title {
color: #fff;
}
.site-footer.footer-app .widget p {
color: #b5b3be;
}
.site-footer.footer-app .widget ul li a {
color: #b5b3be;
}
.site-footer.footer-app .widget .email-info {
color: #fa7070;
}
.site-footer.footer-app .footer-social-link li a {
border-color: #797687;
}
.site-footer.footer-app .footer-social-link li a:hover {
color: #fff;
border-color: #fa7070;
}
.site-footer.footer-app .site-info {
padding: 25px 0;
}
.site-footer.footer-app .site-info p {
color: #9997a2;
}
.saaspik-contact-widget p {
margin-bottom: 40px;
}
.site-footer .site-info .widget {
margin: 0;
}
.site-info {
padding: 20px 0;
display: flex;
justify-content: space-between;
position: relative;
z-index: 4;
}
.site-info p {
margin-bottom: 0;
color: #797687;
font-size: 15px;
}
.site-info p a {
color: #fa7070;
font-weight: 500;
}
.site-info p a:hover {
color: #fa7070;
}
.site-info.flex-none {
display: block;
text-align: center;
}
.site-info #menu-site-info {
margin: 0;
padding: 0;
}
.site-info #menu-site-info li {
display: inline-block;
margin: 0;
position: relative;
margin-right: 3px;
}
.site-info #menu-site-info li a {
display: inline-block;
}
.site-info #menu-site-info li a:after {
display: none;
}
.site-info #menu-site-info li:not(:last-child):before {
content: '';
position: absolute;
right: -3px;
bottom: 8px;
width: 2px;
height: 2px;
background: #000;
border-radius: 10px;
}
.footer-social-link {
margin: 0;
padding: 0;
list-style: none;
}
.footer-social-link li {
display: inline-block !important;
margin: 0 5px;
}
.footer-social-link li a {
height: 45px;
width: 45px;
line-height: 45px;
border: 1px solid #e6dbdb;
display: block;
border-radius: 50%;
color: #9694a1;
text-align: center;
font-size: 16px;
}
.footer-social-link li a:hover {
background: #fa7070;
border-color: #fa7070;
color: #fff;
box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
}
#footer-two .footer-menu-widget .widget {
margin: 0;
}
.footer-top {
padding: 43px 0;
}
.footer-top .menu {
margin: 0;
padding: 0;
list-style: none;
}
.footer-top .menu li {
display: inline-block;
margin-right: 40px;
}
.footer-top .menu li a {
font-size: 14px;
text-transform: uppercase;
color: #2b2350;
font-weight: 700;
position: relative;
line-height: 1.2 !important;
}
.footer-top .menu li a:after {
position: absolute;
content: '';
display: block;
bottom: 0;
height: 1px;
left: 0;
width: 100%;
background: #fa7070;
transform-origin: right center;
transform: scale(0, 1);
transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85), -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
}
.footer-top .menu li a:hover {
color: #fa7070;
}
.footer-top .menu li a:hover:after {
transform-origin: left center;
transform: scale(1, 1);
}
.site-info-two {
padding: 33px 0;
}
.site-info-two p {
margin: 0;
font-size: 18px;
}
.site-info-two .copyright-bar {
background: transparent;
}
.site-info-two .copyright-bar .site-info {
border-top: 0;
text-align: left;
}
.site-info-two .copyright-bar .site-info p a {
color: #2b2350;
}
.site-info-two .copyright-bar .site-info p a:hover {
color: #fa7070;
}
.site-info-two .footer-social-link {
margin-left: 30px;
}
.site-info-two .footer-logo {
display: block;
background: #fff;
position: relative;
text-align: center;
}
.site-info-two .footer-logo img {
position: relative;
z-index: 222;
}
.site-info-two .footer-logo:after {
content: '';
position: absolute;
background-image: url(//pro.meetyourschool.com/wp-content/themes/saspik/assets/images/shape.png);
top: -113px;
width: 230px;
height: 135px;
left: -30px;
}
.site-info-two .footer-logo:before {
content: '';
background: #fff;
height: 180px;
width: 240px;
left: -28px;
top: -83px;
-webkit-box-shadow: 0px 20px 40px 0px rgba(111, 102, 88, 0.1);
box-shadow: 0px 20px 40px 0px rgba(111, 102, 88, 0.1);
position: absolute;
z-index: 1;
}
.footer-dark .footer-top {
background: #242424;
}
.footer-dark .footer-top .menu li a {
color: #fff;
}
.footer-dark .footer-top .menu li a:hover {
color: #fa7070;
}
.footer-dark .footer-logo:before {
background: #383838;
}
.footer-dark .footer-logo:after {
content: '';
position: absolute;
background-image: url(//pro.meetyourschool.com/wp-content/themes/saspik/assets/images/shape2.png);
top: -113px;
width: 230px;
height: 135px;
left: -30px;
}
.footer-dark .copy-right a {
color: #fa7070;
}
.footer-dark .copy-right a:hover {
color: #f83f3f;
}
.footer-dark .copyright-bar .site-info p a {
color: #fff;
}
@media (max-width: 1200px) {
.site-info-two .footer-logo:before {
width: 200px;
left: -20px;
}
.site-info-two p {
font-size: 16px;
}
}
@media (max-width: 1024px) {
.site-info-two .footer-logo:after {
top: -108px;
width: 179px;
height: 135px;
left: -30px;
}
}
@media (max-width: 991px) {
.site-info-two .footer-logo:before {
width: 155px;
}
.site-info-two .footer-social-link {
margin-left: 10px;
}
.site-info-two .footer-logo:after {
display: none;
}
.footer-top .footer-menu li {
margin-right: 25px;
}
#site-footer .footer-nner {
padding: 80px 0 20px;
}
}
@media (max-width: 768px) {
.site-info-two {
text-align: center;
}
.site-info-two .copy-right {
margin-bottom: 30px;
font-size: 20px;
}
.site-info-two .footer-logo {
max-width: 210px;
padding: 21px 0;
margin: 0 auto 30px;
}
.site-info-two .footer-logo:before {
display: none;
}
.site-info-two .follow-us.d-flex {
display: block !important;
}
.site-info-two .follow-us span {
display: inline-block;
}
.site-info-two .copyright-bar .site-info {
text-align: center;
}
#site-footer .footer-nner {
padding: 40px 0 20px;
}
#footer-two.footer-dark .footer-logo {
background: #383838;
}
#footer-two .footer-menu {
text-align: center;
}
#footer-two .footer-menu.text-right {
text-align: center !important;
}
#footer-two .footer-menu-widget .widget {
text-align: center;
}
}
.site-header.top-30 {
top: 30px;
}
@media (max-width: 991px) {
.site-footer .footer-wrapper {
padding: 77px 0 27px;
}
.widget-column {
margin-bottom: 30px;
}
}
@media (max-width: 768px) {
.site-footer .footer-wrapper {
padding: 47px 0 7px;
}
.site-info.d-flex {
display: block !important;
}
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
color: #fff;
transition: all 0.3s ease-in-out;
cursor: pointer;
display: inline-block;
padding: 17px 34px;
height: auto;
box-shadow: none;
}
input[type="submit"] {
border: 0;
}
.wpcf7-submit.pix-btn.btn-two:hover {
color: #fff;
}
.pix-btn {
padding: 8px 30px;
background: #fa7070;
display: inline-block;
font-size: 14px;
color: #fff;
font-weight: 600;
box-shadow: 0px 20px 30px 0px rgba(176, 70, 70, 0.3);
outline: 0;
position: relative;
z-index: 22;
border: 1px solid transparent;
}
.pix-btn.submit-btn:focus {
outline: 0;
}
.pix-btn.btn-grey {
background: #f3f3f4;
color: #322d49;
-webkit-box-shadow: none;
box-shadow: none;
padding: 11px 40px;
box-shadow: none !important;
}
.pix-btn.btn-grey:hover {
background: #fa7070;
}
.pix-btn.btn-round {
border-radius: 4px;
}
.pix-btn .elementor-align-icon-right {
float: right;
}
.pix-btn.plus-icon {
padding: 8px 64px 8px 41px;
position: relative;
}
.pix-btn.plus-icon i {
margin-left: 10px;
font-size: 20px;
display: inline-block;
position: absolute;
right: 32px;
top: 11px;
}
.pix-btn.btn-big {
padding: 16px 47px;
font-size: 16px;
box-shadow: 0px 20px 30px 0px rgba(176, 70, 70, 0.3);
}
.pix-btn.color-two {
background: #fa7070;
box-shadow: 0px 20px 30px 0px rgba(90, 70, 176, 0.3);
}
.pix-btn:hover, .pix-btn:focus {
color: #fff;
box-shadow: none;
}
.pix-btn.btn-outline {
border: 1px solid #fa7070;
background: transparent;
color: #fa7070;
box-shadow: none;
}
.pix-btn.btn-outline:hover {
background: #fa7070;
color: #fff;
box-shadow: 0px 20px 30px 0px rgba(176, 70, 70, 0.3);
}
.pix-btn.btn-outline-two {
border: 1px solid #fa7070;
background: transparent;
color: #fa7070;
box-shadow: none;
}
.pix-btn.btn-outline-two:hover {
background: #fa7070;
color: #fff;
box-shadow: 0px 20px 30px 0px rgba(90, 70, 176, 0.3);
}
.pix-btn.btn-light {
background: #fff;
color: #fa7070;
}
.pix-btn.btn-light:focus {
box-shadow: none;
outline: 0;
}
.pix-btn.btn-light.btn-outline {
background: transparent;
color: #fff;
}
.pix-btn.btn-light.btn-outline:hover {
background: #fff;
color: #f97bc5;
}
.pix-btn.btn-underline {
color: #797687;
font-size: 15px;
position: relative;
font-weight: 500;
display: inline-block;
align-items: center;
line-height: 15px;
padding: 0;
background: transparent;
box-shadow: none !important;
}
.pix-btn.btn-underline:before {
content: '';
position: absolute;
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: #797687;
transition: all 0.3s ease-in-out;
}
.pix-btn.btn-underline i {
display: inline-block;
margin-left: 10px;
}
.pix-btn.btn-underline:hover {
color: #fa7070;
}
.pix-btn.btn-underline:hover:before {
background: #fa7070;
}
.pix-btn.btn-light {
background: #fff;
color: #fa7070;
border: 2px solid #fff !important;
padding: 14px 40px;
}
.pix-btn.btn-light:focus {
box-shadow: none;
outline: 0;
}
.pix-btn.btn-light.color-two {
color: #7052fb;
}
.pix-btn.btn-light:hover {
background: transparent;
color: #fff;
border-color: #fff;
}
.pix-btn.btn-light.btn-outline {
background: transparent;
color: #fff;
}
.pix-btn.btn-light.btn-outline:hover {
color: #fa7070;
background: #fff;
}
.elementor a.pix-btn.btn-outline {
box-shadow: none;
}
.wp-block-button .wp-block-button__link {
margin-bottom: 10px;
}
.play-btn {
display: inline-flex;
align-items: center;
color: #fff;
font-weight: 600;
}
.play-btn i {
height: 60px;
width: 60px;
text-align: center;
line-height: 60px;
color: #fa7070;
background: #fff;
border-radius: 50%;
margin-right: 10px;
font-size: 30px;
text-shadow: 0px 10px 10px rgba(176, 70, 70, 0.4);
}
.play-btn:hover {
color: #fff;
}
.play-btn-two {
position: relative;
}
.play-btn-two i:before {
position: relative;
z-index: 22;
}
.play-btn-two i:after {
position: absolute;
content: '';
height: 50px;
width: 50px;
background: #e6e7eb;
border-radius: 50%;
top: 5px;
left: 5px;
z-index: 1;
} .return-to-top {
position: fixed;
bottom: -40px;
right: 30px;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
cursor: pointer;
z-index: 998;
border-radius: 3%;
opacity: 0;
transition: bottom .5s ease, opacity .5s ease;
}
.return-to-top:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
opacity: 1;
display: block;
transform: scale(1);
transition: all .3s ease;
border-radius: inherit;
transition: transform .5s ease, opacity .6s ease;
}
.return-to-top:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background: rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 0px 0px 0px transparent;
box-shadow: 0px 0px 0px 0px transparent;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
border-radius: inherit;
}
.return-to-top > i {
position: relative;
overflow: hidden;
font-size: 12px;
width: inherit;
height: inherit;
line-height: inherit;
display: block;
color: transparent;
text-shadow: 0px 0px #fff, 0px 50px #fff;
transition: text-shadow .2s ease;
z-index: 1;
}
.return-to-top:hover:after {
transform: scale(1.07);
background: #fa7070;
box-shadow: 0px 10px 20px 8px rgba(0, 0, 0, 0.15);
}
.return-to-top:hover > i {
text-shadow: 0px -50px #fff, 0px 0px #fff;
}
.return-to-top.back-top {
bottom: 30px;
opacity: 1;
}
.store-btn {
transition: all 0.3s ease-in-out;
display: inline-block;
border: 2px solid #2b2350;
color: #2b2350;
padding: 7px 18px;
font-size: 16px;
text-align: left;
font-weight: 700;
text-transform: uppercase;
}
.store-btn:not(:first-child) {
margin-left: 20px;
}
.store-btn span {
display: block;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
}
.store-btn .btn-text {
margin-left: 40px;
line-height: 21px;
}
.store-btn i {
float: left;
font-size: 30px;
}
.store-btn i:before {
line-height: 42px;
}
.store-btn:hover {
background: #fa7070;
border-color: #fa7070;
color: #fff;
}
.store-btn.active {
background: #fa7070;
border-color: #fa7070;
color: #fff;
}
.store-btn.active:hover {
background: transparent;
border-color: #2b2350;
color: #2b2350;
}
.pix-btn {
padding: 8px 30px;
background: #fa7070;
display: inline-block;
font-size: 14px;
color: #fff;
border-radius: 30px;
font-weight: 600;
box-shadow: 0px 20px 30px 0px rgba(176, 70, 70, 0.3);
}
.pix-btn.btn-small {
padding: 5px 22px;
}
.pix-btn.btn-square {
border-radius: 0;
}
.pix-btn.btn-circle {
border-radius: 30px;
}
.pix-btn.submit-btn {
padding: 11px 35px;
}
.pix-btn.submit-btn:focus {
outline: 0;
}
.pix-btn.btn-large {
padding: 14px 50px;
font-size: 18px;
font-weight: 500;
}
.pix-btn.plus-icon {
padding: 8px 64px 8px 41px;
position: relative;
}
.pix-btn.plus-icon i {
margin-left: 10px;
font-size: 20px;
display: inline-block;
position: absolute;
right: 32px;
top: 11px;
}
.pix-btn.btn-big {
padding: 16px 47px;
font-size: 16px;
}
.pix-btn.color-two {
background: #fa7070;
box-shadow: 0px 20px 30px 0px rgba(90, 70, 176, 0.3);
}
.pix-btn:hover, .pix-btn:focus {
color: #fff;
box-shadow: none;
outline: 0;
}
.pix-btn.btn-outline {
border: 1px solid #fa7070;
background: transparent;
color: #fa7070;
box-shadow: none;
}
.pix-btn.btn-outline:hover {
background: #fa7070;
color: #fff;
box-shadow: 0px 20px 30px 0px rgba(176, 70, 70, 0.3);
}
.pix-btn.btn-outline-two {
border: 1px solid #fa7070;
background: transparent;
color: #fa7070;
box-shadow: none;
}
.pix-btn.btn-outline-two:hover {
background: #fa7070;
color: #fff;
box-shadow: 0px 20px 30px 0px rgba(90, 70, 176, 0.3);
}
.pix-btn.btn-light {
background: #fff;
color: #fa7070;
border: 2px solid #fff;
padding: 14px 40px;
}
.pix-btn.btn-light:focus {
box-shadow: none;
outline: 0;
}
.pix-btn.btn-light.color-two {
color: #fa7070;
}
.pix-btn.btn-light:hover {
background: transparent;
color: #fff;
border-color: #fff;
}
.btn-underline {
color: #797687;
font-size: 15px;
position: relative;
padding-bottom: 3px;
font-weight: 500;
display: flex;
align-items: center;
line-height: 15px;
max-width: 140px;
margin: 0 auto;
}
.btn-underline:before {
content: '';
position: absolute;
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: #797687;
transition: all 0.3s ease-in-out;
}
.btn-underline i {
display: inline-block;
margin-left: 10px;
}
.btn-underline:hover {
color: #fa7070;
}
.btn-underline:hover:before {
background: #fa7070;
}
.play-btn {
display: inline-flex;
align-items: center;
color: #fff;
font-weight: 600;
}
.play-btn i {
height: 60px;
width: 60px;
text-align: center;
line-height: 60px;
color: #fa7070;
background: #fff;
border-radius: 50%;
margin-right: 10px;
font-size: 30px;
text-shadow: 0px 10px 10px rgba(176, 70, 70, 0.4);
}
.play-btn:hover {
color: #fff;
}
.play-btn-two {
position: relative;
}
.play-btn-two i:before {
position: relative;
z-index: 222;
}
.play-btn-two i:after {
position: absolute;
content: '';
height: 50px;
width: 50px;
background: #e6e7eb;
border-radius: 50%;
top: 5px;
left: 5px;
z-index: 1;
}
.app-btn {
padding: 10px 20px;
color: #fa7070;
display: inline-block;
font-size: 18px;
border: 2px solid #fa7070;
}
.app-btn .elementor-align-icon-right {
float: right;
}
.app-btn.pix-btn {
background: transparent;
box-shadow: none !important;
}
.app-btn.btn-circle {
border-radius: 30px;
}
.app-btn.btn-round {
border-radius: 4px;
}
.app-btn i {
font-size: 20px;
vertical-align: -2px;
margin-right: 4px;
}
.app-btn:hover {
color: #fff;
background: #fa7070;
box-shadow: 0px 20px 30px 0px rgba(176, 70, 70, 0.2);
}
.app-btn.btn-active {
color: #fff;
box-shadow: 0px 20px 30px 0px rgba(176, 70, 70, 0.2);
background: #fa7070;
}
.app-btn.btn-active:hover {
background: transparent;
color: #fa7070;
box-shadow: none !important;
}
.app-btn.btn-square {
border-radius: 0;
}
.app-btn.style-two {
background: #1a133b;
border: 0;
color: #fff;
display: inline-flex;
padding: 10px 25px;
font-size: 18px;
align-items: center;
box-shadow: none;
}
.app-btn.style-two.btn-outline {
background: transparent;
color: #fa7070;
}
.app-btn.style-two.btn-circle {
border-radius: 40px;
}
.app-btn.style-two.btn-round {
border-radius: 6px;
}
.app-btn.style-two.btn-light {
background: #f3f3f4;
color: #1a133b;
}
.app-btn.style-two.btn-light .top-text {
color: #76747f;
}
.app-btn.style-two span {
display: block;
}
.app-btn.style-two i {
margin-right: 15px;
font-size: 28px;
}
.app-btn.style-two .btn-text {
font-weight: 500;
line-height: 20px;
}
.app-btn.style-two .btn-text .text-top {
font-size: 14px;
font-weight: 400;
}
.app-btn.style-two:hover {
background: #fa7070;
border-color: #fa7070;
color: #fff;
}
@media (max-width: 991px) {
.btn-container.btn-right {
text-align: left !important;
}
}
@media (max-width: 768px) {
.cafe-btn {
padding: rem(7px 32px);
}
}
@media (max-width: 440px) {
.store-btn:not(:first-child) {
margin-left: 0;
margin-top: 20px !important;
}
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
width: 100%;
outline: 0;
transition: all 0.3s ease-in-out;
background: #fdfafa;
padding: 15px 30px;
border: 1px solid #efe7e7;
margin-bottom: 30px;
border-radius: 30px;
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="range"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="week"]::placeholder,
input[type="time"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="color"]::placeholder,
textarea::placeholder {
color: #a7a5b1;
transition: all 0.3s ease-in-out;
font-weight: 400;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
background: #fff;
box-shadow: 0px 20px 40px 0px rgba(79, 35, 35, 0.1);
}
textarea {
border-radius: 15px;
}
select {
width: 100%;
border: 1px solid #ccc;
padding: 10px;
height: 50px;
}
input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px white inset, 0 0 8px rgba(82, 168, 236, 0.6);
}
.saaspik-comment-area .comment-list .comment-respond {
padding-bottom: 40px;
}
.comment-respond {
padding-bottom: 0;
}
form {
position: relative;
}
.form-result {
display: none;
position: absolute;
width: 100%;
bottom: -70px;
left: 0px;
}
.site-footer .form-result {
bottom: -90px;
}
input {
height: 60px;
}
textarea {
height: 150px;
margin-bottom: 20px;
}
.form-container {
max-width: 970px;
margin: 0 auto;
}
.condition .wpcf7-list-item {
margin-left: 0;
display: flex;
align-items: center;
}
.condition .wpcf7-list-item input {
height: 15px;
width: 15px;
}
.condition .wpcf7-list-item-label {
margin-left: 15px;
}
.form-footer {
display: flex;
justify-content: space-between;
}
.post-password-form input, .post-password-form label {
margin: 0;
}
.post-password-form input[type="password"] {
height: 50px;
border-radius: 5px;
}
.post-password-form input[type="submit"] {
background: #222;
color: #fff;
border: 0;
border-radius: 5px;
height: 50px;
padding: 14px 34px;
}
.post-password-form input[type="submit"]:hover {
background: #fa7070;
}
@media (max-width: 768px) {
.form-footer, .condition .wpcf7-list-item {
display: block;
}
.condition .wpcf7-list-item {
margin-bottom: 20px;
}
}  a {
color: #333;
transition: all 0.3s ease-in-out;
}
a:hover, a:focus, a:active {
color: #fa7070;
text-decoration: none;
}
a:hover, a:active {
outline: 0;
}
.tm-control {
position: absolute;
top: 50%;
width: 100%;
height: 40px;
left: 0;
}
.tm-control .tm-prev, .tm-control .tm-next {
width: 40px;
height: 40px;
background: #333;
color: #fff;
line-height: 44px;
position: absolute;
z-index: 2;
text-align: center;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.tm-control .tm-prev:hover, .tm-control .tm-next:hover {
background: #fa7070;
}
.tm-control .tm-prev {
left: 0;
}
.tm-control .tm-next {
right: 0;
} .site-header {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 999;
transition: all 0.3s ease-in-out;
}
.site-header .site-mobile-logo {
display: none;
}
.site-header .header-inner {
position: relative;
}
.site-header .header-inner .site-logo a {
display: block;
max-width: 150px;
}
.site-header .header-inner .site-logo a img {
width: 100%;
}
.site-header .header-inner .site-logo a .sticky-logo {
display: none;
}
.site-header .header-inner .site-logo a h3 {
margin: 0;
padding: 26px 0;
font-size: 30px;
}
.site-header .header-inner .site-nav {
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
.site-header .header-inner .site-nav .menu-wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
@media (max-width: 991px) {
.site-header .header-inner .site-nav .menu-wrapper {
display: block;
}
}
.site-header .header-inner .site-nav .menu-wrapper:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
z-index: 99;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
}
.site-header .header-inner .site-nav .nav-right {
margin-left: 25px;
}
.site-header .header-inner .site-nav .nav-right .nav-btn {
background: #fff;
box-shadow: 0px 20px 30px 0px rgba(79, 35, 35, 0.15);
color: #fa7070;
display: inline-block;
padding: 6px 35px;
font-weight: 500;
border-radius: 30px;
font-size: 14px;
border: 2px solid transparent;
margin-left: 25px;
}
.site-header .header-inner .site-nav .nav-right .nav-btn:hover {
background: #fa7070;
color: #fff;
box-shadow: none;
}
.site-header .header-inner .site-nav.nav-two .nav-right .nav-btn {
background: transparent;
color: #fa7070;
border: 2px solid #fa7070;
box-shadow: none;
padding: 6px 37px;
margin-left: 25px;
}
.site-header .header-inner .site-nav.nav-two .nav-right .nav-btn:hover {
background: #fa7070;
color: #fff;
border-color: #fa7070;
}
.site-header .header-inner .site-nav.nav-two .site-main-menu li .sub-menu li a:hover, .site-header .header-inner .site-nav.nav-two .site-main-menu li .sub-menu li a.current_page {
color: #fa7070;
}
.site-header .site-main-menu {
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.site-header .site-main-menu li {
margin: 0 23px;
position: relative;
padding: 36px 0;
transition: all 0.3s ease-in-out;
}
.site-header .site-main-menu li.current_page_item a {
color: #fa7070;
}
.site-header .site-main-menu li.current-menu-parent .current_page_item > a {
color: #fa7070;
}
.site-header .site-main-menu li:last-child {
margin-right: 0;
}
.site-header .site-main-menu li > a {
color: #2b2350;
font-size: 15px;
font-weight: 500;
position: relative;
}
.site-header .site-main-menu li > a:after {
content: '';
position: absolute;
bottom: -0;
width: 0;
height: 1px;
background: #2b2350;
opacity: 1;
transition: all 0.3s ease-in-out;
left: 0;
}
.site-header .site-main-menu li > a:hover, .site-header .site-main-menu li > a.current_page {
color: #fa7070;
}
.site-header .site-main-menu li > a:hover:after, .site-header .site-main-menu li > a.current_page:after {
width: 100%;
opacity: 1;
background: #fa7070;
}
.site-header .site-main-menu li.menu-item-has-children:after {
position: absolute;
right: -18px;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
font-family: eleganticons;
font-weight: 700;
color: #fff;
transition: all 0.3s ease-in-out;
display: none;
}
.site-header .site-main-menu li.menu-item-has-children:hover:after {
color: #fa7070;
}
.site-header .site-main-menu li .sub-menu {
display: block;
margin: 0;
padding: 23px 30px;
list-style: none;
background: #fff;
box-shadow: 0px 15px 36px 4px rgba(79, 35, 35, 0.1);
position: absolute;
top: 110%;
left: 0;
min-width: 250px;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
z-index: 999999;
border-radius: 5px;
}
.site-header .site-main-menu li .sub-menu li {
display: block;
margin: 0;
padding: 0;
}
.site-header .site-main-menu li .sub-menu li.menu-item-has-children:after {
content: "\35";
right: 0px;
color: #333;
display: block;
}
.site-header .site-main-menu li .sub-menu li.menu-item-has-children .sub-menu {
left: 105%;
top: 0;
visibility: hidden;
opacity: 0;
}
.site-header .site-main-menu li .sub-menu li.menu-item-has-children:hover .sub-menu {
top: 3px;
visibility: visible;
opacity: 1;
}
.site-header .site-main-menu li .sub-menu li a {
display: block;
padding: 3px 0;
color: #797687;
font-size: 14px;
font-weight: 500;
}
.site-header .site-main-menu li .sub-menu li a:after {
display: none;
}
.site-header .site-main-menu li .sub-menu li a:hover, .site-header .site-main-menu li .sub-menu li a.current_page {
color: #fa7070;
}
.site-header .site-main-menu li .sub-menu li:last-child a {
border-bottom: 0;
}
.site-header .site-main-menu li:hover .sub-menu {
opacity: 1;
visibility: visible;
top: 100%;
}
.site-header .nav-dark .site-main-menu li a {
color: #2b2350;
}
.site-header .nav-dark .site-main-menu li a:after {
display: none;
}
.site-header .nav-dark .site-main-menu li a:hover, .site-header .nav-dark .site-main-menu li a.current_page {
color: #fa7070;
}
.site-header .nav-dark .site-main-menu li.menu-item-has-children:after {
color: #2b2350;
}
.site-header.pix-header-fixed {
top: 0;
left: 0;
right: 0;
position: fixed;
z-index: 9999;
box-shadow: 0px 10px 20px 0px rgba(79, 35, 35, 0.08);
animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
background: #fff;
}
.site-header.pix-header-fixed .header-inner .site-logo {
padding: 18px 0;
}
.site-header.pix-header-fixed .header-inner .site-logo .logo-sticky {
display: block;
}
.site-header.pix-header-fixed .header-inner .site-logo .logo-main {
display: none;
}
.site-header.pix-header-fixed .header-inner .site-logo h3 {
padding: 10px 0 !important;
}
.site-header.pix-header-fixed .header-inner .site-nav .nav-right .nav-btn {
background: transparent;
color: #fa7070;
box-shadow: none;
border-color: #fa7070;
}
.site-header.pix-header-fixed .header-inner .site-nav .nav-right .nav-btn:hover {
background: #fa7070;
color: #fff;
}
.site-header.pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn {
border-color: #fa7070;
color: #fa7070;
}
.site-header.pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn:hover {
background: #fa7070;
color: #fff;
border-color: #fa7070;
}
.site-header.pix-header-fixed .header-inner .site-nav.nav-two .site-main-menu li a:hover, .site-header.pix-header-fixed .header-inner .site-nav.nav-two .site-main-menu li a.current_page {
color: #fa7070;
}
.site-header.pix-header-fixed .site-main-menu li {
padding: 28px 0;
}
.site-header.pix-header-fixed .site-main-menu li.current_page_item > a {
color: #fa7070;
}
.site-header.pix-header-fixed .site-main-menu li.menu-item-has-children:after {
color: #333;
}
.site-header.pix-header-fixed .site-main-menu li a {
color: #333;
}
.site-header.pix-header-fixed .site-main-menu li a:after {
display: none;
}
.site-header.pix-header-fixed .site-main-menu li a:hover, .site-header.pix-header-fixed .site-main-menu li a.current_page {
color: #fa7070;
}
.site-header.pix-header-fixed .site-main-menu li a:hover:before, .site-header.pix-header-fixed .site-main-menu li a:hover:after, .site-header.pix-header-fixed .site-main-menu li a.current_page:before, .site-header.pix-header-fixed .site-main-menu li a.current_page:after {
background: #fa7070;
}
.site-header.pix-header-fixed .site-logo .main-logo {
display: none;
}
.site-header.pix-header-fixed .site-logo .sticky-logo {
display: block;
}
.site-header.pix-header-fixed .add-menu {
padding: 25px 0;
}
.site-header.pix-header-fixed.header-two .search-btn, .site-header.pix-header-fixed.header-five .search-btn {
color: #2b2350;
border-color: #2b2350;
}
.site-header.pix-header-fixed.header-two .toggle-menu .bar, .site-header.pix-header-fixed.header-five .toggle-menu .bar {
background: #2b2350;
}
.site-header.header-two .site-main-menu li > a {
color: #fff;
}
.site-header.header-two:not(.pix-header-fixed) .header-inner .site-nav.nav-two .nav-right .nav-btn {
border-color: #fff;
color: #fff;
}
.site-header.header-two:not(.pix-header-fixed) .header-inner .site-nav.nav-two .nav-right .nav-btn:hover {
color: #fa7070;
background-color: #fff;
}
.site-header.header-two.pix-header-fixed .site-main-menu li > a {
color: #2b2350;
}
.site-header.header-two.pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn:hover {
color: #fff;
}
.site-header.header-two .search-btn {
color: #fff;
border-color: #fff;
}
.site-header.header-five .header-inner .site-nav .menu-wrapper {
justify-content: space-between;
position: relative;
width: 80%;
}
@media (max-width: 991px) {
.site-header.header-five .header-inner .site-nav .menu-wrapper {
width: 100%;
}
}
.site-header.header-five .header-inner .site-nav.nav-two .nav-right .nav-btn {
background: transparent;
color: #fff;
box-shadow: none;
border: 2px solid rgba(255, 255, 255, 0.302);
border-radius: 4px;
padding: 7px 24px;
font-size: 16px;
font-weight: 400;
}
.site-header.header-five .header-inner .site-nav.nav-two .nav-right .nav-btn:hover {
background: #fff;
border-color: #fff;
}
.site-header.header-five .search-btn {
color: #fff;
border-color: #fff;
}
.site-header.header-five.pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn:hover {
color: #fff;
}
.site-header.header-six .header-inner .site-nav {
justify-content: space-between;
}
.site-header.header-six .header-inner .site-nav .nav-right .nav-btn {
background: transparent;
border: 2px solid rgba(250, 112, 112, 0.6);
color: #fa7070;
box-shadow: none;
}
.site-header.header-six .header-inner .site-nav .nav-right .nav-btn:hover {
background: #fa7070;
color: #fff;
border-color: #fa7070;
}
.site-header.header-six .header-inner .site-nav .nav-right .login-btn {
color: #646479;
margin-right: 15px;
font-weight: 500;
}
.site-header.header-six .header-inner .site-nav .nav-right .login-btn i {
margin-right: 5px;
}
.site-header.header-six .header-inner .site-nav .nav-right .login-btn:hover {
color: #fa7070;
}
@media (max-width: 991px) {
.site-header.header-six .header-inner .site-nav .nav-right .login-btn {
color: #646479;
}
.site-header.header-six .header-inner .site-nav .nav-right .login-btn:hover {
color: #fa7070;
}
}
.site-header.header-six .site-main-menu li > a {
color: #2b2350;
}
.site-header.header-six .site-main-menu li > a:hover {
color: #fa7070;
}
.site-header.header-six .site-main-menu li .sub-menu li a:hover, .site-header.header-six .site-main-menu li .sub-menu li a.current_page {
color: #fa7070;
}
.site-header.header-eight .toggle-menu .bar {
background: #0b0b0b;
}
.site-header.header-eight .header-inner .site-nav {
justify-content: space-between !important;
}
.site-header.header-eight .header-inner .site-nav .nav-right .nav-btn.nav-btn-fill {
background: #fa7070;
border: 2px solid #fa7070;
color: #fff;
border-radius: 4px;
}
.site-header.header-eight .header-inner .site-nav .nav-right .nav-btn.nav-btn-fill:hover {
background: transparent !important;
color: #fa7070;
box-shadow: none;
}
.site-header.header-nine {
background: #fff;
box-shadow: 0px 10px 20px 0px rgba(14, 3, 52, 0.08);
}
.site-header.header-nine .toggle-menu .bar {
background: #1a133b;
}
.site-header.header-nine .site-main-menu li {
padding: 26px 0;
}
.site-header.header-nine .site-main-menu li a {
color: #615f6b;
}
.site-header.header-nine .site-main-menu li a:after {
display: none;
}
.site-header.header-nine .site-main-menu li a:hover, .site-header.header-nine .site-main-menu li a.current_page {
color: #fa7070;
}
.site-header.header-nine .site-main-menu li.menu-item-has-children:after {
color: #615f6b;
}
.site-header.header-nine .header-inner .site-nav .nav-right .nav-btn {
box-shadow: none;
border-radius: 6px;
background: #fa7070;
border: 1px solid #fa7070;
color: #fff;
padding: 4px 30px;
}
.site-header.header-nine .header-inner .site-nav .nav-right .nav-btn:hover {
background: transparent;
color: #fa7070;
}
.site-header.pix-header-fixed .site-main-menu li a {
color: #2b2350;
}
.site-header.pix-header-fixed.header-nine .header-inner .site-nav .nav-right .nav-btn {
color: #fff;
}
.site-header.pix-header-fixed.header-nine .header-inner .site-nav .nav-right .nav-btn:hover {
background: transparent;
}
.site-header.mobile-header.header-six .header-inner .site-nav .nav-right .nav-btn {
border: 2px solid rgba(250, 112, 112, 0.6);
color: #fa7070;
}
.site-header.mobile-header.header-six .header-inner .site-nav .nav-right .nav-btn:hover {
background: #fa7070;
color: #fff;
border-color: #fa7070;
}
.site-header.mobile-header.header-six .header-inner .site-nav .nav-right .login-btn {
color: #646479;
}
.site-header.mobile-header.header-six .header-inner .site-nav .nav-right .login-btn:hover {
color: #fa7070;
}
.menu-transperant:not(.pix-header-fixed) .site-header .header-inner .site-logo a h3 {
color: #fff;
}
.menu-transperant:not(.pix-header-fixed) .site-header.pix-header-fixed .site-main-menu li a {
color: #2b2350;
}
.menu-transperant:not(.pix-header-fixed) .site-header.pix-header-fixed .site-main-menu li a:hover {
color: #fa7070;
}
.menu-transperant:not(.pix-header-fixed) .site-header.pix-header-fixed .header-inner .site-logo a h3 {
color: #2b2350;
}
.menu-transperant:not(.pix-header-fixed) .toggle-menu .bar {
background: #fff;
}
.header-position .site-header.pix-header-fixed {
top: 32px;
}
@media screen and (max-width: 782px) {
.header-position .site-header.pix-header-fixed {
top: 46px;
}
}
.logo-sticky {
display: none;
}
.add-menu {
margin: 0;
padding: 36px 0;
list-style: none;
}
.search-btn {
display: inline-block;
color: #2b2350;
padding-left: 10px;
border-left: 1px solid #2b2350;
margin-left: 25px;
cursor: pointer;
}
@media (max-width: 991px) {
.search-btn {
display: none;
}
}
.search-btn i {
transform: rotateY(-180deg);
display: block;
}
.menu-transperant .search-btn {
border-color: #fff;
color: #fff;
}
.menu-transperant .site-header .header-inner .site-nav .nav-right .nav-btn:hover {
border-color: #fff;
background: transparent;
color: #fff;
}
.menu-transperant .site-header .site-main-menu li > a:after {
background: #fff;
}
.menu-transperant .site-header.pix-header-fixed .header-inner .site-nav .nav-right .nav-btn:hover {
border-color: #fa7070;
background: #fa7070;
color: #fff;
}
.menu-transperant .site-header.pix-header-fixed .search-btn {
border-color: #2b2350;
color: #2b2350;
}
.menu-transperant .add-menu li a {
color: #fff;
} .return-to-top {
position: fixed;
bottom: -30px;
right: 20px;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
cursor: pointer;
z-index: 998;
border-radius: 50%;
opacity: 0;
transition: bottom .5s ease, opacity .5s ease;
}
.return-to-top:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
opacity: 1;
display: block;
transform: scale(1);
transition: all .3s ease;
border-radius: inherit;
transition: transform .5s ease, opacity .6s ease;
}
.return-to-top:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background: rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 0px 0px 0px transparent;
box-shadow: 0px 0px 0px 0px transparent;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
border-radius: inherit;
}
.return-to-top > i {
position: relative;
overflow: hidden;
font-size: 12px;
width: inherit;
height: inherit;
line-height: inherit;
display: block;
color: transparent;
text-shadow: 0px 0px #fff, 0px 50px #fff;
-webkit-transition: text-shadow .2s ease;
-moz-transition: text-shadow .2s ease;
transition: text-shadow .2s ease;
z-index: 1;
}
.return-to-top:hover:after {
transform: scale(1.07);
background: #fa7070;
box-shadow: 0px 10px 20px 8px rgba(0, 0, 0, 0.15);
}
.return-to-top:hover > i {
text-shadow: 0px -50px #fff, 0px 0px #fff;
}
.return-to-top.back-top {
bottom: 20px;
opacity: 1;
}
.mask-overlay {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 3333;
top: 0;
left: 0;
}
.close-menu {
display: none;
}
@media (max-width: 991px) {
.site-header .header-inner {
text-align: center;
padding: 10px 0;
display: flex;
align-items: center;
justify-content: center;
}
.site-header .header-inner .site-nav .nav-right {
margin-left: 0;
text-align: left;
}
.site-header .header-inner .site-nav .nav-right .nav-btn {
padding: 8px 22px;
background: transparent;
color: #fa7070;
box-shadow: none;
border-color: #fa7070;
box-shadow: none;
}
.menu-transperant .site-header .header-inner .site-nav .nav-right .nav-btn:hover {
background: #fa7070;
color: #fff;
}
.site-header .site-mobile-logo {
display: inline-block;
}
.site-header .site-mobile-logo .logo {
display: block;
}
.site-header .site-main-menu li {
margin: 0 15px;
}
.site-header .site-logo {
display: none;
}
.site-header.header-six .site-nav .nav-right {
padding-left: 30px;
}
.site-title {
margin: 0;
}
.site-header .site-nav {
position: fixed;
width: 320px !important;
height: 100vh;
background: #fff;
top: 0;
left: -100%;
display: block !important;
transition: all 0.5s ease-in-out;
overflow: scroll;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
}
.site-header .site-nav .site-main-menu {
display: block;
width: 100%;
padding-bottom: 50px;
text-align: left;
}
.site-header .site-nav .site-main-menu li {
padding: 0;
margin: 0;
border-bottom: 1px solid #f1f2f3;
}
.site-header .site-nav .site-main-menu li:first-child {
border-top: 1px solid #f1f2f3;
}
.site-header .site-nav .site-main-menu li a {
display: block;
color: #888888 !important;
padding: 6px 35px;
font-weight: 400;
}
.site-header .site-nav .site-main-menu li a:after {
display: none;
}
.site-header .site-nav .site-main-menu li a:focus {
color: #fa7070;
}
.site-header .site-nav .site-main-menu li.menu-item-has-children {
position: relative;
}
.site-header .site-nav .site-main-menu li.menu-item-has-children:after {
display: none;
}
.site-header .site-nav .site-main-menu li.menu-item-has-children a:hover, .site-header .site-nav .site-main-menu li.menu-item-has-children:focus {
color: #fa7070;
}
.site-header .site-nav .site-main-menu li.menu-item-has-children i {
position: absolute;
top: 6px;
right: 20px;
display: block;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
}
.site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu {
position: static;
box-shadow: none;
opacity: 1;
width: auto;
visibility: visible;
background: transparent;
padding: 0;
display: none;
transition: none;
}
.site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li {
padding: 0;
}
.site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li:first-child {
border-top: 1px solid #f1f2f3;
}
.site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li a {
color: #888888;
font-weight: 400;
padding: 5px 35px 5px 45px;
}
.site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu {
opacity: 1;
visibility: visible;
position: relative;
left: 0;
top: auto;
}
.site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu li a {
padding-left: 60px;
}
.site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li.menu-item-has-children:after {
content: "\33";
color: #fff;
}
.site-header .site-nav.nav-two .site-main-menu li.menu-item-has-children:hover, .site-header .site-nav.nav-two .site-main-menu li.menu-item-has-children:focus {
color: #fa7070;
}
.site-header .site-nav.nav-two .site-main-menu li.menu-item-has-children:hover:after, .site-header .site-nav.nav-two .site-main-menu li.menu-item-has-children:focus:after {
color: #fa7070;
}
.site-header .site-nav.nav-two .site-main-menu li.menu-item-has-children a:hover, .site-header .site-nav.nav-two .site-main-menu li.menu-item-has-children a:focus {
color: #fa7070;
}
.site-header.pix-header-fixed .toggle-menu {
top: 30px;
}
.site-header.pix-header-fixed .toggle-menu .bar {
background: #333;
}
.site-header.pix-header-fixed .site-main-menu li a {
color: #fff;
}
.site-header.pix-header-fixed .site-main-menu li.menu-item-has-children:after {
color: #fff;
}
.site-header.pix-header-fixed .header-inner .site-logo {
padding: 12px 0;
}
.site-header.pix-header-fixed .header-inner .site-mobile-logo .logo-sticky {
display: inline-block;
vertical-align: middle;
}
.header-inner .site-mobile-logo img {
transition: all 0.3s ease-in-out;
width: 100%;
}
.sidebar-open .site-header .site-nav {
left: 0;
}
.sidebar-open .site-header.header-two .header-inner .site-nav.nav-two .nav-right .nav-btn, .sidebar-open .site-header.header-five .header-inner .site-nav.nav-two .nav-right .nav-btn {
color: #fa7070;
border-color: #fa7070;
}
.sidebar-open .site-header.header-two .header-inner .site-nav.nav-two .nav-right .nav-btn:hover, .sidebar-open .site-header.header-five .header-inner .site-nav.nav-two .nav-right .nav-btn:hover {
color: #fff;
}
.sidebar-open .menu-wrapper:before {
opacity: 1;
visibility: visible;
}
.close-menu {
display: flex;
align-items: center;
justify-content: flex-end;
top: 0;
text-align: right;
width: 100%;
left: 0;
padding: 20px;
}
.close-menu i {
font-size: 28px;
color: #2b2350;
}
.close-menu span {
font-size: 14px;
}
.toggle-menu {
position: absolute;
left: 0;
width: 26px;
top: 50%;
transform: translateY(-50%);
display: block;
height: 24px;
}
.toggle-menu .bar {
width: 18px;
height: 2px;
display: block;
float: left;
margin: 3px auto;
transition: all 0.3s ease-in-out;
background: #2b2350;
}
.toggle-menu .bar:nth-child(2) {
width: 24px;
}
.header-dark .toggle-menu .bar {
background: #2b2350;
}
.site-header .site-logo a .site-title {
margin: 0;
}
}
@media (max-width: 576px) {
.site-header .site-nav {
width: 100%;
}
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 1em;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-bottom: 10px;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}  #topbar .custom-message {
padding: 10px 0;
}
#topbar .social-profiles > li {
margin: 0;
border-left: 1px solid rgba(255, 255, 255, 0.4);
text-align: center;
}
#topbar .social-profiles > li > a {
display: block;
padding: 10px 10px;
transition: all 0.15s ease-in-out;
}
#topbar .social-profiles > li > a:hover {
opacity: 0.5;
}
#topbar .social-profiles > li:last-child > a {
border-right: 1px solid rgba(255, 255, 255, 0.4);
}
#topbar > .topbar-style-1 {
background-color: #172b4b;
color: #fff;
}
#topbar > .topbar-style-1 .social-profiles > li > a {
color: #fff;
}
#topbar > .topbar-style-2 {
background-color: #f5f5f5;
padding: 10px 0;
}
@media (max-width: 991.98px) {
#topbar > .topbar-style-2 .topbar-icon-list {
margin-bottom: 10px;
}
} .page-banner {
background: #fdf8f8;
text-align: center;
height: 550px;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
}
.page-banner .overlay-bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-size: cover;
background-position: center center;
z-index: 2;
background: rgba(0, 0, 0, 0.5);
}
.page-banner .page-title-wrapper {
margin-top: 50px;
}
.page-banner .page-title {
font-size: 50px;
font-weight: 800;
color: #2b2350;
position: relative;
z-index: 2;
max-width: 820px;
margin: 0 auto 15px;
}
.page-banner .bradcurmed {
margin: 0;
padding: 0;
list-style: none;
position: relative;
z-index: 2;
}
.page-banner .bradcurmed li {
display: inline-block;
position: relative;
font-size: 18px;
}
.page-banner .bradcurmed li:not(:last-child) {
margin-right: 30px;
}
.page-banner .bradcurmed li:not(:last-child):before {
content: "\35";
font-family: eleganticons;
position: absolute;
right: -25px;
top: 0;
}
.page-banner .bradcurmed li a {
color: #2b2350;
font-weight: 500;
}
.page-banner .bradcurmed li a:hover {
color: #fa7070;
}
.page-banner .circle {
position: absolute;
top: -51%;
left: -15%;
z-index: 1;
}
.page-banner.blog-details-banner {
height: 700px;
}
.page-banner.blog-details-banner .circle {
position: absolute;
top: -39%;
left: -19%;
z-index: 1;
}
.page-banner.blog-details-banner .page-title-wrapper {
margin-top: 60px;
}
.page-banner.blog-details-banner .page-title {
font-size: 40px;
line-height: 54px;
font-weight: 600;
margin-top: 0;
margin-bottom: 20px;
}
.page-banner.blog-details-banner .post-meta {
position: relative;
z-index: 22;
padding: 0;
}
.page-banner.blog-details-banner .post-meta li {
display: inline-block;
margin-right: 30px;
position: relative;
text-transform: uppercase;
}
.page-banner.blog-details-banner .post-meta li:not(:last-child):after {
position: absolute;
content: '';
right: -20px;
top: 7px;
width: 2px;
height: 14px;
background: #9997a3;
}
.page-banner.blog-details-banner .post-meta li a {
color: #797687;
text-transform: uppercase;
font-weight: 500;
margin-left: 5px;
}
.page-banner.blog-details-banner .post-meta li a:hover {
color: #fa7070;
}
.page-banner.blog-details-banner .post-meta.color-theme {
margin-bottom: 10px;
}
.page-banner.blog-details-banner .post-meta.color-theme li a {
color: #fa7070;
}
.page-banner.header-bg {
position: relative;
}
.page-banner.header-bg:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.menu-transperant .page-banner .page-title {
color: #fff;
}
.menu-transperant .page-banner .saaspik_breadcrumbs li {
color: #efefef;
}
.menu-transperant .page-banner .saaspik_breadcrumbs li a {
color: #fff;
}
.animate-ball {
position: absolute;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
top: 0;
left: 0;
}
.animate-ball .ball {
background: #fdf1f1;
border-radius: 50%;
position: absolute;
}
.animate-ball .ball:nth-child(1) {
height: 50px;
width: 50px;
top: 37%;
left: 10%;
animation: zoommd 1.5s infinite alternate;
}
.animate-ball .ball:nth-child(2) {
height: 70px;
width: 70px;
bottom: 22%;
right: 8%;
animation: bounce 4s infinite alternate;
}
.animate-ball .ball:nth-child(3) {
height: 100px;
width: 100px;
bottom: 43%;
right: 22%;
animation: zoommd 1.5s infinite alternate;
}
.animate-ball .ball:nth-child(4) {
height: 40px;
width: 40px;
bottom: 20%;
right: 32%;
animation: movexy 1.5s infinite alternate;
}
.animate-ball .ball:nth-child(5) {
height: 500px;
width: 500px;
top: -75%;
right: 100px;
animation: wave 3s 0.1s infinite linear;
}
.page-banner-contact {
height: 690px;
position: relative;
overflow: hidden;
background: #fdf8f8;
}
.page-banner-contact .circle {
position: absolute;
top: -40%;
left: -15%;
}
.page-title-inner {
position: relative;
z-index: 2;
}
.animate-element-contact {
position: relative;
z-index: 222;
height: 465px;
width: 408px;
bottom: -135px;
}
.animate-element-contact img {
position: absolute;
bottom: 0;
}
.animate-element-contact img:nth-child(1) {
left: 5px;
bottom: 55px;
}
.animate-element-contact img:nth-child(2) {
bottom: 41px;
left: 128px;
}
.animate-element-contact img:nth-child(3) {
right: 0;
}
.animate-element-contact img:nth-child(4) {
bottom: 0;
left: 110px;
}
.page-banner {
background: #fdf8f8;
text-align: center;
height: 550px;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
}
.page-banner .page-title {
font-size: 50px;
font-weight: 700;
color: #2b2350;
position: relative;
z-index: 2;
max-width: 700px;
margin: 30px auto 15px;
line-height: 1.2;
}
.page-banner .saaspik_breadcrumbs {
margin: 0;
padding: 0;
list-style: none;
position: relative;
z-index: 2;
}
.page-banner .saaspik_breadcrumbs li {
display: inline-block;
position: relative;
font-size: 18px;
}
.page-banner .saaspik_breadcrumbs li:not(:last-child) {
margin-right: 30px;
}
.page-banner .saaspik_breadcrumbs li:not(:last-child):before {
content: "\35";
font-family: eleganticons;
position: absolute;
right: -25px;
top: 0;
}
.page-banner .saaspik_breadcrumbs li a {
color: #2b2350;
font-weight: 500;
}
.page-banner .saaspik_breadcrumbs li a:hover {
color: #fa7070;
}
.page-banner .circle {
position: absolute;
top: -51%;
left: -15%;
z-index: 1;
}
.page-banner.blog-details-banner {
height: 550px;
}
.page-banner.blog-details-banner .circle {
position: absolute;
top: -39%;
left: -19%;
z-index: 1;
}
.page-banner.blog-details-banner .page-title-wrapper {
margin-top: 60px;
}
.page-banner.blog-details-banner .page-title {
font-size: 40px;
line-height: 54px;
font-weight: 600;
margin-bottom: 20px;
word-break: break-word;
}
.page-banner.blog-details-banner .post-meta {
position: relative;
z-index: 22;
padding: 0;
}
.page-banner.blog-details-banner .post-meta li {
display: inline-block;
margin-right: 30px;
position: relative;
text-transform: uppercase;
}
.page-banner.blog-details-banner .post-meta li:not(:last-child):after {
position: absolute;
content: '';
right: -20px;
top: 7px;
width: 2px;
height: 14px;
background: #9997a3;
}
.page-banner.blog-details-banner .post-meta li a {
color: #797687;
text-transform: uppercase;
font-weight: 500;
margin-left: 5px;
}
.page-banner.blog-details-banner .post-meta li a:hover {
color: #fa7070;
}
.page-banner.blog-details-banner .post-meta.color-theme {
margin-bottom: 10px;
}
.page-banner.blog-details-banner .post-meta.color-theme li a {
color: #fa7070;
}
.animate-ball {
position: absolute;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
top: 0;
left: 0;
}
.animate-ball .ball {
background: #fdf1f1;
border-radius: 50%;
position: absolute;
}
.animate-ball .ball:nth-child(1) {
height: 50px;
width: 50px;
top: 37%;
left: 10%;
animation: zoommd 1.5s infinite alternate;
}
.animate-ball .ball:nth-child(2) {
height: 70px;
width: 70px;
bottom: 22%;
right: 8%;
animation: bounce 4s infinite alternate;
}
.animate-ball .ball:nth-child(3) {
height: 100px;
width: 100px;
bottom: 43%;
right: 22%;
animation: zoommd 1.5s infinite alternate;
}
.animate-ball .ball:nth-child(4) {
height: 40px;
width: 40px;
bottom: 20%;
right: 32%;
animation: movexy 1.5s infinite alternate;
}
.animate-ball .ball:nth-child(5) {
height: 500px;
width: 500px;
top: -75%;
right: 100px;
animation: wave 3s 0.1s infinite linear;
}
.page-banner-contact {
height: 700px;
position: relative;
overflow: hidden;
background: #fdf8f8;
z-index: 2;
}
.page-banner-contact .circle {
position: absolute;
top: -40%;
left: -17%;
}
.page-banner-contact .page-title-wrapper {
padding: 315px 0 245px;
position: relative;
}
.page-banner-contact .page-title-wrapper .page-title {
font-size: 40px;
line-height: 54px;
}
.page-banner-contact .page-title-wrapper p {
font-size: 16px;
line-height: 30px;
}
.page-banner-contact .animate-ball .ball:nth-child(3) {
bottom: 55%;
right: 40%;
height: 70px;
width: 70px;
}
.page-banner-contact .animate-ball .ball:nth-child(4) {
bottom: 28%;
right: 40%;
}
.page-banner-contact .animate-ball .ball:nth-child(5) {
top: -60%;
}
.animate-element-contact {
position: relative;
z-index: 222;
height: 465px;
width: 408px;
bottom: -135px;
}
.animate-element-contact img {
position: absolute;
bottom: 0;
}
.animate-element-contact img:nth-child(1) {
left: 5px;
bottom: 55px;
}
.animate-element-contact img:nth-child(2) {
bottom: 41px;
left: 128px;
}
.animate-element-contact img:nth-child(3) {
right: 0;
}
.animate-element-contact img:nth-child(4) {
bottom: 0;
left: 110px;
}
@media (max-width: 1280px) {
.animate-element-contact {
margin-left: -80px;
}
}
@media (max-width: 1200px) {
.page-banner {
height: 400px !important;
}
.page-banner .circle {
top: -110%;
left: -35%;
}
.animate-ball .ball:nth-child(5) {
top: -102%;
right: 0;
}
.animate-element-contact {
margin-left: -80px;
}
}
@media (max-width: 991px) {
.page-banner {
height: 300px !important;
}
.page-banner .page-banner .circle {
top: -185%;
left: -45%;
}
.page-banner .page-title {
font-size: 40px;
margin: 40px auto 15px;
}
.page-banner .animate-ball .ball:nth-child(3) {
height: 50px;
width: 50px;
}
.page-banner .animate-ball .ball:nth-child(3) {
height: 40px;
width: 40px;
}
.page-banner .animate-ball .ball:nth-child(5) {
top: -190px;
right: 0;
height: 250px;
width: 250px;
}
.page-banner.blog-details-banner {
height: 400px;
}
.page-banner.blog-details-banner .page-title {
font-size: 30px;
line-height: 44px;
}
.page-banner.blog-details-banner .circle {
left: -50%;
}
.page-banner-contact {
height: 800px;
}
.page-banner-contact .page-title-wrapper {
padding: 130px 0 0;
}
.animate-element-contact {
height: 365px;
margin: 0 auto;
}
.page-banner .circle {
left: -60%;
}
}
@media (max-width: 768px) {
.page-banner .page-title {
font-size: 30px;
margin: 40px auto 10px;
}
.page-banner.blog-details-banner {
height: 400px !important;
}
.page-banner.blog-details-banner .page-title {
font-size: 26px;
line-height: 36px;
}
.page-banner.blog-details-banner .circle {
left: -70%;
}
.page-banner-contact .page-title-wrapper {
padding: 100px 0 0;
}
.page-banner-contact .page-title-wrapper .page-title {
font-size: 32px;
}
.page-banner-contact .page-title-wrapper p br {
display: none;
}
.page-banner .circle {
left: -80%;
}
}
@media (max-width: 576px) {
.page-banner .circle {
left: -120%;
}
} #header-middle-area > div {
padding-top: 25px;
padding-bottom: 25px;
}
@media (max-width: 991.98px) {
#header-middle-area > div {
padding: 10px 0;
}
#header-middle-area #middle-logo {
margin-bottom: 15px;
text-align: center;
}
} .widget:not(:last-child) {
margin-bottom: 56px;
}
.widget .widget-title {
font-size: 22px;
font-weight: 600;
margin-bottom: 25px;
}
.widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget ul li a {
font-size: 16px;
color: #797687;
font-weight: 400;
margin-right: 5px;
position: relative;
}
.widget ul li a:hover {
color: #fa7070;
}
.sidebar-widget-area .widget ul li a {
padding: 9px 0;
border-bottom: 1px dashed #eee;
}
.sidebar-widget-area .widget ul li:last-child a {
border-bottom: 0;
}
.widget-area .widget:last-child {
margin-bottom: 0;
}
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_product_categories ul,
.widget_rss ul,
.widget_pages ul,
.widget_nav_menu ul,
.insight-core-bmw ul {
margin: 0;
padding: 0;
}
.widget_recent_entries li,
.widget_recent_comments li,
.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_product_categories li,
.widget_rss li,
.widget_pages li,
.widget_nav_menu li,
.insight-core-bmw li {
transition: all 0.3s ease-in-out;
display: block;
margin: 0;
list-style-type: none;
position: relative;
}
.widget_recent_entries li:last-child,
.widget_recent_comments li:last-child,
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_meta li:last-child,
.widget_product_categories li:last-child,
.widget_rss li:last-child,
.widget_pages li:last-child,
.widget_nav_menu li:last-child,
.insight-core-bmw li:last-child {
border-bottom: 0;
}
.widget_recent_entries li .children,
.widget_recent_comments li .children,
.widget_archive li .children,
.widget_categories li .children,
.widget_meta li .children,
.widget_product_categories li .children,
.widget_rss li .children,
.widget_pages li .children,
.widget_nav_menu li .children,
.insight-core-bmw li .children {
padding-left: 15px;
}
.widget_recent_entries li:last-child,
.widget_recent_comments li:last-child,
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_meta li:last-child,
.widget_product_categories li:last-child,
.widget_rss li:last-child,
.widget_pages li:last-child,
.widget_nav_menu li:last-child,
.insight-core-bmw li:last-child {
margin-bottom: 0;
}
.widget_recent_entries li:hover .post-count,
.widget_recent_comments li:hover .post-count,
.widget_archive li:hover .post-count,
.widget_categories li:hover .post-count,
.widget_meta li:hover .post-count,
.widget_product_categories li:hover .post-count,
.widget_rss li:hover .post-count,
.widget_pages li:hover .post-count,
.widget_nav_menu li:hover .post-count,
.insight-core-bmw li:hover .post-count {
color: #fa7070;
}
.widget_recent_entries a,
.widget_recent_comments a,
.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_product_categories a,
.widget_rss a,
.widget_pages a,
.widget_nav_menu a,
.insight-core-bmw a {
display: block;
font-size: inherit;
font-family: inherit;
}
.widget_recent_entries a:hover,
.widget_recent_comments a:hover,
.widget_archive a:hover,
.widget_categories a:hover,
.widget_meta a:hover,
.widget_product_categories a:hover,
.widget_rss a:hover,
.widget_pages a:hover,
.widget_nav_menu a:hover,
.insight-core-bmw a:hover {
color: #fa7070;
}
.widget_rss a {
border-bottom: 0 !important;
display: inline-block;
}
.post-count {
margin-left: 5px;
}
.widget_pages .sub-menu > li,
.widget_nav_menu .sub-menu > li {
border-bottom: 0;
}
.widget_pages .sub-menu > li > a,
.widget_nav_menu .sub-menu > li > a {
margin-left: 10px;
}
.widget_pages .sub-menu > li .sub-menu,
.widget_nav_menu .sub-menu > li .sub-menu {
margin-left: 15px;
}
.widget_pages .sub-menu > li .sub-menu > li > a,
.widget_nav_menu .sub-menu > li .sub-menu > li > a {
padding-left: 20px;
}
.widget_pages .sub-menu > li .sub-menu > li > a, .widget_nav_menu .sub-menu > li .sub-menu > li > a {
padding: 5px 0;
}
.widget_categories li,
.widget_product_categories li {
margin: 0;
padding: 0;
position: relative;
}
.widget_categories a,
.widget_product_categories a {
display: block;
}
.widget_categories .children li,
.widget_product_categories .children li {
border-bottom: 0;
}
@keyframes shine {
100% {
left: 125%;
}
}
.saaspik-instagram {
display: flex;
flex-wrap: wrap;
width: calc(100% + 2%);
}
.saaspik-instagram .item {
margin-right: 2%;
margin-bottom: 2%;
}
.saaspik-instagram .item a {
position: relative;
overflow: hidden;
display: block;
}
.saaspik-instagram .item a:before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);
transform: skewX(-25deg);
}
.saaspik-instagram .item a:hover:before {
animation: shine .75s;
}
.saaspik-instagram.columns-4 .item {
width: calc(33.33% - 2%);
}
.saaspik-instagram.columns-3 .item {
width: calc(25% - 2%);
}
.saaspik-instagram.columns-2 .item {
width: calc(50% - 2%);
}
.saaspik_address_widget .address {
margin: 0;
padding: 0;
list-style: none;
}
.saaspik_address_widget .address li {
margin-bottom: 20px;
color: #fff;
display: flex;
align-items: center;
}
.saaspik_address_widget .address li .icon {
height: 28px;
width: 28px;
background: #fa7070;
text-align: center;
line-height: 28px;
border-radius: 3px;
}
.saaspik_address_widget .address li p {
margin-left: 15px;
flex: 1;
color: #d1d2d4;
margin-bottom: 0;
font-size: 14px;
}
.widget_recent_comments .recentcomments {
padding-left: 100px;
position: relative;
padding-bottom: 10px;
margin-bottom: 15px;
word-break: break-word;
min-height: 90px;
display: inline-block;
border-top: 0 !important;
border-bottom: 1px dashed #eee;
}
.widget_recent_comments .recentcomments a {
line-height: 30px;
border-bottom: 0 !important;
}
.widget_recent_comments .recentcomments:before {
position: absolute;
top: 0;
left: 0;
content: '\77';
font-family: "ElegantIcons";
height: 70px;
width: 70px;
line-height: 70px;
background: #f3ecec;
color: #797687;
text-align: center;
border-radius: 50%;
font-size: 20px;
}
.widget_recent_comments .recentcomments:last-child {
margin-bottom: 0;
}
.widget_recent_comments .recentcomments a {
display: inline-block;
}
.widget_recent_entries .post-date {
display: block;
font-size: 14px;
}
.widget_calendar td,
.widget_calendar th {
padding: 10px 0;
text-align: center;
min-width: auto;
}
.widget_calendar td#today {
background: #fa7070;
color: #fff;
}
.widget_calendar td#today a {
color: #fff;
}
@media (max-width: 991.98px) {
.page-content .widget {
margin: 0 0 52px;
}
}
@media (max-width: 767.98px) {
.page-content .widget {
margin: 0 0 32px;
}
.page-sidebar {
margin-bottom: 50px;
}
.page-sidebar .page-sidebar-inner .page-sidebar-content {
padding-right: 30px;
border: 1px solid #eee;
}
.page-sidebar .page-sidebar-inner .page-sidebar-content:after {
display: none;
}
.single-post .page-main-content {
padding-bottom: 20px;
}
}
.tagcloud a {
font-size: inherit !important;
display: inline-block;
line-height: 1.7;
}
.tagcloud a:hover {
color: #fa7070;
}
.tagcloud .tagcloud {
margin-top: 20px;
} .saaspik-recent-posts .widget-post:not(:last-child) {
margin-bottom: 30px;
}
.saaspik-recent-posts .widget-post .wp-post-image {
border-radius: 5px;
overflow: hidden;
width: 100px;
margin-right: 30px;
display: block;
}
.saaspik-recent-posts .widget-post .media-body h4 {
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
.saaspik-recent-posts .widget-post .media-body h4 a {
color: #2b2350;
}
.saaspik-recent-posts .widget-post .media-body h4 a:hover {
color: #fa7070;
}
.saaspik-recent-posts .widget-post .media-body time {
font-size: 15px;
}
.saaspik-recent-posts .widget-post .media-body .meta-date {
color: #797687;
font-size: 15px;
line-height: 28px;
} .tagcloud {
color: #2b2350;
display: inline-block;
margin-right: 15px;
font-size: 20px;
font-weight: 500;
}
.tagcloud a {
font-size: 14px !important;
background: #f3ecec;
color: #797687;
padding: 7px 21px;
font-weight: 500;
margin-bottom: 10px;
margin-left: 4px;
display: inline-block;
border-radius: 30px;
}
.tagcloud a:hover {
background: #fa7070;
color: #fff;
box-shadow: 0px 20px 30px 0px rgba(176, 70, 70, 0.3);
position: relative;
z-index: 2;
}
.site-footer a {
color: #807b7b;
}
.site-footer .widget-title,
.site-footer .widgettitle {
color: #2b2350;
font-size: 22px;
font-weight: 600;
margin-bottom: 38px;
border-bottom: 0;
padding-bottom: 0;
}
.site-footer .widget {
margin-bottom: 36px;
}
.site-footer .widget ul li {
margin-bottom: 10px;
}
.site-footer .widget ul li .post-count {
color: #797687;
transition: all 0.3s ease-in-out;
}
.site-footer .widget ul li a {
color: #797687;
font-weight: 400;
}
.site-footer .widget ul li a:hover {
color: #fa7070;
}
.site-footer .widget ul li:hover .post-count {
color: #fa7070;
}
.site-footer .widget_recent_entries > ul > li,
.site-footer .widget_recent_comments > ul > li,
.site-footer .widget_archive > ul > li,
.site-footer .widget_categories > ul > li,
.site-footer .widget_meta > ul > li,
.site-footer .widget_rss > ul > li,
.site-footer .widget_pages > ul > li {
border-color: #333;
}
.site-footer .widget_recent_entries > ul > li:first-child,
.site-footer .widget_recent_comments > ul > li:first-child,
.site-footer .widget_archive > ul > li:first-child,
.site-footer .widget_categories > ul > li:first-child,
.site-footer .widget_meta > ul > li:first-child,
.site-footer .widget_rss > ul > li:first-child,
.site-footer .widget_pages > ul > li:first-child {
padding-top: 0;
}
.site-footer .widget_recent_entries > ul > li:last-child,
.site-footer .widget_recent_comments > ul > li:last-child,
.site-footer .widget_archive > ul > li:last-child,
.site-footer .widget_categories > ul > li:last-child,
.site-footer .widget_meta > ul > li:last-child,
.site-footer .widget_rss > ul > li:last-child,
.site-footer .widget_pages > ul > li:last-child {
border: 0;
}
.site-footer .widget_recent_entries ul li,
.site-footer .widget_recent_comments ul li,
.site-footer .widget_archive ul li,
.site-footer .widget_categories ul li,
.site-footer .widget_meta ul li,
.site-footer .widget_rss ul li,
.site-footer .widget_pages ul li {
border-color: #cecece;
color: #222;
}
.site-footer .widget_recent_entries ul li a .post-count,
.site-footer .widget_recent_comments ul li a .post-count,
.site-footer .widget_archive ul li a .post-count,
.site-footer .widget_categories ul li a .post-count,
.site-footer .widget_meta ul li a .post-count,
.site-footer .widget_rss ul li a .post-count,
.site-footer .widget_pages ul li a .post-count {
color: #797687;
}
.site-footer .widget_pages .sub-menu,
.site-footer .widget_nav_menu .sub-menu {
padding-left: 5px;
}
.site-footer .widget_pages .sub-menu > li,
.site-footer .widget_nav_menu .sub-menu > li {
border-color: #333;
}
.site-footer .widget_nav_menu .sub-menu > li .sub-menu > li > a {
padding-left: 0;
}
.site-footer p {
color: #797687;
}
.site-footer p a {
color: #fa7070;
}
.site-footer table th {
background: #fa7070;
border-color: #b7b7b7;
color: #fff;
}
.site-footer table td {
border-color: #b3b3b3;
color: #807b7b;
}
.site-footer table#wp-calendar th {
min-width: auto;
}
.site-footer .widget_pages .sub-menu > li .sub-menu > li > a,
.site-footer .widget_nav_menu .sub-menu > li .sub-menu > li > a {
border-color: #464646;
}
.site-footer .gp-posts-widget .post-item + .post-item {
border-top: 1px solid #384158;
}
.site-footer .gp-posts-widget .post-widget-title a {
color: #fdfdfd;
}
.site-footer .gp-posts-widget .post-widget-title a:hover {
color: #fa7070;
}
.site-footer .tagcloud a {
color: #797687;
}
.site-footer .tagcloud a:hover {
color: #fff;
}
.site-footer .recent_posts_widget .resent-post {
border-color: #535353;
}
.site-footer .recent_posts_widget .resent-post .content h4 {
font-weight: 300;
}
.site-footer .recent_posts_widget .resent-post .content h4 a {
color: #d1d2d4;
}
.site-footer .recent_posts_widget .resent-post .content h4 a:hover {
color: #fa7070;
}
.site-footer .recent_posts_widget .resent-post .content .meta .author .url {
color: #fa7070;
text-transform: capitalize;
}
.site-footer .recent_posts_widget .resent-post .content .meta .author .url:hover {
color: #f83f3f;
}
.site-footer .recent_posts_widget .resent-post .content .meta .date {
color: #fa7070;
}
.site-footer .recent_posts_widget .resent-post .content .meta .date:before {
color: #d1d2d4;
}
.site-footer .widget_nav_menu .menu {
margin-bottom: 40px;
padding: 0;
list-style: none;
}
.site-footer .widget_nav_menu .menu li {
margin-bottom: 10px;
}
.site-footer .widget_nav_menu .menu li a {
color: #797687;
font-weight: 400;
line-height: 30px;
display: inline-block;
position: relative;
}
.site-footer .widget_nav_menu .menu li a:after {
position: absolute;
content: '';
display: block;
bottom: 5px;
height: 1px;
left: 0;
width: 100%;
background: #fa7070;
transform-origin: right center;
transform: scale(0, 1);
transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85), -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
}
.site-footer .widget_nav_menu .menu li a:hover {
color: #fa7070;
}
.site-footer .widget_nav_menu .menu li a:hover:after {
transform-origin: left center;
transform: scale(1, 1);
}
.site-footer .widget_nav_menu .menu li:first-child a:before {
display: none;
}
.site-footer .rsswidget {
color: #2b2350;
}
.widget ul.children > li a {
margin: 5px 0;
}
.newsletter-form-two.widget-newsletter {
width: 100%;
margin-top: 15px;
display: inline-block;
}
.newsletter-form-two.widget-newsletter .newsletter-inner {
border: 1px solid #e4d9d9;
border-radius: 30px;
overflow: hidden;
background: #fff;
display: flex;
}
.newsletter-form-two.widget-newsletter .newsletter-inner input {
color: #2b2350;
height: 52px;
padding: 10px 10px 10px 20px;
border: 0;
font-size: 14px;
}
.newsletter-form-two.widget-newsletter .newsletter-inner input::placeholder {
color: #c5c5c5;
font-weight: 300;
}
.newsletter-form-two.widget-newsletter .newsletter-inner input:focus {
background: transparent;
}
.newsletter-form-two.widget-newsletter .newsletter-inner .newsletter-submit {
height: 46px;
box-shadow: none;
outline: 0;
background: #fa7070;
width: 58px;
margin-right: 3px;
margin-top: 3px;
text-align: center;
padding: 0;
font-size: 14px;
display: block;
color: #fff;
}
.newsletter-form-two.widget-newsletter .newsletter-inner .newsletter-submit:hover {
background: #f95757;
}  .post.sticky {
display: block;
}
.post.sticky .blog-content {
border-bottom-color: #fa7070;
}
.post.sticky .blog-content .entry-title a {
color: #fa7070;
}
.post.sticky .post-meta li:nth-child(2) {
display: none;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.page-content:after,
.entry-content:after,
.entry-summary:after {
content: '';
clear: both;
display: block;
}
.page-header .page-title {
font-size: 40px;
margin-top: 0;
margin-bottom: 50px;
}
.page-content {
padding: 120px 0;
}
.page-template-default .page-content {
padding: 114px 0 97px;
}
.page-template-default .page-content .comments-area {
padding: 34px 0 23px;
}
.page-template-default .page-content .page-links {
margin-bottom: 20px;
}
.search-no-results .page-content .page-content {
padding: 20px 0 0;
}
.blog-post {
border-radius: 6px;
background-color: white;
box-shadow: 0px 6px 14px 0px rgba(43, 35, 79, 0.1);
overflow: hidden;
transition: all 0.3s ease-in-out;
margin-bottom: 30px;
}
.blog-post:hover {
box-shadow: 0px 30px 60px 0px rgba(43, 35, 79, 0.12);
}
.blog-post .blog-content {
padding: 22px 45px 30px;
background: #fff;
}
.blog-content {
padding-bottom: 40px;
background: #fff;
}
.blog-content .post-meta {
margin: 0;
padding: 0;
list-style: none;
}
.blog-content .post-meta li {
display: inline-block;
margin-right: 30px;
position: relative;
}
.blog-content .post-meta li i {
margin-right: 5px;
color: #fa7070;
}
.blog-content .post-meta li a {
color: #797687;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
}
.blog-content .post-meta li a:hover {
color: #fa7070;
}
.blog-content .entry-title {
font-size: 20px;
font-weight: 600;
margin: 10px 0 32px;
line-height: 30px;
}
.blog-content .entry-title a {
color: #222;
}
.blog-content .entry-title a:hover {
color: #fa7070;
}
.blog-content .read-more-ntn {
font-size: 12px;
font-weight: 600;
color: #fa7070;
text-transform: uppercase;
display: flex;
}
.blog-content .read-more-ntn i {
font-size: 10px;
display: flex;
align-items: center;
margin-left: 5px;
transition: all 0.3s ease-in-out;
}
.blog-content .read-more-ntn:hover {
color: #f83f3f;
}
.blog-content .read-more-ntn:hover i {
margin-left: 8px;
}
.post-author {
font-size: 16px;
font-weight: 500;
color: #656177;
display: block;
}
.post-author img {
border-radius: 50% !important;
margin-right: 10px;
}
.post-wrapper .post:not(:last-child),
.posts .post:not(:last-child) {
margin-bottom: 60px;
}
.full-width {
width: 100%;
}
.full-width .post-wrapper {
margin: 0 auto;
padding: 0;
}
.post-wrapper.saaspik-masonry {
width: calc(100% + 30px);
}
@media (max-width: 576px) {
.post-wrapper.saaspik-masonry {
width: 100%;
}
}
.post-wrapper.saaspik-masonry .grid-item {
width: calc(50% - 30px);
margin-right: 30px;
margin-bottom: 30px;
}
@media (max-width: 576px) {
.post-wrapper.saaspik-masonry .grid-item {
width: 100%;
margin-right: 0;
}
}
.post-wrapper.saaspik-masonry .grid-item.grid-4 {
width: calc(33.3333% - 30px);
}
.post-wrapper.saaspik-masonry .grid-item .post {
margin-bottom: 0;
}
.post-wrapper.saaspik-masonry .grid-item .post.format-video .feature-video iframe {
height: 200px;
}
.post-wrapper.saaspik-masonry .grid-item .post .blog-content {
padding-bottom: 0;
border-bottom: 0;
}
.post-wrapper.saaspik-masonry .grid-item .post.link-post .blog-content {
padding-bottom: 41px;
}
.post-wrapper.saaspik-masonry .grid-item .post blockquote {
padding: 41px 30px;
}
.post-wrapper.saaspik-masonry .grid-item .post blockquote p {
font-size: 22px;
}
.post-wrapper.saaspik-masonry .grid-item .post-meta a {
color: #827f79;
font-weight: 400;
margin-right: 25px;
position: relative;
}
.post-wrapper.saaspik-masonry .grid-item .post-meta a:after {
display: none;
}
.post-wrapper.saaspik-masonry .grid-item .post-meta a:hover {
color: #fa7070;
}
.post-wrapper.saaspik-masonry .grid-item .entry-content .entry-title {
font-size: 20px;
margin-top: 10px;
}
.post-wrapper.saaspik-masonry .grid-item .entry-content .entry-title a {
color: #2b2350;
}
.post-wrapper.saaspik-masonry .grid-item .entry-content .entry-title a:hover {
color: #fa7070;
}
.post-wrapper.saaspik-masonry.column-4 .grid-item {
width: calc(33.33% - 3%);
}
.post-wrapper .grid-item {
margin-bottom: 60px;
}
.post-wrapper .grid-item:last-child {
margin-bottom: 0;
}
.blog-content .entry-content .wp-block-cover, .wp-block-cover-image {
margin-bottom: 35px;
}
.post-grid .entry-content .entry-title {
font-size: 28px;
margin-top: 10px;
}
.post-grid .entry-content .entry-title a {
color: #2b2350;
}
.post-grid .entry-content .entry-title a:hover {
color: #fa7070;
}
.post-grid .entry-content .entry-meta a {
color: #827f79;
font-weight: 400;
}
.post-grid .entry-content .entry-meta a:first-child {
margin-right: 25px;
position: relative;
}
.post-grid .entry-content .entry-meta a:first-child:after {
content: '';
position: absolute;
right: -17px;
top: 5px;
width: 2px;
height: 18px;
background: #827f79;
}
.post-grid .entry-content .entry-meta a:hover {
color: #fa7070;
}
.blog-post-archive {
padding: 120px 0;
}
.post .post-thumbnail, .product .post-thumbnail {
border-radius: 6px;
overflow: hidden;
display: block;
margin-bottom: 26px;
}
.post .blog-content, .product .blog-content {
padding-bottom: 40px;
position: relative;
border-bottom: 1px solid #e6e5e0;
}
.post .blog-content .post-meta, .product .blog-content .post-meta {
margin: 0;
padding: 0;
}
.post .blog-content .post-meta li, .product .blog-content .post-meta li {
display: inline-block;
margin-right: 25px;
position: relative;
}
.post .blog-content .post-meta li:not(:last-child):before, .product .blog-content .post-meta li:not(:last-child):before {
position: absolute;
content: '';
right: -15px;
top: 7px;
width: 2px;
height: 14px;
background: #9997a3;
}
.post .blog-content .post-meta li a, .product .blog-content .post-meta li a {
color: #797687;
font-size: 15px;
margin-right: 3px;
font-weight: 400;
text-transform: uppercase;
}
.post .blog-content .post-meta li a:hover, .product .blog-content .post-meta li a:hover {
color: #fa7070;
}
.post .blog-content .entry-title, .product .blog-content .entry-title {
margin: 11px 0 21px;
font-size: 30px;
font-weight: 600;
line-height: 1.4;
}
.post .blog-content p, .product .blog-content p {
margin-bottom: 35px;
line-height: 1.8;
}
.post .blog-content .read-more, .product .blog-content .read-more {
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
color: #2b2350;
position: relative;
}
.post .blog-content .read-more i, .product .blog-content .read-more i {
transition: all 0.3s ease-in-out;
vertical-align: middle;
margin-left: 3px;
}
.post .blog-content .read-more:after, .product .blog-content .read-more:after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 1px;
background: #fa7070;
transition: all 0.3s ease-in-out;
}
.post .blog-content .read-more:hover, .product .blog-content .read-more:hover {
color: #fa7070;
}
.post .blog-content .read-more:hover i, .product .blog-content .read-more:hover i {
margin-left: 6px;
color: #fa7070;
}
.post .blog-content .read-more:hover:after, .product .blog-content .read-more:hover:after {
width: 100%;
}
.post .author, .product .author {
position: absolute;
right: 0;
bottom: 32px;
}
.post .author img, .product .author img {
height: 30px;
width: 30px;
border-radius: 50%;
margin-right: 10px;
}
.post .author span, .product .author span {
font-size: 16px;
font-weight: 500;
}
.post .author a, .product .author a {
font-size: 16px;
font-weight: 500;
color: #2b2350;
}
.post .author a:hover, .product .author a:hover {
color: #fa7070;
}
.post.format-video .feature-video, .product.format-video .feature-video {
max-height: 377px;
margin-bottom: 27px;
}
.post.format-video .feature-video iframe, .product.format-video .feature-video iframe {
height: 377px;
}
.post.format-video .feature-image, .product.format-video .feature-image {
position: relative;
}
.post.format-video .feature-image .video-btn, .product.format-video .feature-image .video-btn {
height: 80px;
width: 80px;
background: #fff;
border-radius: 50%;
line-height: 80px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.post.format-video .feature-image .video-btn:before, .post.format-video .feature-image .video-btn:after, .product.format-video .feature-image .video-btn:before, .product.format-video .feature-image .video-btn:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border: 1px solid #fff;
border-radius: 50%;
animation: pulse 2s linear infinite;
}
.post.format-video .feature-image .video-btn:after, .product.format-video .feature-image .video-btn:after {
animation-delay: 1s;
}
.post.format-video .feature-image .video-btn i, .product.format-video .feature-image .video-btn i {
color: #2b2350;
font-size: 40px;
line-height: 2.05;
}
.post.link-post .blog-content, .product.link-post .blog-content {
background: #fdf8f8;
padding: 50px 50px;
border-bottom: 0;
position: relative;
overflow: hidden;
border-radius: 6px;
}
.post.link-post .blog-content:before, .post.link-post .blog-content:after, .product.link-post .blog-content:before, .product.link-post .blog-content:after {
content: "\e02c";
font-family: 'ElegantIcons';
position: absolute;
}
.post.link-post .blog-content:before, .product.link-post .blog-content:before {
left: 28px;
top: 24px;
color: #f7eded;
font-size: 50px;
z-index: 1;
}
.post.link-post .blog-content:after, .product.link-post .blog-content:after {
right: 0;
bottom: -3px;
font-size: 100px;
color: #f7eded;
}
.post.link-post .blog-content p, .product.link-post .blog-content p {
font-size: 20px;
position: relative;
z-index: 2;
margin-bottom: 0;
line-height: 34px;
}
.post.link-post .blog-content p a, .product.link-post .blog-content p a {
color: #656177;
}
.post.link-post .blog-content p a:hover, .product.link-post .blog-content p a:hover {
color: #fa7070;
}
.post.post-post-grid, .product.post-post-grid {
border-radius: 6px;
box-shadow: 0px 6px 14px 0px rgba(43, 35, 79, 0.1);
overflow: hidden;
margin-bottom: 40px;
}
.post.post-post-grid.format-video .feature-video iframe, .product.post-post-grid.format-video .feature-video iframe {
max-width: 355px;
}
.post.post-post-grid .features-image img, .product.post-post-grid .features-image img {
width: 100%;
}
.post.post-post-grid .features-image .post-thumbnail, .product.post-post-grid .features-image .post-thumbnail {
margin: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.post.post-post-grid .blog-content, .product.post-post-grid .blog-content {
padding: 22px 40px 30px;
border-bottom: 0;
}
.post.post-post-grid .blog-content .entry-title, .product.post-post-grid .blog-content .entry-title {
font-size: 20px;
margin: 8px 0 37px;
line-height: 30px;
}
.post.post-post-grid .blog-content .author, .product.post-post-grid .blog-content .author {
position: static;
}
.saaspik-masonry .post.format-video .feature-video {
max-height: 250px;
margin-bottom: 0;
}
.saaspik-masonry .post.format-video .feature-video iframe {
height: 250px;
width: 355px;
}
.saaspik-masonry .post.quote-post blockquote:after {
right: 30px;
bottom: -19px;
}
blockquote {
position: relative;
background: #fdf8f8;
padding: 50px;
border-bottom: 0;
overflow: hidden;
width: 100%;
border-radius: 6px;
}
blockquote:before {
content: '';
position: absolute;
left: 28px;
top: -20px;
background-image: url(//pro.meetyourschool.com/wp-content/themes/saspik/assets/images/quote2.png);
width: 140px;
height: 80px;
z-index: 1;
}
blockquote:after {
content: '';
position: absolute;
background-image: url(//pro.meetyourschool.com/wp-content/themes/saspik/assets/images/quote.png);
width: 109px;
height: 76px;
z-index: 1;
right: 50px;
bottom: 35px;
}
blockquote p {
font-size: 20px;
font-weight: 400;
line-height: 34px;
margin-bottom: 0 !important;
position: relative;
z-index: 2;
color: #656177;
}
blockquote cite {
font-style: normal;
font-size: 16px;
font-weight: 500;
color: #2b2350;
z-index: 2;
position: relative;
margin-top: 45px;
display: inline-block;
}
.quote-post {
padding: 0;
border-bottom: 0;
}
.blog-container {
padding: 120px 0;
}
.single-post .page-content {
padding: 0;
}
.blog .page-content {
padding: 120px 0;
}
.post-single.post-wrapper {
padding: 0 15px;
}
.post-single.post-wrapper .post {
margin-bottom: 0;
}
.post-single.post-wrapper .post .post-thumbnail {
margin-bottom: 38px;
text-align: center;
}
.post-single.post-wrapper .post .post-thumbnail img {
transform: scale(1);
}
.post-single.post-wrapper .post .post-thumbnail:hover:before {
display: none;
}
.post-single.post-wrapper .post .blog-content h3 {
font-weight: 700;
margin-bottom: 20px;
}
.post-single.post-wrapper .post.format-video .feature-video {
margin-bottom: 20px;
}
.post-single.post-wrapper .post.format-video .feature-video iframe {
height: 400px;
}
.post-single.post-wrapper .post .wp-block-image {
text-align: center;
}
.post-single.post-wrapper.video-post .feature-image {
position: relative;
}
.post-single.post-wrapper.video-post .feature-image .video-btn {
height: 80px;
width: 80px;
background: #fff;
border-radius: 50%;
line-height: 80px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.post-single.post-wrapper.video-post .feature-image .video-btn:before {
content: '';
position: absolute;
left: -10px;
right: -10px;
bottom: -10px;
top: -10px;
border: 1px solid #fff;
border-radius: 50%;
}
.post-single.post-wrapper.video-post .feature-image .video-btn i {
color: #2b2350;
font-size: 16px;
font-size: 40px;
line-height: 2.05;
}
.post-single.post-wrapper blockquote {
display: inline-block;
margin-top: 15px;
margin-bottom: 42px;
}
.post-single.post-wrapper .wp-block-image {
margin-bottom: 39px;
}
.single-post .entry-content iframe {
height: 380px;
}
.blog-share {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
.blog-share .share-title p {
color: #2b2350;
display: inline-block;
margin: 0;
font-weight: 500;
font-size: 20px;
}
.share-link {
margin: 0;
padding: 0;
list-style: none;
}
.share-link li {
display: inline-block;
margin-right: 5px;
padding-left: 0 !important;
}
.share-link li:before {
display: none;
}
.share-link li:last-child {
margin-right: 0;
}
.share-link li a {
display: block;
height: 44px;
width: 44px;
text-align: center;
line-height: 43px;
color: #aba8a4;
border-radius: 50%;
font-size: 14px;
border: 1px solid #e5dada;
}
.share-link li a:hover {
background: #fa7070;
color: #fff;
border-color: #fa7070;
}
.search-page .post {
margin-bottom: 30px;
}
@media (max-width: 991px) {
#blog-grid {
padding: 80px 0 50px;
}
}
@media (max-width: 768px) {
#blog-grid {
padding: 40px 0 30px;
}
.comment-list .comment .comment-body.menu-comments .comment-author {
height: 60px;
width: 60px;
margin-right: 15px;
}
.comment-list .comment .comment-body .comment-author {
height: 60px;
width: 60px;
margin-right: 15px;
}
.comment-list .comment .comment-body .comment-content {
padding-bottom: 20px;
}
.comment-list .comment .comment-body .comment-content h4 {
font-size: 18px;
}
.comment-list .comment .comment-body .comment-content p {
font-size: 16px;
line-height: 26px;
}
.comment-list .children {
padding-left: 70px;
}
.comment-respond .comment-reply-title {
font-size: 35px;
margin-bottom: 30px;
}
}
@media (max-width: 420px) {
.comment-list .comment .comment-body .comment-content .ratings {
position: static;
}
}
.page-links {
clear: both;
margin: 0 0 1.5em;
padding-top: 20px;
}
.page-links a,
.page-links .current {
height: 30px;
width: 30px;
border-radius: 50%;
background: #f8f6f2;
color: #2b2350;
display: inline-block;
text-align: center;
line-height: 30px;
font-size: 16px;
}
.page-links a:hover,
.page-links .current:hover {
background: #fa7070;
color: #fff;
}
.page-links .current {
background: #fa7070;
color: #fff;
}
.post-navigation {
margin-bottom: 50px;
}
.post-navigation .nav-links {
display: flex;
align-items: center;
flex-wrap: wrap;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
position: relative;
width: calc(100% + 2%);
}
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
width: calc(50% - 2%);
height: 50px;
line-height: 50px;
padding: 0 15px;
background: #333;
margin-right: 2%;
flex: 1;
font-weight: 500;
text-align: center;
transition: all 0.3s ease-in-out;
}
.post-navigation .nav-links .nav-previous a,
.post-navigation .nav-links .nav-next a {
font-weight: 500;
font-size: 16px;
color: #fff;
display: block;
outline: 0;
}
.post-navigation .nav-links .nav-previous a:hover,
.post-navigation .nav-links .nav-next a:hover {
color: #fff;
}
.post-navigation .nav-links .nav-previous:hover,
.post-navigation .nav-links .nav-next:hover {
background: #fa7070;
}
.post-navigation .nav-links .nav-previous {
padding-right: 30px;
}
.post-navigation .nav-links .nav-next {
padding-left: 30px;
}
#post-pagination {
margin-top: 40px;
text-align: center;
}
#post-pagination .page-numbers {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
#post-pagination .page-numbers li {
display: inline-block;
height: 50px;
width: 50px;
line-height: 50px;
font-size: 20px;
background: #f8f6f2;
border-radius: 50%;
margin-right: 10px;
text-align: center;
transition: all 0.3s ease-in-out;
overflow: hidden;
}
#post-pagination .page-numbers li a,
#post-pagination .page-numbers li span {
display: block;
}
#post-pagination .page-numbers li.next {
line-height: 54px;
}
#post-pagination .page-numbers li:hover,
#post-pagination .page-numbers li .current {
background: #fa7070;
color: #fff;
}
#post-pagination .page-numbers li:hover a,
#post-pagination .page-numbers li .current a {
color: #fff;
}
#post-pagination .page-numbers li.current {
background: #fa7070;
color: #fff;
}
.first-lg {
-webkit-order: -1;
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
} .saaspik_post_author_box {
background: #faf8f5;
padding: 40px;
display: flex;
flex-wrap: wrap;
margin-top: 80px;
border-radius: 6px;
}
.saaspik_post_author_box .profile_image {
width: 80px;
margin-right: 20px;
border-radius: 50%;
}
.saaspik_post_author_box .profile_image img {
border-radius: 50%;
}
.saaspik_post_author_box .profile_content {
flex: 1;
}
.saaspik_post_author_box .profile_content .profile_name {
font-size: 20px;
line-height: 28px;
color: #2b2350;
margin-bottom: 10px;
margin-top: 0;
font-weight: 600;
}
.saaspik_post_author_box .profile_content .author-job {
font-size: 16px;
line-height: 28px;
margin-bottom: 15px;
display: inline-block;
}
.saaspik_post_author_box .profile_content .profile_bio p {
font-size: 16px;
color: #827f79;
margin-bottom: 0;
font-weight: 500;
}
.saaspik_post_author_box .user-social-link {
margin: 0;
padding: 0;
list-style: none;
}
.saaspik_post_author_box .user-social-link li {
display: inline-block;
margin-right: 10px;
font-size: 18px;
}
.post-share {
display: inline-block;
flex: 1;
}
.share-trigger .share-items {
float: right;
}
.share-trigger .share-items a {
height: 35px;
width: 35px;
display: inline-block;
background: #f5f5f5;
border-radius: 50%;
text-align: center;
line-height: 35px;
margin-right: 5px;
color: #fff;
}
.share-trigger .share-items a.facebook-bg {
background: #3b5998;
}
.share-trigger .share-items a.facebook-bg:hover {
background: #263961;
}
.share-trigger .share-items a.twitter-bg {
background: #3cf;
}
.share-trigger .share-items a.twitter-bg:hover {
background: #00ace6;
}
.share-trigger .share-items a.google-plus-bg {
background: #dc4a38;
}
.share-trigger .share-items a.google-plus-bg:hover {
background: #aa2d1e;
}
.share-trigger .share-items a.linkedin-bg {
background: #0077B5;
}
.share-trigger .share-items a.linkedin-bg:hover {
background: #004569;
}
@media (max-width: 991px) {
.blog .page-content {
padding: 80px 0 50px;
}
.blog-container {
padding: 80px 0;
}
#secondary {
margin-top: 40px;
}
}
@media (max-width: 768px) {
.blog-container {
padding: 50px 0;
}
}
@media (max-width: 600px) {
.site-header .site-nav {
box-shadow: none;
width: 100% !important;
}
} .search-form {
position: relative;
}
.search-form label {
margin: 0;
width: 100%;
}
.search-form .search-field {
background: transparent;
padding: 19px 10px 19px 30px;
font-size: 16px;
font-weight: 400;
margin: 0;
border-radius: 45px;
width: 100%;
border: 1px solid #efe7e7;
transition: all 0.3s ease-in-out;
}
.search-form .search-field:focus {
box-shadow: 0px 20px 40px 0px rgba(79, 35, 35, 0.1);
}
.search-form .search-field::placeholder {
color: #9e9c97;
}
.search-form button {
position: absolute;
border: 0;
background-color: transparent;
color: #9e9c97;
outline: 0;
padding: 0;
top: 50%;
right: 20px;
transform: translateY(-50%);
font-size: 20px;
}
.search-form button i {
transform: rotate(-89deg);
display: block;
color: #fa7070;
}
.search-form button:hover {
color: #fa7070;
}
#search-menu-wrapper {
opacity: 0;
visibility: hidden;
transition: opacity .7s ease, visibility .7s ease;
height: 100vh;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999;
}
#search-menu-wrapper .close-search {
color: #fff;
z-index: 9999999;
opacity: 5;
position: absolute;
right: 30px;
top: 30px;
font-size: 40px;
cursor: pointer;
}
#search-menu-wrapper .overlay-bg {
transition: -webkit-filter 0.2s;
transition: filter 0.2s;
transition: filter 0.2s, -webkit-filter 0.2s;
-webkit-filter: blur(4px);
filter: blur(4px);
background: rgba(0, 0, 0, 0.7);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#search-menu-wrapper.toggled {
opacity: 1;
visibility: visible;
}
#search-menu-wrapper .wrapper {
width: 70%;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
#search-menu-wrapper .search-form {
width: 100%;
}
#search-menu-wrapper .search-form input {
border-radius: 0;
border: 0;
background: rgba(0, 0, 0, 0.7);
height: 80px;
color: #fff;
font-size: 30px;
}
#search-menu-wrapper .search-form button i {
color: #fff;
transition: all 0.3s ease-in-out;
}
#search-menu-wrapper .search-form button i:hover {
color: #fa7070;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-area {
padding-top: 75px;
}
.comments-area .comment-inner {
margin-bottom: 50px;
}
.comments-area .reply-title {
font-size: 24px;
font-weight: 600;
color: #2b2350;
margin-bottom: 30px;
}
.comments-area .no-comments {
margin: 0;
line-height: 11px;
}
.comment-list {
margin: 0;
padding: 0;
list-style: none;
}
.comment-list .comment .post_author {
display: flex;
flex-wrap: wrap;
}
.comment-list .comment .post_author .avatar {
margin-right: 20px;
border-radius: 50%;
}
.comment-list .comment .post_author .media-body {
border-bottom: 1px solid #e6e5e0;
padding-bottom: 30px;
position: relative;
margin-bottom: 30px;
overflow: auto;
}
.comment-list .comment .post_author .media-body .comment_info {
display: inline-block;
}
.comment-list .comment .post_author .media-body .comment_info h3 {
margin-top: 0;
margin-bottom: 3px;
font-size: 16px;
}
.comment-list .comment .post_author .media-body .comment_info .comment-date {
font-size: 16px;
color: #918f9c;
font-weight: 400;
line-height: 28px;
margin-bottom: 10px;
margin-right: 10px;
}
.comment-list .comment .post_author .media-body .comment-reply-link {
color: #2b2350;
font-size: 15px;
font-weight: 500;
}
.comment-list .comment .post_author .media-body .comment-reply-link i {
margin-right: 6px;
font-size: 16px;
}
.comment-list .comment .post_author .media-body .comment-reply-link:hover {
color: #fa7070;
}
.comment-list .comment .post_author .media-body p {
line-height: 26px;
margin-bottom: 24px;
}
.comment-list .comment .children {
margin: 0;
padding-left: 80px;
list-style: none;
}
.comment-list .comment .children #respond {
margin-bottom: 30px;
}
.comment-list .comment .children .post_author img {
width: 50px;
}
.comment-respond .comment-reply-title {
font-size: 24px;
font-weight: 600;
margin-bottom: 40px;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email {
width: 50%;
float: left;
margin-bottom: 0;
}
.comment-form .comment-form-author {
padding-right: 15px;
}
.comment-form .comment-form-email {
padding-left: 15px;
}
.comment-form input[type="text"],
.comment-form textarea {
font-size: 16px;
padding: 15px 30px;
background: #fdfafa;
border: 1px solid #efe7e7;
}
.comment-form input[type="text"]::placeholder,
.comment-form textarea::placeholder {
color: #a7a5b1;
font-weight: 400;
}
.comment-form input[type="text"]:focus,
.comment-form textarea:focus {
box-shadow: 0px 20px 40px 0px rgba(79, 35, 35, 0.1);
background: #fff;
}
.comment-form textarea {
height: 200px;
}
.comment-form .form-submit {
margin-bottom: 0;
}
.comment-form .pix-btn {
padding: 12px 45px;
border: 1px solid transparent;
}
.comment-form .pix-btn:hover {
background: transparent;
color: #fa7070;
border-color: #fa7070;
}
@media (max-width: 768px) {
.comment-list .comment .children {
padding-left: 30px;
}
}
@media (max-width: 576px) {
.comment-list .children {
padding-left: 30px;
}
.comments-area {
padding: 44px 0 50px;
}
}
@media (max-width: 420px) {
.comment-list .children {
padding-left: 20px;
}
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
}
iframe {
border-width: 0px;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
.blog-content .gallery {
padding: 0;
margin: 0;
} .wp-block-button .wp-block-button__link {
background: #2b2350;
border-radius: 5px;
}
.wp-block-button .wp-block-button__link:hover {
background: #fa7070;
}
.wp-block-button .wp-block-button__link br {
display: none;
}
.wp-block-button.is-style-outline .wp-block-button__link {
background: transparent;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
border-color: #fa7070;
color: #fa7070;
}
.wp-block-cover .wp-block-cover-text {
padding: 30px;
}
.wp-block-gallery.is-cropped .blocks-gallery-caption:last-child,
.wp-block-gallery.is-cropped {
margin-bottom: 1rem;
}
.has-background-dim p {
color: #fff !important;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
padding-left: 0;
}
.post-single .post .blog-content p {
margin-bottom: 1rem;
}
.wp-block-search .wp-block-search__button {
margin-left: 10px;
height: 60px;
border: 0;
background: #3a3939;
color: #fff;
border-radius: 30px;
}
.wp-block-search .wp-block-search__button:hover {
background: #fa7070;
}
.wp-block-calendar, .wp-block-categories select {
margin-bottom: 1em;
}
.wp-block-calendar table th {
text-align: center;
}
#today {
background: #fa7070;
}
#today a {
text-decoration: none;
color: #fff;
}
.wp-block-latest-comments {
padding-left: 0;
}
.wp-block-group.has-background {
padding: 20px 30px;
}
.wp-block-group.has-background p {
margin: 28px 0;
}
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
padding-left: 0;
}
.wp-block-gallery .blocks-gallery-image:before,
.wp-block-gallery .blocks-gallery-item:before {
display: none;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
background-color: transparent;
padding: 0;
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
font-size: 1.6em;
font-weight: 300;
}
.wp-block-quote.is-large:before, .wp-block-quote.is-large:after, .wp-block-quote.is-style-large:before, .wp-block-quote.is-style-large:after {
display: none;
}
.wp-block-pullquote blockquote {
background: transparent;
}
.wp-block-pullquote blockquote:before, .wp-block-pullquote blockquote:after {
display: none;
}
.wp-block-pullquote p {
font-size: 34px;
line-height: 1.6;
font-weight: 600;
}
.wp-block-separator.is-style-wide {
background-color: #767676;
border: 0;
height: 2px;
margin-bottom: 2rem;
margin-top: 2rem;
max-width: 2.25em !important;
text-align: left;
margin-left: inherit;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color {
background-color: #0073aa;
padding-left: 0;
padding-right: 0;
}
.entry .entry-content .wp-block-pullquote {
border-color: transparent;
border-width: 1px;
padding: 1rem;
}
.entry .entry-content .wp-block-pullquote blockquote {
background-color: transparent;
}
.entry .entry-content .wp-block-pullquote blockquote:before, .entry .entry-content .wp-block-pullquote blockquote:after {
display: none;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
color: #fff;
padding-left: 0;
margin-left: 1rem;
margin-right: 1rem;
}
.entry .entry-content .wp-block-pullquote blockquote {
color: #111;
border: none;
margin-top: calc(4 * 1rem);
margin-bottom: calc(4.33 * 1rem);
margin-right: 0;
padding-left: 0;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
font-size: 1.6875em;
line-height: 1.3;
margin-bottom: .5em;
margin-top: .5em;
}
.entry .entry-content .wp-block-pullquote p {
font-size: 1.6875em;
font-style: italic;
line-height: 1.3;
margin-bottom: .5em;
margin-top: .5em;
}
.entry .entry-content .wp-block-archives li,
.entry .entry-content .wp-block-categories li,
.entry .entry-content .wp-block-latest-posts li {
padding-left: 0;
line-height: 1.1;
padding-bottom: 2px;
}
.entry .entry-content .wp-block-archives li time,
.entry .entry-content .wp-block-categories li time,
.entry .entry-content .wp-block-latest-posts li time {
line-height: 1;
}
.entry .entry-content .wp-block-archives li:before,
.entry .entry-content .wp-block-categories li:before,
.entry .entry-content .wp-block-latest-posts li:before {
display: none;
}
.entry .entry-content .wp-block-archives li a,
.entry .entry-content .wp-block-categories li a,
.entry .entry-content .wp-block-latest-posts li a {
font-size: 16px;
line-height: 40px;
color: #797687;
}
.entry .entry-content .wp-block-archives li a:hover,
.entry .entry-content .wp-block-categories li a:hover,
.entry .entry-content .wp-block-latest-posts li a:hover {
color: #fa7070;
}
.entry .entry-content .wp-block-archives li .children,
.entry .entry-content .wp-block-categories li .children,
.entry .entry-content .wp-block-latest-posts li .children {
padding-left: 30px;
}
.wp-block-archives, .wp-block-categories-list {
margin: 0;
padding: 0;
list-style: none;
}
.wp-block-archives-dropdown select {
max-width: 300px;
width: 100%;
padding: 7px 10px;
margin-bottom: 20px;
}
.wp-block-latest-comments__comment {
font-size: 20px;
}
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a {
color: #2b2350;
font-weight: 600;
}
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a:hover {
color: #fa7070;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
}
.entry .entry-content .wp-block-separator, .entry .entry-content hr {
max-width: 100% !important;
text-align: left;
margin-left: inherit;
width: 100%;
background-color: #ccc;
border: 0;
height: 1px;
margin-top: 16px;
margin-bottom: 24px;
}
.wp-block-media-text {
margin-bottom: 35px;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color {
padding-left: 10%;
padding-right: 10%;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
font-size: 2.22em;
color: #fff;
}
.entry .entry-content .wp-block-pullquote p {
font-size: 2.25em;
}
.entry .entry-content .wp-block-separator.is-style-wide, .entry .entry-content hr.is-style-wide {
max-width: calc(8 * (100vw / 12) - 28px);
}
.entry .entry-content .wp-block-separator.is-style-dots, .entry .entry-content hr.is-style-dots {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-separator.is-style-wide, .entry .entry-content hr.is-style-wide {
max-width: calc(6 * (100vw / 12) - 28px);
}
.entry .entry-content .wp-block-separator.is-style-dots, .entry .entry-content hr.is-style-dots {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .wp-block-separator.is-style-dots, .entry .entry-content hr.is-style-dots {
max-width: 100%;
background-color: inherit;
border: inherit;
height: inherit;
text-align: center;
}
.entry .entry-content .wp-block-separator.is-style-dots:before, .entry .entry-content hr.is-style-dots:before {
color: #767676;
font-size: 1.6875em;
letter-spacing: .88889em;
padding-left: .88889em;
}
.wp-block-separator.is-style-dots:before {
content: "\00b7 \00b7 \00b7";
color: #191e23;
font-size: 20px;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif;
}
.wp-block-table.is-style-stripes {
border-collapse: collapse;
}
.wp-block-table.is-style-stripes td {
border-color: #dad3c5;
border-bottom-width: 1px;
}
.wp-block-table.is-style-stripes td:not(:first-child) {
border-left-width: 1px;
}
.wp-block-table.is-style-stripes tr {
border-top: 1px solid #dad3c5;
}
.wp-block-table.is-style-stripes tr:last-child td {
border-bottom-width: 1px;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100% !important;
text-align: left;
margin-left: inherit;
width: 100%;
background-color: #ccc;
border: 0;
height: 1px;
margin-top: 16px;
margin-bottom: 24px;
}
.wp-block-separator.is-style-dots {
margin-left: inherit;
background: none;
border: none;
text-align: center;
line-height: 1;
height: auto;
margin-bottom: 2rem;
margin-top: 2rem;
max-width: 2.25em !important;
}