issues are updated
This commit is contained in:
parent
07d1dc7b5c
commit
bd59550ab9
@ -1,164 +0,0 @@
|
|||||||
@font-face {
|
|
||||||
font-family: 'icomoon';
|
|
||||||
src: url('../fonts/icomoon.eot?9goitm');
|
|
||||||
src: url('../fonts/icomoon.eot?9goitm#iefix') format('embedded-opentype'),
|
|
||||||
url('../fonts/icomoon.ttf?9goitm') format('truetype'),
|
|
||||||
url('../fonts/icomoon.woff?9goitm') format('woff');
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
font-display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
[class^="icon-"], [class*=" icon-"] {
|
|
||||||
/* use !important to prevent issues with browser extensions that change fonts */
|
|
||||||
font-family: 'icomoon' !important;
|
|
||||||
speak: never;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
font-variant: normal;
|
|
||||||
text-transform: none;
|
|
||||||
line-height: 1;
|
|
||||||
|
|
||||||
/* Better Font Rendering =========== */
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-roof-9:before {
|
|
||||||
content: "\e92d";
|
|
||||||
}
|
|
||||||
.icon-shape:before {
|
|
||||||
content: "\e92c";
|
|
||||||
}
|
|
||||||
.icon-arrow-left-angle:before {
|
|
||||||
content: "\e900";
|
|
||||||
}
|
|
||||||
.icon-arrow-right-angle:before {
|
|
||||||
content: "\e901";
|
|
||||||
}
|
|
||||||
.icon-arrow-right-double:before {
|
|
||||||
content: "\e902";
|
|
||||||
}
|
|
||||||
.icon-arrow-up:before {
|
|
||||||
content: "\e903";
|
|
||||||
}
|
|
||||||
.icon-calendar:before {
|
|
||||||
content: "\e904";
|
|
||||||
}
|
|
||||||
.icon-calendar-1:before {
|
|
||||||
content: "\e905";
|
|
||||||
}
|
|
||||||
.icon-call:before {
|
|
||||||
content: "\e906";
|
|
||||||
}
|
|
||||||
.icon-comma-double:before {
|
|
||||||
content: "\e907";
|
|
||||||
}
|
|
||||||
.icon-dollar-tag:before {
|
|
||||||
content: "\e908";
|
|
||||||
}
|
|
||||||
.icon-download:before {
|
|
||||||
content: "\e909";
|
|
||||||
}
|
|
||||||
.icon-email:before {
|
|
||||||
content: "\e90a";
|
|
||||||
}
|
|
||||||
.icon-engineer:before {
|
|
||||||
content: "\e90b";
|
|
||||||
}
|
|
||||||
.icon-hammer:before {
|
|
||||||
content: "\e90c";
|
|
||||||
}
|
|
||||||
.icon-help:before {
|
|
||||||
content: "\e90d";
|
|
||||||
}
|
|
||||||
.icon-home:before {
|
|
||||||
content: "\e90e";
|
|
||||||
}
|
|
||||||
.icon-home-1:before {
|
|
||||||
content: "\e90f";
|
|
||||||
}
|
|
||||||
.icon-mail:before {
|
|
||||||
content: "\e910";
|
|
||||||
}
|
|
||||||
.icon-map-pin:before {
|
|
||||||
content: "\e911";
|
|
||||||
}
|
|
||||||
.icon-phone:before {
|
|
||||||
content: "\e912";
|
|
||||||
}
|
|
||||||
.icon-play:before {
|
|
||||||
content: "\e913";
|
|
||||||
}
|
|
||||||
.icon-prize:before {
|
|
||||||
content: "\e914";
|
|
||||||
}
|
|
||||||
.icon-prize-1:before {
|
|
||||||
content: "\e915";
|
|
||||||
}
|
|
||||||
.icon-prize-box:before {
|
|
||||||
content: "\e916";
|
|
||||||
}
|
|
||||||
.icon-quote:before {
|
|
||||||
content: "\e917";
|
|
||||||
}
|
|
||||||
.icon-right-arrow:before {
|
|
||||||
content: "\e918";
|
|
||||||
}
|
|
||||||
.icon-roof:before {
|
|
||||||
content: "\e919";
|
|
||||||
}
|
|
||||||
.icon-roof-2:before {
|
|
||||||
content: "\e91a";
|
|
||||||
}
|
|
||||||
.icon-roof-3:before {
|
|
||||||
content: "\e91b";
|
|
||||||
}
|
|
||||||
.icon-roof-4:before {
|
|
||||||
content: "\e91c";
|
|
||||||
}
|
|
||||||
.icon-roof-5:before {
|
|
||||||
content: "\e91d";
|
|
||||||
}
|
|
||||||
.icon-roof-6:before {
|
|
||||||
content: "\e91e";
|
|
||||||
}
|
|
||||||
.icon-roof-7:before {
|
|
||||||
content: "\e91f";
|
|
||||||
}
|
|
||||||
.icon-roof-8:before {
|
|
||||||
content: "\e920";
|
|
||||||
}
|
|
||||||
.icon-round-check:before {
|
|
||||||
content: "\e921";
|
|
||||||
}
|
|
||||||
.icon-search:before {
|
|
||||||
content: "\e922";
|
|
||||||
}
|
|
||||||
.icon-search-1:before {
|
|
||||||
content: "\e923";
|
|
||||||
}
|
|
||||||
.icon-share:before {
|
|
||||||
content: "\e924";
|
|
||||||
}
|
|
||||||
.icon-shopping-cart:before {
|
|
||||||
content: "\e925";
|
|
||||||
}
|
|
||||||
.icon-tag:before {
|
|
||||||
content: "\e926";
|
|
||||||
}
|
|
||||||
.icon-target:before {
|
|
||||||
content: "\e927";
|
|
||||||
}
|
|
||||||
.icon-team:before {
|
|
||||||
content: "\e928";
|
|
||||||
}
|
|
||||||
.icon-team-1:before {
|
|
||||||
content: "\e929";
|
|
||||||
}
|
|
||||||
.icon-user-1:before {
|
|
||||||
content: "\e92a";
|
|
||||||
}
|
|
||||||
.icon-watch:before {
|
|
||||||
content: "\e92b";
|
|
||||||
}
|
|
||||||
@ -354,11 +354,11 @@ window.initMetatron = function () {
|
|||||||
/*======================================
|
/*======================================
|
||||||
Testimonial slider Js Metatron Home One
|
Testimonial slider Js Metatron Home One
|
||||||
========================================*/
|
========================================*/
|
||||||
if ($('.testimonial-active-1').length > 0) {
|
if ($('.testimonial-active-1').length > 0 && $('.testimonial-active-1 .swiper-slide').length > 0) {
|
||||||
new Swiper('.testimonial-active-1', {
|
new Swiper('.testimonial-active-1', {
|
||||||
slidesPerView: 1,
|
slidesPerView: 1,
|
||||||
spaceBetween: 30,
|
spaceBetween: 30,
|
||||||
loop: true,
|
loop: $('.testimonial-active-1 .swiper-slide').length >= 1,
|
||||||
roundLengths: true,
|
roundLengths: true,
|
||||||
autoplay: {
|
autoplay: {
|
||||||
delay: 3000,
|
delay: 3000,
|
||||||
@ -378,11 +378,11 @@ window.initMetatron = function () {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
if ($('.testimonial-active-2').length > 0) {
|
if ($('.testimonial-active-2').length > 0 && $('.testimonial-active-2 .swiper-slide').length > 0) {
|
||||||
new Swiper('.testimonial-active-2', {
|
new Swiper('.testimonial-active-2', {
|
||||||
slidesPerView: 2,
|
slidesPerView: 2,
|
||||||
spaceBetween: 20,
|
spaceBetween: 20,
|
||||||
loop: true,
|
loop: $('.testimonial-active-2 .swiper-slide').length >= 2,
|
||||||
roundLengths: true,
|
roundLengths: true,
|
||||||
autoplay: {
|
autoplay: {
|
||||||
delay: 3000,
|
delay: 3000,
|
||||||
@ -406,11 +406,11 @@ window.initMetatron = function () {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
if ($('.testimonial-active-3').length > 0) {
|
if ($('.testimonial-active-3').length > 0 && $('.testimonial-active-3 .swiper-slide').length > 0) {
|
||||||
new Swiper('.testimonial-active-3', {
|
new Swiper('.testimonial-active-3', {
|
||||||
slidesPerView: 4,
|
slidesPerView: 4,
|
||||||
spaceBetween: 24,
|
spaceBetween: 24,
|
||||||
loop: true,
|
loop: $('.testimonial-active-3 .swiper-slide').length >= 4,
|
||||||
roundLengths: true,
|
roundLengths: true,
|
||||||
autoplay: {
|
autoplay: {
|
||||||
delay: 3000,
|
delay: 3000,
|
||||||
@ -434,11 +434,11 @@ window.initMetatron = function () {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
if ($('.team-active-3').length > 0) {
|
if ($('.team-active-3').length > 0 && $('.team-active-3 .swiper-slide').length > 0) {
|
||||||
new Swiper('.team-active-3', {
|
new Swiper('.team-active-3', {
|
||||||
slidesPerView: 3,
|
slidesPerView: 3,
|
||||||
spaceBetween: 24,
|
spaceBetween: 24,
|
||||||
loop: true,
|
loop: $('.team-active-3 .swiper-slide').length >= 3,
|
||||||
roundLengths: true,
|
roundLengths: true,
|
||||||
autoplay: {
|
autoplay: {
|
||||||
delay: 3000,
|
delay: 3000,
|
||||||
@ -465,11 +465,11 @@ window.initMetatron = function () {
|
|||||||
/*======================================
|
/*======================================
|
||||||
Review slider Js
|
Review slider Js
|
||||||
========================================*/
|
========================================*/
|
||||||
if ($('.review-active').length > 0) {
|
if ($('.review-active').length > 0 && $('.review-active .swiper-slide').length > 0) {
|
||||||
new Swiper('.review-active', {
|
new Swiper('.review-active', {
|
||||||
slidesPerView: 1,
|
slidesPerView: 1,
|
||||||
spaceBetween: 30,
|
spaceBetween: 30,
|
||||||
loop: true,
|
loop: $('.review-active .swiper-slide').length >= 1,
|
||||||
roundLengths: true,
|
roundLengths: true,
|
||||||
observer: true,
|
observer: true,
|
||||||
observeParents: true,
|
observeParents: true,
|
||||||
@ -509,11 +509,11 @@ window.initMetatron = function () {
|
|||||||
/*======================================
|
/*======================================
|
||||||
product slider Js
|
product slider Js
|
||||||
========================================*/
|
========================================*/
|
||||||
if ($('.product-active').length > 0) {
|
if ($('.product-active').length > 0 && $('.product-active .swiper-slide').length > 0) {
|
||||||
new Swiper('.product-active', {
|
new Swiper('.product-active', {
|
||||||
slidesPerView: 4,
|
slidesPerView: 4,
|
||||||
spaceBetween: 15,
|
spaceBetween: 15,
|
||||||
loop: true,
|
loop: $('.product-active .swiper-slide').length >= 4,
|
||||||
roundLengths: true,
|
roundLengths: true,
|
||||||
autoplay: {
|
autoplay: {
|
||||||
delay: 3000,
|
delay: 3000,
|
||||||
@ -532,11 +532,11 @@ window.initMetatron = function () {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
if ($('.discount-active').length > 0) {
|
if ($('.discount-active').length > 0 && $('.discount-active .swiper-slide').length > 0) {
|
||||||
new Swiper('.discount-active', {
|
new Swiper('.discount-active', {
|
||||||
slidesPerView: 5,
|
slidesPerView: 5,
|
||||||
spaceBetween: 15,
|
spaceBetween: 15,
|
||||||
loop: true,
|
loop: $('.discount-active .swiper-slide').length >= 5,
|
||||||
roundLengths: true,
|
roundLengths: true,
|
||||||
observer: true,
|
observer: true,
|
||||||
observeParents: true,
|
observeParents: true,
|
||||||
@ -565,11 +565,11 @@ window.initMetatron = function () {
|
|||||||
/*======================================
|
/*======================================
|
||||||
brand slider Js Metatron Home One
|
brand slider Js Metatron Home One
|
||||||
========================================*/
|
========================================*/
|
||||||
if ($('.brand-active').length > 0) {
|
if ($('.brand-active').length > 0 && $('.brand-active .swiper-slide').length > 0) {
|
||||||
new Swiper('.brand-active', {
|
new Swiper('.brand-active', {
|
||||||
slidesPerView: 5,
|
slidesPerView: 5,
|
||||||
spaceBetween: 99,
|
spaceBetween: 99,
|
||||||
loop: true,
|
loop: $('.brand-active .swiper-slide').length >= 5,
|
||||||
roundLengths: true,
|
roundLengths: true,
|
||||||
autoplay: {
|
autoplay: {
|
||||||
delay: 3000,
|
delay: 3000,
|
||||||
@ -590,11 +590,11 @@ window.initMetatron = function () {
|
|||||||
/*======================================
|
/*======================================
|
||||||
service slider Js Metatron Home One
|
service slider Js Metatron Home One
|
||||||
========================================*/
|
========================================*/
|
||||||
if ($('.service-active-2').length > 0) {
|
if ($('.service-active-2').length > 0 && $('.service-active-2 .swiper-slide').length > 0) {
|
||||||
new Swiper('.service-active-2', {
|
new Swiper('.service-active-2', {
|
||||||
slidesPerView: 4,
|
slidesPerView: 4,
|
||||||
spaceBetween: 30,
|
spaceBetween: 30,
|
||||||
loop: true,
|
loop: $('.service-active-2 .swiper-slide').length >= 4,
|
||||||
autoplay: {
|
autoplay: {
|
||||||
delay: 3000,
|
delay: 3000,
|
||||||
},
|
},
|
||||||
@ -623,7 +623,7 @@ window.initMetatron = function () {
|
|||||||
new Swiper('.project-active-1', {
|
new Swiper('.project-active-1', {
|
||||||
slidesPerView: 4,
|
slidesPerView: 4,
|
||||||
spaceBetween: 30,
|
spaceBetween: 30,
|
||||||
loop: true,
|
loop: $('.project-active-1 .swiper-slide').length >= 4,
|
||||||
autoplay: {
|
autoplay: {
|
||||||
delay: 3000,
|
delay: 3000,
|
||||||
},
|
},
|
||||||
@ -643,11 +643,11 @@ window.initMetatron = function () {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
if ($('.service-active-1').length > 0) {
|
if ($('.service-active-1').length > 0 && $('.service-active-1 .swiper-slide').length > 0) {
|
||||||
new Swiper('.service-active-1', {
|
new Swiper('.service-active-1', {
|
||||||
slidesPerView: 3,
|
slidesPerView: 3,
|
||||||
spaceBetween: 30,
|
spaceBetween: 30,
|
||||||
loop: true,
|
loop: $('.service-active-1 .swiper-slide').length >= 3,
|
||||||
roundLengths: true,
|
roundLengths: true,
|
||||||
autoplay: {
|
autoplay: {
|
||||||
delay: 3000,
|
delay: 3000,
|
||||||
@ -668,11 +668,11 @@ window.initMetatron = function () {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
if ($('.service-one-home__carousel').length > 0) {
|
if ($('.service-one-home__carousel').length > 0 && $('.service-one-home__carousel .swiper-slide').length > 0) {
|
||||||
new Swiper('.service-one-home__carousel', {
|
new Swiper('.service-one-home__carousel', {
|
||||||
slidesPerView: 3,
|
slidesPerView: 3,
|
||||||
spaceBetween: 30,
|
spaceBetween: 30,
|
||||||
loop: true,
|
loop: $('.service-one-home__carousel .swiper-slide').length >= 3,
|
||||||
roundLengths: true,
|
roundLengths: true,
|
||||||
autoplay: {
|
autoplay: {
|
||||||
delay: 3000,
|
delay: 3000,
|
||||||
@ -696,14 +696,14 @@ window.initMetatron = function () {
|
|||||||
/*======================================
|
/*======================================
|
||||||
slider Js
|
slider Js
|
||||||
========================================*/
|
========================================*/
|
||||||
if (jQuery(".slider-active").length > 0) {
|
if (jQuery(".slider-active").length > 0 && jQuery(".slider-active .swiper-slide").length > 0) {
|
||||||
let sliderActive1 = ".slider-active";
|
let sliderActive1 = ".slider-active";
|
||||||
let sliderInit1 = new Swiper(sliderActive1, {
|
let sliderInit1 = new Swiper(sliderActive1, {
|
||||||
slidesPerView: 1,
|
slidesPerView: 1,
|
||||||
slidesPerColumn: 1,
|
slidesPerColumn: 1,
|
||||||
paginationClickable: true,
|
paginationClickable: true,
|
||||||
fadeEffect: { crossFade: true },
|
fadeEffect: { crossFade: true },
|
||||||
loop: true,
|
loop: jQuery(".slider-active .swiper-slide").length >= 1,
|
||||||
effect: 'fade',
|
effect: 'fade',
|
||||||
autoplay: { delay: 5000 },
|
autoplay: { delay: 5000 },
|
||||||
navigation: {
|
navigation: {
|
||||||
@ -750,14 +750,14 @@ window.initMetatron = function () {
|
|||||||
animated_swiper(sliderActive1, sliderInit1);
|
animated_swiper(sliderActive1, sliderInit1);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (jQuery(".banner-active").length > 0) {
|
if (jQuery(".banner-active").length > 0 && jQuery(".banner-active .swiper-slide").length > 0) {
|
||||||
let sliderActive1 = ".banner-active";
|
let sliderActive1 = ".banner-active";
|
||||||
let sliderInit1 = new Swiper(sliderActive1, {
|
let sliderInit1 = new Swiper(sliderActive1, {
|
||||||
slidesPerView: 1,
|
slidesPerView: 1,
|
||||||
slidesPerColumn: 1,
|
slidesPerColumn: 1,
|
||||||
paginationClickable: true,
|
paginationClickable: true,
|
||||||
fadeEffect: { crossFade: true },
|
fadeEffect: { crossFade: true },
|
||||||
loop: true,
|
loop: jQuery(".banner-active .swiper-slide").length >= 1,
|
||||||
effect: "fade",
|
effect: "fade",
|
||||||
autoplay: { delay: 5000 },
|
autoplay: { delay: 5000 },
|
||||||
navigation: {
|
navigation: {
|
||||||
@ -807,11 +807,11 @@ window.initMetatron = function () {
|
|||||||
/*======================================
|
/*======================================
|
||||||
Postbox slider Js
|
Postbox slider Js
|
||||||
========================================*/
|
========================================*/
|
||||||
if ($('.postbox__slider').length > 0) {
|
if ($('.postbox__slider').length > 0 && $('.postbox__slider .swiper-slide').length > 0) {
|
||||||
new Swiper('.postbox__slider', {
|
new Swiper('.postbox__slider', {
|
||||||
slidesPerView: 1,
|
slidesPerView: 1,
|
||||||
spaceBetween: 0,
|
spaceBetween: 0,
|
||||||
loop: true,
|
loop: $('.postbox__slider .swiper-slide').length >= 1,
|
||||||
autoplay: { delay: 3000 },
|
autoplay: { delay: 3000 },
|
||||||
navigation: {
|
navigation: {
|
||||||
nextEl: ".postbox-slider-button-next",
|
nextEl: ".postbox-slider-button-next",
|
||||||
@ -830,11 +830,11 @@ window.initMetatron = function () {
|
|||||||
/*======================================
|
/*======================================
|
||||||
whyChoose slider Js
|
whyChoose slider Js
|
||||||
========================================*/
|
========================================*/
|
||||||
if ($('.why-choose-active').length > 0) {
|
if ($('.why-choose-active').length > 0 && $('.why-choose-active .swiper-slide').length > 0) {
|
||||||
new Swiper('.why-choose-active', {
|
new Swiper('.why-choose-active', {
|
||||||
slidesPerView: 1,
|
slidesPerView: 1,
|
||||||
spaceBetween: 0,
|
spaceBetween: 0,
|
||||||
loop: true,
|
loop: $('.why-choose-active .swiper-slide').length >= 1,
|
||||||
autoplay: { delay: 3000 },
|
autoplay: { delay: 3000 },
|
||||||
pagination: {
|
pagination: {
|
||||||
el: ".bd-swiper-dot",
|
el: ".bd-swiper-dot",
|
||||||
|
|||||||
BIN
public/assets/video/14.mp4
Normal file
BIN
public/assets/video/14.mp4
Normal file
Binary file not shown.
BIN
public/assets/video/15.mp4
Normal file
BIN
public/assets/video/15.mp4
Normal file
Binary file not shown.
BIN
public/assets/video/8.mp4
Normal file
BIN
public/assets/video/8.mp4
Normal file
Binary file not shown.
BIN
public/assets/video/9.mp4
Normal file
BIN
public/assets/video/9.mp4
Normal file
Binary file not shown.
@ -8271,7 +8271,7 @@ body {
|
|||||||
border: none !important;
|
border: none !important;
|
||||||
position: relative;
|
position: relative;
|
||||||
display: block;
|
display: block;
|
||||||
background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important;
|
/* background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important; */
|
||||||
color: white !important;
|
color: white !important;
|
||||||
transition: all 500ms ease;
|
transition: all 500ms ease;
|
||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
@ -8285,7 +8285,7 @@ body {
|
|||||||
|
|
||||||
.projects-one__filter__list button.list-unstyled-item.active,
|
.projects-one__filter__list button.list-unstyled-item.active,
|
||||||
.projects-one__filter__list button.list-unstyled-item:hover {
|
.projects-one__filter__list button.list-unstyled-item:hover {
|
||||||
background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important;
|
/* background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important; */
|
||||||
color: var(--pelocis-white, #fff) !important;
|
color: var(--pelocis-white, #fff) !important;
|
||||||
opacity: 0.85;
|
opacity: 0.85;
|
||||||
}
|
}
|
||||||
@ -12027,10 +12027,12 @@ body {
|
|||||||
.contact-area .contact-info-item .content h6 {
|
.contact-area .contact-info-item .content h6 {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
.faq-one__card{
|
|
||||||
|
.faq-one__card {
|
||||||
flex-direction: column !important;
|
flex-direction: column !important;
|
||||||
}
|
}
|
||||||
.choose-section .bg-image{
|
|
||||||
|
.choose-section .bg-image {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -12117,7 +12119,7 @@ body {
|
|||||||
-webkit-backdrop-filter: blur(12px) !important;
|
-webkit-backdrop-filter: blur(12px) !important;
|
||||||
border: 1px solid rgba(255, 255, 255, 0.1) !important;
|
border: 1px solid rgba(255, 255, 255, 0.1) !important;
|
||||||
border-radius: 16px !important;
|
border-radius: 16px !important;
|
||||||
/* padding: 10px 20px !important; */
|
padding: 12px 30px !important;
|
||||||
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
|
||||||
margin-top: 20px !important;
|
margin-top: 20px !important;
|
||||||
transition: all 0.3s ease !important;
|
transition: all 0.3s ease !important;
|
||||||
@ -12667,7 +12669,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
GLOBAL BUTTON STANDARDIZATION
|
GLOBAL BUTTON & TAB STANDARDIZATION (2000% EXACT MATCH)
|
||||||
============================================================ */
|
============================================================ */
|
||||||
.primary-btn-1,
|
.primary-btn-1,
|
||||||
.vl-btn1,
|
.vl-btn1,
|
||||||
@ -12675,20 +12677,50 @@ body {
|
|||||||
.theme-btn,
|
.theme-btn,
|
||||||
.about-more-btn,
|
.about-more-btn,
|
||||||
.banner-btn-area a,
|
.banner-btn-area a,
|
||||||
.secondary-btn {
|
.secondary-btn,
|
||||||
|
.btn-one,
|
||||||
|
.submit-btn-custom-global,
|
||||||
|
.pf-tab-btn,
|
||||||
|
.project-btn,
|
||||||
|
.service-tabs .nav-tabs .nav-link.active,
|
||||||
|
.service-tabs .nav-tabs .nav-link:hover,
|
||||||
|
.tp-btn,
|
||||||
|
.list-unstyled-item,
|
||||||
|
.hamburger-btn,
|
||||||
|
.df-search-close-btn,
|
||||||
|
.primary-btn-1,
|
||||||
|
.vl-btn1,
|
||||||
|
.vl-btn2,
|
||||||
|
.theme-btn,
|
||||||
|
.about-more-btn,
|
||||||
|
.banner-btn-area a,
|
||||||
|
.secondary-btn,
|
||||||
|
.btn-one,
|
||||||
|
.submit-btn-custom-global,
|
||||||
|
.postbox__slider-button-next,
|
||||||
|
.postbox__slider-button-prev,
|
||||||
|
.tolak-btn,
|
||||||
|
.submit-btn,
|
||||||
|
.contact-one__form .tolak-btn,
|
||||||
|
.contact-one__form button,
|
||||||
|
.about-2-btn-area a,
|
||||||
|
.pf-tabs button,
|
||||||
|
.pf-tab-btn.active,
|
||||||
|
.pf-tab-btn {
|
||||||
background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important;
|
background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important;
|
||||||
background-size: 200% auto !important;
|
background-size: 200% auto !important;
|
||||||
border-radius: 10px !important;
|
border-radius: 10px !important;
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
padding: 15px 20px !important;
|
padding: 15px 30px !important;
|
||||||
border: none !important;
|
border: none !important;
|
||||||
transition: all 0.5s ease !important;
|
transition: all 0.5s ease-6ms !important;
|
||||||
display: inline-flex !important;
|
display: inline-flex !important;
|
||||||
align-items: center !important;
|
align-items: center !important;
|
||||||
justify-content: center !important;
|
justify-content: center !important;
|
||||||
gap: 8px !important;
|
gap: 8px !important;
|
||||||
text-decoration: none !important;
|
text-decoration: none !important;
|
||||||
background-position: left center;
|
background-position: left center !important;
|
||||||
|
font-weight: 700 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.primary-btn-1:hover,
|
.primary-btn-1:hover,
|
||||||
@ -12697,9 +12729,28 @@ body {
|
|||||||
.theme-btn:hover,
|
.theme-btn:hover,
|
||||||
.about-more-btn:hover,
|
.about-more-btn:hover,
|
||||||
.banner-btn-area a:hover,
|
.banner-btn-area a:hover,
|
||||||
.secondary-btn:hover {
|
.secondary-btn:hover,
|
||||||
|
.btn-one:hover,
|
||||||
|
.submit-btn-custom-global:hover,
|
||||||
|
.pf-tab-btn:hover,
|
||||||
|
.pf-tab-btn.active,
|
||||||
|
.pf-tabs button:hover,
|
||||||
|
.project-btn:hover,
|
||||||
|
.tp-btn:hover,
|
||||||
|
.list-unstyled-item:hover,
|
||||||
|
.list-unstyled-item.active,
|
||||||
|
.hamburger-btn:hover,
|
||||||
|
.df-search-close-btn:hover,
|
||||||
|
.postbox__slider-button-next:hover,
|
||||||
|
.postbox__slider-button-prev:hover,
|
||||||
|
.tolak-btn:hover,
|
||||||
|
.submit-btn:hover,
|
||||||
|
.contact-one__form .tolak-btn:hover,
|
||||||
|
.contact-one__form button:hover,
|
||||||
|
.about-2-btn-area a:hover {
|
||||||
background-position: right center !important;
|
background-position: right center !important;
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
|
opacity: 1 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
@ -12821,7 +12872,7 @@ body {
|
|||||||
.service-one-home {
|
.service-one-home {
|
||||||
padding: 80px 0;
|
padding: 80px 0;
|
||||||
padding-top: 80px;
|
padding-top: 80px;
|
||||||
background-color: var(--pelocis-gray, #F5F2EF);
|
/* background-color: var(--pelocis-gray, #F5F2EF); */
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
counter-reset: count;
|
counter-reset: count;
|
||||||
@ -13134,7 +13185,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.main-menu-metatron ul li a {
|
.main-menu-metatron ul li a {
|
||||||
padding: 0px 3px;
|
padding: 5px 10px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -13142,4 +13193,74 @@ body {
|
|||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
CUSTOM HEADER BREAKPOINT (1024px)
|
||||||
|
============================================================ */
|
||||||
|
/* .headerfix {
|
||||||
|
padding-top: 25px !important;
|
||||||
|
padding-bottom: 25px !important;
|
||||||
|
} */
|
||||||
|
|
||||||
|
/* Specific padding for web development service header and banner */
|
||||||
|
.header-metatron-web-dev .headerfix {
|
||||||
|
padding-top: 40px !important;
|
||||||
|
padding-bottom: 40px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
|
||||||
|
/* Hide all nav links and buttons at 1024px site-wide */
|
||||||
|
header .d-lg-block,
|
||||||
|
header .d-none.d-lg-block,
|
||||||
|
.header-nav-col-metatron,
|
||||||
|
.header-desktop-metatron,
|
||||||
|
.vl-main-menu,
|
||||||
|
.vl-hero-btn {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Show hamburger button at 1024px */
|
||||||
|
header .d-lg-none,
|
||||||
|
header .d-block.d-lg-none,
|
||||||
|
.header-mobile-metatron,
|
||||||
|
.vl-header-action-item,
|
||||||
|
.header-hamburger-metatron {
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hamburger alignment */
|
||||||
|
.vl-header-action-item,
|
||||||
|
.header-hamburger-metatron {
|
||||||
|
display: flex !important;
|
||||||
|
justify-content: flex-end !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Force 1024px columns for logo and action */
|
||||||
|
.vl-header-area .col-lg-3.col-md-6.col-6,
|
||||||
|
.vl-header-area .col-lg-3.col-md-6.col-9 {
|
||||||
|
width: 70% !important;
|
||||||
|
flex: 0 0 70% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vl-header-area .col-lg-3.col-md-6.col-6,
|
||||||
|
.vl-header-area .col-lg-2.col-md-6.col-3 {
|
||||||
|
width: 30% !important;
|
||||||
|
flex: 0 0 30% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Ensure padding on mobile too */
|
||||||
|
/* .headerfix {
|
||||||
|
padding-top: 15px !important;
|
||||||
|
padding-bottom: 15px !important;
|
||||||
|
} */
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1025px) {
|
||||||
|
|
||||||
|
.header-mobile-metatron,
|
||||||
|
header .d-lg-none {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -35,7 +35,6 @@ export default function RootLayout({
|
|||||||
<link rel="stylesheet" href="/assets/css/slick.css" />
|
<link rel="stylesheet" href="/assets/css/slick.css" />
|
||||||
<link rel="stylesheet" href="/assets/css/magnific-popup.css" />
|
<link rel="stylesheet" href="/assets/css/magnific-popup.css" />
|
||||||
<link rel="stylesheet" href="/assets/css/fontawesome-pro.css" />
|
<link rel="stylesheet" href="/assets/css/fontawesome-pro.css" />
|
||||||
<link rel="stylesheet" href="/assets/css/icomoon.css" />
|
|
||||||
<link rel="stylesheet" href="/assets/css/spacing.css" />
|
<link rel="stylesheet" href="/assets/css/spacing.css" />
|
||||||
<link rel="stylesheet" href="/assets/css/main.css" />
|
<link rel="stylesheet" href="/assets/css/main.css" />
|
||||||
|
|
||||||
@ -168,19 +167,23 @@ export default function RootLayout({
|
|||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
__html: `
|
__html: `
|
||||||
(function(){
|
(function(){
|
||||||
var s = document.createElement('script');
|
if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {
|
||||||
var h = document.querySelector('head') || document.body;
|
console.log('Skipping accessiBe on localhost to avoid CDN 404');
|
||||||
s.src = 'https://acsbapp.com/apps/app/dist/js/app.js';
|
return;
|
||||||
s.async = true;
|
}
|
||||||
s.onload = function(){
|
var s = document.createElement('script');
|
||||||
if (typeof acsbJS !== 'undefined') {
|
var h = document.querySelector('head') || document.body;
|
||||||
acsbJS.init();
|
s.src = 'https://acsbapp.com/apps/app/dist/js/app.js';
|
||||||
}
|
s.async = true;
|
||||||
};
|
s.onload = function(){
|
||||||
h.appendChild(s);
|
if (typeof acsbJS !== 'undefined') {
|
||||||
})();
|
acsbJS.init();
|
||||||
`,
|
}
|
||||||
|
};
|
||||||
|
h.appendChild(s);
|
||||||
|
})();
|
||||||
|
`,
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|||||||
@ -192,6 +192,7 @@ const ContactSection = () => {
|
|||||||
value={formData.name}
|
value={formData.name}
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
className="form-input"
|
className="form-input"
|
||||||
|
suppressHydrationWarning={true}
|
||||||
/>
|
/>
|
||||||
{formErrors.name && <small className="text-danger">{formErrors.name}</small>}
|
{formErrors.name && <small className="text-danger">{formErrors.name}</small>}
|
||||||
</div>
|
</div>
|
||||||
@ -204,6 +205,7 @@ const ContactSection = () => {
|
|||||||
value={formData.email}
|
value={formData.email}
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
className="form-input"
|
className="form-input"
|
||||||
|
suppressHydrationWarning={true}
|
||||||
/>
|
/>
|
||||||
{formErrors.email && <small className="text-danger">{formErrors.email}</small>}
|
{formErrors.email && <small className="text-danger">{formErrors.email}</small>}
|
||||||
</div>
|
</div>
|
||||||
@ -216,6 +218,7 @@ const ContactSection = () => {
|
|||||||
value={formData.phone}
|
value={formData.phone}
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
className="form-input"
|
className="form-input"
|
||||||
|
suppressHydrationWarning={true}
|
||||||
/>
|
/>
|
||||||
{formErrors.phone && <small className="text-danger">{formErrors.phone}</small>}
|
{formErrors.phone && <small className="text-danger">{formErrors.phone}</small>}
|
||||||
</div>
|
</div>
|
||||||
@ -226,6 +229,7 @@ const ContactSection = () => {
|
|||||||
value={formData.service}
|
value={formData.service}
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
className="form-select-custom"
|
className="form-select-custom"
|
||||||
|
suppressHydrationWarning={true}
|
||||||
>
|
>
|
||||||
<option value="">Select Service</option>
|
<option value="">Select Service</option>
|
||||||
<option value="Website Development">Website Development</option>
|
<option value="Website Development">Website Development</option>
|
||||||
@ -246,6 +250,7 @@ const ContactSection = () => {
|
|||||||
value={formData.message}
|
value={formData.message}
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
className="form-textarea"
|
className="form-textarea"
|
||||||
|
suppressHydrationWarning={true}
|
||||||
></textarea>
|
></textarea>
|
||||||
{formErrors.message && <small className="text-danger">{formErrors.message}</small>}
|
{formErrors.message && <small className="text-danger">{formErrors.message}</small>}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -47,15 +47,12 @@ const ServiceSection2 = () => {
|
|||||||
const services = ourServices;
|
const services = ourServices;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<section ref={sectionRef} className="service-three">
|
<section ref={sectionRef} className="service-one-home service-three section-space">
|
||||||
{/* <div
|
|
||||||
className="service-three__bg"
|
|
||||||
style={{ backgroundImage: "url(https://tolaklaravel.bracketweb.com/assets/images/backgrounds/service-bg-3.jpg)" }}
|
|
||||||
></div> */}
|
|
||||||
<div
|
<div
|
||||||
className="service-three__shape"
|
className="service-three__shape"
|
||||||
style={{ backgroundImage: "url(/assets/images/services/service/bottom-left.webp)" }}
|
style={{ backgroundImage: "url(/assets/images/services/service/bottom-left.webp)" }}
|
||||||
></div>
|
></div>
|
||||||
|
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="sec-title-wrapper text-center wow fadeInUp" data-wow-delay=".3s">
|
<div className="sec-title-wrapper text-center wow fadeInUp" data-wow-delay=".3s">
|
||||||
<div className="sec-title">
|
<div className="sec-title">
|
||||||
@ -66,29 +63,36 @@ const ServiceSection2 = () => {
|
|||||||
<img src="/assets/images/services/service/element-small.webp" alt="" className="sec-title__text-shape" />
|
<img src="/assets/images/services/service/element-small.webp" alt="" className="sec-title__text-shape" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="row">
|
<div className="row mt-50">
|
||||||
{services.slice(0, 6).map((service, index) => (
|
{services.slice(0, 6).map((service, index) => (
|
||||||
<div
|
<div
|
||||||
key={index}
|
key={index}
|
||||||
className="col-lg-4 col-md-6 wow fadeInUp"
|
className="col-lg-4 col-md-6 mb-30 wow fadeInUp"
|
||||||
data-wow-delay={`${index * 100}ms`}
|
data-wow-delay={`${index * 100}ms`}
|
||||||
style={{ visibility: "hidden" }}
|
style={{ visibility: "hidden" }}
|
||||||
>
|
>
|
||||||
<div className="service-three__item text-center">
|
<div className="home-services__card">
|
||||||
<div className="service-three__item__content">
|
<div className="home-services__card__shape--one"></div>
|
||||||
<div className="service-three__item__icon">
|
<div className="home-services__card__shape--two"></div>
|
||||||
<img src={service.icon} alt="icon" width="55" height="40" />
|
<div className="home-services__card__content">
|
||||||
|
<div className="home-services__card__icon">
|
||||||
|
<img src={service.icon} alt="icon" width="42" height="42" />
|
||||||
</div>
|
</div>
|
||||||
<h3 className="service-three__item__title">
|
<h4 className="home-services__card__count">--</h4>
|
||||||
|
<h2 className="home-services__card__title">
|
||||||
<Link href={`/services-digital-solutions/${service.slug}`}>{service.title}</Link>
|
<Link href={`/services-digital-solutions/${service.slug}`}>{service.title}</Link>
|
||||||
</h3>
|
</h2>
|
||||||
<p className="service-three__item__text">{service.description}</p>
|
<p className="home-services__card__text">
|
||||||
|
{service.description.substring(0, 100)}...
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="service-three__item__image">
|
<div className="home-services__card__image">
|
||||||
<img src={service.image} alt={service.title} />
|
<img src={service.image} alt={service.title} />
|
||||||
{/* <Link className="service-three__item__rm" href={service.link}>
|
<div className="home-services__card__hover">
|
||||||
<span className="fa-solid fa-arrow-right-long"></span>
|
<Link href={`/services-digital-solutions/${service.slug}`} className="home-services__card__hover-link">
|
||||||
</Link> */}
|
<i className="fa-solid fa-arrow-right"></i>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -24,8 +24,14 @@ const SearchOverlay = () => {
|
|||||||
</div>
|
</div>
|
||||||
<form action="#">
|
<form action="#">
|
||||||
<div className="df-search-input mb-10">
|
<div className="df-search-input mb-10">
|
||||||
<input type="text" placeholder="Search here..." />
|
<input
|
||||||
<button type="submit"><i className="icon-search"></i></button>
|
type="text"
|
||||||
|
placeholder="Search here..."
|
||||||
|
suppressHydrationWarning={true}
|
||||||
|
/>
|
||||||
|
<button type="submit" suppressHydrationWarning={true}>
|
||||||
|
<i className="fa-solid fa-magnifying-glass"></i>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="df-search-category">
|
<div className="df-search-category">
|
||||||
<span>Search by : </span>
|
<span>Search by : </span>
|
||||||
|
|||||||
@ -182,6 +182,7 @@ const HomeContactOne = () => {
|
|||||||
value={formData.name}
|
value={formData.name}
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
className="form-input-custom-global"
|
className="form-input-custom-global"
|
||||||
|
suppressHydrationWarning={true}
|
||||||
/>
|
/>
|
||||||
{formErrors.name && <small className="text-danger">{formErrors.name}</small>}
|
{formErrors.name && <small className="text-danger">{formErrors.name}</small>}
|
||||||
</div>
|
</div>
|
||||||
@ -195,6 +196,7 @@ const HomeContactOne = () => {
|
|||||||
value={formData.email}
|
value={formData.email}
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
className="form-input-custom-global"
|
className="form-input-custom-global"
|
||||||
|
suppressHydrationWarning={true}
|
||||||
/>
|
/>
|
||||||
{formErrors.email && <small className="text-danger">{formErrors.email}</small>}
|
{formErrors.email && <small className="text-danger">{formErrors.email}</small>}
|
||||||
</div>
|
</div>
|
||||||
@ -208,6 +210,7 @@ const HomeContactOne = () => {
|
|||||||
value={formData.phone}
|
value={formData.phone}
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
className="form-input-custom-global"
|
className="form-input-custom-global"
|
||||||
|
suppressHydrationWarning={true}
|
||||||
/>
|
/>
|
||||||
{formErrors.phone && <small className="text-danger">{formErrors.phone}</small>}
|
{formErrors.phone && <small className="text-danger">{formErrors.phone}</small>}
|
||||||
</div>
|
</div>
|
||||||
@ -219,6 +222,7 @@ const HomeContactOne = () => {
|
|||||||
value={formData.service}
|
value={formData.service}
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
className="form-select-custom-styled-global"
|
className="form-select-custom-styled-global"
|
||||||
|
suppressHydrationWarning={true}
|
||||||
>
|
>
|
||||||
<option value="">Select Service</option>
|
<option value="">Select Service</option>
|
||||||
<option value="Website Development">Website Development</option>
|
<option value="Website Development">Website Development</option>
|
||||||
@ -240,6 +244,7 @@ const HomeContactOne = () => {
|
|||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
rows={4}
|
rows={4}
|
||||||
className="form-textarea-custom-global"
|
className="form-textarea-custom-global"
|
||||||
|
suppressHydrationWarning={true}
|
||||||
></textarea>
|
></textarea>
|
||||||
{formErrors.message && <small className="text-danger">{formErrors.message}</small>}
|
{formErrors.message && <small className="text-danger">{formErrors.message}</small>}
|
||||||
</div>
|
</div>
|
||||||
@ -253,7 +258,7 @@ const HomeContactOne = () => {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="form-one__control--full">
|
<div className="form-one__control--full">
|
||||||
<button type="submit" className="submit-btn-custom-global">
|
<button type="submit" className="submit-btn-custom-global" suppressHydrationWarning={true}>
|
||||||
SEND A MESSAGE
|
SEND A MESSAGE
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -79,8 +79,8 @@ const Footer1 = () => (
|
|||||||
<p>Subscribe our newsletter to get our latest update & news</p>
|
<p>Subscribe our newsletter to get our latest update & news</p>
|
||||||
<div className="footer-subscribe">
|
<div className="footer-subscribe">
|
||||||
<form action="#">
|
<form action="#">
|
||||||
<input type="email" name="email" placeholder="Your email address" required />
|
<input type="email" name="email" placeholder="Your email address" required suppressHydrationWarning={true} />
|
||||||
<button type="submit" className="primary-btn-1 btn-hover">
|
<button type="submit" className="primary-btn-1 btn-hover" suppressHydrationWarning={true}>
|
||||||
SUBSCRIBE NOW
|
SUBSCRIBE NOW
|
||||||
<span className="btn-hover-span"></span>
|
<span className="btn-hover-span"></span>
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@ -50,7 +50,7 @@ const ServiceDetails: React.FC<ServiceDetailsProps> = ({ service }) => {
|
|||||||
|
|
||||||
<div className="service-sidebar__single">
|
<div className="service-sidebar__single">
|
||||||
<div className="service-sidebar__contact">
|
<div className="service-sidebar__contact">
|
||||||
<div className="service-sidebar__contact-bg" style={{ backgroundImage: "url(/assets/imgs/resources/service-sidebar-contact-bg.jpg)" }}></div>
|
<div className="service-sidebar__contact-bg"></div>
|
||||||
<div className="service-sidebar__contact-icon">
|
<div className="service-sidebar__contact-icon">
|
||||||
<i className="fa-solid fa-phone-volume"></i>
|
<i className="fa-solid fa-phone-volume"></i>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user