/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*global style*/


.icons-loc{
    background-color: transparent;
    background-image: linear-gradient(195deg, #242424 8%, #3C2D1E 140%);
    width: 120px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    padding:5px;
     transition: background-color 0.3s ease;
}

/* استایل پیش‌فرض bullet ها */
.kampain-search-ads .swiper-pagination-bullet,
.carousel-about-us .swiper-pagination-bullet,
.carousel-portfolio .swiper-pagination-bullet,
.services-mobile-swiper .swiper-pagination-bullet,
.carousel-page-about-us .swiper-pagination-bullet,
.teaser-carousel .swiper-pagination-bullet,
.section-learn-carousel .swiper-pagination-bullet,
.carousel-video-section .swiper-pagination-bullet,
.mobile-blog .swiper-pagination-bullet {
  background-color: white !important;
  position: relative;
  opacity: 1;
}

/* bullet فعال یا hover شده */
.kampain-search-ads .swiper-pagination-bullet-active,
.kampain-search-ads .swiper-pagination-bullet:hover,
.carousel-about-us .swiper-pagination-bullet-active,
.carousel-about-us .swiper-pagination-bullet:hover,
.carousel-portfolio .swiper-pagination-bullet-active,
.carousel-portfolio .swiper-pagination-bullet:hover,
.services-mobile-swiper .swiper-pagination-bullet-active,
.services-mobile-swiper .swiper-pagination-bullet:hover,
.carousel-page-about-us .swiper-pagination-bullet-active,
.carousel-page-about-us .swiper-pagination-bullet:hover,
.teaser-carousel .swiper-pagination-bullet-active,
.teaser-carousel .swiper-pagination-bullet:hover,
.section-learn-carousel .swiper-pagination-bullet-active,
.section-learn-carousel .swiper-pagination-bullet:hover,
.carousel-video-section .swiper-pagination-bullet-active,
.carousel-video-section .swiper-pagination-bullet:hover,
.mobile-blog .swiper-pagination-bullet-active,
.mobile-blog .swiper-pagination-bullet:hover {
  background-color: transparent !important;
  background-image: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
}

/* حلقه دور bullet فعال یا hover */
.kampain-search-ads .swiper-pagination-bullet-active::before,
.kampain-search-ads .swiper-pagination-bullet:hover::before,
.carousel-about-us .swiper-pagination-bullet-active::before,
.carousel-about-us .swiper-pagination-bullet:hover::before,
.carousel-portfolio .swiper-pagination-bullet-active::before,
.carousel-portfolio .swiper-pagination-bullet:hover::before,
.services-mobile-swiper .swiper-pagination-bullet-active::before,
.services-mobile-swiper .swiper-pagination-bullet:hover::before,
.carousel-page-about-us .swiper-pagination-bullet-active::before,
.carousel-page-about-us .swiper-pagination-bullet:hover::before,
.teaser-carousel .swiper-pagination-bullet-active::before,
.teaser-carousel .swiper-pagination-bullet:hover::before,
.section-learn-carousel .swiper-pagination-bullet-active::before,
.section-learn-carousel .swiper-pagination-bullet:hover::before,
.carousel-video-section .swiper-pagination-bullet-active::before,
.carousel-video-section .swiper-pagination-bullet:hover::before,
.mobile-blog .swiper-pagination-bullet-active::before,
.mobile-blog .swiper-pagination-bullet:hover::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 14px);
  height: calc(100% + 14px);
  border: 1px solid var(--e-global-color-primary);
  border-radius: 100%;
}


/* رنگ آیکون هنگام hover */
.home-team-carousel .elementor-swiper-button-next:hover path,
.home-team-carousel .elementor-swiper-button-prev:hover path,
.blog-carousel-section .elementor-swiper-button-prev:hover path,
.blog-carousel-section .elementor-swiper-button-next:hover path,
.box-project-app .elementor-swiper-button-prev:hover path,
.box-project-app .elementor-swiper-button-next:hover path,
.carousel-portfolio .elementor-swiper-button-prev:hover path,
.carousel-portfolio .elementor-swiper-button-next:hover path,
.carousel-about-us .elementor-swiper-button-prev:hover path,
.carousel-about-us .elementor-swiper-button-next:hover path,
.carousel-page-about-us .elementor-swiper-button-prev:hover path,
.carousel-page-about-us .elementor-swiper-button-next:hover path,
.kampain-search-ads .elementor-swiper-button-prev:hover path,
.kampain-search-ads .elementor-swiper-button-next:hover path,
.carousel-video-section .elementor-swiper-button-prev:hover path,
.carousel-video-section .elementor-swiper-button-next:hover path,
.mobile-blog .elementor-swiper-button-prev:hover path,
.mobile-blog .elementor-swiper-button-next:hover path {
  fill: white !important;
}

/* استایل hover دکمه‌ها */
.home-team-carousel .elementor-swiper-button-prev:hover,
.home-team-carousel .elementor-swiper-button-next:hover,
.blog-carousel-section .elementor-swiper-button-prev:hover,
.blog-carousel-section .elementor-swiper-button-next:hover,
.box-project-app .elementor-swiper-button-prev:hover,
.box-project-app .elementor-swiper-button-next:hover,
.carousel-portfolio .elementor-swiper-button-prev:hover,
.carousel-portfolio .elementor-swiper-button-next:hover,
.carousel-about-us .elementor-swiper-button-prev:hover,
.carousel-about-us .elementor-swiper-button-next:hover,
.carousel-page-about-us .elementor-swiper-button-prev:hover,
.carousel-page-about-us .elementor-swiper-button-next:hover,
.kampain-search-ads .elementor-swiper-button-prev:hover,
.kampain-search-ads .elementor-swiper-button-next:hover,
.carousel-video-section .elementor-swiper-button-prev:hover,
.carousel-video-section .elementor-swiper-button-next:hover,
.mobile-blog .elementor-swiper-button-prev:hover,
.mobile-blog .elementor-swiper-button-next:hover {
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  ) !important;
  padding: 10px 18px !important;
  border-radius: 135px !important;
}

/* استایل پیش‌فرض دکمه‌ها */
.home-team-carousel .elementor-swiper-button-prev,
.home-team-carousel .elementor-swiper-button-next,
.blog-carousel-section .elementor-swiper-button-prev,
.blog-carousel-section .elementor-swiper-button-next,
.box-project-app .elementor-swiper-button-prev,
.box-project-app .elementor-swiper-button-next,
.carousel-portfolio .elementor-swiper-button-prev,
.carousel-portfolio .elementor-swiper-button-next,
.carousel-about-us .elementor-swiper-button-prev,
.carousel-about-us .elementor-swiper-button-next,
.carousel-page-about-us .elementor-swiper-button-prev,
.carousel-page-about-us .elementor-swiper-button-next,
.kampain-search-ads .elementor-swiper-button-prev,
.kampain-search-ads .elementor-swiper-button-next,
.carousel-video-section .elementor-swiper-button-prev,
.carousel-video-section .elementor-swiper-button-next,
.mobile-blog .elementor-swiper-button-prev,
.mobile-blog .elementor-swiper-button-next {
  background: white !important;
  padding: 10px 18px !important;
  border-radius: 135px !important;
  position: relative;
}

/* افکت بلور پشت دکمه */
.home-team-carousel .elementor-swiper-button-prev::before,
.home-team-carousel .elementor-swiper-button-next::before,
.blog-carousel-section .elementor-swiper-button-prev::before,
.blog-carousel-section .elementor-swiper-button-next::before,
.box-project-app .elementor-swiper-button-prev::before,
.box-project-app .elementor-swiper-button-next::before,
.carousel-portfolio .elementor-swiper-button-prev::before,
.carousel-portfolio .elementor-swiper-button-next::before,
.carousel-about-us .elementor-swiper-button-prev::before,
.carousel-about-us .elementor-swiper-button-next::before,
.carousel-page-about-us .elementor-swiper-button-prev::before,
.carousel-page-about-us .elementor-swiper-button-next::before,
.kampain-search-ads .elementor-swiper-button-prev::before,
.kampain-search-ads .elementor-swiper-button-next::before,
.carousel-video-section .elementor-swiper-button-prev::before,
.carousel-video-section .elementor-swiper-button-next::before,
.mobile-blog .elementor-swiper-button-prev::before,
.mobile-blog .elementor-swiper-button-next::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: blur(40px);
  z-index: -1;
}

/* افکت بلور هنگام hover */
.home-team-carousel .elementor-swiper-button-prev:hover::before,
.home-team-carousel .elementor-swiper-button-next:hover::before,
.blog-carousel-section .elementor-swiper-button-prev:hover::before,
.blog-carousel-section .elementor-swiper-button-next:hover::before,
.box-project-app .elementor-swiper-button-prev:hover::before,
.box-project-app .elementor-swiper-button-next:hover::before,
.carousel-portfolio .elementor-swiper-button-prev:hover::before,
.carousel-portfolio .elementor-swiper-button-next:hover::before,
.carousel-about-us .elementor-swiper-button-prev:hover::before,
.carousel-about-us .elementor-swiper-button-next:hover::before,
.carousel-page-about-us .elementor-swiper-button-prev:hover::before,
.carousel-page-about-us .elementor-swiper-button-next:hover::before,
.kampain-search-ads .elementor-swiper-button-prev:hover::before,
.kampain-search-ads .elementor-swiper-button-next:hover::before,
.carousel-video-section .elementor-swiper-button-prev:hover::before,
.carousel-video-section .elementor-swiper-button-next:hover::before,
.mobile-blog .elementor-swiper-button-prev:hover::before,
.mobile-blog .elementor-swiper-button-next:hover::before {
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
}

.top-back .elementor-icon {
  animation: bounceBall 1.5s ease-in-out infinite;
}

.top-back {
  position: absolute;
  top: -1px;
  right: calc(4% - 7px);
  transform: translate(0, 0);
  z-index: 99;
  cursor: pointer;
}

.main-title .elementor-icon-box-icon::before {
  content: url("assets/img/main-title-grid.svg");
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -2;
}

.main-title .elementor-icon-box-icon .elementor-icon {
  position: relative;
}

.main-title .elementor-icon-box-icon .elementor-icon::before {
  content: url("assets/img/main-title-blur.svg");
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.main-title .elementor-icon-box-content {
  position: relative;
  z-index: 1;
}

.main-title .main-title-colored {
  color: var(--e-global-color-primary);
}

.main-title .main-title-bold {
  font-weight: 800;
}

.home-team-carousel .elementor-swiper-button-next:hover path,
.home-team-carousel .elementor-swiper-button-prev:hover path,
.blog-carousel-section .elementor-swiper-button-prev:hover path,
.blog-carousel-section .elementor-swiper-button-next:hover path,
.box-project-app .elementor-swiper-button-prev:hover path,
.box-project-app .elementor-swiper-button-next:hover path,
.carousel-portfolio .elementor-swiper-button-prev:hover path,
.carousel-portfolio .elementor-swiper-button-next:hover path {
  fill: white !important;
}

/*global style*/

/*header style*/

.header-container .e-con-inner::after {
  content: url("assets/img/header-top-grid.svg");
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1;
}

.header-container::after {
  content: url("assets/img/header-top-blur.svg");
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -2;
}

/*header style*/

/*home hero style*/

/*portfolio-modal*/


/*portfolio-modal*/

.carousel-portfolio .elementor-loop-container {
  padding-top: 10vw;
}

#portfolio-section::before {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/portfolio-grid.svg);
    position: absolute;
    top: 8%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.carousel-portfolio .swiper-rtl {
  padding-right: 230px !important;
  padding-left: 230px !important;
}

.portfolio-box {
  mix-blend-mode: luminosity;
}

.carousel-portfolio .swiper-slide-active > div {
  transform: scale(1.2) !important;
}

.carousel-portfolio .swiper-slide {
  /* transform: scale(0.96); */
}

.carousel-portfolio .swiper-slide .click-portfolio {
  display: none;
}

.carousel-portfolio .swiper-slide-next .e-con-boxed {
  /* transform: translatex(-25px); */
}

.carousel-portfolio .swiper-slide-active .click-portfolio {
  display: block !important;
}

.icon-site-top::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/frame-for-top.svg);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.carousel-portfolio .swiper-slide-next + .swiper-slide {
  /* transform: translatex(-11px); */
}

.click-portfolio {
  position: absolute;
  left: 50%;
  bottom: calc(4% - 19px);
  transform: translate(-50%, -50%);
}

.portfolio-box .click-portfolio svg {
  display: inline-block;
  transition: transform 0.4s ease-in-out;
}

.portfolio-box:hover .click-portfolio svg {
  transform: rotate(125deg);
}

.icon-site-top svg {
  filter: grayscale(100%);
}

.carousel-portfolio .swiper-slide-active .icon-site-top svg {
  filter: grayscale(0);
}

.portfolio-box .click-portfolio svg {
  transform: rotate(90deg);
}

.click-portfolio::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/bottom-portfolio-click.svg);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.icon-site-top {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.img-frame::after {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 36px;
  background-image: linear-gradient(
    226.97deg,
    rgba(236, 151, 0, 0) 26.26%,
    #ec9700 42.16%,
    #9f0f2f 134.57%
  );
  transform: translate(-50%, -50%);
  z-index: -1;
}

.img-frame::after {
  filter: grayscale(100%);
}

.carousel-portfolio .swiper-slide-active .img-frame::after {
  filter: grayscale(0);
}

.portfolio-img {
  position: relative;
  width: 100%;
  max-width: 356px;
  height: 420px;
  overflow: hidden;
  border-radius: 26px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.input-forms .elementor-field-type-textarea::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 32px;
    background: linear-gradient(183deg, rgb(159 55 15 / 65%), #ec9700, rgb(236 151 0 / 0%));
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
    pointer-events: none;
    top: 31px;
    right: 7px;
    width: 962px !important;
    height: auto !important;
}

.swiper-slide-active .portfolio-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  transition: object-position 2s linear;
}
.portfolio-box:hover img {
  object-position: bottom center;
}

.grid-contact-slider::after {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/Arrow.svg);
    position: absolute;
    left: 47%;
    top: 0%;
    transform: translate(50%, -50%);
}

body.home::before {
  content: url("assets/img/home-hero-top-right-shape.svg");
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.home-hero-btn {
  box-shadow: 26px 5px 26px 0px rgba(241, 151, 0, 0.09),
    59px 10px 36px 0px rgba(241, 151, 0, 0.05),
    104px 18px 42px 0px rgba(241, 151, 0, 0.01),
    163px 28px 46px 0px rgba(241, 151, 0, 0);
}

.home-hero-btn::after {
  content: "";
  display: inline-block;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: linear-gradient(
    90deg,
    rgba(228, 228, 228, 0) 0%,
    #ec9800 100%
  );
  border-radius: 100px;
  z-index: -1;
}

.home-hero-btn .elementor-button-icon {
  padding: 0 12px;
  border-radius: 100px;
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
}

.home-hero-btn .elementor-button-icon svg {
  transition: transform 0.5s ease-in-out;
}

.home-hero-btn:hover .elementor-button-icon svg {
  transform: rotate(360deg);
}

/*home hero style*/

/*home services style*/

.home-services-section::after {
  content: url("assets/img/home-services-left-shape.svg");
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(0, -45%);
  z-index: -1;
}

.home-services-box::after {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 30px;
  background-image: linear-gradient(
    129deg,
    rgba(159, 15, 47, 0.94) -11.28%,
    #ec9700 32.27%,
    rgba(236, 151, 0, 0) 94.04%
  );
  transform: translate(-50%, -50%);
  z-index: -1;
}

.home-services-icon-box .elementor-icon-box-title::before {
  content: url("assets/img/home-services-tick-icon.svg");
  position: absolute;
  transform: translate(calc(100% + 15px), 0);
}

.home-services-icon-box .elementor-icon-box-description {
  text-align: justify;
}

.home-services-icon-box .elementor-icon {
  padding: 20px;
  aspect-ratio: 1;
  border-radius: 30px;
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  backdrop-filter: blur(20px);
  transform: translate(0, calc(-50% - 35px));
}

.home-services-icon-box .elementor-icon-box-content {
  margin-top: -70px;
}

.home-services-btn .elementor-button {
  position: relative;
}

.home-services-btn .elementor-button:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  background-image: linear-gradient(
    285deg,
    var(--e-global-color-00127d8) 25%,
    var(--e-global-color-c9883c7) 100%
  );
  transform: translate(-50%, -50%);
  z-index: 1;
}

