/*
 Theme Name:   Shopinecom
 Theme URI:    https://shopinecom.perceptiond.net/
 Description:  Child Theme based on Hello Elementor for Shopinecom
 Author:       Digital Perception
 Author URI:   https://www.perceptiond.pk/
 Template:     hello-elementor
 Version:      1.0.0
*/

.gotottop {
  opacity: 0;
  visibility: hidden; 
  z-index: 1000;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  filter: drop-shadow(0px 3px 2px #001F54);
}

.gotottop.show {
  opacity: 1;
  visibility: visible; 
}


/* Services Card */
.main-card:hover h2.elementor-heading-title.elementor-size-default {
    color: white !important;
}

.main-card {
   min-height: 462px;
   max-height: 462px;
}

.main-card:hover .card-img{
   visibility: hidden;
}

.card-title, .card-desc,.card-list, .card-btn{
   transition: all 0.3s ease;
}

.card-title, .card-desc, ,.card-btn{
   bottom: 20px;
}

.main-card:hover .card-title, 
.main-card:hover .card-desc,
.main-card:hover .card-list,
.main-card:hover .card-btn{
   transform: translateY(-100px);
   color: white !important;
}

.card-list{
   display: none;
}

.main-card:hover .card-list{
   display: block;
}

.card-img01 {
   transition: all 0.3s ease; 
}

.main-card .card-img01 img {
   width: 80px;
}

/*.main-card:hover .card-img01 {
   transform: translate(calc(-100% - 40px), calc(-100% - 40px));
}*/

.main-card:hover .card-img01 {
    bottom: calc(100% - 80px) !important;
    right: calc(100% - 80px) !important;
}

/* Tablet Services Style */
@media all and (max-width: 980px) {

.main-card:hover .card-img01 {
/*   transform: translate(-204%, -170%);*/
   bottom: calc(100% - 70px) !important;
   right: calc(100% - 70px) !important;
}

.main-card .card-img01 img {
    width: 60PX;
}

.main-card{
   min-height: 426px;
   max-height: 426px;
}

.main-card:hover .card-title, 
.main-card:hover .card-desc,
.main-card:hover .card-list,
.main-card:hover .card-btn{
  transform: translateY(-100px);
  color: white !important;
}
  }

/* Mobile Services Style */
@media (max-width: 425px) {
	
.main-card:hover .card-img {
   visibility: visible;
}

.main-card:hover .card-desc{
   color:#333333 !important;
}

.main-card:hover .card-title, 
.main-card:hover .card-desc,
.main-card:hover .card-btn,
.main-card:hover .card-list {
   transform: none;
}

.main-card:hover .card-img01 {
   transform: none;
}
	
.card-list {
   display: none;
}

.main-card:hover .card-list {
   display: none;
}	
	
.main-card:hover {
   background-color: white !important;
   background-image: none !important;
}
  }

.elementor-swiper-button.elementor-swiper-button-prev, .elementor-swiper-button.elementor-swiper-button-next{
    padding: 10px;
    border: 1px solid;
    border-radius: 50px;
}
.brand-form .elementor-field-group:before{
    position: absolute;
    content: "";
    color: #fff;
    top:12px;
    right: 10px
}

.blog-swiper svg{
    fill: #FF6F00 !important;
    width: 16px !important;
    height: 16px !important;
}


.blog-swiper .elementor-swiper-button{
    padding: 10px !important
}

.brand-form .elementor-field-group-email:before{
   background-image: url('https://shopinecom.perceptiond.net/wp-content/uploads/2024/08/mail-1.svg');
   background-repeat: no-repeat;
   width: 24px;
   height: 20px;
}

.brand-form .elementor-field-group-name:before{
   background-image: url('https://shopinecom.perceptiond.net/wp-content/uploads/2024/08/Group-1000003495.svg');
   background-repeat: no-repeat;
   width: 24px;
   height: 20px;
}

.brand-form .elementor-field-group-field_503445e:before{
   background-image: url('https://shopinecom.perceptiond.net/wp-content/uploads/2024/08/call.svg');
   background-repeat: no-repeat;
   width: 24px;
   height: 20px;
}

.brand-form .elementor-field-group-field_45d54df:before{
   background-image: url('https://shopinecom.perceptiond.net/wp-content/uploads/2024/08/display_settings.svg');
   background-repeat: no-repeat;
   width: 24px;
   height: 20px;
}

.brand-form .elementor-field-group-message:before{
   background-image: url('https://shopinecom.perceptiond.net/wp-content/uploads/2024/08/sms.svg');
   background-repeat: no-repeat;
   width: 24px;
   height: 20px;
   }

 @media only screen and (max-width: 780px) {
    .brand-form button.elementor-button.elementor-size-sm{
	padding:10px !important;
	font-size:14px !important;
   }
}

.footer-form button.elementor-button.elementor-size-md {
   margin-left: -18%;
}

.footer-form .elementor-field-group:before{
   position: absolute;
   content: "";
   color: #fff;
   left: 20px;
}

.footer-form .elementor-field-group-email:before{
   background-image: url('https://shopinecom.perceptiond.net/wp-content/uploads/2024/08/mail.svg');
   background-repeat: no-repeat;
   width: 24px;
   height: 24px;
	
}

.footer-form input#form-field-email{
   padding-left: 48px;
   padding-top: 8px
}


 @media only screen and (max-width: 755px) {
.footer-form input#form-field-email{
   padding-left: 48px;
   padding-top: 8px
}

.footer-form button.elementor-button.elementor-size-md {
   margin-left: 0%;
   margin-top:10px;
   }
}

.brdcrmb-navigator .elementor-icon-list-items .elementor-icon-list-item:last-child .elementor-icon-list-text {
    color:#FF6F00 !important
   }

.stories-slider .elementor-swiper-button.elementor-swiper-button-prev{
    position: absolute !important;
    top: 526px !important;
    left: 47.2% !important;
	
   }
   
.stories-slider .elementor-swiper-button.elementor-swiper-button-next{
    position: absolute !important;
    top: 526px !important; 
	right: 47.2% !important;
	  
   }
   
 @media (max-width:740px)  {
.stories-slider .elementor-swiper-button.elementor-swiper-button-prev{
    position: absolute !important;
    top:320px !important;
    left: 35% !important;
       
   }
   
.stories-slider .elementor-swiper-button.elementor-swiper-button-next{
    position: absolute !important;
    top: 320px !important;
    right: 35% !important;
 }       
   }

.services-list .elementor-nav-menu .current-menu-item > a {
    background-color: #001F54;
    padding: 10px !important;
    border-radius: 6px;
    font-size: 14px !important;
 
}

.services-list .elementor-nav-menu .menu-item:not(:last-child) .elementor-item {
    border-bottom: 1px solid #d9d9d9; 
}

.services-list li.menu-item {
    width: 100%;
}

.blog-content-link a{
    color: var(--e-global-color-0ec844f);
    text-decoration: underline;
}


.features-list {
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding-left: 0;
}

.features-list li {
    list-style-type: none;
}

.features-list li i {
    color: #008080;
    margin-right: 5px;
    vertical-align: middle;
}

@media (max-width: 768px) {
.solution_table {
    overflow-x: scroll !important; 
    scrollbar-width: thin; 
    scrollbar-color: #001f54 #DFDFDF;
}
}