first commit

This commit is contained in:
CHIEFSOFT\ameye
2024-07-29 12:45:59 -04:00
parent 00f486b418
commit 135fd520db
730 changed files with 20176 additions and 93 deletions
+371
View File
@@ -0,0 +1,371 @@
@media screen and (max-width:1200px) {
/* about app section */
.about_app_section .about_text .app_statstic li {
width: 210px;
padding-left: 20px;
}
.about_app_section .about_text .app_statstic li p:first-child {
font-size: 30px;
}
}
@media screen and (max-width:992px) {
/* about app section */
.about_app_section .row {
flex-direction: column-reverse;
}
.about_app_section .about_img {
justify-content: flex-start;
margin-top: 75px;
margin-left: 0;
}
.about_app_section .about_img::before {
left: 50%;
}
.about_app_section .about_img .screen_img {
margin-left: -170px;
}
.about_app_section .about_text .app_statstic {
justify-content: flex-start;
}
.about_app_section .about_text .app_statstic li {
width: 35%;
margin-right: 30px;
}
.about_app_section .about_img::before {
left: 35%;
}
}
@media screen and (max-width:767px) {
/* about app section */
.about_app_section .about_text,
.about_app_section .about_text .section_title {
text-align: center;
}
.about_app_section .about_text .app_statstic {
margin-top: 0;
justify-content: space-between;
}
.about_app_section .about_text .app_statstic li {
width: 48%;
margin-right: 0;
}
.about_app_section .about_text .app_statstic li p:first-child {
font-size: 18px;
}
.about_app_section .about_img {
margin: 0;
margin-top: 50px;
justify-content: center;
}
.about_app_section .about_img::before {
width: 350px;
height: 350px;
}
}
.row_am.about_app_section._ {
background: #fbf4fe;
}
@media screen and (max-width:479px) {
/* about app section */
.about_app_section .about_img::before {
left: 49%;
}
}
/* about app section */
/* .about_app_section .row {
flex-direction: column-reverse;
} */
.about_app_section .about_img {
justify-content: flex-start;
margin-top: 75px;
margin-left: 0;
}
.about_app_section .about_img::before {
left: 50%;
}
.about_app_section .about_img .screen_img {
margin-left: -170px;
}
.about_app_section .about_text .app_statstic {
justify-content: flex-start;
}
.about_app_section .about_text .app_statstic li {
width: 35%;
margin-right: 30px;
}
.about_app_section .about_img::before {
left: 35%;
}
/* about app section */
.about_app_section .about_text .app_statstic {
margin-top: 0;
justify-content: space-between;
}
.about_app_section .about_text .app_statstic li {
width: 48%;
margin-right: 0;
}
.about_app_section .about_text .app_statstic li p:first-child {
font-size: 18px;
}
.about_app_section .about_img {
margin: 0;
margin-top: 50px;
justify-content: center;
}
.about_app_section .about_img::before {
width: 350px;
height: 350px;
}
@media screen and (max-width: 479px) {
/* about app section */
.about_app_section .about_img::before {
left: 49%;
}
}
.section_title h2 {
font-size: 44px;
letter-spacing: 2px;
line-height: 54px;
text-shadow: 0 4px 10px #0000004d;
font-weight: 700;
color: #32236F;
}
.section_title h2 span {
color: #1a3544;
}
/* about us section wraper */
.about_app_section .about_img {
display: flex;
align-items: center;
position: relative;
}
/* about us section images*/
.about_app_section .about_img img {
max-width: 100%;
}
.about_app_section .about_img::before {
content: "";
position: absolute;
left: 38%;
top: 50%;
transform: translate(-50%, -50%);
width: 500px;
height: 500px;
background-color: #fff;
border-radius: 100%;
z-index: -1;
}
.about_app_section .about_img .screen_img {
margin-left: -135px;
margin-top: 110px;
}
.about_app_section .about_text .section_title {
text-align: left;
}
.about_app_section .about_text .section_title h2 {
margin-bottom: 15px;
}
/* about us section statastics nomber */
.about_app_section .about_text .app_statstic {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 10px;
margin-top: 40px;
}
.about_app_section .about_text .app_statstic li {
width: 248px;
background-color: #fff;
margin-bottom: 30px;
display: flex;
align-items: center;
border-radius: 12px;
padding: 15px 10px;
padding-left: 35px;
box-shadow: 0px 4px 10px #ede9fe;
}
.about_app_section .about_text .app_statstic li .icon {
margin-right: 9px;
}
.about_app_section .about_text .app_statstic li p {
margin-bottom: 0;
line-height: 1;
color: #32236F;
}
.about_app_section .about_text .app_statstic li p:first-child {
font-size: 40px;
font-weight: 600;
margin-bottom: 3px;
}
.about_app_section .about_img .screen_img img {
animation-delay: 3s;
}
.row_am {
padding: 50px 0;
}
.row_am {
padding: 30px 0;
}
.puprple_btn {
background-color: #1a3544;
color: #fff;
border-radius: 50px;
padding: 10px 40px;
position: relative;
overflow: hidden;
z-index: 1;
font-weight: 500;
}
.puprple_btn::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0%;
height: 100%;
background-color: #fff;
border-radius: 50px;
transition: .6s all;
z-index: -1;
}
.puprple_btn:hover::before {
width: 100%;
}
.puprple_btn:hover {
color: #1a3544;
}
@media screen and (max-width:767px) {
/* modern ui section */
.modern_ui_section .ui_images {
margin-top: 10px;
}
.modern_ui_section .section_title {
text-align: center;
}
.modern_ui_section .design_block li {
padding-left: 0;
margin-bottom: 30px;
}
.modern_ui_section .design_block li::before {
position: relative;
left: auto;
top: auto;
display: inline-block;
}
}
.modern_ui_section .row {
align-items: center;
}
.modern_ui_section .design_block {
margin-top: 45px;
}
/* modern ui text */
.modern_ui_section .section_title {
text-align: left;
}
.modern_ui_section .ui_text {
padding-right: 75px;
}
/* modern ui list */
.modern_ui_section .design_block li {
padding-left: 40px;
position: relative;
margin-bottom: 25px;
}
.modern_ui_section .design_block li::before {
content: "";
position: absolute;
left: 0;
top: 5px;
/* background-image: url(../../src/assets/images/right_icon.png); */
background-image: url(../../assets//images//right_icon.png);
width: 22px;
height: 22px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.modern_ui_section .design_block li h4 {
font-size: 24px;
font-weight: 700;
padding-bottom: 7px;
text-shadow: 3px 4px 10px #0000004d;
color: #32236F;
margin-bottom: 8px;
}
.modern_ui_section .design_block li p {
margin-bottom: 0;
}
File diff suppressed because one or more lines are too long
+602
View File
@@ -0,0 +1,602 @@
@-webkit-keyframes jump {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40% {
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes jump {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40% {
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes rotated {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotated {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotatedHalf {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes rotatedHalf {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@-webkit-keyframes rotatedHalfTwo {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@keyframes rotatedHalfTwo {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@-webkit-keyframes scale-upOne {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
}
@keyframes scale-upOne {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
}
@-webkit-keyframes scale-right {
0% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
50% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@keyframes scale-right {
0% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
50% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@-webkit-keyframes fade-in {
0% {
opacity: 0.7;
}
40% {
opacity: 1;
}
100% {
opacity: 0.7;
}
}
@keyframes fade-in {
0% {
opacity: 0.7;
}
40% {
opacity: 1;
}
100% {
opacity: 0.7;
}
}
@keyframes hvr-ripple-out {
0% {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
opacity: 1;
}
100% {
top: -6px;
right: -6px;
bottom: -6px;
left: -6px;
opacity: 0;
}
}
@keyframes hvr-ripple-out-two {
0% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
@-webkit-keyframes scale-up-one {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
40% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scale-up-one {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
40% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes scale-up-two {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
40% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@keyframes scale-up-two {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
40% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@-webkit-keyframes scale-up-three {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
40% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
100% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}
@keyframes scale-up-three {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
40% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
100% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}
@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);
}
}
@-webkit-keyframes animationFramesOne {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
20% {
-webkit-transform: translate(73px, -1px) rotate(36deg);
}
40% {
-webkit-transform: translate(141px, 72px) rotate(72deg);
}
60% {
-webkit-transform: translate(83px, 122px) rotate(108deg);
}
80% {
-webkit-transform: translate(-40px, 72px) rotate(144deg);
}
100% {
-webkit-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);
}
}
@-webkit-keyframes animationFramesTwo {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
}
20% {
-webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
}
40% {
-webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
}
60% {
-webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
}
80% {
-webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
}
}
@keyframes animationFramesThree {
0% {
transform: translate(165px, -179px);
}
100% {
transform: translate(-346px, 617px);
}
}
@-webkit-keyframes animationFramesThree {
0% {
-webkit-transform: translate(165px, -179px);
}
100% {
-webkit-transform: translate(-346px, 617px);
}
}
@keyframes animationFramesFour {
0% {
transform: translate(-300px, 151px) rotate(0deg);
}
100% {
transform: translate(251px, -200px) rotate(180deg);
}
}
@-webkit-keyframes animationFramesFour {
0% {
-webkit-transform: translate(-300px, 151px) rotate(0deg);
}
100% {
-webkit-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);
}
}
@-webkit-keyframes animationFramesFive {
0% {
-webkit-transform: translate(61px, -99px) rotate(0deg);
}
21% {
-webkit-transform: translate(4px, -190px) rotate(38deg);
}
41% {
-webkit-transform: translate(-139px, -200px) rotate(74deg);
}
60% {
-webkit-transform: translate(-263px, -164px) rotate(108deg);
}
80% {
-webkit-transform: translate(-195px, -49px) rotate(144deg);
}
100% {
-webkit-transform: translate(-1px, 0px) rotate(180deg);
}
}
@keyframes gradientBG {
0% {
background-position: 0 0;
}
50% {
background-position: 300% 0;
}
100% {
background-position: 0 0;
}
}
@-webkit-keyframes gradientBG {
0% {
background-position: 0 0;
}
50% {
background-position: 300% 0;
}
100% {
background-position: 0 0;
}
}
@keyframes imageBgAnim {
0% {
background-position: 0 0;
}
50% {
background-position: 120% 0;
}
100% {
background-position: 0 0;
}
}
@-webkit-keyframes gradientBG {
0% {
background-position: 0 0;
}
50% {
background-position: 120% 0;
}
100% {
background-position: 0 0;
}
}
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
+351
View File
@@ -0,0 +1,351 @@
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
File diff suppressed because it is too large Load Diff
+33
View File
@@ -0,0 +1,33 @@
:root {
--loader-width: auto;
--loader-height: auto;
--text-container-width: 400px;
--text-container-height: auto;
--line-height: 1.5;
}
.image-skeleton-loader,
.blog-text-skeleton-loader {
width: var(--loader-width);
height: var(--loader-height);
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: loading 1.5s infinite;
}
.image-skeleton-loader{
border-radius: 10px;
}
.blog-text-skeleton-loader {
line-height: calc(var(--text-container-height) * var(--line-height));
}
@keyframes loading {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
}
+235
View File
@@ -0,0 +1,235 @@
.appie-loader {
width: 100%;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.font_black{
color: black;
}
.font_red{
color: red;
}
.boxBorder{
border-color: aqua;
background-color: #f5f6f7 ;
}
.appie-loader {
opacity: 0;
}
.appie-loader.active {
opacity: 100;
}
.appie-visible {
transition: all 0.5s ease-in-out;
}
.appie-visible {
opacity: 0;
}
.appie-visible.active {
opacity: 100;
}
/* .appie-home-loader {
transition: all 0.5s ease-in-out;
} */
.offcanvas_main_menu li ul.sub-menu {
padding-left: 20 px;
overflow: hidden;
transition: all linear 0.65s;
}
.appie-fun-fact-box .appie-fun-fact-content .appie-fun-fact-item .title span {
font-size: 30px !important;
color: #fff !important;
}
.home-four-project {
background: #eef1f6;
}
.home-four-footer {
background: #ffffff;
}
.slick-dots li button:before {
content: "";
}
.appie-showcase-item {
margin-left: 10px;
margin-right: 10px;
}
@media (min-width: 1400px) {
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1200px;
}
}
.appie-services-2-area.appie-services-8-area {
overflow: hidden;
}
@media only screen and (min-width: 300px) and (max-width: 1024px) {
.appie-services-8-area .service-thumb {
margin-left: 0;
margin-right: 0;
}
}
.save-comment input:checked + label::after {
font-family: "Font Awesome 5 Pro";
content: "\f00c";
}
.appie-testimonial-area {
overflow: hidden;
}
.testimonial-about-slider-active .testimonial-parent-item {
display: flex !important;
justify-content: center;
}
.testimonial-box {
width: 770px !important;
}
.testimonial-box-about-slider-small-active
.slick-center.slick-current
.item
.thumb
img {
width: 70px;
display: inline-block;
}
.testimonial-box-about-slider-small-active .item .thumb img {
display: inline-block;
width: 40px;
}
.testimonial-box-about-slider-small-active .item .thumb {
align-items: center;
}
.testimonial-box-about-slider-small-active .slick-center.slick-current .item {
margin-top: -20px;
}
.app-download.options{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 1rem;
}
.app-download.options .main-btn {
color: #0e1133;
background-color: #fff;
border: 3px solid #3EAFCC;
padding: 2px 112px;
letter-spacing: 1px;
}
.app-download.appie-hero-content h5 {
color: #51B5D0;
/* border-color: #fff; */
}
@media only screen and (min-width: 300px) and (max-width: 1024px) {
.testimonial-about-slider-active .testimonial-box {
box-shadow: none;
background: none;
}
}
@media only screen and (min-width: 770px) and (max-width: 1024px) {
.testimonial-about-slider-active .slick-arrow.next {
right: 15px;
}
.testimonial-about-slider-active .slick-arrow.prev {
left: 15px;
}
}
/* -----------------About-App-Section-Css-Start------------------ */
/* about us section wraper */
.about_app_section .about_img {
display: flex;
align-items: center;
position: relative;
}
/* about us section images*/
.about_app_section .about_img img {
max-width: 100%;
}
.about_app_section .about_img::before {
content: "";
position: absolute;
left: 38%;
top: 50%;
transform: translate(-50%, -50%);
width: 500px;
height: 500px;
background-color: #ffffff;
border-radius: 100%;
z-index: -1;
}
.about_app_section .about_img .screen_img {
margin-left: -135px;
margin-top: 110px;
}
.about_app_section .about_text .section_title {
text-align: left;
}
.about_app_section .about_text .section_title h2 {
margin-bottom: 15px;
}
/* about us section statastics nomber */
.about_app_section .about_text .app_statstic {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 10px;
margin-top: 40px;
}
.about_app_section .about_text .app_statstic li {
width: 248px;
background-color: #fff;
margin-bottom: 30px;
display: flex;
align-items: center;
border-radius: 12px;
padding: 15px 10px;
padding-left: 35px;
box-shadow: 0px 4px 10px #EDE9FE;
}
.about_app_section .about_text .app_statstic li .icon {
margin-right: 9px;
}
.about_app_section .about_text .app_statstic li p {
margin-bottom: 0;
line-height: 1;
color: #32236F;
}
.about_app_section .about_text .app_statstic li p:first-child {
font-size: 40px;
font-weight: 600;
margin-bottom: 3px;
}
.about_app_section .about_img .screen_img img {
animation-delay: 3s;
}
.about_app_section .about_text .list {
margin-top: 45px;
margin-bottom: 45px;
}
.about_text{
margin-top: 2rem;
}