.home-services-btn .elementor-button:after {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  background-image: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  transform: translate(-50%, -50%);
  z-index: 0;
}

.home-services-btn .elementor-button-content-wrapper {
  position: relative;
  z-index: 1;
}

.home-services-btn .elementor-button-icon svg {
  transition: transform 0.2s ease-in-out;
}

.home-services-btn:hover .elementor-button-icon svg {
  transform: rotate(45deg);
}

/*home services style*/

/*home team members*/

.home-team-carousel
  .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background-color: #fff !important;
  opacity: 1;
}

/*home team members*/

/*team memeber item*/

.team-social-icons {
  display: flex;
  justify-content: center;
  gap: 6px;
}

.team-social-icons .team-social-icons-item {
  display: flex;
  border: 1px solid #fff;
  border-radius: 100%;
  padding: 2px;
}

/*team memeber item*/

/*post item*/

.item-post-excerpt p {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.item-post-btn .elementor-button {
  position: relative;
}

.item-post-btn .elementor-button:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  background-color: var(--e-global-color-039571f);
  transform: translate(-50%, -50%);
  z-index: 1;
}

.item-post-btn .elementor-button:after {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  background-image: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  transform: translate(-50%, -50%);
  z-index: 0;
}

.item-post-btn .elementor-button-content-wrapper {
  position: relative;
  z-index: 1;
}

.item-post-btn .elementor-button-icon svg {
  transition: transform 0.2s ease-in-out;
}

.item-post-btn:hover .elementor-button-icon svg {
  transform: rotate(45deg);
}

/*post item*/
html,
body {
  overflow-x: hidden !important;
}

/*header-about-us-and-contact*/
.header-container.about-us {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/bg_circular_lines.svgg);
}
#contact-header .e-con-inner::after {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/bg_circular_lines-1.svg) !important;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1;
  opacity: 0.06;
}
#contact-header .e-con-inner::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/div.absolute_mask-group.svg) !important;
  position: absolute;
  top: -50px;
  left: 55%;
  transform: translate(-50%, 0);
}
.header-container-contact-us::after {
  content: url(assets/img/header-top-blur.svg);
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -2;
}
/*footer*/
.footer-social-list .elementor-icon-list-icon {
  padding: 14px !important;
  aspect-ratio: 1;
  border-radius: 100%;
  background: linear-gradient(
      0deg,
      rgba(179, 191, 203, 0.25),
      rgba(179, 191, 203, 0.25)
    ),
    linear-gradient(
      139.2deg,
      rgba(255, 255, 255, 0) 103.69%,
      rgba(173, 174, 176, 0) 103.69%
    );
}
.footer-social-list .elementor-icon-list-icon svg {
  margin: 0 !important;
}

@keyframes bounceBall {
0%, 100% {
    transform: translateY(-10px);
}
50% {
    transform: translateY(-16px);
}
}
html {
  scroll-behavior: smooth;
}
.footer-main::before {
  background-image: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  width: 15%;
  height: 85%;
  border-radius: 250px;
  transform: rotate(-22.5deg);
  left: 20%;
  top: 5%;
  filter: blur(200px);
  opacity: 50%;
}
.top-back::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/Ellipse-67-1.svg);
  position: absolute;
  top: 46%;
  left: 50%;
  height: 100px;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.icons-loc:hover{
    background: linear-gradient(238.98deg, rgb(236, 151, 0) -7.18%, rgb(236, 151, 0) 15%, rgb(159, 15, 47) 143.82%)!important;
}

#contact-button::after {
  content: "";
  display: inline-block;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: linear-gradient(
    90deg,
    rgba(228, 228, 228, 0) 0%,
    #ec9800 100%
  );
  border-radius: 100px;
  z-index: -1;
}

/*footer*/
/*main-home*/
/*team-carousel*/
.team-section-carousel::after {
  position: absolute;
  content: url(https://dimaino.co/wp-content/uploads/2025/08/Topology-1.svg);
  top: 57%;
  transform: translate(-50%, -50%);
  z-index: -1;
  right: -23%;
}

.team-section-carousel::before {
  position: absolute;
  top: 50%;
  width: 1300px;
  height: 389px;
  transform: translateY(-91%) rotate(103deg);
  opacity: 1;
  border-radius: 249px;
  filter: blur(450px);
  pointer-events: none;
  z-index: 0;
  left: 63%;
}
.home-team-carousel .swiper-slide-active .e-con-boxed {
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  ) !important;
}
.home-team-carousel .swiper-slide-active::after {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/border-carousel-team.svg);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -37px;
}

.home-team-carouse
  .swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active) {
  background-color: transparent !important;
  background-image: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
}
.home-team-carousel .swiper-slide {
  transform: scale(0.9) !important;
}

.home-team-carousel .swiper {
  padding-top: 12vw;
}

.home-team-carousel .swiper-slide-next + .swiper-slide .e-con-boxed {
  border-radius: 400px 400px 0 !important;
  transform: translateY(-160px) !important;
}
.home-team-carousel .swiper-slide-next .e-con-boxed {
  transform: translateX(-20px) translateY(-80px);
  border-radius: 400px 400px 0;
}
.home-team-carousel .swiper-slide-duplicate.swiper-slide-prev .e-con-boxed {
  transform: translateX(20px) translateY(-80px);
  border-radius: 400px 400px 400px 0;
}
.home-team-carousel .swiper-slide-prev .e-con-boxed {
  border-radius: 400px 400px 400px 0 !important;
  transform: translateX(20px) translateY(-80px) !important;
}
.home-team-carousel .swiper-slide:has(+ .swiper-slide-prev) .e-con-boxed {
  border-radius: 400px 400px 400px 0 !important;
  transform: translateY(-160px) !important;
}

.home-team-carousel
  .swiper-slide-duplicate:has(+ style + .swiper-slide-prev)
  .e-con-boxed {
  border-radius: 400px 400px 400px 0 !important;
  transform: translateY(-160px) !important;
}
/*.swiper-slide-duplicate .e-con-boxed {*/
/*    border-radius: 400px 400px 400px 0 !important;*/
/*    transform: translateY(-160px);*/
/*}*/
/*customers-carousel*/
.customers-sections .swiper-slide {
  opacity: 0.3;
  transform: scale(0.9);
  transition: all 0.3s ease-in-out;
}
.customers-sections .elementor-heading-title {
  display: none;
}
.customers-sections .swiper-slide-active .elementor-heading-title {
  display: block !important;
}
.customers-sections .swiper-slide.swiper-slide-active {
  opacity: 1;
  transform: scale(1);
  z-index: 10;
}
.customers-sections .swiper-slide-prev,
.customers-sections .swiper-slide-next {
  transform: translateY(-10px) !important;
}

/*customers-brand-logo*/
.customers-brand-logo figcaption.elementor-image-carousel-caption {
  display: none;
}
.customers-brand-logo
  .swiper-slide-active
  figcaption.elementor-image-carousel-caption {
  display: block !important;
}

.home-team-carousel .elementor-image-carousel-wrapper {
  padding-top: 10vw;
}

.customers-brand-logo::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/Vector-451.svg);
  position: absolute;
  left: 50%;
  top: -15%;
  transform: translate(-50%, 50%);
}
.customers-brand-logo::after {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/Vector-450.svg);
  position: absolute;
  left: 50%;
  top: 70%;
  transform: translate(-50%, 50%);
}

.customers-brand-logo .swiper-slide {
  transition: transform 1s, scale 1s;
}

.customers-brand-logo .swiper-slide-prev,
.customers-brand-logo .swiper-slide-next {
  transform: translateY(-15px);
  opacity: 0.8;
}
.customers-brand-logo .swiper-slide.swiper-slide:has(+ .swiper-slide-prev),
.customers-brand-logo .swiper-slide.swiper-slide-next + .swiper-slide {
  transform: translateY(-48px) !important;
  opacity: 0.3;
}
.customers-brand-logo
  .swiper-slide.swiper-slide:has(+ .swiper-slide + .swiper-slide-prev),
.customers-brand-logo
  .swiper-slide.swiper-slide-next
  + .swiper-slide
  + .swiper-slide {
  transform: translateY(-80px);
  opacity: 0.2;
}
.customers-brand-logo
  .swiper-slide.swiper-slide:has(
    + .swiper-slide + .swiper-slide + .swiper-slide-prev
  ),
