/* ==============================================================================
Theme Name: Phlox Pro Child
Theme URI: http://phlox.pro/go/
Author: averta
Author URI: http://www.phlox.pro
Description: Phlox Pro Child Theme
Template: phlox-pro
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns, three-columns, left-sidebar, right-sidebar
Text Domain: phlox-pro-child
================================================================================= */

.bdt-background-cover { background-position: top; }
.client-logos img { filter: grayscale(1)!important; }
.cert-logos .e-gallery-image { background-size: contain; background-repeat: no-repeat; }
.swiper-slide { pointer-events: unset!important; }
.tabs-content .gallery { display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-evenly; }

.tabs-content .gallery figure { border: 2px solid rgba(232, 26, 70,0.5); padding: 10px; display: flex; align-items: center; justify-content: center; }
.elementor .elementor-element .tabs .active a { color: #e81a46!important; }

.btn-right-arrow svg { width: 20px; position: relative; z-index: 99; }
.btn-right-arrow  .elementor-button-wrapper { position: relative; }
.btn-right-arrow .elementor-button-icon::before { content: ""; display: inline-block; height: 45px; width: 45px; background-color: var(--e-global-color-accent)!important; position: absolute; border-radius: 50px; z-index: 9; right: 8px; top: 10px; }

.social-icons ul { margin: 0; }
.social-icons ul li a { align-items: center; }
.social-icons ul li a i { line-height: 25px!important; display: inline-block; border-radius: 30px; text-align: center; width: 45px; height: 45px!important; }
.social-icons ul li a:hover i { background-color: var(--e-global-color-accent)!important; }
.social-icons ul li a:hover span { color: var(--e-global-color-accent)!important; }

.header-section.e-con.elementor-sticky { z-index: 999; }

.contact-info-section .elementor-icon-box-description a { color: #000!important; }
.contact-info-section .elementor-icon-box-description a:hover { color: #e20122!important; }

.contact-form form .form-group { padding-right: calc(10px / 2); padding-left: calc(10px / 2); }
.contact-form form .form-group p { width: 100%; }
.contact-form form .form-group label { margin-bottom: 0; }
.contact-form form .form-group input { margin: 5px 0 0!important; background-color: #fff; height: 45px; }
.contact-form form .form-group select { background-color: #fff; height: initial; width: 100%; margin-top: 5px!important; }
.contact-form form .form-group textarea { min-height: 120px; padding: 5px 14px; background-color: #fff; margin-bottom: 10px; margin-top: 5px!important; }
.contact-form form .form-group textarea::placeholder { font-size: 15px; line-height: 21px; color: #1f2124; font-weight: 400; }
.contact-form form .form-action { width: 100%; }
.contact-form form .form-action input { width: 100%; background-color: #69727d; padding: 15px 20px 15px 20px; }
.contact-form form .form-check p { vertical-align: top; display: flex; align-items: flex-start; column-gap: 5px; }
.contact-form form .form-check p input { height: initial; margin: 8px 0 0; }
.contact-form form .form-check p label { margin: 0; }

.app-development-section .box-list .box-item .aux-widget-advanced-text { transition: none!important; }
.app-development-section .box-list .box-item .aux-widget-advanced-text:hover { transform: none; }
.app-development-section .box-list .box-item .aux-widget-advanced-text:after { height: 0; }
.app-development-section .box-list .box-item .aux-ico-box { width: 70px; height: 70px; margin: 0 auto!important; }
.app-development-section .box-list .box-item .aux-ico-box img { max-width: 42px; }

.company-vision-section { background: linear-gradient(45deg, rgba(255, 0, 0, 0.2) 0, rgb(255, 255, 255) 0, rgb(255, 255, 255) 80.568%, rgba(255, 0, 0, 0.2) 100%); background-color: rgba(0, 0, 0, 0); background-color: #fff; }
.our-clients-section { background: linear-gradient(215deg, rgba(215, 0, 0, 0.2) 0, rgb(255, 255, 255) 0, rgb(255, 255, 255) 80.568%, rgba(255, 0, 0, 0.2) 100%); background-color: rgba(0, 0, 0, 0); background-color: #fff; }
.our-clients-section .heading { position: relative; }
.our-clients-section .heading::after { content: ""; display: inline-block; border-top: 1px solid #eee; position: absolute; width: 98%; bottom: 32px; }
.services-section { background: linear-gradient(125deg, rgba(255, 0, 0, 0.2) 5%, rgb(0, 0, 0) 13.952%, rgb(0, 0, 0) 85.568%, rgba(255, 0, 0, 0.2) 100%); background-color: rgba(0, 0, 0, 0); }
.digital-solutions-section { background: linear-gradient(45deg, rgba(255, 0, 0, 0.2) 0, rgb(255, 255, 255) 0, rgb(255, 255, 255) 85.568%, rgba(255, 0, 0, 0.2) 100%); background-color: rgba(0, 0, 0, 0); background-color: #fff; }
.case-study-section { background: linear-gradient(125deg, rgba(255, 0, 0, 0.2) 0, rgb(255, 255, 255) 0, rgb(255, 255, 255) 85.568%, rgba(255, 0, 0, 0.2) 100%); background-color: rgba(0, 0, 0, 0); background-color: #fff; }
.case-study-section .swiper-slide-inner { padding-bottom: 30px; }
.case-study-section .swiper-pagination { display: none; }

.applications-support-section h2 span { color: #000; }

@keyframes zoom {
  0% { transform: scale(1); filter: opacity(0.20); }
  50% { transform: scale(0.8); filter: opacity(0.15); }
  100% { transform: scale(1); filter: opacity(0.20); }
}
@keyframes zoom2 {
  0% { background-size: 50% auto; }
  50% { background-size: 60% auto; }
  100% { background-size: 50% auto; }
}
@keyframes rotate {
  from { transform: rotate(0); }
  to { transform: rotate(360deg); }
}
.round-img img { animation: zoom 2s linear 2s infinite; }
.banner-section .right-block { animation: zoom2 2s linear 2s infinite; }

@media screen and (max-width: 1540px) {
  .banner-section .btn-right-arrow a, .header-section .btn-right-arrow a { font-size: 19px!important; }
  .banner-section .elementor-widget-heading { width: 65%!important; }
  .banner-section .elementor-widget-heading .elementor-widget-container { padding: 0 15px 0 15px!important; }
  .banner-section .elementor-widget-heading h5 { font-size: 28px!important; line-height: 45px!important; }
  .banner-section .btn-right-arrow .elementor-button-icon::before, .header-section .btn-right-arrow .elementor-button-icon::before { top: 8px; }
  .contact-info-section .elementor-widget-icon-box .elementor-icon-box-description { font-size: 16px!important; }
  .contact-info-section .elementor-widget-icon-box h3 { font-size: 25px!important; line-height: 35px!important; }
}

@media screen and (max-width: 1440px) {
  .banner-section .btn-right-arrow { width: 60%!important; }
}

@media screen and (max-width: 1366px) {
  .btn-right-arrow .elementor-button-icon::before { height: 40px; width: 40px; }
  .banner-section .btn-right-arrow a, .header-section .btn-right-arrow a { padding: 15px 15px 15px 16px!important; }
  .aux-master-menu.aux-horizontal > .menu-item a:after, .aux-master-menu.aux-horizontal > .menu-item a:before { display: none!important; }
  .social-icons ul li a span { font-size: 16px!important; }
  .banner-section .btn-right-arrow .elementor-button-icon::before, .header-section .btn-right-arrow .elementor-button-icon::before { top: 9px; right: 6px; }
  .main-menu ul li a { padding: 10px 15px 10px 15px!important; font-size: 16px!important; }
  .banner-section { padding: 50px 0!important; }
  .banner-section .left-block { width: 60%!important; }
  .banner-section .left-block h1 span { font-size: 55px!important; line-height: 60px!important; }
  .footer-section { padding: 50px 50px 80px 80px!important; }
  .footer-section .footer-menu h2 { font-size: 20px!important; line-height: 24px; }
  .footer-section .footer-menu .aux-widget-inner a h2 { font-size: 16px!important; }
  .company-vision-section .elementor-widget-heading { width: 30%!important; }
  .company-vision-section .aux-widget-modern-heading h2 { font-size: 45px!important; }
  .company-vision-section .aux-widget-modern-heading h3 span { font-size: 45px!important; }
  .next-project-section h2 { font-size: 40px!important; line-height: 50px!important; }
  .next-project-section h3 span { font-size: 40px!important; line-height: 50px!important; }
}
@media screen and (max-width: 1199px) {
  .footer-section { padding: 50px 50px 50px 50px!important; }
  .banner-section .btn-right-arrow .elementor-button-icon::before, .header-section .btn-right-arrow .elementor-button-icon::before { top: 7px; }
  .banner-section .btn-right-arrow a, .header-section .btn-right-arrow a { font-size: 16px!important; }
  .banner-section .elementor-widget-heading { font-size: 20px!important; }
  .company-vision-section .elementor-widget-heading { width: 35%!important; }
  .company-vision-section .aux-widget-modern-heading h2 { font-size: 40px!important; }
  .company-vision-section .aux-widget-modern-heading h3 span { font-size: 40px!important; }
  .next-project-section h2 { font-size: 35px!important; line-height: 45px!important; }
  .next-project-section h3 span { font-size: 35px!important; line-height: 45px!important; }
  .banner-section .elementor-widget-heading h5 { font-size: 24px!important; }
}
@media screen and (max-width: 1024px) {
  .main-menu .aux-offcanvas-menu { width: 300px!important; }
  .main-menu ul li ul li.menu-item a { border-bottom: solid 1px #bbbbbb54!important; }
  .main-menu ul li#menu-item-493 ul { padding: 0!important; }
  .header-section.e-con.elementor-sticky { background-image: linear-gradient(90deg, #e20122 0, #9a0304 100%)!important; justify-content: space-between; }
  .banner-section .left-block { width: 100%!important; text-align: center; }
  .banner-section .btn-right-arrow { text-align: right; }
  .banner-section .elementor-widget-heading { width: 50%!important; margin: 0 auto; }
  .banner-section .elementor-widget-heading .elementor-widget-container { padding: 5px 15px 5px 15px!important; }
  .our-clients-section .heading::after { bottom: 22px; left: 0; }
  .case-study-section .swiper-pagination { display: block; }
  .case-study-section .elementor-swiper-button-prev, .elementor-swiper-button-next { display: none!important; }
  .footer-section { display: inline-block; }
  .footer-section .footer-menu { width: 24%; display: inline-block; }
  .footer-section .social-icons ul li { display: inline-block; padding: 0 20px 0 0; }
}

@media screen and (max-width: 767px) {
  .footer-section .footer-menu { width: 100%; }
  .footer-section .social-icons ul li { display: block; }
  .banner-section .left-block h1 span { font-size: 35px!important; line-height: 45px!important; }
  .banner-section .btn-right-arrow { width: 100%!important; text-align: center; }
  .banner-section .elementor-widget-heading { width: auto!important; margin: 0 auto; text-align: center!important; }
  .banner-section .elementor-widget-heading h5 { font-size: 20px!important; line-height: 30px!important; }
  .company-vision-section .aux-widget-modern-heading h2 { font-size: 30px!important; }
  .company-vision-section .aux-widget-modern-heading h3 span { font-size: 30px!important; }
}

@media screen and (max-width: 575px) {
  .main-menu .aux-offcanvas-menu { width: 100%!important; }
  .footer-section { padding: 50px 20px 20px 10px!important; }
  .banner-section .elementor-widget-heading { width: 100%!important; }
  .banner-section .btn-right-arrow { width: 100%!important; }
  .contact-info-section { padding: 30px 0 0 0!important; }
  .contact-info-section .e-con-inner { display: inline-block!important; }
  .contact-info-section .e-con-inner img { width: auto!important; padding: 0 10px!important; }
  .company-vision-section .elementor-widget-heading { width: 50%!important; }
  .digital-solutions-section .btn-right-arrow a { font-size: 18px!important; }
  .digital-solutions-section .btn-right-arrow .elementor-button-icon::before { right: 8px!important; }
}

@media screen and (min-width:1024px) {
  .swiper-slide { transform: scale(0.7)!important; opacity: 0.3; }
  .swiper-slide.swiper-slide-next { transform: scale(1.1)!important; opacity: 1!important; box-shadow: 0 0 15px rgba(0,0,0,0.1); border-radius: 20px; }
  .swiper { overflow: visible; }
}