.customers-brand-logo
  .swiper-slide.swiper-slide-next
  + .swiper-slide
  + .swiper-slide
  + .swiper-slide {
  transform: translateY(-130px);
  opacity: 0.1;
}
/*contact-us-form*/
.main-title .elementor-icon-box-icon::before {
  opacity: 0.3 !important;
}
.form-cotact button {
  background: linear-gradient(
    238.98deg,
    #ec9700 -7.18%,
    #ec9700 15%,
    #9f0f2f 143.82%
  );
  width: 274px !important;
  height: 56px !important;
}
.section-contact-form.e-flex.e-con.e-child::before {
  content: " ";
  width: 100%;
  height: 3px;
  background: radial-gradient(
    34.03% 1000% at 50% -500%,
    #ffffff 0%,
    rgba(255, 255, 255, 0) 99.99%,
    rgba(255, 255, 255, 0) 100%
  );
  position: absolute;
  top: -80px;
}
.section-asli::after {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 30px;
  transform: translate(-50%, -50%);
  z-index: -1;
  background-image: radial-gradient(
      circle at top right,
      rgba(159, 5, 12, -19.5) 0%,
      transparent 34%
    ),
    radial-gradient(circle at top right, #ec97003d 0%, transparent 18%),
    radial-gradient(
      circle at bottom left,
      rgba(236, 151, 0, -1.9) 0%,
      transparent 60%
    ),
    radial-gradient(
      circle at bottom right,
      rgba(236, 151, 0, 0.05) 0%,
      transparent 70%
    ),
    linear-gradient(
      10deg,
      rgba(159, 15, 47, 0.1) 0%,
      #ec9700 25%,
      rgba(236, 151, 0, 0) 90%
    );
}

/*contact-us-page*/

body.contact-us .header-container::before {
    content: url(https://dimaino.co/wp-content/uploads/2025/09/bg-contact-and-about.svg);
    left: 51%;
    top: -169%;
    transform: translate(-50%, -50%);
    opacity: .1;
    z-index: -1;
}


body.contact-us .header-container::after {
  content: "";
  width: 900px;
  height: 500px;
  background: linear-gradient(
    0deg,
    rgba(255, 251, 10, 0.43) -43.69%,
    rgba(255, 192, 20, 0.43) 56.31%
  );
  border-radius: 249px;
  left: 50%;
  top: -42%;
  transform: translate(-50%, -50%) rotate(30deg);
  filter: blur(200px);
  z-index: -1;
}
body.contact-us .header-container .e-con-inner::after {
  content: url(assets/img/bg_circular_lines.svg);
  position: absolute;
  top: -73px;
  left: 64%;
  transform: translate(-50%, 0);
  z-index: -8;
  opacity: 0.1;
}
.input-forms .elementor-field-group {
  position: relative;
  border-radius: 30px;
  padding: 2px;
  z-index: 0;
}
.contact-us-faq-section::before {
  position: absolute;
  width: 560px;
  border-radius: 100%;
  transform: translate(-25%, -50%) rotate(-75deg);
  filter: blur(200px);
}

.contact-us-faq-section::after {
  content: url("https://dimaino.co/wp-content/uploads/2025/07/contact-us-faq-shape.svg.svg");
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(0, -50%);
  z-index:-1;
}
.input-forms .elementor-field-group::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 32px;
  background: linear-gradient(
    183deg,
    rgb(159 55 15 / 65%),
    #ec9700,
    rgb(236 151 0 / 0%)
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 0;
  pointer-events: none;
  height: 54px;
  top: 31px;
  right: 7px;
  width: 475px;
}

.elementor-field-type-textarea::before {
    width: 384px !important;
}
.e-form__buttons::before {
  display: none;
}

.input-forms .elementor-field-group:hover::before,
.input-forms .elementor-field-group:has(input:focus)::before {
  opacity: 1;
}

.input-forms .elementor-field {
  position: relative;
  z-index: 1;
  border: none;
  outline: none;
  border-radius: 28px;
  padding: 12px 16px;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.3s ease;
  background: linear-gradient(
    286.92deg,
    rgb(51 42 32) 25.96%,
    rgba(97, 106, 110, 0.5) 107.77%
  ) !important;

  backdrop-filter: blur(0px);
}

.input-forms .elementor-field:hover,
.input-forms .elementor-field:focus {
  background: linear-gradient(
    286.92deg,
    rgba(51, 42, 32, 0.95),
    rgba(97, 106, 110, 0.95)
  ) !important;
  backdrop-filter: none;
}

.input-forms .elementor-field:not(.elementor-select-wrapper) {
  background: linear-gradient(
    286.92deg,
    rgba(51, 42, 32, 0.5) 25.96%,
    rgba(97, 106, 110, 0.5) 107.77%
  );
}
.input-forms button {
  background: linear-gradient(
    238.98deg,
    #ec9700 -7.18%,
    #ec9700 15%,
    #9f0f2f 143.82%
  );
  width: 274px !important;
  height: 56px !important;
}
.faq-contact .e-n-accordion-item-title {
  border: 1px solid;

  border-image-source: linear-gradient(
    90deg,
    #181818 0%,
    rgba(126, 126, 126, 0) 100%
  );
}

.faq-contact .e-n-accordion-item-title-text::after {
  content: "";
  position: absolute;
  right: 26px;
  top: 22px;
  width: 44px;
  height: 44px;
  background-image: url(https://dimaino.co/wp-content/uploads/2025/07/Frame-406.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}
.answer::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 1px;
  background: linear-gradient(297deg, #000000 0%, #ec9700 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  background-clip: border-box;
  z-index: -1;
  pointer-events: none;
  border: none;
}
.answer {
  background: linear-gradient(270deg, #181818 0%, rgb(126 126 126 / 30%) 100%);
  border-radius: 10px;
}
.input-forms input {
  height: 50px !important;
}
.contact-us-form-section::after {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/Ellipse-7-not-blur.svg);
  position: absolute;
  left: 128px;
  bottom: -131px;
  opacity: 1;
  filter: blur(190px);
}

.contact-us-form-section::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/Square-left.svg);
  position: absolute;
  left: 378px;
  width: 100px;
  top: 562px;
  opacity: 0.05;
}

/*webdesign page*/
.home-hero-btn.website-page-design{
    box-shadow:none!important;
}

.home-hero-btn.website-page-designbutt::after {
    content: "";
    display: inline-block;
    width: calc(100% + 3px);
    height: calc(100% + 3px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: linear-gradient(234.43deg, #D4EC00 -7.8%, rgba(242, 239, 58, 0.55) 55.23%, rgba(83, 159, 15, 0) 73.21%);
    border-radius: 100px;
    z-index: -1;
}

.border-silver::before {
    content: url(https://dimaino.co/wp-content/uploads/2025/09/Vector-468-1.svg);
    position: absolute;
    top: calc(52% - 2px);
    left: 50%;
    transform: translate(-50%, -50%);
    height: 56px;
    width: 421px;
}

.title-code{
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.title-code::before{
    content: url(https://dimaino.co/wp-content/uploads/2025/09/border-bg-ste.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}

.border-silver::after{
    content: url(https://dimaino.co/wp-content/uploads/2025/09/bg-pattern-design.svg);
    position: absolute;
    top:30%;
    left: 50%;
    transform: translate(-50% , -50%)
}

.home-hero-btn.website-page-design a{
    background: linear-gradient(267.21deg, #202020 19.81%, #2B2B2B 106.04%);

}
.home-hero-btn.website-page-design:hover .elementor-button-icon svg {
  transform: rotate(360deg);
}


.home-hero-btn.website-page-design .elementor-button-icon svg {
  transition: transform 0.5s ease-in-out;
}

.home-hero-btn.website-page-design .elementor-button-icon {
  padding: 0 12px;
  border-radius: 100px;
background: linear-gradient(217.72deg, rgba(212, 236, 0, 0) -15.82%, #F2EF3A 6.5%, #539F0F 136.17%);

}

.home-hero-btn.website-page-design .elementor-button-icon svg {
  transition: transform 0.5s ease-in-out;
}

.home-hero-btn.website-page-design:hover .elementor-button-icon svg {
  transform: rotate(360deg);
}

.home-hero-btn.website-page-design::after {
  content: "";
  display: inline-block;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: linear-gradient(234.43deg, #D4EC00 -7.8%, rgba(242, 239, 58, 0.55) 55.23%, rgba(83, 159, 15, 0) 73.21%);
  border-radius: 100px;
  z-index: -1;
}

.butt-contact a{
    background: linear-gradient(267.21deg, #202020 19.81%, #2B2B2B 106.04%);
}


.section-contact-design::after{
    content: url(https://dimaino.co/wp-content/uploads/2025/09/bg-pattern-design.svg);
    position: absolute;
    top: 38%;
    left: 53%;
    transform: translate(-50% , -50%)
}

.butt-title{
    font-weight: 700;
}

.section-contact-design::before{
    content: url(https://dimaino.co/wp-content/uploads/2025/09/bg-plan-site.svg);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%)
}

.title-plan{
    font-weight: 300;
}

.strong-title {
  font-weight: 800;
}

.text-call-gradient h2 {
background: linear-gradient(217.72deg, rgba(212, 236, 0, 0) -15.82%, #F2EF3A 6.5%, #539F0F 136.17%);

  -webkit-background-clip: text;  
  background-clip: text;         
  -webkit-text-fill-color: transparent;
  color: transparent;        
  display: inline-block;      
}

.grid-contact-slider.design-web-page::after{
    display: none;
}

  @keyframes rise {
    0%   { transform: translateY(0); opacity: 0.5; }
    50%  { transform: translateY(-20px); opacity: 0.8; }
    100% { transform: translateY(-40px); opacity: 0; }
  }
  
.coffe-svg svg path:nth-of-type(15) {
    animation: rise 3s ease-in-out infinite;
}

.coffe-svg svg path:nth-of-type(16) {
    animation: rise 3s ease-in-out infinite;
}

.coffe-svg::before{
    content: '';
    width: 130px;
    height: 50px;
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50% , -50%);
    background: linear-gradient(245.75deg, #FFB300 0%, #EC9700 147.6%);
    filter: blur(50px);
    z-index: -1;
    border-radius: 20px;
}

.count-num .elementor-counter-number-wrapper {
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  line-height: 1 !important;
}
.plan-price {
  background: linear-gradient(
    289.11deg,
    rgba(51, 42, 32, 0.5) 3.36%,
    rgba(97, 106, 110, 0.5) 97.89%
  );
}
.diffrent-color {
  font-weight: 800;
  background: linear-gradient(
    217.72deg,
    #ec9700 100%,
    #ec9700 36%,
    #9f0f2f 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  line-height: 1 !important;
}
.arrow-contact::before {
  width: 100px;
  content: url(https://dimaino.co/wp-content/uploads/2025/07/Arrow.svg);
  position: absolute !important;
  left: 0px;
  top: -52px;
}
.support-section::before {
  content: url("https://dimaino.co/wp-content/uploads/2025/07/Group-1171275848-1.svg");
  position: absolute;
  top: -140px;
  opacity: 1;
  right: 20px;
}

.grid-contact-slider::before {
  content: url("https://dimaino.co/wp-content/uploads/2025/07/Vector-1-1.svg");
  position: absolute;
  top: -150px;
  left: -90px;
}
.titile-support::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/Hero-Sections-Grid-2.svg);
  position: absolute;
  top: -120px;
  left: auto;
  width: 10px;
  right: -38px;
}

.border-information::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(
    to right,
    #ffa300 0%,
    rgba(228, 228, 228, 0) 100%
  );
}
.button-gradient a {
  background: linear-gradient(
    236.77deg,
    #ec9700 -1.03%,
    #ec9700 20.56%,
    #9f0f2f 146%
  );
}

.button-gradient::after {
  content: url("https://dimaino.co/wp-content/uploads/2025/07/Group-1171275857.svg");
  position: absolute;
  top: 75px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.box-sidebar {
  box-shadow: 0px 81px 85.3px 0px rgba(0, 0, 0, 0.1);
}
.gradient-titel-information h2 {
  background: linear-gradient(217.72deg, #ec9700 0%, #ec9700 15%, #9f0f2f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.gradient-titel-information-icon::before {
  content: url("https://dimaino.co/wp-content/uploads/2025/07/Group-427320559-1.svg");
  position: absolute;
  right: 0;
}
.icon-box-hr::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(to left, #ffa300 0%, rgba(228, 228, 228, 0) 100%);
}
.menu-sidebar ul {
  display: block !important;
}
.menu-sidebar ul.e-n-menu-heading li {
  margin-bottom: 12px !important;
}
.img-blog-sidebar img {
  border-radius: 200px !important;
}
.date-blog::before {
  content: url("https://dimaino.co/wp-content/uploads/2025/07/loading-1.svg");
  position: absolute !important;

  right: -33px;
  top: -3px;
}
/*service-laptop-arrow*/
.star-section::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/Group-1171275853.svg);
  position: absolute;
  right: 569px;
  width: 10px;
  top: -120px;
}
.titile-arrow::after {
  content: url("https://dimaino.co/wp-content/uploads/2025/07/Vector-460-1.svg");
  position: absolute;
}

.right-column-service .titile-arrow:nth-child(1)::after {
  right: 0;
  bottom: 75px;
  transform: translate(-124%, 131%) scale(-1, 1) rotate(173deg);
}
.right-column-service .titile-arrow:nth-child(2)::after {
  right: 0;
  bottom: 75px;
  transform: translate(-153%, 131%) scale(-1, 1) rotate(173deg);
}

.right-column-service .titile-arrow:nth-child(3)::after {
  right: 0;
  bottom: 50px;
  transform: translate(-136%, 41%) scale(0.9, -1) rotate(122deg);
}
.right-column-service .titile-arrow:nth-child(4)::after {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/Vector-464.svg) !important;
  right: 0;
  bottom: 75px;
  transform: translate(-268%, 149%) scale(1, 1) rotate(359deg);
}
.right-column-service .titile-arrow:nth-child(5)::after {
  right: 0;
  bottom: 50px;
  transform: translate(-149%, 50%) scale(-0.8, -1) rotate(172deg);
}
.left-column-service .titile-arrow:nth-child(1)::after {
  right: 0;
  bottom: 75px;
  transform: translate(99%, 131%) scale(0.8, 1) rotate(173deg);
  z-index: -1;
}
.left-column-service .titile-arrow:nth-child(2)::after {
  right: 0;
  bottom: 75px;
  transform: translate(108%, 131%) scale(0.9, 1) rotate(173deg);
  z-index: -1;
}
.left-column-service .titile-arrow:nth-child(3)::after {
  right: 0;
  bottom: 75px;
  transform: translate(88%, 111%) scale(0.7, 0.4) rotate(173deg);
  z-index: -1;
}
.left-column-service .titile-arrow:nth-child(4)::after {
  right: 0;
  bottom: 75px;
  transform: translate(85%, 87%) scale(0.6, 0.3) rotate(302deg);
  z-index: -1;
}
.left-column-service .titile-arrow:nth-child(5)::after {
  right: 0;
  bottom: 75px;
  transform: translate(71%, 48%) scale(0.8, 0.6) rotate(84deg);
  z-index: -1;
}

/*about-us-page*/
.icon-our-value::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px; /* ضخامت بردر */
  border-radius: inherit;
  background: linear-gradient(
    217.72deg,
    rgba(236, 151, 0, 0) -15.82%,
    #ec9700 19.26%,
    #9f0f2f 136.17%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
  transition: mix-blend-mode 0.3s ease, background 0.3s ease;
}
.icon-our-value {
  background: linear-gradient(
    291.45deg,
    rgba(51, 42, 32, 0.5) 3.03%,
    rgba(97, 106, 110, 0.5) 107.86%
  );
}
.icon-our-value .elementor-icon-box-icon {
  mix-blend-mode: luminosity;
}

.icon-our-value:hover .elementor-icon-box-icon {
  mix-blend-mode: normal !important;
}
.icon-our-value::before {
  mix-blend-mode: luminosity;
}

.icon-our-value:hover::before {
  mix-blend-mode: normal !important;
}
.about-us-value-section::before {
  position: absolute;
  width: 560px;
  border-radius: 100%;
  transform: translate(-50%, 66%) rotate(-75deg);
  filter: blur(200px);
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  left: 50%;
  top: 50%;
  z-index:-1;
}
.about-us-value-section::after {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/star-our-value-before.svg.svg);
  position: absolute;
  transform: translate(53%, 65%);
  left: 286px;
  top: 73px;
}

.section-why::after {
  position: absolute;
  content: url(https://dimaino.co/wp-content/uploads/2025/07/why-circle-pattern-2.svg-2.svg);
  top: 0;
  right: 0;
  transform: translate(0%, -36%);
  opacity: 0.2;
  z-index: -1;
}
.section-why::before {
  position: absolute;
  width: 560px;
  border-radius: 100%;
  transform: translate(50%, -50%) rotate(-75deg);
  filter: blur(200px);
  left: 76%;
  top: 5px;
}
.section-why::before {
  position: absolute;
  width: 560px;
  border-radius: 100%;
  transform: translate(-25%, -50%) rotate(-75deg);
  filter: blur(200px);
}

.why-icon-section {
  background-color:#191919;
  backdrop-filter: blur(30px);
  border-radius: 30px;
  padding: 30px;

}
.why-icon-section .elementor-icon-box-icon{
    filter: grayscale(1);
}
.why-icon-section:hover .elementor-icon-box-icon{
    filter: grayscale(0);
}
.why-icon-section:hover{
    background: linear-gradient(211.91deg, rgba(236, 151, 0, 0.13) -0.03%, rgba(236, 151, 0, 0) 78.69%);

}
.why-icon-section::before{
        content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(217.72deg, rgba(236, 151, 0, 0) -15.82%, #ec9700 19.26%, #9f0f2f 136.17%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
    transition: mix-blend-mode 0.3s ease, background 0.3s ease;
    filter: grayscale(1);
}
.why-icon-section:hover::before{
    filter: grayscale(0);
}
/*.why-icon-section::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50% ,-50%);*/
/*    background-image: linear-gradient(223.01deg, rgba(198, 252, 48, 0.46) 5.16%, rgba(252, 252, 252, 0) 127.37%);*/
/*    z-index: 0;*/
/*    border-radius: 30px;*/
/*}*/

.why-title {
  font-weight: 400;
}
.why-icon-section .elementor-icon-box-wrapper::before {
    content: url(https://dimaino.co/wp-content/uploads/2025/07/Group-1171275948.svg);
    position: absolute;
    top: -5%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.number-steps {
  position: absolute;
  right: 112px;
  top: 5%;
  transform: translate(50%, -50%);
}
.bg-top::before {
  content: "";
  position: absolute;
  top: -29%;
  left: 0;
  width: 500px;
  height: 882px;
  transform: translateY(-50%) rotate(60deg);
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  opacity: 0.5;
  border-radius: 249px;
  filter: blur(800px);
  pointer-events: none;
  z-index: -1;
}
.icon-box-bg:hover::after {
  content: "";
  position: absolute;
  top: 43%;
  left: -32px;
  width: 500px;
  height: 300px;
  transform: translateY(-50%);
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  opacity: 0.5;
  border-radius: 249px;
  filter: blur(200px);
  pointer-events: none;
  z-index: -1;
}

.bg-color-service::after {
  content: "";
  position: absolute;
  top: 375px;
  left: -78px;
  width: 500px;
  height: 600px;
  transform: translateY(-50%) rotate(208deg);
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  opacity: 0.5;
  border-radius: 50%;
  filter: blur(260px);
  pointer-events: none;
  z-index: -1;
}
.bg-color-service::before {
  content: "";
  position: absolute;
  top: 600px;
  right: 0;
  width: 500px;
  height: 600px;
  transform: translateY(-50%) rotate(208deg);
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  opacity: 0.5;
  border-radius: 50%;
  filter: blur(260px);
  pointer-events: none;
  z-index: -1;
}
.plan-price::before {
  content: url("https://dimaino.co/wp-content/uploads/2025/07/Union.svg");
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -16px;
}
.plans-design-section::after {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/grid-plans-section.svg);
  position: absolute;
  top: 64%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: -1;
  right: -428px;
  opacity: 0.1;
  width: 100%;
}
.plans-design-section::before {
  content: "";
  position: absolute;
  top: 90%;
  left: 520px;
  transform: translateY(-50%);
  opacity: 0.4;
  border-radius: 50%;
  filter: blur(600px);
  pointer-events: none;
  z-index: -1;
  width: 700px;
  height: 500px;
  background: linear-gradient(245.75deg, #ffb300 0%, #ec9700 147.6%);
}
.plan-price::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(
    217.72deg,
    rgba(236, 151, 0, 0) -15.82%,
    #ec9700 19.26%,
    #9f0f2f 136.17%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
  transition: mix-blend-mode 0.3s ease, background 0.3s ease;
  mix-blend-mode: luminosity;
}
.plans-design-section {
  position: relative;
  isolation: isolate;
}

.plan-price {
  mix-blend-mode: luminosity;
}
.plan-price {
  transition: background 0.5s ease-in-out, transform 0.3s ease;
  cursor: pointer;
}

.plan-price:hover {
  background: linear-gradient(289.11deg, #332a20 3.36%, #616a6e 97.89%);
  transform: translateY(-4px);
}

.plan-price:hover .elementor-icon {
  background: linear-gradient(217.72deg, #ec9700 -15.82%, #9f0f2f 136.17%);
}
.plan-price .elementor-icon {
  background-color: rgba(32, 30, 24, 1);
  width: 94px;
  height: 94px;
  border-radius: 50%;
  position: relative;
}
.plan-price .elementor-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.why-icon-section .elementor-icon {
  margin-top: -90px;
}
.about-section-who::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/Frame.svg);
  opacity: 0.4;
  top: 10%;
  left: 32%;
  transform: translate(-50%, -50%);
}
.about-section-who::after {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/Frame.svg);
  opacity: 0.4;
  top: 82%;
  left: 12%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.carousel-section-bg::after {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/Union-5.svg);
  left: -93px;
  top: -7px;
  z-index: -1;
  position: absolute;
}




.elementor-counter-number-wrapper span {
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  line-height: 1;
}


.first,
.second {
  font-size: 48px;
  line-height: 57px;
}
.carousel-portfolio .swiper-rtl {
  overflow: visible;
}
.carousel-portfolio .swiper-slide-prev .e-con-boxed {
  /* transform: translatex(25px); */
}

.carousel-portfolio .swiper-pagination-bullet-active::before,
.carousel-portfolio .swiper-pagination-bullet:hover::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 14px);
  height: calc(100% + 14px);
  border: 1px solid var(--e-global-color-primary);
  border-radius: 100%;
}
.second {
  background: linear-gradient(to right, #ffc55d 0%, #ff9500 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.icon-box-bg:hover::after {
  content: "";
  position: absolute;
  top: 43%;
  left: -32px;
  width: 500px;
  height: 300px;
  transform: translateY(-50%);
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  opacity: 1 !important;
  border-radius: 249px;
  filter: blur(200px);
  pointer-events: none;
  z-index: -1;
}

/*seo-page*/

.seo-service-box::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(
    217.72deg,
    rgba(236, 151, 0, 0) -15.82%,
    #ec9700 19.26%,
    #9f0f2f 136.17%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
  transition: mix-blend-mode 0.3s ease, background 0.3s ease;
  mix-blend-mode: luminosity;
}
.seo-service-box {
  background: linear-gradient(
    289.11deg,
    rgba(51, 42, 32, 0.5) 3.36%,
    rgba(97, 106, 110, 0.5) 97.89%
  );
}
.seo-service-box {
  mix-blend-mode: luminosity;
}
.seo-service-box {
  transition: background 0.5s ease-in-out, transform 0.3s ease;
  cursor: pointer;
}

.seo-service-box:hover {
  background: linear-gradient(289.11deg, #332a20 3.36%, #616a6e 97.89%);
  transform: translateY(-4px);
}

.seo-service-box:hover .elementor-icon {
  background: linear-gradient(217.72deg, #ec9700 -15.82%, #9f0f2f 136.17%);
}
.seo-service-box .elementor-icon {
  background-color: rgba(32, 30, 24, 1);
  width: 94px;
  height: 94px;
  border-radius: 50%;
  position: relative;
}
.seo-service-box .elementor-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#second.circle-floating {
  top: 388px;
  left: -188px;
}

#first.circle-floating {
  left: -100px;
  top: 253px;
}

.circle-floating {
  animation: floatFast 2.5s ease-in-out infinite;
  display: inline-block;
  will-change: transform;
  position: absolute;
  will-change: transform;
}

@keyframes floatFast {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
.section-seo-service::before {
  content: "";
  position: absolute;
  top: 70%;
  left: 520px;
  transform: translate(-82%, -113%);
  opacity: 0.5;
  border-radius: 50%;
  filter: blur(350px);
  pointer-events: none;
  z-index: -1;
  width: 900px;
  height: 600px;
}

.seo-paeg-service .elementor-icon {
  background: linear-gradient(
    245deg,
    #686360b8 0%,
    #7d7773 50%,
    #a7a39f 100%
  ) !important;
}
.seo-service-box:hover .elementor-icon {
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  ) !important;
}
.web-design-home::before {
  position: absolute;
  width: 560px;
  border-radius: 100%;
  transform: translate(-7%, 48%) rotate(47deg);
  filter: blur(180px);
  z-index: -1;
  top: -46%;
}
.seo-page-service-square::after {
  content: url("https://dimaino.co/wp-content/uploads/2025/07/OBJECTS.svg");
  position: absolute;
  content: url("https://dimaino.co/wp-content/uploads/2025/07/OBJECTS.svg");
  position: absolute;
  position: absolute;
  top: -100px;
  right: -200px;
  transform: translate(50%, -50%);
  opacity: 0.2;
  z-index: -2;
}
.count-num::after {
  content: "";
  position: absolute;
  top: 30%;
  width: 100%;
  height: 882px;
  background: linear-gradient(306.89deg, #332a20 60.64%, #616a6e 108.13%);
  filter: blur(200px);
  opacity: 0.5;
  pointer-events: none;
  z-index: -1;
}
.seo-paeg-service .elementor-icon-box-title::before {
  display: none;
}
.seo-service-box:hover {
  background-image: linear-gradient(
    41deg,
    #332a2099 25%,
    #616a6eb0 100%
  ) !important;
}
.bottom-service::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/Frame.svg);
  position: absolute;
  transform: translate(-50%, 50%);
  top: -280%;
  left: -40%;
  opacity: 0.2;
}

.seo-card {
  flex: 0 0 200px;
  height: 200px;
  background: linear-gradient(
    217.72deg,
    #6b6b6b -15.82%,
    #171717 136.17%
  ) !important;
  backdrop-filter: blur(12px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1.5rem 1rem;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  text-align: center;
  transition: flex 1s ease, background 1s ease, padding 1s ease !important;
}

/* آیکون */
.seo-card .elementor-icon-box-icon {
  margin-bottom: 12px;
  transition: transform 0.5s ease, margin-bottom 0.5s ease;
}

/* عنوان */
.seo-card .elementor-icon-box-title {
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
  transition: all 0.4s ease;
}

/* توضیحات مخفی اولیه */
.seo-card .elementor-icon-box-description {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.2s ease 0.3s, transform 0.3s ease 0.3s;
  font-size: 0.85rem;
  line-height: 1.5;
  margin-top: 1rem;
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  margin: 0 !important;
}

/* افکت باز شدن مثل نامه */
.seo-card:hover {
  flex: 0 0 360px; /* بزرگ‌شدن عرض */
  background: linear-gradient(135deg, #ff9800, #ff5722) !important;
  padding: 10px !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
}

.seo-card:hover .elementor-icon-box-description {
  opacity: 1;
  transform: translateY(0);
  max-height: 200px;
  pointer-events: auto;
}
.seo-card:hover .elementor-icon-box-icon {
  margin: 0 !important;
}
.seo-card span.elementor-icon {
  transition: padding 0.6s ease; /* تغییر پدینگ در 0.6 ثانیه */
}
.seo-card:hover span.elementor-icon {
  padding: 17px !important;
}

.seo-card {
  width: 250px; /* عرض پیش‌فرض */
  height: 200px; /* ارتفاع ثابت */
  overflow: hidden;
  transition: width 0.4s ease, background-color 0.3s ease;
  background: #fff;
}

.seo-card .elementor-icon-box-description {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s;
}
.seo-card:hover h3.elementor-icon-box-title {
  margin-bottom: 10px !important;
}
.seo-card:hover {
  width: 350px; /* عرض بیشتر هنگام هاور */
}

.seo-card:hover .elementor-icon-box-description {
  opacity: 1;
  transform: translateY(0);
}
.benefit-service-seo::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/Topology-1-2.svg);
  position: absolute;
  left: 128px;
  bottom: -131px;
  opacity: 1;
  filter: blur(190px);
}
.benefits-section::after {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/grid-section-circle.svg);
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(0, -40%);
  z-index: -1;
}

.Collaboration-box::after {
  content: url("https://dimaino.co/wp-content/uploads/2025/07/Union-7.svg");
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0px);
  z-index: -1;
  filter: drop-shadow(0 11px 11px rgba(0, 0, 0, 30.85));
}

.Collaboration-box {
  position: relative;
  z-index: 1;
  border-radius: 36px;
  background: linear-gradient(
    289.11deg,
    rgba(51, 42, 32, 0.5) 3.36%,
    rgba(97, 106, 110, 0.5) 97.89%
  );

  padding: 1.5rem;
  overflow: hidden;
  cursor: pointer;
  mix-blend-mode: luminosity;
}

.Collaboration-box::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 1px;
  left: 0;
  right: 1px;
  bottom: -2px;
  border-radius: 39px;
  background: linear-gradient(
    230deg,
    rgba(236, 151, 0, 0) 26.26%,
    #ec9700 42.16%,
    #9f0f2f 134.57%
  );
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  padding: 2px;
  box-sizing: border-box;
}

.Collaboration-box:hover {
  mix-blend-mode: normal;
}
.bg-top::before {
  content: "";
  position: absolute;
  top: -29%;
  left: 125px;
  width: 659px;
  height: 882px;
  transform: translateY(-50%) rotate(309deg);
  background: linear-gradient(
    106deg,
    #ec9700 -15.82%,
    #ec6800 6.5%,
    #9f0f2f 136.17%
  );
  opacity: 0.5;
  border-radius: 249px;
  filter: blur(320px);
  pointer-events: none;
  z-index: -1;
}

/*social-media-services-page*/
.carousel-about-us .elementor-swiper-button.elementor-swiper-button-prev::after {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/bottom-carousel.svg);
    position: absolute;
    top: -88px;
    left: 166px;
    transform: translate(-50%, -50%);
}


.carousel-about-us .elementor-swiper-button {
    margin-top: 85px;
}

.social-media-services::after {
  content: "";
  position: absolute;
  background: linear-gradient(
      0deg,
      rgba(152, 35, 231, 0.48) -43.69%,
      rgba(225, 1, 168, 0.48) -6.19%,
      rgba(251, 0, 113, 0.48) 26.02%,
      rgba(239, 161, 67, 0.48) 56.31%
    ),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  width: 913px;
  height: 944px;
  top: 0;
  left: 33%;
  transform: translate(50%, -50%) rotate(10deg);
  filter: blur(390px);
  z-index: -1;
}
.section-service-insta::after {
  content: "";
  position: absolute;
  background-image: url(https://dimaino.co/wp-content/uploads/2025/08/OBJECTS.png);
  z-index: 1;
  opacity: 1;
  width: 100%;
  height: 100%;
  background-position: center;
  top: -16%;
  opacity: 0.5;
}
.section-service-insta::before {
  filter: blur(290px);
  width: 400px;
  height: 400px;
  left: 83%;
  top: 26%;
  border-radius: 51%;
}
.num-insta-customer h2 {
  background: linear-gradient(217.72deg, #ffffff -15.82%, #b0b0b0 136.17%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  line-height: 1;
}

.carousel-following .swiper-pagination-bullet-active,
.swiper-pagination-bullet:hover {
  background-color: transparent !important;
  background-image: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  ) !important;
}

#follower-box
  .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  top: 111%;
  left: 50%;
  position: absolute;
  transform: translate(50%, -50%);
}
.box-image-follower::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/Live.svg);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: -1;
}
.box-image-follower::after {
  content: "";
  position: absolute;
  width: 157px;
  height: 157px;
  background-image: linear-gradient(
    225deg,
    #7638fa 0%,
    #d300c5 17%,
    #ff0069 36%,
    #ff7a00 62.5%,
    #ffd600 83.5%
  );
  border-radius: 50%;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -2;
}
.box-image-follower img {
  margin-top: -6px;
}
.section-titile-icons::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/Group.svg);
  position: absolute;
  top: 200%;
  left: 45%;
  transform: translate(-50%, -50%);
  z-index: 1;
  animation: bounce 2s ease-in-out infinite;
}
@keyframes bounce {
  0%,
  100% {
    transform: translate(-50%, -50%) translateY(0);
  }
  50% {
    transform: translate(-50%, -50%) translateY(-25px);
  }
}

.section-follower::after {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/Ellipse-67-2.svg);
  position: absolute;
  top: 6%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.icons-top::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/Group-1.svg);
  position: absolute;
  width: 100px;
  height: 100px;
  top: -30%;
  left: 10%;
  transform: translate(50%, -50%) !important;
  filter: grayscale(1) brightness(1);
  animation: bounce 3s ease-in-out infinite;
}

.icons-top::after {
    content: "";
    width: 130px;
    height: 130px;
    position: absolute;
    background-color: #ffffff;
    border-radius: 50%;
    left: 49px;
    top: -86px;
    transform: translate(110%, -140%);
    z-index: -1;
    filter: blur(106px);
}


.section-titile-icons::after {
  content: "";
  position: absolute;
  background: linear-gradient(
    217.72deg,
    #d80a40 -15.82%,
    #fd5881 78.44%,
    #9f0f2f 136.17%
  );
  width: 150px;
  height: 162px;
  top: 112%;
  transform: translate(-70%, 50%);
  z-index: -1;
  filter: blur(100px);
}
.Collaboration-box.insta-pakage::after {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/tab-pakage-insta.svg);
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0px);
  z-index: -1;
  filter: drop-shadow(0 11px 11px rgba(0, 0, 0, 30.85));
}
.Collaboration-box.insta-pakage {
  overflow: visible;
}
.Collaboration-box.insta-pakage::after {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/tab-pakage-insta.svg);
  position: absolute;
  left: 74%;
  top: 0;
  transform: translate(-50%, -30%);
  z-index: -1;
  filter: drop-shadow(0 11px 11px rgba(0, 0, 0, 30.85));
}
.icons-box-insta-pakage {
  position: absolute;
  top: 5%;
  left: 72%;
  transform: translate(-45%, -47%);
}
.description-pakage-insta::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/Rectangle-9409.svg);
  position: absolute;
  width: 130px;
  height: 10px;
  border-radius: 13.5px;
  top: 120%;
  left: 50%;
  transform: translate(-50%);
  z-index: -5;
}
.shadow-top-des::before {
  content: "";
  width: 200px;
  height: 200px;
  background-color: #ffff;
  position: absolute;
  transform: translate(50%) rotate(328deg);
  left: 32%;
  top: 91%;
  filter: blur(140px);
  z-index: 1;
  border-radius: 260px;
}
.top-more-site::after {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/Group-1171275960.svg);
  position: absolute;
  left: 15%;
  top: -18%;
  transform: translate(-50%, -50%) rotate(346deg);
  z-index: -1;
}
.light-support::after {
  content: "";
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  width: 400px;
  height: 400px;
  position: absolute;
  left: 10%;
  top: 290%;
  transform: translate(-50%, -50%);
  z-index: -1;
  filter: blur(300px);
}
.box-pakage::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/Group-1171275959.svg) !important;
  position: absolute;
  right: -33%;
  top: -60%;
  opacity: 1;
}
.box-pakage::after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  background-color: white;
  right: -20%;
  top: -100%;
  filter: blur(300px);
}
.description-pakage-insta::after {
  content: "";
  width: 111px;
  height: 63px;
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  position: absolute;
  left: 50%;
  top: 73%;
  transform: translate(-50%, 50%);
  border-radius: 13px;
  filter: blur(22px);
}
/*custom-plan-page*/

.custom-plan .header-container::after {
  content: "";
  position: absolute;
  background: linear-gradient(
    0deg,
    rgba(200, 13, 172, 0.43) -43.69%,
    rgba(17, 189, 228, 0.43) 56.31%
  );
  width: 996px;
  height: 500px;
  top: -294px;
  left: 46%;
  transform: translate(-50%, 0) rotate(45deg);
  z-index: -2;
  filter: blur(300px);
}

.web-design-hero.custom-plan::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/Topology-1-2.svg);
  position: absolute;
  right: 0;
  top: 10%;
  z-index: -1;
  transform: translate(0, -50%);
}
.portfolio-title::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/Group-3.svg);
  position: absolute;
  left: 0;
  top: -105%;
  transform: translate(-75%, 50%);
  opacity: 0.1;
}
.portfolio-title::after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  left: -110px;
  top: -199%;
  transform: translate(50%, 50%);
  background-color: #fff;
  filter: blur(226px);
  border-radius: 50%;
  z-index: -1;
}
.light-custom-plan-support::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/grid-custom.svg);
  position: absolute;
  top: -188%;
  left: 6%;
  transform: translate(-50%, -50%);
  opacity: 0.1;
}
.light-custom-plan-support::after {
  content: "";
  width: 500px;
  height: 700px;
  background-color: white !important;
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translate(-50%, -50%);
  z-index: -1;
  filter: blur(600px);
  border-radius: 50%;
}
.step-by-step::before {
  content: "";
  position: absolute;
  background: linear-gradient(
    90deg,
    #004358 0%,
    #1f8a70 25%,
    #bedb39 50%,
    #ffe11a 74%,
    #fd7400 100%
  );
  border-radius: 200px;
  height: 89px;
  z-index: 1;
  width: 972px;
  left: 50%;
  top: 17%;
  transform: translate(-50%, -50%);
}
.step-by-step .elementor-icon-box-content {
  padding-top: 70px;
}
.step-by-step .elementor-icon-box-content::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/Line-120.svg);
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.step-by-step .elementor-icon-box-content::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  left: 50%;
  top: 67%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.number-step-by-step .elementor-icon::before {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
  z-index: 3;
  background-color: #011826;
}

.number-step-by-step .elementor-icon::after {
  z-index: 2;
  content: "";
  position: absolute;
  width: 142px;
  height: 142px;
  border-radius: 50%;
  left: 50%;
  top: 8%;
  transform: translate(-50%, -50%);
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px 16px,
    rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
.number-step-by-step .elementor-icon svg {
  z-index: 99;
}
.number-step-by-step.child-one .elementor-icon-box-content::after {
  background-color: #fd7400;
}
.number-step-by-step.child-one span.elementor-icon::after {
  background-color: #fd7400;
}
.number-step-by-step.child-two span.elementor-icon::after {
  background-color: #ffe11a;
}
.number-step-by-step.child-two .elementor-icon-box-content::after {
  background-color: #ffe11a;
}
.number-step-by-step.child-three span.elementor-icon::after {
  background-color: #bedb39;
}
.number-step-by-step.child-three .elementor-icon-box-content::after {
  background-color: #bedb39;
}
.number-step-by-step.child-four span.elementor-icon::after {
  background-color: #1f8a70;
}
.number-step-by-step.child-four .elementor-icon-box-content::after {
  background-color: #1f8a70;
}
.number-step-by-step.child-five span.elementor-icon::after {
  background-color: #004358;
}

.number-step-by-step.child-five .elementor-icon-box-content::after {
  background-color: #004358;
}


.number-step-by-step .elementor-icon-box-icon::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/Vector-5.svg);
  position: absolute;
  top: 12%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  mix-blend-mode: multiply;
}
.comments-box {
  border-radius: 20px;
  background: linear-gradient(
    286.92deg,
    rgba(51, 42, 32, 0.5) 25.96%,
    rgba(97, 106, 110, 0.5) 107.77%
  );

  cursor: pointer;
}

.comments-box:hover::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 1px;
  left: 0;
  right: 1px;
  bottom: -2px;
  border-radius: 20px;
  background: linear-gradient(
    230deg,
    rgba(236, 151, 0, 0) 26.26%,
    #ec9700 42.16%,
    #9f0f2f 134.57%
  );
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  padding: 2px;
  box-sizing: border-box;
  pointer-events: none;
}

.comments-box:hover {
  background: linear-gradient(
    289.11deg,
    rgba(51, 42, 32, 0.7) 3.36%,
    rgba(97, 106, 110, 0.7) 97.89%
  );
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.comments-box {
  border-radius: 20px;
  background: linear-gradient(
    286.92deg,
    rgba(51, 42, 32, 0.5) 25.96%,
    rgba(97, 106, 110, 0.5) 107.77%
  );

  cursor: pointer;
}

.comments-box:hover::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 1px;
  left: 0;
  right: 1px;
  bottom: -2px;
  border-radius: 20px;
  background: linear-gradient(
    230deg,
    rgba(236, 151, 0, 0) 26.26%,
    #ec9700 42.16%,
    #9f0f2f 134.57%
  );
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  padding: 2px;
  box-sizing: border-box;
  pointer-events: none;
}
.swiper-slide-active .comments-box::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 1px;
  left: 0;
  right: 1px;
  bottom: -2px;
  border-radius: 20px;
  background: linear-gradient(
    230deg,
    rgba(236, 151, 0, 0) 26.26%,
    #ec9700 42.16%,
    #9f0f2f 134.57%
  );
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  padding: 2px;
  box-sizing: border-box;
  pointer-events: none;
}
.comments-box:hover {
  background: linear-gradient(
    289.11deg,
    rgba(51, 42, 32, 0.7) 3.36%,
    rgba(97, 106, 110, 0.7) 97.89%
  );
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  z-index: -1;
}
.profile-comment::before {
  content: "";
  width: 140px;
  height: 140px;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: linear-gradient(215deg, #bbbbbb, #565555);
}
.comments-box:hover .profile-comment::after {
  content: "";
  width: 140px;
  height: 140px;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: linear-gradient(
    217.72deg,
    rgba(236, 151, 0, 0) -15.82%,
    #ec9700 19.26%,
    #9f0f2f 136.17%
  );
}
.swiper-slide-active .comments-box .profile-comment::after {
  content: "";
  width: 140px;
  height: 140px;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: linear-gradient(
    217.72deg,
    rgba(236, 151, 0, 0) -15.82%,
    #ec9700 19.26%,
    #9f0f2f 136.17%
  );
}
.swiper-slide-active img {
  filter: brightness(100%) contrast(100%) saturate(100%) blur(0px)
    hue-rotate(0deg) !important;
}
.comments-box:hover .profile-comment img {
  filter: none !important;
}
.contact-us-bg::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/line-comments.svg);
  position: absolute;
  top: -125%;
  left: 21%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.contact-us-bg::after {
  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  filter: blur(300px);
}
.grid-plan::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/grid-for-plan-page.svg);
  position: absolute;
  top: -135%;
  left: 0;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.grid-plan::after {
  content: "";
  position: absolute;
  background: linear-gradient(286.08deg, #332a20 25.93%, #616a6e 71.54%);
  width: 900px;
  height: 700px;
  top: 74%;
  left: 122px;
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 201px;
  filter: blur(300px);
}
/*advanced-plan*/

.advanced-plan .header-container::after {
  content: "";
  position: absolute;
  background: linear-gradient(
    195.73deg,
    rgba(149, 95, 239, 0.85) -29.07%,
    rgba(68, 23, 132, 0.85) 81.37%
  );
  width: 996px;
  height: 600px;
  top: -294px;
  left: 46%;
  transform: translate(-50%, 0) rotate(45deg);
  z-index: -2;
  filter: blur(150px);
}

/*the-plan-for-ready-made-templates */
.the-plan-for-ready-made-templates .header-container::after {
  content: "";
  position: absolute;
  background: linear-gradient(217.72deg, #a9d406 -15.82%, #07334e 136.17%);
  width: 996px;
  height: 600px;
  top: -294px;
  left: 46%;
  transform: translate(-50%, 0) rotate(45deg);
  z-index: -2;
  filter: blur(400px);
}

/*social-media-services page*/

/*page-app*/
.section-app-projects::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/Group-1171276009.svg);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  mix-blend-mode: Luminosity;
  z-index: -1;
  opacity: 0.4;
}
.title-gradient h2 {
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  line-height: 1;
}
.section-app-projects .e-n-carousel {
  overflow: visible;
}

.section-app-projects .e-n-carousel::before {
  content: "";
  background-image: url(https://dimaino.co/wp-content/uploads/2025/08/bg-project-section.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  width: 100vw;
  height: 694px;
  position: absolute;
  top: 76%;
  left: 49%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.section-app-projects .e-n-carousel::after {
  content: "";
  width: 351px;
  height: 700px;
  background-image: url(https://dimaino.co/wp-content/uploads/2025/08/carousel-bg-hand-mobile.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 425px;
  left: 279px;
  transform: translate(-50%, -50%);
  z-index: -5;
}

.section-app-projects .e-n-carousel .swiper-slide {
  transition: opacity 0.7s;
}

.section-app-projects .e-n-carousel .swiper-slide:not(.swiper-slide-active) {
  opacity: 0;
}

.ui-column::before {
  content: "";
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  position: absolute;
  width: 512px;
  height: 266px;
  border-radius: 244px;
  transform: translate(-50%, -50%) rotate(55deg);
  filter: blur(200px);
  z-index: -1;
}
.more-Button a {
  background: linear-gradient(
    236.77deg,
    #ec9700 -1.03%,
    #ec9700 20.56%,
    #9f0f2f 146%
  );
}
.home-services-btn .elementor-button-content-wrapper {
  position: relative;
  z-index: 1;
}

.more-Button .elementor-button-icon svg {
  transition: transform 0.2s ease-in-out;
}

.more-Button:hover .elementor-button-icon svg {
  transform: rotate(-41deg);
}
.box-cat {
  font-size: 17px !important;
  font-weight: 400;
}
.number-box-app {
  position: relative;
  z-index: 1;
  border-radius: 30px;
  background: #322f35;
  padding: 20px 10px;
  overflow: hidden;
  cursor: pointer;
  mix-blend-mode: luminosity;
  overflow: visible;
}

.number-box-app::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -1px;
  left: 0px;
  right: -2px;
  bottom: -1px;
  border-radius: 30px;
  background: linear-gradient(
    299deg,
    rgba(236, 151, 0, 0) 26.26%,
    #ec9700 42.16%,
    #9f0f2f 150.57%
  );
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  padding: 2px;
  box-sizing: border-box;
}

.number-box-app:hover {
  mix-blend-mode: normal;
}
.number-box-app::after {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/Pattern-1.svg);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.number-box-app .elementor-icon-box-icon {
  margin-right: -28px !important;
}
.number-box-app:hover h3 {
  background: linear-gradient(
    215.58deg,
    #ec9700 13.01%,
    #ec9700 39.57%,
    #9f0f2f 193.85%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  line-height: 24px;
}
.number-box-app:hover .elementor-icon-box-icon {
  mix-blend-mode: normal;
}
.number-box-app:hover span.elementor-icon::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  right: -41px;
  top: 62%;
  transform: translate(-50%, -50%);
  filter: blur(32px);
  z-index: -2;
}
.section-app-categories::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/Topology-1-3.svg);
  position: absolute;
  top: 93%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section-app-categories::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 190px;
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );

  top: 60%;
  right: 12%;
  transform: translate(50%, 50%) rotate(180deg);
  border-radius: 237px;
  filter: blur(200px);
  z-index: -1;
}
.box-why-us .elementor-icon {
  background: linear-gradient(223.01deg, #ffffff 5.16%, #999999 127.37%);
  padding: 25px;
  border-radius: 30px;
  position: absolute;
  top: -7%;
  left: 80%;
  transform: translate(-50%, -50%);
}
.box-why-us .elementor-icon::before {
  content: "";
  width: 82px;
  height: 82px;
  position: absolute;
  background: linear-gradient(223.01deg, #ffffff 5.16%, #999999 127.37%);
  opacity: 0.2;
  left: 75%;
  top: 29%;
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 30px;
}
.box-why-us .elementor-icon-box-title::before {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/Outlined.svg);
  position: absolute;
}
.box-why-us h3.elementor-icon-box-title span {
  padding-right: 30px;
}
.box-why-us h3.elementor-icon-box-title {
  margin-top: 22px !important;
}
.box-why-us {
  padding: 40px;
  border-radius: 30px;
  background: linear-gradient(
    286.92deg,
    rgba(51, 42, 32, 0.5) 25.96%,
    rgba(97, 106, 110, 0.5) 107.77%
  );
  padding-top: 25px !important;
  padding-bottom: 25px !important;
  min-width: 397px !important;
}
.box-why-us::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -1px;
  left: 0px;
  right: -2px;
  bottom: -1px;
  border-radius: 30px;
  background: linear-gradient(
    299deg,
    rgba(236, 151, 0, 0) 26.26%,
    #ec9700 42.16%,
    #9f0f2f 150.57%
  );
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  padding: 2px;
  box-sizing: border-box;
  mix-blend-mode: luminosity;
}
.box-why-us::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 30px;
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  padding: 2px;
  box-sizing: border-box;
  mix-blend-mode: luminosity;
}
.box-why-us:hover::before {
  mix-blend-mode: normal;
}
.box-why-us:hover {
  background: linear-gradient(
    287.56deg,
    rgba(118, 71, 19, 0.5) 19.34%,
    rgba(97, 106, 110, 0.5) 107.78%
  );
}
.why-section-app::before {
  content: "";
  position: absolute;
  width: 600px;
  height: 800px;
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  border-radius: 50%;
  left: 17%;
  top: 54%;
  transform: translate(-50%, -50%) rotate(45deg);
  filter: blur(500px);
}

.why-section-app::after {
  content: url(https://dimaino.co/wp-content/uploads/2025/08/Frame-2.svg);
  position: absolute;
  left: 39%;
  top: 124%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.comments-site-customers
  .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background-color: #fff !important;
  opacity: 1;
}
.comments-site-customers
  .swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active) {
  background-color: transparent !important;
  background-image: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
}

.comments-site-customers .swiper-pagination-bullet-active,
.comments-site-customers .swiper-pagination-bullet:hover {
  background-color: transparent !important;
  background-image: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
}
.comments-site-customers .swiper-pagination-bullet-active::before,
.comments-site-customers .swiper-pagination-bullet:hover::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 14px);
  height: calc(100% + 14px);
  border: 1px solid var(--e-global-color-primary);
  border-radius: 100%;
}
.comments-site-customers .swiper-slide {
  transform: scale(0.9) !important;
}
.comments-site-customers .swiper-slide-active .e-con-boxed {
  z-index: -2 !important;
}
.number-box-app:hover .elementor-icon-box-icon {
  transform: scale(1.2);
}

/*responsive*/

@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }
  body.home::before {
    display: none;
  }
  .main-title .elementor-icon-box-icon {
    position: relative;
    transform: none;
  }
  .customers-brand-logo::after {
    top: 100% !important;
    transform: translate(-50%, -50%) scale(0.5);
  }
  .customers-brand-logo::before {
    top: 0 !important;
    transform: translate(-50%, -65%) scale(0.5);
  }
  .team-section-carousel::after {
    right: 0;
  }
  .home-team-carousel .swiper-slide-next .e-con-boxed {
    border-radius: 400px !important;
  }
  .home-team-carousel .swiper-slide-prev .e-con-boxed {
    border-radius: 400px !important;
  }

  .footer-random-balls #random-ball-canvas {
    display: none;
  }
  .support-section::before {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/Group-6.svg);
    position: absolute;
    top: -43%;
    opacity: 1;
    right: 35%;
  }
  .home-team-carousel .swiper-slide .e-con-boxed {
    transform: none;
  }
  .home-team-carousel .swiper-slide-prev .e-con-boxed {
    transform: none !important;
  }
  .home-team-carousel .swiper-slide-next .e-con-boxed {
    transform: none !important;
  }
  .icons-top::before {
    top: -25%;
    left: -7%;
  }
  .home-team-carousel .swiper-slide .e-con-boxed {
    opacity: 0.4;
  }
  .home-team-carousel .swiper-slide-active .e-con-boxed {
    opacity: 1;
  }

  .home-team-carousel .swiper,
  .home-team-carousel .swiper-wrapper {
    overflow: visible;
  }

  .home-team-carousel .swiper-slide {
    position: relative;
    z-index: 0;
  }

  .home-team-carousel .swiper-slide-next {
    z-index: 1;
  }

  .home-team-carousel .swiper-slide-active {
    z-index: 2;
  }
  .home-team-carousel .swiper-slide-next .e-con-boxed {
    border-radius: 400px !important;
    transform: none !important;
  }
  .home-team-carousel .swiper-slide-next + .swiper-slide .e-con-boxed {
    border-radius: 400px !important;
    transform: none !important;
  }
  .home-team-carousel
    .swiper-slide-duplicate:has(+ style + .swiper-slide-prev)
    .e-con-boxed {
    border-radius: 400px !important;
    transform: none !important;
  }
  .home-team-carousel .swiper-slide:has(+ .swiper-slide-prev) .e-con-boxed {
    border-radius: 400px !important;
    transform: none !important;
  }
  
  .carousel-portfolio .swiper-rtl {
    padding: 0 !important;
  }
  
  .carousel-portfolio .swiper-slide {
     transform: scale(0.87) !important; 
    margin: auto;
  }

  .services-mobile-swiper .swiper-wrapper {
    padding-top: 15vw;
  }
  .why-icon-section{
    padding: 10px!important;
    height: 130px;
}
.coffe-svg{
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translate(-50% , -50%)
}

.google-ads .header-container::after {
    z-index: -1;
    opacity: 0;
} 
.google-ads .header-container::before {
    opacity: 0;
}

.bottton-contact-graphic::before {
    left: -7%!important;
}

  .grid-contact-slider::after {
    left: 37%;
  }
  .social-media-services::before {
    filter: blur(241px) !important;
  }

    .form-cotact .elementor-field-group {
    margin-bottom: 25px !important;
  }
  .faq-contact .e-n-accordion-item-title-text::after {
    right: 10px !important;
    top: 8px !important;
    width: 33px !important;
  }

    .top-column-servoce::after,
  .bottom-column-servoce::after {
    content: "";
    position: absolute;
    top: 0;
    left: 32px;
    right: 32px;
    bottom: 0;
    border: 1px dashed white;
    border-radius: 22px;
    pointer-events: none;
  }
  .top-column-servoce::before,
  .bottom-column-servoce::before {
    content: url(https://dimaino.co/wp-content/uploads/2025/07/Vector-460.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .top-column-servoce::before {
  top: 87%;
        left: -32%;
        transform: rotate(353deg) scale(0.8);
  }
  .bottom-column-servoce::before {
          top: -96%;
        left: 21%;
        transform: rotate(241deg) scale(-0.6, 0.6);
        z-index: -1;
  }
  .number-steps {
    top: 15px;
  }
  .icon-box-bg::before {
    background-size: auto !important;
  }
  .tabs-bg::before {
    display: none;
  }
  .section-contact-form.e-flex.e-con.e-child::before {
    top: -16px;
  }
  .icon-box-bg:hover::after {
    display: none;
  }
  .box-bg-mobile {
    background: rgba(65, 45, 10, 0.38);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(65, 45, 10, 0.3);
    z-index: 10;
  }
  .number-box-app:hover span.elementor-icon::before {
    width: 45px;
    height: 45px;
    filter: blur(40px);
  }
  .ui-column::before {
    opacity: 0.7;
  }
  .section-app-projects .e-n-carousel::after {
    width: 100%;
    height: 85%;
    top: 59% !important;
    left: calc(49% - 2px);
    transform: translate(-50%, -50%);
    background-size: contain;
  }
  .box-project-app .swiper-slide {
    transform: scale(0.7);
  }

  .section-app-projects .e-n-carousel::before {
    top: 79%;
  }
  .number-box-app .elementor-icon-box-icon {
    position: absolute;
  }
  .number-box-app h3.elementor-icon-box-title {
    padding-right: 31px;
    font-size: 18px !important;
  }
  .number-box-app::after {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/Pattern-1.svg);
    position: absolute;
    left: 65%;
    top: 59%;
    transform: translate(-50%, -50%);
    z-index: -7;
  }
  .box-why-us {
    padding: 3px;
    padding-top: 21px !important;
    padding-bottom: 20px !important;
    min-width: 330px !important;
  }
  .box-why-us .elementor-icon {
    top: -8%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .comments-site-customers .swiper-slide-next .e-con-boxed {
    transform: none;
    top: 0;
  }
  .comments-site-customers .swiper-slide-prev .e-con-boxed {
    transform: none;
    top: 0;
  }
  .step-by-step::before {
    display: none !important;
  }
  .top-back {
    position: absolute;
    left: 50% !important;
    top: 0 !important;
    transform: translate(-50%, -50%) !important;
    z-index: 99;
  }
  .carousel-section-bg::after {
    content: url(https://dimaino.co/wp-content/uploads/2025/07/Union-5.svg);
    left: -144px;
    top: -25px;
    z-index: -1;
    transform: scale(0.65);
    position: absolute;
  }
  .input-forms .elementor-field-group::before{
          width: 380px;
  }
  .carousel-portfolio .swiper-pagination {
    margin-top: 0;
}
.social-media-services::before {
    filter: blur(400px) !important;
}
  .custom-plan .header-container::after {
    filter: blur(100px);
  }
  .year-about span{
    font-size: 35px
}

.carousel-about-us .elementor-swiper-button.elementor-swiper-button-prev::after{
    display:none;
}

  .description-pakage-insta::after {
    top: 53%;
  }
  .description-pakage-insta::before {
    top: 110%;
  }
  #follower-box .swiper-pagination {
    top: calc(108% - 6px);
  }
  #follower-box .swiper-pagination::before {
    transform: translate(-50%, -50%) scale(0.8);
  }
  .section-titile-icons::before {
    animation: none;
  }
  .section-titile-icons::before {
    top: 400%;
  }
  .section-follower::after {
    top: 4%;
  }
  .shadow-top-des::before {
    display: none;
  }
  .box-pakage::after {
    display: none;
  }
  .home-services-section::after {
    opacity: 0;
  }
  .header-container::after {
    opacity: 0.7;
  }
  .customers-brand-logo .swiper-slide {
    opacity: 0.3 !important;
    transform: translateY(-15px) scale(0.7) !important;
  }
  .customers-brand-logo .swiper-slide-active {
    opacity: 1 !important;
    transform: translateY(0) scale(0.8) !important;
  }
     .home-team-carousel .swiper-slide-active::after {
        content: url(https://dimaino.co/wp-content/uploads/2025/08/Asset-2-1.svg);
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        top: 64%;
        width: 257px;
        z-index: 9;
    }
  .top-back::before {
    top: 73%;
  }
  .services-mobile-swiper .swiper-pagination {
    margin-top: 20px;
  }
  .carousel-portfolio  .elementor-swiper-button {
    margin-top: 9%;
}

.seo-service-box.right{
    transform:none!important;
}

.seo-service-box.left{
    transform:none!important;
}

.google-ads .grid-contact-slider::after {
    left: 52%!important;
    top: -16%!important;
    transform: translate(50%, -50%);
}

.types-ads-section::before {
    top: 230px!important;
    left: 85%!important;
    transform: translate(-50%, -50%) scale(.4)!important;
    z-index: 1;
}

.types-ads-section::after {
    top: 950px!important;
    left: 50%!important;
    transform: translate(-50%, -50%) scale(.4)!important;
}

.more-Button.search-ads::after {
    left: 24%!important;

}

.carousel-img::before {
    transform: translate(-50%, -50%) scale(.8)!important;
}

#portfolio-section::before{
    opacity:0;
}

 .advanced-plan .header-container::after {
    filter: blur(230px);
  }
  .carousel-portfolio  .swiper-pagination{
          top: 109%;
  }

    .the-plan-for-ready-made-templates .header-container::after {
    filter: blur(180px);
  }

  .graphic-services .header-container::after {
    filter: grayscale(1);
}

.section-graphic-service::before {
    opacity: .3;
}

.seo-service-box.first {
    transform: none!important;
}


.section-teaser::before{
    z-index: -2;
}

.section-title-top::before{
   display: none;
}

.teaser-carousel {
    padding: 0px !important;
}

.teaser-carousel .swiper-slide.swiper-slide-active .e-con-boxed .title-teaser::after {
    transform: translate(-50%, -50%) scale(.75)!important;
}

.teaser-carousel .swiper-slide.swiper-slide-active .e-con-boxed .title-teaser h2
 {
    font-size: 14px !important;
}

.teaser-carousel .swiper-slide.swiper-slide-active .e-con-boxed .title-teaser {
    bottom: -2%!important;
}

.section-teaser::after {
    width: 435px!important;
    filter: blur(10px)!important;
    top: 92%!important;
}

.section-teaser::before {
    z-index: -1;
    opacity: .6;
}

.section-akkasi .e-con-inner {
    padding: 0 !important;
}

.section-akkasi::before{
  
}

.section-title-top::after {
    z-index: -5;
    opacity: .5;
}

.section-akkasi::after{
        filter: blur(400px)!important;
    z-index: -1!important;
}

.motiona-section::before{
   display:none;
}

.mobile-image-center img{
    position: absolute;
    transform: translate(-50% , -50%);
    left:35%;
    top:70%;
    
}

.center-image img{
    position: absolute;
    transform: translate(-50% , -50%);
    left: 30%;
    
}

.arrow-top.motion::before{
    top: -60%;
    transform: translate(-50% , -50%) scale(.8);
    left: 20%;
}

.motiona-section::after {
    opacity: .3;
}

.faq-sections-graphic::before {
    width: 400px;
}

.title-blog::before{
    content: url(https://dimaino.co/wp-content/uploads/2025/07/bg-title-s-1.svg);
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50% , -50%) scale(.8);
    z-index: -1;
}
.section-learn-carousel .swiper-pagination{
        top: 4% !important;
}

.section-carousel-lernen::after {
    z-index: -1 !important;
}

.video-bg-sec::before{
    z-index: -1 !important;
}

.section-learn-carousel{
    z-index: -1 !important;
}
.slide-blog-video .elementor-widget-video{
    border-radius:0!important;
    border-bottom-right-radius: 25px!important;
    border-bottom-left-radius: 25px!important;
}

.video-slide-blog::after {
    top: 32%;
    left: 48%;
    transform: translate(-50%, -50%) rotate(0deg) scale(.7);
}

.carousel-video-section::before{
    display:none!important;
}

.video-bg-sec::after{
    display:none;
}

    .section-blog-learn::before {
        top: 2px !important;
    }

    .slider-carousel-learn::before {
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

.section-carousel-lernen::before{
    display:none;
}
.section-carousel-lernen::after{
 display:none;   
}

.bg-title-learn-blog {
   bottom:6px!important;
}

.slider-carousel-learn::after{
    top:3%!important;
}
.section-learn-carousel .swiper.offset-both.swiper-initialized{
    z-index:999;
}

    .video-slide-blog::after {
        top: 38%;
        left: 43%;
        transform: translate(-50%, -50%) rotate(0deg) scale(.7);
    }

.video-bg-sec::before {
    display: none;
}

.section-learn-carousel .swiper.offset-both.swiper-initialized{
    z-index:999;
}

}

/*responsive*/

@media(max-width:390px){
        .home-team-carousel .swiper-slide-active::after
 {
        top: 59%;
        width: 235px;

    }

}
.carousel-about-us.page .elementor-swiper-button.elementor-swiper-button-prev::after{
    display:none!important;
}
.coffe-svg{
    position: absolute;
    top: -88px;
    left: 50%;
    transform: translate(-50% , -50%)
}

/*responsive-web-design-page*/
.logo-site-mobile::before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  top: 31% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  border-radius: 30px;
  filter: blur(30px);
}
.comments-site-customers .swiper-slide-next .e-con-boxed {
  transform: rotate(8deg);
  top: 10%;
}
.comments-site-customers .swiper-slide-prev .e-con-boxed {
  transform: rotate(-8deg);
  top: 10%;
}
.comments-site-customers
  .swiper.elementor-loop-container.elementor-grid.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
  padding-right: 20px;
  padding-left: 20px;
}
.section-cummnets::before {
  content: "";
  position: absolute;
  width: 600px;
  height: 800px;
  background: linear-gradient(
    217.72deg,
    #ec9700 -15.82%,
    #ec9700 6.5%,
    #9f0f2f 136.17%
  );
  left: 85%;
  top: 0;
  transform: translate(-50%, -50%);
  border-radius: 400px;
  filter: blur(600px);
}
.steps-section-squre::after {
  content: url(https://dimaino.co/wp-content/uploads/2025/07/Frame-1.svg);
  position: absolute;
  top: 104%;
  right: 7%;
  transform: translate(-50%, -50%);
  opacity: 0.3;
}

.swiper-slide-active .comments-box::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 1px;
  left: 0;
  right: 1px;
  bottom: -2px;
  border-radius: 20px;
  background: linear-gradient(
    230deg,
    rgba(236, 151, 0, 0) 26.26%,
    #ec9700 42.16%,
    #9f0f2f 134.57%
  );
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  padding: 2px;
  box-sizing: border-box;
  pointer-events: none;
}
.comments-site-customers .swiper-slide-next .e-con-boxed {
  transform: rotate(8deg);
  top: 10%;
}
.comments-site-customers .swiper-slide-prev .e-con-boxed {
  transform: rotate(-8deg);
  top: 10%;
}
.comments-site-customers
  .swiper.elementor-loop-container.elementor-grid.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
  padding-right: 20px;
  padding-left: 20px;
}

.swiper-slide-active .comments-box::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 1px;
  left: 0;
  right: 1px;
  bottom: -2px;
  border-radius: 20px;
  background: linear-gradient(
    230deg,
    rgba(236, 151, 0, 0) 26.26%,
    #ec9700 42.16%,
    #9f0f2f 134.57%
  );
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  padding: 2px;
  box-sizing: border-box;
  pointer-events: none;
}
.customers-brand-logo .swiper-wrapper {
  padding-top: 10vw;
}
/*responsive-app-page*/

.carousel-portfolio .swiper-pagination {
    margin-top: 31px;
}
.carousel-about-us .swiper-pagination {
    margin-top: -70px;
}


/*google-ads-page*/

.google-ads .header-container::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 102%;
    transform: translate(-50%, -50%) rotate(140.86deg);
background: linear-gradient(0deg, rgba(175, 56, 69, 0.48) -33.59%, rgba(255, 239, 216, 0.48) 2.95%, rgba(171, 43, 64, 0.48) 56.31%),
linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    width: 1800px;
    height: 944px;
    filter: blur(370px);
    border-radius: 249px;

}

.kampain-search-ads .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: absolute;
    top: -32%;
    right: 560px;
}

.google-ads .grid-contact-slider::after {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/Arrow.svg);
    position: absolute;
    left: 47%;
    top: 0%;
    transform: translate(50%, -50%);
}

.google-ads .grid-contact-slider::before {
display:none;
} 

.box-benefits-ads .seo-service-box:hover{
    mix-blend-mode: normal;
}

.google-ads .header-container::before {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/light.svg);
    position: absolute;
    top: -307px;
    left: 51%;
    transform: translate(-50%, -50%);
    filter: blur(16px);
    z-index: -1;
    mix-blend-mode: plus-lighter;
}
.comments-bg-ads::before{
    content: url(https://dimaino.co/wp-content/uploads/2025/08/right-bg-comment-ads.svg);
    position: absolute;
    top: -800px;
    mix-blend-mode: luminosity;
    z-index: -2;
}

.comments-bg-ads::after{
    content:'' ;
    position: absolute;
    top: -800px;
    right: -330px;
   width: 700px;
   height: 600px;
   background-color: black;
   filter: blur(100px);
   z-index: -1;
}

.des-bg-ads::before {
    content: '';
    position: absolute;
    width: 500px;
    height: 200px;
    background: linear-gradient(217.72deg, #EC9700 -15.82%, #EC9700 6.5%, #9F0F2F 136.17%);
    border-radius: 200px;
    top: 116%;
    left: -200px;
    transform: translate(-50%, -50%);
    filter: blur(500px);
}

.seo-service-box.seo-service-box .elementor-icon {
    border-radius: 30px!important;
}

.bg-light-resualt::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 400px;
    background: linear-gradient(286.08deg, #332A20 25.93%, #616A6E 71.54%);
    left: -324px;
    top: 500px;
    transform: translate(-50%, -50%) rotate(173deg);
    border-radius: 280px;
    filter: blur(200px);
    z-index: -1;
}

.google-ads .elementor-location-header::after {
      content: url(https://dimaino.co/wp-content/uploads/2025/08/Rectangle-6.svg);
    position: absolute;
    top: 523px;
    left: 70%;
    transform: translate(-50%, -50%);
    mix-blend-mode: color-dodge;
}

.ads-hero::after{
    content: '';
    width: 700px;
    height: 700px;
    position: absolute;
    background-color: black;
    top: 90%;
    left: 30%;
    transform: translate(-50% , -50%);

    filter: blur(80px)
}

.box-text-ads::before {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/Group-5.svg);
    position: absolute;
    top: -130px;
    left: 85%;
    transform: translate(-50%, -50%);
    z-index: -5;
    opacity: .7;
}

.google-ads .header-container .e-con-inner::after{
    display:none;
}

.seo-service-box.right{
    transform:translatey(120px);
}

.seo-service-box.left{
    transform:translatey(120px);
}

.more-Button.ads::before{
    content:'' ;
    position: absolute;
    width: 93px;
    height: 153px;
    top: 100%;
    left: 50%;
    background: linear-gradient(217.72deg, #EC9700 -15.82%, #EC9700 6.5%, #9F0F2F 136.17%);
transform:translate(-50%,-50%) rotate(95deg);
filter: blur(60px);
z-index: -1;

}

.more-Button.ads::after{
    content: url(https://dimaino.co/wp-content/uploads/2025/08/arrow-for-ads.svg);
    position: absolute;
    left: 50%;
    top: -80px;
    transform:translate(-50%, -50%);
}

.section-ads::after{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(40% , -50%) rotate(95deg);
    width: 600px;
    height: 1000px;
    background-color: #D9D9D9;
    border-radius: 200px;
    filter:blur(500px);
    z-index: -1;
    opacity: .5
}

.box-bg::before{
    content: url(https://dimaino.co/wp-content/uploads/2025/08/bg-cirlce-grid.png);
    position: absolute;
    top: -300px;
    left: 50%;
    transform: taranslate(-50% , -50%);
    opacity: .5;
    z-index:-2;
}

.the-result-bg::before {
    content: '';
    background-color: black;
    width: 1200px;
    height: 500px;
    position: absolute;
    top: -120px;
    right: -616px;
    transform: translate(-50%, -50%) rotate(166deg);
    border-radius: 200px;
    filter: blur(140px);
    z-index: -1;
}

.the-result-bg::after {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/bg-section-ads.svg);
    position: absolute;
    top: 100%;
    left: 13%;
    transform: translate(-50%, -50%);
    z-index: -1;
    mix-blend-mode: luminosity;
    opacity:.5;
}

.box-ads-result{
    overflow: visible!important;
    position: relative;
    z-index: 1;
    border-radius: 13px;
    background: linear-gradient(
    289.11deg,
    rgba(51, 42, 32, 0.5) 3.36%,
    rgba(97, 106, 110, 0.5) 97.89%);
    padding: 1.5rem;
    overflow: hidden;
    cursor: pointer;
    mix-blend-mode: luminosity;
}

.box-ads-result .elementor-icon-box-icon {
    position: absolute;
    top: -36px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.box-ads-result .elementor-icon-box-icon::before {
    content: "";
    width: 89px;
    height: 58px;
    background: linear-gradient(217.72deg, #ec9700 -15.82%, #ec9700 6.5%, #9f0f2f 136.17%);
    position: absolute;
    left: 50%;
    top: 8%;
    transform: translate(-50%, 50%);
    border-radius: 13px;
    filter: blur(40px);
}

.box-ads-result::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 0;
    right: 1px;
    bottom: -2px;
    border-radius: 13px;
    border: 1px solid;
    background: linear-gradient(217.72deg, rgba(236, 151, 0, 0) -15.82%, #EC9700 49.95%, #EA6784 136.17%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    padding: 2px;
    box-sizing: border-box;
}

.box-ads-result:hover{
    mix-blend-mode:normal;
}

.box-ads-result .elementor-icon-box-title::before {
    content: url(https://dimaino.co/wp-content/uploads/2025/07/Rectangle-9409.svg);
    position: absolute;
    width: 130px;
    height: 10px;
    border-radius: 13.5px;
    top: 142%;
    left: 50%;
    transform: translate(-50%);
}

.types-ads-section::before {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/halo-line.svg);
    top: 222px;
    left: 73%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.types-ads-section::after {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/halo-line.svg);
    position: absolute;
    top: 615px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.more-Button.search-ads::after {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/arrow-botton.svg);
    position: absolute;
    left: 33%;
    top: 0;
    transform: translate(-50%, -50%);
}

.carousel-img::before{
    content: url(https://dimaino.co/wp-content/uploads/2025/08/Union-1.svg);
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50% , -50%);
    z-index:-1;
}

.carousel-img {
    position: absolute;
    top: calc(90% - 4px);
    left: 50%;
    transform: translate(-50%, -50%);
}

/*graphic-page*/
.graphic-services  .elementor-17 .elementor-element.elementor-element-85cf5b0 {
    background: linear-gradient(90deg, rgba(15, 11, 1, 0) 0%, rgba(104, 109, 111, 0.65) 46.15%, rgba(21, 17, 1, 0) 100%);
}

.graphic-services .header-social-list .elementor-icon-list-icon {
    padding: 14px;
    aspect-ratio: 1;
    border-radius: 100%;
    background: radial-gradient(73.15% 147.71% at 61.11% 75%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.21) 100%) ;
}

.graphic-services .header-container::after {
    content:url(https://dimaino.co/wp-content/uploads/2025/08/graphic-page.svg)!important;
    mix-blend-mode: luminosity;
    
}
.header-container .e-con-inner::after{
    display:none;
}

.bottton-contact-graphic::after {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/grid-top.svg);
    position: absolute;
    left: -43%;
    top: 0%;
    transform: translate(50%, -50%);
}

.bottton-contact-graphic::before {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/arrow-hero.svg);
    position: absolute;
    top: -29px;
    left: -176px;
}

.seo-service-box.first{
    transform: translate(0% , -70%)
}

.section-graphic-service::before
 {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/leaf-top.svg);
    position: absolute;
    top: 23%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:-1;
}

.section-graphic-service::after
 {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/leaf-service-bottom-graphic.svg);
    position: absolute;
    top: 107%;
    left: 13%;
    transform: translate(-50%, -50%);
    z-index:-1;
}

.service-bg-light-graphic::before{
    content: '';
    width: 578px;
    height: 981px;
    background-color: #D9D9D9;
    border-radius: 50%;
    position: absolute;
    top: 30%;
    left: 120%;
    transform: translate(-50% , -50%) rotate(-30deg);
    filter: blur(500px);
    z-index: -1;
    
}

.service-bg-light-graphic::after {
    content: '';
    width: 578px;
    height: 981px;
    background-color: #D9D9D9;
    border-radius: 50%;
    position: absolute;
    top: 76%;
    left: -44%;
    transform: translate(-50%, -50%) rotate(-30deg);
    filter: blur(500px);
    z-index: -1;
}

.icons-bg-back::before{
    content: url(https://dimaino.co/wp-content/uploads/2025/08/Group-1171276051.svg);
    position: absolute;
    z-index: 1;
    top:25%;
    z-index: -1;
}

.icons-bg-back::after {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/Group-7.svg);
    position: absolute;
    left: 10%;
    top: 30%;
    transform: translate(-50%, -50%);
    filter: grayscale(1);
}

.light-Trailer::before {
    content: '';
    background: url(https://dimaino.co/wp-content/uploads/2025/08/Lamps.svg);
    background-position: center;
    width: 1030px;
    height: 137px;
    top: -130px;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}


.light-Trailer::after{
    
    content: url(https://dimaino.co/wp-content/uploads/2025/08/lamps-light.svg);
    position: absolute;
    top:200px;
    left: 50%;
    transform: translate(-50% , -50%);
    z-index: -1;
    opacity:.9;

}

.teaser-carousel .swiper-slide.swiper-slide-active .e-con-boxed::before{
    content: "";
    position: absolute;
    inset: 0;
    padding:5px;
    border-radius: inherit;
   background: linear-gradient(217.72deg, #EC9700 -15.82%, #9F0F2F 136.17%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
    transition: mix-blend-mode 0.3s ease, background 0.3s ease;
}

.teaser-carousel .swiper-slide.swiper-slide-active .e-con-boxed .title-teaser::after{
    content:url(https://dimaino.co/wp-content/uploads/2025/07/Union-5.svg);
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50% , -50%);
    z-index:-1;
}

.title-teaser {
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.teaser-carousel .elementor-swiper-button::before{
     content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    background-image: linear-gradient(217.72deg, #ffffff, #ffffff, #ffffff);
    transform: translate(-50%, -50%);
    z-index: 0;
}

.teaser-carousel .elementor-swiper-button::after{
        content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    background-color:black;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.teaser-carousel .elementor-swiper-button svg{
    z-index: 5;
}

.teaser-carousel .elementor-swiper-button{
    padding: 13px;
}

.teaser-carousel .elementor-swiper-button:hover::before{
        background-image: linear-gradient(217.72deg, #ec9700 -15.82%, #ec9700 6.5%, #9f0f2f 136.17%);
}

.teaser-carousel .elementor-swiper-button:hover path{
    fill:rgba(236, 151, 0, 1)!important;
}

.section-teaser::before{
    content: '';
    position: absolute;
    background: url(https://dimaino.co/wp-content/uploads/2025/08/Group-1171275979-1.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section-teaser::after{
content:'';
background-color: black!important;
width: 100%;
height: 100px;
position: absolute;
top: 70%;
left: 50%;
transform: translate(-50% , -50%);
filter: blur(20px)
}

.section-bg-ball::before {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/Group-1171275993-2.svg);
    position: absolute;
    top: 546px;
    left: 813px;
    transform: translate(-50%, -50%) rotate(343deg);
    z-index: 2;
}

.section-bg-ball::after {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/ball-black-and-white.svg);
    position: absolute;
    top: 375px;
    left: -195px;
    transform: translate(-50%, -50%) rotate(343deg);
    z-index: 2;
    mix-blend-mode: luminosity;
    animation: rotateBall 8s linear infinite;
}

/*@keyframes rotateBall {*/
/*  from {*/
/*    transform: translate(-50%, -50%) rotate(0deg);*/
/*  }*/
/*  to {*/
/*    transform: translate(-50%, -50%) rotate(360deg);*/
/*  }*/
/*}*/


.camera-image{
    position: absolute;
    
}

.camera-image.center{
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    z-index:10;
}

.section-akkasi::before {
    content: '';
    background: url(https://dimaino.co/wp-content/uploads/2025/08/00-1.png);
    width: 97%;
    height: 86%;
    background-size: contain;
    background-repeat: no-repeat;
    top: 6%;
    left: 61%;
    z-index: 5;
}

.section-akkasi::after {
    content: '';
    position: absolute;
    top: -13%;
    left: 40%;
    transform: translate(-50%, -50%);
    background-color: black;
    width: 1600px;
    height: 500px;
    filter: blur(100px);
}

.img-akkasi.right{
    position: absolute;
    transform: translate(15% , -50%)
}

.img-section.left{
    position: absolute;
    transform: translate(-60% , -30%)
}

.section-img.botttom{
    position: absolute;
    transform: translate(-20% , 280px);
    filter: blur(2px)
}

.section-img.creram{
    position: absolute;
   transform: translate(-550px , 50%);
   filter:blur(2px);
}

.arrow-top::before{
    content: url(https://dimaino.co/wp-content/uploads/2025/08/Arrow-1.svg);
    position: absolute;
    top:-100px;
    left: 10%;
    transform: translate(-50% , -50%);
    
}

.section-title-top::before {
    content: url(https://dimaino.co/wp-content/uploads/2025/08/Group-1171275998.svg);
    position: absolute;
    top: -177%;
    left: 52%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.section-title-top::after{
    content: '';
    position: absolute;
    width: 153px;
    height: 336px;
    top: 380px;
    left: 65%;
    background: linear-gradient(215.48deg, #FCF101 13.53%, #EC9700 46.2%, #EC9700 136.57%);
transform: translate(-50% , -50%) rotate(100deg);
border-radius: 50%;
filter: blur(200px);

}

.bg-white-aks::before{
    content: '';
    background-color: #D9D9D9;
    position: absolute;
    width: 300px;
    height: 600px;
    border-radius: 50%;
    left:900px;
    top: 400px;
    transform: translate(-50% , -50%) rotate(-30deg);
    filter: blur(400px)
}

.arrow-top::before{
    content: url(https://dimaino.co/wp-content/uploads/2025/08/Arrow-1.svg);
    position: absolute;
    top:-100px;
    left: 10%;
    transform: translate(-50% , -50%);
    
}

.motiona-section::after {
    content: '';
    position: absolute;
    background-color: black;
    top: -153%;
    left: 51%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    filter: blur(100px);
    z-index: -2;
    width: 1600px;
    height: 400px;
}

.motiona-section::before {
    content: '';
    background: url(https://dimaino.co/wp-content/uploads/2025/08/top-bg-asli.svg);
    background-size: cover;
    width: 1893px;
    height: 346px;
    position: absolute;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    z-index: 1;
    filter: blur(50px);
    background-repeat: no-repeat;
}

.boc-section-camera::before{
    content: '';
    position: absolute;
    background: url(https://dimaino.co/wp-content/uploads/2025/08/00-1.png);
    width:200px;
    height:200px;
    background-size: contain;
    background-repeat: no-repeat;
    right: 10%;
transform: translate(50% , -50%);
top: 50%;
z-index: 99;
}

.img-left-top-akkasi{
    position: absolute;
    transform: translate(-50% , -50%);
    top: 0;
    left: 10%;
    
}

.img-center-akkasi{
    position: absolute;
    transform: translate(-50% , -50%);
    left: 30%;
    top: 50%;
}

.cream-img-akkasi{
    position: absolute;
    transform: translate(-70% , 50% );
     left:20%;
     top: -10%;
}

.faq-sections-graphic::before {
    content: '';
    background: url(https://dimaino.co/wp-content/uploads/2025/08/Asset-1.svg);
    background-size: cover;
    width: 1900px;
    position: absolute;
    top: -29%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    z-index: 1;
    filter: blur(40px);
    background-repeat: no-repeat;
}

.img-top-little {
    position: absolute;
    transform: translate(-50%, -50%);
    top: -16%;
    left: 40%;
}

/*graphic-page*/

/*blog-page*/

.blog .header-container::after {
    content: '';
    width: 926px;
    height: 500px;
    background: linear-gradient(40.32deg, rgba(18, 255, 160, 0.43) -42.97%, rgba(20, 216, 255, 0.43) 148.69%);
    position: absolute;
    top: 100%;
    left: 64%;
    transform: translate(-50%, -50%) rotate(45deg);
    border-radius: 200px;
    filter: blur(300px);
    z-index:-1;
}



.title-bg-blog::before{
 content: url(https://dimaino.co/wp-content/uploads/2025/08/top-blog-bg.svg);   
 position: absolute;
 top: 36%;
 left: 50%;
 transform: translate(-50% , -50%);
 z-index:-1;
}

.new-blog .elementor-loop-container .e-loop-item:nth-child(3) {
        grid-column-start: 1!important;
    grid-column-end: 3!important;
}


.new-blog .elementor-loop-container .e-loop-item:nth-child(5) {
       grid-column-start: 3;
}
.new-blog .elementor-loop-container .e-loop-item:nth-child(5) .title-blog::before , .new-blog .elementor-loop-container .e-loop-item:nth-child(9) .title-blog::before{
    
    content:url(https://dimaino.co/wp-content/uploads/2025/07/bg-title-s-1.svg);
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50% , -50%) ;
    z-index: -1!important;
}
.new-blog .elementor-loop-container .e-loop-item:nth-child(3) .title-blog::before , .new-blog .elementor-loop-container .e-loop-item:nth-child(7) .title-blog::before , .new-blog .elementor-loop-container .e-loop-item:nth-child(11) .title-blog::before{
    
    content:url(https://dimaino.co/wp-content/uploads/2025/08/background-tilte-blog.svg);
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50% , -50%);
    z-index: -1!important;
}

.new-blog .elementor-loop-container .e-loop-item:nth-child(7) {
    grid-column-start: 1 !important;
    grid-column-end: 4 !important;
}

.new-blog .elementor-loop-container .e-loop-item:nth-child(9) {
    grid-column-start: 1 !important;
    margin-top:0!important;
}

.new-blog .elementor-loop-container .e-loop-item:nth-child(11) {
    grid-column-start: 2 !important;
    grid-column-end: 4 !important;
    margin-top: 0 !important;
}

.title-blog {
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.border-blog::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    background: linear-gradient(217.72deg, rgba(236, 151, 0, 0) -15.82%, #ec9700 19.26%, #9f0f2f 136.17%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 1;
    transition: mix-blend-mode 0.3s ease, background 0.3s ease;
    filter: grayscale(1);
}

.border-blog{
    filter: grayscale(1);
}

.border-blog:hover{
    filter:grayscale(0);
     transition: filter 0.5s ease;
}

.border-blog:hover::before{
    filter:grayscale(0);
}

.title-bg-blog::after{
    content: url(https://dimaino.co/wp-content/uploads/2025/08/bg-back-blog.svg);
    position: absolute;
    top: -900px;
    left: 50%;
    transform: translate(-50% , -50%);
    z-index: -1
}

.mataleb-blog h3.elementor-heading-title.elementor-size-default {
    color: white !important;
}

.mataleb-blog h2.elementor-heading-title.elementor-size-default {
    color: white !important;
}

.mataleb-blog .elementor-loop-container.elementor-grid {
    grid-row-gap: 0px !important;
}

.bg-title-learn-blog::before{
    
    content: url(https://dimaino.co/wp-content/uploads/2025/07/bg-title-s-1.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    z-index:-1;
}

.bg-title-learn-blog{
    
    position: absolute;
    bottom:2px;
    left: 50%;
    transform: translate(-50% , -50%);
}

.section-blog-learn::before{
        content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
           background: linear-gradient(194deg, #000000 5.54%, #ff6f1b87 88.21%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 1;
    transition: mix-blend-mode 0.3s ease, background 0.3s ease;
    filter: grayscale(1);
}

.section-blog-learn {
    filter: grayscale(1);
}

.section-learn-carousel .swiper-slide.swiper-slide-active {
    transform: translateY(74px);
    transition: transform 0.8s ease-out;
}

.section-learn-carousel .swiper-slide.swiper-slide-active .slider-carousel-learn::after{
    filter: grayscale(0);
}

.section-learn-carousel .swiper-slide.swiper-slide-active .section-blog-learn::before {
    filter: grayscale(0);
}

.section-learn-carousel .swiper-slide.swiper-slide-active .section-blog-learn {
    filter: grayscale(0);
} 

.section-learn-carousel .swiper.offset-both.swiper-initialized{
    padding-bottom:115px;
}

.section-learn-carousel .swiper-pagination {
    position: absolute;
    top: 2% !important;
    left: 50%;
}

.slider-carousel-learn::before {
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(https://dimaino.co/wp-content/uploads/2025/08/lernen-section.png);
    border-radius: 20px;
}

.slider-carousel-learn::after{
    content:url(https://dimaino.co/wp-content/uploads/2025/08/Vector-467.svg);
    position:absolute;
    top: 4%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter:grayscale(1);
}

.section-carousel-lernen::before{
    content: '';
    position: absolute;
    top: 70%;
    left: 0;
    transform: translate(-50% , -50%) rotate(-140.86deg);
    border-radius: 249.47px;
    width: 655px;
    height: 340px;
  background: linear-gradient(40.32deg, rgba(18, 255, 160, 0.2) -42.97%, rgba(20, 216, 255, 0.2) 148.69%);
z-index: 99;
filter: blur(200px);
}

.section-carousel-lernen::after {
    content: '';
    position: absolute;
    top: 70%;
    right: -18%;
    transform: translate(-50%, -50%) rotate(-140.86deg);
    border-radius: 249.47px;
    width: 655px;
    height: 340px;
    background: linear-gradient(40.32deg, rgba(18, 255, 160, 0.2) -42.97%, rgba(20, 216, 255, 0.2) 148.69%);
    z-index: 99;
    filter: blur(200px);
}

.video-slide-blog{
background: linear-gradient(217.72deg, #EC9700 -15.82%, #EC9700 6.5%, #9F0F2F 136.17%);

}

.slide-blog-video .elementor-widget-video{
    border-bottom-left-radius:63px;
    border-top-left-radius:63px;
}

.carousel-video-section::before {
    content: '';
    position: absolute;
    background: linear-gradient(360deg, rgba(58, 62, 64, 0.5) 50%, rgba(97, 106, 110, 0.5) 324.89%);
    width: 772px;
    height: 115px;
    bottom: -22%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 36px;
}

.video-bg-sec::before {
    content: '';
    width: 600px;
    height: 800px;
    position: absolute;
    background-color: #D9D9D9;
    border-radius: 50%;
    top: 7%;
    left: 113%;
    transform: translate(-50%, -50%) rotate(-45deg);
    filter: blur(500px);
}

.video-bg-sec::after{
    content: '';
    width: 600px;
    height: 800px;
    position:absolute;
    background-color: #D9D9D9;
    border-radius: 50%;
    top: 70%;
    left: -17%;
    transform: translate(-50%, -50%) rotate(-45deg);
    filter: blur(500px);
}

.carousel-video-section .swiper-pagination {
    transform: translate(-50%, -50%) rotate(90deg);
    top: 48%;
    right: -255px;
    position: absolute;
}

.carousel-video-section .elementor-swiper-button{
        padding: 12px 5px !important;
}

.carousel-video-section .elementor-swiper-button-prev:hover ,.carousel-video-section .elementor-swiper-button-next:hover {
     padding: 12px 5px !important;
}

.bg-section-blog::before {
    content: '';
    background-image: url(https://dimaino.co/wp-content/uploads/2025/09/background-page-blog.svg);
    background-position: center;
    background-size: contain;
    background-repeat:no-repeat;
    width: 100%;
    height: 1512px;
    position: absolute;
    top: -1225px;
    left: 0%;
    z-index: -1;
}
/*blog-page*/

/* order modal css */

#portfolio-modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  background-color: rgba(24, 24, 24, 0.3);
  backdrop-filter: blur(100px);
  padding: 0 150px;
  position: fixed;
  inset: 0;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.28s ease, visibility 0s linear 0.28s;
}

.pfm__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.28s ease;
}

.pfm__dialog {
  width: -webkit-fill-available;
  position: relative;
  transform: translateY(10px) scale(0.98);
  opacity: 0;
  transition: transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.24s ease;
}

#portfolio-modal.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.28s ease, visibility 0s;
}

.pfm__img.is-fading-out {
  opacity: 0;
}

#portfolio-modal.is-open .pfm__backdrop {
  opacity: 1;
}

#portfolio-modal.is-open .pfm__dialog {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.pfm__frames {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.pfm__frames .pfm__frame {
  position: relative;
}

.pfm__scroll {
  display: flex;
  width: 16px;
  height: 100%;
  max-height: 50vh;
  position: absolute;
  right: -24px;
  top: 0;
  transform: translate(10px, 0);
  background-color: rgba(234, 234, 234, 0.1);
  border-radius: 10px;
}

.pfm_scroll_thumb {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  background-image: linear-gradient(
    225deg,
    #ec9700 0%,
    #ec9700 15%,
    #9f0f2f 100%
  );
  padding: 6px;
  cursor: grab;
}

.pfm__scroll-circle {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 100%;
}

.pfm__bezel--laptop {
  position: relative;
  background-image: linear-gradient(
    225deg,
    #ec9700 0%,
    #ec9700 15%,
    #9f0f2f 100%
  );
  border-radius: 30px;
  padding: 4px;
}

.pfm__bezel--laptop::before {
  content: url("https://dimaino.co/wp-content/themes/hello-elementor-child/assets/img/portfolio-modal-desktop-logo-top.svg");
  display: flex;
  justify-content: center;
  align-items: center;
  width: 137px;
  height: 53px;
  position: absolute;
  left: 50%;
  top: 1px;
  transform: translate(-50%, -100%);
  padding-top: 10px;
  background-image: url("https://dimaino.co/wp-content/themes/hello-elementor-child/assets/img/portfolio-modal-desktop-union-top.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}

.pfm__bezel--laptop::after {
  content: "";
  display: block;
  width: 468px;
  height: 53px;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  position: absolute;
  background-image: url("https://dimaino.co/wp-content/themes/hello-elementor-child/assets/img/portfolio-modal-desktop-union.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.pfm__bezel--laptop-slide {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  background-color: #000;
  border-radius: 30px;
  padding: 20px;
  max-height: 50vh;
  max-width: 50vw;
}

.pfm__bezel--laptop-slide .pfm__bezel--desktop-slide-image-container {
  position: relative;
  max-height: calc(50vh - 40px);
  border-radius: 30px;
  overflow: hidden;
}

.pfm__bezel--laptop-slide .pfm__img {
  display: block;
  width: 100%;
  height: auto;
  transform: translateY(0);
  border-radius: 30px;
  opacity: 1;
  transition: opacity 0.24s ease;
  will-change: opacity, transform;
}

.pfm__laptop-slide-title {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -10px);
  z-index: 1;
}

.pfm__laptop-slide-title-text {
  color: white;
  font-weight: 800;
  font-size: 20px;
  line-height: 25px;
}

.pfm__bezel--phone {
  position: relative;
  background-image: linear-gradient(
    225deg,
    #ec9700 0%,
    #ec9700 15%,
    #9f0f2f 100%
  );
  border-radius: 30px;
  padding: 12px 6px;
}

.pfm__bezel--phone::before {
  content: url("https://dimaino.co/wp-content/themes/hello-elementor-child/assets/img/portfolio-modal-phone-logo-top.svg");
  display: flex;
  justify-content: center;
  align-items: center;
  width: 91px;
  height: 36px;
  position: absolute;
  left: 50%;
  top: 1px;
  transform: translate(-50%, -100%);
  padding-top: 7px;
  background-image: url("https://dimaino.co/wp-content/themes/hello-elementor-child/assets/img/portfolio-modal-phone-union-top.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}

.pfm__bezel--phone::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 2px);
  background-image: url("https://dimaino.co/wp-content/themes/hello-elementor-child/assets/img/portfolio-modal-phone-camera-dot-top.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}

.pfm__bezel--phone-slide {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  background-color: #000;
  border-radius: 30px;
  padding: 5px 5px 8px 5px;
  max-height: 50vh;
  overflow: hidden;
  max-width: 20vw;
}

.pfm__bezel--phone-slide-image-container {
  position: relative;
  max-height: calc(50vh - 13px);
  border-radius: 30px;
  overflow: hidden;
}

.pfm__bezel--phone-slide .pfm__img {
  display: block;
  width: 100%;
  height: auto;
  transform: translateY(0);
  border-radius: 30px;
  opacity: 1;
  transition: opacity 0.24s ease;
  will-change: opacity, transform;
}

.pfm__close {
  width: 35px;
  height: 35px;
  border: 1px solid white;
  border-radius: 100%;
  background-color: transparent;
  position: absolute;
  top: 100px;
  right: 75px;
}

.pfm__close:hover,
.pfm__close:focus-within {
  background-color: transparent;
  border-color: var(--e-global-color-primary);
}

.pfm__close .left-line {
  display: inline-block;
  width: 2px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  background-color: white;
  transition: transform 0.7s;
  border-radius: 10px;
}

.pfm__close .right-line {
  display: inline-block;
  width: 2px;
  height: 16px;
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(50%, -50%) rotate(45deg);
  background-color: white;
  transition: transform 0.7s;
  border-radius: 10px;
}

.pfm__close:hover .left-line {
  background-color: var(--e-global-color-primary);
  transform: translate(-50%, -50%) rotate(45deg);
}

.pfm__close:hover .right-line {
  background-color: var(--e-global-color-secondary);
  transform: translate(50%, -50%) rotate(-45deg);
}

.pfm__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}

.pfm__controls .pfm__dots {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  gap: 24px;
}

.pfm__dots .pfm__dot {
  width: 28px;
  height: 28px;
  padding: 1px 0 0 0;
  position: relative;
  border-radius: 100%;
  cursor: pointer;
  background-color: #000;
  text-align: center;
}

.pfm__dots .pfm__dot::before {
  content: "";
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  background-image: none;
  z-index: -1;
}

.pfm__dots .pfm__dot.is-active::before,
.pfm__dots .pfm__dot:hover::before {
  background-image: linear-gradient(
    225deg,
    #ec9700 0%,
    #ec9700 15%,
    #9f0f2f 100%
  );
}

.pfm__dot.is-active .pfm__dot-inner,
.pfm__dot:hover .pfm__dot-inner {
  background-image: linear-gradient(
    225deg,
    #ec9700 0%,
    #ec9700 15%,
    #9f0f2f 100%
  );
}

.pfm__dots .pfm__dot-inner {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: white;
  background-image: none;
  vertical-align: middle;
}

.pfm__nav {
  width: 65px;
  height: 65px;
  border: 1px solid white;
  border-radius: 100%;
  background-color: transparent;
  position: relative;
}

.pfm__nav:hover,
.pfm__nav:focus-within {
  width: 65px;
  height: 65px;
  border: 1px solid var(--e-global-color-primary);
  border-radius: 100%;
  background-color: transparent;
}

.pfm__prev .left-line {
  display: inline-block;
  width: 2px;
  height: 22px;
  position: absolute;
  left: calc(50% + 1px);
  top: 50%;
  transform: translate(calc(-50% - 1px), calc(-75% - 2px)) rotate(-45deg);
  background-color: white;
  transition: transform 0.7s;
  border-radius: 10px;
}

.pfm__prev:hover .left-line {
  background-color: var(--e-global-color-primary);
  transform: translate(calc(-50% - 1px), calc(-60% - 2px)) rotate(-67.5deg);
}

.pfm__prev .right-line {
  display: inline-block;
  width: 2px;
  height: 22px;
  position: absolute;
  right: calc(50% - 1px);
  top: 50%;
  transform: translate(calc(50% - 1px), calc(-25% + 2px)) rotate(45deg);
  background-color: white;
  transition: transform 0.7s;
  border-radius: 10px;
}

.pfm__prev:hover .right-line {
  background-color: var(--e-global-color-secondary);
  transform: translate(calc(50% - 1px), calc(-40% + 2px)) rotate(67.5deg);
}

.pfm__next .left-line {
  display: inline-block;
  width: 2px;
  height: 22px;
  position: absolute;
  left: calc(50% - 1px);
  top: 50%;
  transform: translate(calc(-50% - 1px), calc(-75% - 2px)) rotate(45deg);
  background-color: white;
  transition: transform 0.7s;
  border-radius: 10px;
}

.pfm__next:hover .left-line {
  background-color: var(--e-global-color-primary);
  transform: translate(calc(-50% - 1px), calc(-60% - 2px)) rotate(67.5deg);
}

.pfm__next .right-line {
  display: inline-block;
  width: 2px;
  height: 22px;
  position: absolute;
  right: calc(50% + 1px);
  top: 50%;
  transform: translate(calc(50% - 1px), calc(-25% + 2px)) rotate(-45deg);
  background-color: white;
  transition: transform 0.7s;
  border-radius: 10px;
}

.pfm__next:hover .right-line {
  background-color: var(--e-global-color-secondary);
  transform: translate(calc(50% - 1px), calc(-40% + 2px)) rotate(-67.5deg);
}

/* order modal css */