/* Template options */
 
.page-template-socex-fullscreen-template-dt .chern-sticky-header .st-parent-ul >li >a {
  color:#262f44!important;
  font-weight:600; 
} 
 
.page-template-socex-fullscreen-template-dt .chern-sticky-header .st-header-search-icon, 
.page-template-socex-fullscreen-template-dt .chern-sticky-header .st-header-sidebar,
.page-template-socex-fullscreen-template-dt .chern-sticky-header .st-header-cart-icon a span{
  color:#262f44  ;

}
.page-template-socex-fullscreen-template-dt .st-header-magic-box{
  background:#5b45ff;
}
.wc-head-cart-number{
  color:white!important
}
.page-template-socex-main-template .st-parent-ul >li.menu-item-has-children::after{
  color: #b8b8b8;
  opacity:1;
}
 
.page-template-socex-main-template .st-header.enable-sticky-header .st-sizing-container,
.page-template-socex-fullscreen-template-dt   .st-header.enable-sticky-header .st-sizing-container{
  height:80px ;
}
.enable-sticky-header .gn-header-desc-desc{
  color:#3c4457!important;
}
 
.socex_icon_shadow .elementor-icon{
  box-shadow:0px 0px 10px 3px #eee
}
.page-template-socex-main-template .topbar-slot-b a i,
.page-template-socex-fullscreen-template .topbar-slot-b a i ,
.topbar-slot-b a i{
    font-family:fontawesome!important;
    font-weight:400!important;         
}
/* Landing page template (light header) */
   .page-template-socex-landing-template-lh .gn-header-desc-title ,
   .page-template-socex-landing-template-lh .gn-header-desc-desc{
    color:white
   }
   .page-template-socex-landing-template-lh .gn-header-desc-desc{
     opacity:.7;
   }
   .page-template-socex-landing-template-lh .st-parent-ul >li.menu-item-has-children::after{
    color:white;
    opacity:.9;
   }
  .page-template-socex-landing-template-lh .st-topbar{
    border-color: rgba(255, 255, 255, 0.38)!important;
   }
   .page-template-socex-landing-template-lh .wc-head-cart-number{
     background:white;
     color:#4b4b4b
   }
    .page-template-socex-landing-template-lh .wc-head-cart-number{
     background:white;
     color:#343a5d;
   }
  .page-template-socex-landing-template-lh .st-parent-ul >li >a{
    color:#fdfdfd;
  }
  .page-template-socex-landing-template-lh .st-topbar-item i{
    color:white;
  }
  .page-template-socex-landing-template-lh .ss-header{background:#0d2867}
  .page-template-socex-landing-template-lh .st-parent-ul >li >a::after{background:#fff;}
  .page-template-socex-landing-template-lh .st-header-search-icon,
  .page-template-socex-landing-template-lh .st-header-sidebar,
  .page-template-socex-landing-template-lh .st-header-cart-icon a{
    color:#ffffff;
  }

  .page-template-socex-landing-template-lh .st-header-magic-box{
    color:#343a5d;
    background:white;
    opacity:1;
  }

/* Fullscreen template */
    .page-template-socex-landing-template-lh .gn-header-desc-desc{
    color:white;
    opacity:.7;
   }
   
 .page-template-socex-fullscreen-template .st-topbar,
 .page-template-socex-landing-template-lh .st-topbar,
 .page-template-socex-fullscreen-template-dt .st-topbar{
     position:absolute;
     background:transparent;
     z-index:1;
     border-color: rgba(255, 255, 255, 0.27);
 }
 .page-template-socex-fullscreen-template .st-topbar-item,
 .page-template-socex-landing-template-lh .st-topbar-item{
    color: rgb(239, 239, 239);
    font-family:poppins;
    font-size:13px;
 }
 
.page-template-socex-fullscreen-template  .topbar-slot-b a,
.page-template-socex-landing-template-lh .topbar-slot-b a,
.page-template-socex-fullscreen-template-dt .topbar-slot-b a{
    background:transparent;
    font-size:17px;
}
 .page-template-socex-fullscreen-template   .topbar-slot-b a:hover,
 .page-template-socex-landing-template-lh .topbar-slot-b a:hover,
 .page-template-socex-fullscreen-template-dt .topbar-slot-b a:hover
 {
    background:transparent;
    opacity:1;
}
 
 .page-template-socex-landing-template-red .st-header,
 .page-template-socex-fullscreen-template .st-header,
 .page-template-socex-landing-template-lh .st-header,
 .page-template-socex-fullscreen-template-dt .st-header{
     position:absolute;
     background:transparent;
     z-index:1;
 }
 .page-template-socex-fullscreen-template .st-topbar ~ .st-header,
 .page-template-socex-landing-template-lh .st-topbar ~ .st-header,
 .page-template-socex-fullscreen-template-dt .st-topbar ~ .st-header {
    position:absolute;
    top: 50px;
}
 
 .logged-in.page-template-socex-fullscreen-template .st-topbar ~ .st-header,
 .logged-in.page-template-socex-landing-template-lh .st-topbar ~ .st-header,
 .logged-in.page-template-socex-fullscreen-template-dt .st-topbar ~ .st-header

 {
     position:absolute;
     top:80px; 
 }
  .logged-in.page-template-socex-fullscreen-template-dt  .st-header{
    top:30px
  }
 @media (max-width:900px){
       .logged-in.page-template-socex-fullscreen-template .st-topbar ~ .st-header,
       .logged-in.page-template-socex-landing-template-lh .st-topbar ~ .st-header,
       .logged-in.page-template-socex-fullscreen-template-dt .st-topbar ~ .st-header {
top:32px!important;
 }
      .page-template-socex-fullscreen-template .st-topbar ~ .st-header,
      .page-template-socex-landing-template-lh .st-topbar ~ .st-header,
      .page-template-socex-fullscreen-template-dt .st-topbar ~ .st-header{
top:0!important;
 }
 }
  .page-template-socex-fullscreen-template .st-parent-ul >li >a,
  .page-template-socex-fullscreen-template-dt .st-parent-ul >li >a{ 
     color:#fff;
     font-family:poppins;
     font-size:13px;
     text-transform:uppercase;
     letter-spacing:1px
 }
 .page-template-socex-fullscreen-template .st-parent-ul >li.menu-item-has-children::after{
   color:white;
   opacity:.8;
 }
 
 .page-template-socex-fullscreen-template  .st-header-search-icon,
 .page-template-socex-fullscreen-template .st-header-sidebar,
 .page-template-socex-fullscreen-template .st-header-cart-icon a,
 .page-template-socex-fullscreen-template-dt  .st-header-search-icon,
 .page-template-socex-fullscreen-template-dt .st-header-sidebar,
 .page-template-socex-fullscreen-template-dt .st-header-cart-icon a{
     color:#fff;
 }
 .page-template-socex-fullscreen-template .st-topbar-item i{
   color:#dddddd;
 }

 .page-template-socex-fullscreen-template .gn-header-desc-desc{
   color:white;
   opacity:.7;
 }
 /* Fullscreen template dark header & Menu */
    .page-template-socex-fullscreen-template-dt .gn-header-desc-desc{
    color:white;
    opacity:.7;
   }
 .page-template-socex-fullscreen-template-dt .st-topbar{
    background: rgba(23, 28, 33, 0.21);
 }
 .page-template-socex-fullscreen-template-dt .st-header{
    background: rgba(23, 28, 33, 0.21);
 }
  .page-template-socex-fullscreen-template-dt .chern-sticky-header{
    background: rgb(255, 255, 255);
    z-index:9999
 }
 .page-template-socex-fullscreen-template-dt .st-parent-ul >li:hover >a::after{
   background:white;
 }
 .page-template-socex-fullscreen-template-dt .st-topbar .st-topbar-item{
   color: #e5e5e5;
 }
 .page-template-socex-fullscreen-template-dt .st-topbar .st-topbar-item i{
   color: #efefef;
 }
 .page-template-socex-fullscreen-template-dt .st-parent-ul >li.menu-item-has-children::after{
   color:white;
   opacity:.8; 
 }
  .page-template-socex-fullscreen-template-dt .enable-sticky-header .st-parent-ul >li.menu-item-has-children::after{
   color:#3b404e;
   opacity:.8; 
 }
/* CF7 */
.wpcf7 label{
    display:block;
    width: 3;
}
 .wpcf7 label select{
  -webkit-appearance: none!important;  /* for webkit (safari, chrome) compatibility */
  -moz-appearance: none!important; /* for firefox compatibility */
   appearance: none!important;
   }
   
 .cf7-two-columns input,
 .wpcf7 label input , 
 .wpcf7 label select,
 .wpcf7 label textarea{
    display: block;
    width: 100%;
    padding: 17px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    background: #eee;
    border-radius: 2px;
    outline: 0;
}

.wpcf7 h1{
   font-size: 24px;
   color: #404040;
   margin-bottom: 15px;
}

 

.socex-banner-appointment .wpcf7 h1{
  text-align:center;
  font-size:22px;
}
.socex-banner-appointment .wpcf7 p{
  text-align:center;
  font-size:13px;
     color:#696969;

}
.wpcf7 p {
   font-size: 14px;
   margin-bottom: 20px;
   color:#959595;
   display:block;
   line-height:18px;
}
.wpcf7 input[type='submit']{
   padding: 16px 30px;
   border-radius: 2px;
   background: #343240!important;
   color: white;
   font-family: poppins;
   letter-spacing: 2px;
   font-weight: 500;
   box-shadow:0 7px 12px rgba(0, 0, 0, 0.08);
   border: none;
   cursor: pointer;
   transition:280ms all;
   transform:translateY(0px);
}
 .wpcf7 input[type='submit']:hover{
       transition:380ms all;
   transform:translateY(10px);
 }

 .socex-banner-appointment .wpcf7 input[type='submit']{
   display:block ;
   margin: 0 auto;
   padding: 16px 55px;

 }


/* CF7 ver2 */

.cf7-two-columns{
    display:flex;
   justify-content: space-between;
   margin-bottom: 11px;
}
 .cf7-two-columns span{
    width:47.5%;
}
.cf7-two-columns span input{
    width:100%;
}

.socex-cf-contact input,
.socex-cf-contact label select,
.socex-cf-contact label textarea{
    margin-bottom:0;
    background:#edf1f5!important;
}
 .socex-cf-contact label textarea{
     margin-top:-8px;
 }
 
 /* CF button center */
 .socex-cf-btn-center .wpcf7 p:last-of-type{
  text-align:center!important;
  margin-top:30px;
}
.socex-cf-contact .wpcf7 p:last-of-type{
    margin-top:30px;
}

/* CF7 footer */
.socex-footer-contact-form .wpcf7 p{margin-bottom:0!important;text-align: center;}

.socex-footer-contact-form .wpcf7 label input,
.socex-footer-contact-form .wpcf7 label textarea{margin-bottom:10px!important;background: #34324085;border-radius: 2px;border: 2px solid #434151;padding: 14px;color:#cecece;font-family:poppins;max-height: 130px;}

.socex-footer-contact-form .wpcf7 input[type='submit']{
  border-radius: 2px;
  padding: 17px 60px;
  display:block;
  margin: 0 auto;
  outline: 0;
  border: 2px solid #434151;
}

/* CF7 Footer light */
.socex-footer-contact-form-light .wpcf7 label input , 
.socex-footer-contact-form-light .wpcf7 label textarea {
margin-bottom:-10px!important;
}
.socex-footer-contact-form-light  .wpcf7 input[type='submit']{
  display :block;
  margin:0 auto!important;
  padding: 15px 55px;
  background: #5b45ff !important;
  }
   
.cf7-center-btn .wpcf7 input[type='submit']{margin:0 auto;}


.socex-banner-form label{
  width: 90%;
}
.socex-banner-form input[type='submit']{
    position: absolute;
    right: 11.8%;
    padding: 14px 25px;
    top: 8px;
    border-radius: 60px;
    background: #ff7046!important;
    display: block;
    overflow: visible;
    }
 
    .socex-banner-form input[type='submit']:hover{
      transition:300ms;
      transform:translateY(0)!important;
      padding: 14px 29px!important;
      }

.socex-banner-form input[type='submit']::after{
  content: "/";
  width: 50px;
  height: 50px;
  position: fixed;
  background: aqua;
  color:gray!important;
  top:0;
  left:0;
  z-index:999999;
  display: block;
}
.socex-banner-form input[type='text']{
    border-radius: 60px;
    padding: 23px 19px;
    background: #fff;
    margin: 0;
    }

/* Elementor elements */
.socex-element-translate-20{
    transition:240ms ease-in;
    transform:translateY(0px);
}

.socex-element-translate-20:hover{
   transition:280ms ease-in;
   transform:translateY(-20px);
}


.socex-element-translate-30{
transition:280ms ease-in;
transform:translateY(0px);
} 
.socex-element-translate-30:hover{
transition:280ms ease-in;
transform:translateY(-30px);
}

/* FAQ */ 
.socex-faq-v1 .elementor-tab-title{

}
.socex-faq-v1 .elementor-accordion-item{
     overflow: hidden;
   margin-bottom:15px;

}

.socex-faq-v2 .elementor-tab-title.elementor-active{
border-bottom:1px solid #e7e7e7!important;
}
.socex-faq-v1-radius .elementor-accordion-item{
 overflow:hidden;
 border-radius:5px;
 margin-bottom:20px;
}
/* Service Box */
.socex-servicelist .socex-element-translate-20 > div:last-child{
   position:relative;
   overflow:hidden;
   
} 
.socex-servicelist .socex-element-translate-20 > div:last-child::after{
   content:"";
   width:55px;
   height:1px;
   position:absolute;
   bottom:0;
   left:0;
   background:#ffffff;
   transition:340ms all;
}
.socex-servicelist .socex-element-translate-20 > div:last-child:hover::after{
   content:"";
   width:100%;
   background:#1f87ff;
   transition:340ms all;
}
.socex-servicelist .socex-element-translate-20 > div:last-child::before{
   content: "";
   width: 240px;
   height: 240px;
   background: rgba(31, 135, 255, 0.02);
   position: absolute;
   top: 0;
   left: 0;
   border-radius: 100%;
   transform: translate(-80px,-80px);
   transition:340ms all;
}
.socex-servicelist .socex-element-translate-20 > div:last-child:hover::before{
  transition:340ms;
  transform:translate(-109px,-100px);
  background: rgba(31, 135, 255, 0.064);
   
}
.socex-servicelist .socex-element-translate-20 > div:last-child:hover i{
  transition:340ms;
   color: #1f87ff!important
   
}

/* socex Pricing Table */
.socex-pricing-table .socex-element-translate-20 > div:last-child{
   overflow:hidden;
   position:relative;
   z-index:1;
}
.socex-pricing-table .socex-element-translate-20 > div:last-child::after{
  content: "";
   width: 200px;
   height: 200px;
   background: rgba(31, 135, 255, 0.02);
   top: 40px;
   position: absolute;
   left: 50%;
   border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
   z-index: -1;
   transform: translatex(-50%);
   animation: socex_bounce_animation 6s infinite;
   transition:340ms all
   }
   .socex-pricing-table .socex-element-translate-20 > div:last-child:hover::after{
       transition:340ms;
       background:rgba(31, 135, 255, 0.064);
       
   }
   @keyframes socex_bounce_animation {
0% {
   border-radius : 30% 70% 70% 30% / 30% 30% 70% 70%;
   }
25% { 
   border-radius:  58% 42% 75% 25% / 76% 46% 54% 24%;
}
50% {
   border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;
   }
75% {
   border-radius:  33% 67% 58% 42% / 63% 68% 32% 37%	;	
}
}
/* socex testimonial */

.socex-testimonial-list .socex-element-translate-20 > div:last-child{
   position:relative;
   z-index:1;
}
.socex-testimonial-list .socex-element-translate-20 > div:last-child::after{
   content: "\f10d";
   position: absolute;
   width: 60px;
   height: 60px;
   background: white;
   display: flex;
   align-items: center;
   justify-content: center;
   font-family: fontawesome;
   border-radius: 75% 25% 71% 29% / 30% 68% 32% 70%;
   top: -30px;
   box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.10196078431372549);
   color: #1f87ff;
   transform: rotate(0deg);
   transition: 280ms all;
}
.socex-testimonial-list .socex-element-translate-20 > div:last-child:hover::after{
   transition:300ms;
   transform:scale(1.1) rotate(360deg);
}
.socex-testimonial-list .socex-element-translate-20 > div:last-child::before{
  content: "";
   width: 120px;
   height: 120px;
   background:rgb(245, 250, 255);
   top: 30px;
   position: absolute;
   left: 50%;
   border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
   z-index: -1;
   transform: translatex(-50%);
   animation: socex_bounce_animation 6s infinite;
   transition:340ms all
}

.socex-testimonial-list .socex-element-translate-20  > div:last-child:hover::before{
       transition:340ms;
       background:rgba(31, 135, 255, 0.08);
       
   }
   
   /* socex Progress bar */
   .socex-one-progressbar .elementor-widget-container span{
       display:block;
       margin-bottom:4px;
   }
   
   
   /* ------ Inner page elements ------ */
   .socex-feature-about:hover i , 
   .socex-feature-about:hover .elementor-heading-title , 
   .socex-feature-about:hover p {
       transition:400ms ease-in all;
       color:#ffffff!important;
   }
   
   .socex-feature-about:hover  .elementor-view-stacked .elementor-icon{
       transition:400ms ; 
       background:rgba(242, 248, 255, 0.1607843137254902)!important;
   }
   
   /* Extras */
 
   .banner_loon_effect{
     position:relative;
     }

   .banner_loon_effect::after{
     content:"";
     width:140%;
     height:120%;
     background:#b4bcf912;
     position:absolute;
     top:-10%;
     left:-40%;
     border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;

     z-index:-1;
         animation: socex_bounce_animation 6s infinite;

   } 
      .banner_image_animation_circle{
       animation:bannerimage_translate 6s infinite;
     animation-play-state: runnig;
     animation-direction: alternate;

}
 
   .banner_circle_effect,
   .banner_fancy_effect{
     position:relative;
     z-index:1;
   }

   .banner_circle_effect:after,
   .banner_fancy_effect_innerelements::after{
     content:"";
     width:550px;
     height:550px;
     position:absolute;
     top:0;
     background:transparent;
     border-radius:100%;
     border:45px solid #ffffff0f;
     z-index:-1;
     animation:bannercircle 6s infinite;
     animation-play-state: runnig;
     animation-direction: alternate;

   }
   @keyframes bannercircle{
     0%{transform:translateX(-100px)}

   }
    .banner_fancy_effect::after,
    .banner_fancy_effect_innerelements::after{
      content:"";
     width:250px;
     height:250px;
     position:absolute;
     top:0;
     background:#ffffff0f;
     border-radius:30% 70% 66% 34% / 29% 41% 59% 71%;
      z-index:-1;
     animation:bannercircle 6s infinite;
     animation-play-state: runnig;
     animation-direction: alternate;
    }
     .banner_fancy_effect::before,
     .banner_fancy_effect_innerelements::before{
      content:"";
     width:250px;
     height:250px;
     position:absolute;
     bottom:0;
     right:80px;
     background:#ffffff00;
     border:40px solid #ffffff0f;
     border-radius:100%;
      z-index:-1;
     animation:bannercircle 7s infinite;
     animation-play-state: runnig;
     animation-direction: alternate;
    } 
   .banner_fancy_effect_innerelements::before,
   .banner_fancy_effect_innerelements::after{
           background:#eff3f829;

   }

   /* Team members */
   .socex-team-member {
     overflow:hidden!important;
     z-index:2;
   }
    .socex-team-member img {
     overflow:hidden!important;
     z-index:1;
   }

   /* Layer blocks */

   .socex-layem-elem-blue,
   .socex-layem-elem-red,
   .socex-layem-elem-yellow,
   .socex-layem-elem-green{
     position:relative;
     z-index:2;
     overflow:hidden;

   }
   .socex-layem-elem-blue .elementor-widget-wrap,
   .socex-layem-elem-red .elementor-widget-wrap ,
   .socex-layem-elem-yellow .elementor-widget-wrap ,
   .socex-layem-elem-green .elementor-widget-wrap {
     z-index:2;
   }

   .socex-layem-elem-blue::after,
   .socex-layem-elem-red::after,
   .socex-layem-elem-yellow::after,
   .socex-layem-elem-green::after{
     content:'';
     width:calc(100% - 10px);
     height:100%;
     position:absolute;
     z-index:1;
     transition:300ms all;
     transform:translateY(-100%);
    }
     .socex-layem-elem-blue::after{
       background:#1489e8;
     }
     .socex-layem-elem-red::after{
       background:#f71652;
     }
     .socex-layem-elem-yellow::after{
       background:#ffbe25;
     }
     .socex-layem-elem-green::after{
       background:#05ffa7;
     }

    .socex-layem-elem-red::after,
    .socex-layem-elem-green::after{
       right:0!important;
     }

     

   .socex-layem-elem-blue:hover::after,
   .socex-layem-elem-red:hover::after,
   .socex-layem-elem-yellow:hover::after,
   .socex-layem-elem-green:hover::after{
     transition:300ms;
     opacity:1;
     transform:translateY(0px);
   }
   .socex-layem-elem-blue:hover i,
   .socex-layem-elem-red:hover i,
   .socex-layem-elem-green:hover i,
   .socex-layem-elem-yellow:hover i {
     color:white;
     transition:300ms ease-in;
   }
   .socex-layem-elem-blue:hover h2,
   .socex-layem-elem-red:hover h2,
   .socex-layem-elem-green:hover h2,
   .socex-layem-elem-yellow:hover h2{
     color:white !important;
   }
    .socex-layem-elem-blue:hover p,
   .socex-layem-elem-red:hover p,
   .socex-layem-elem-green:hover p,
   .socex-layem-elem-yellow:hover p{
     color:white !important;
   }
/* socex testimonials */
   .socex-one-testimonial {
     position:relative;
   }
   .socex-one-testimonial::after{
     content:"\f10d";
     font-family:fontawesome;
     width:60px;
     height:60px;
     background:#ff3a46;
     right:40px;
     color:white;
     top:-30px;
     position:absolute;
     display:flex;
     justify-content:center;
     align-items:center;
   border-radius: 75% 25% 71% 29% / 30% 68% 32% 70%;
     transition:600ms all;
     transform:rotateZ(0deg)  scale(1) ;  
     box-shadow:0px 0px 7px #d8ffe2;
      }
      .socex-one-testimonial:hover::after{
        transition:600ms ;
        transform:rotateZ(180deg)
      }
   /* socex template #RED */

   .page-template-socex-landing-template-red .st-header .st-sizing-container{
     min-height:120px;
   }

   .page-template-socex-landing-template-red .st-header-magic-box,
   .page-template-socex-landing-template-red .ss-header,
   .page-template-socex-landing-template-red .st-parent-ul >li:hover >a::after,
   .page-template-socex-landing-template-red .st-parent-ul .sub-menu li::before,
   .page-template-socex-landing-template-red .wc-head-cart-number{
     background:#ff3946;
   }

   .page-template-socex-landing-template-red .st-parent-ul >li:hover >a,
   .page-template-socex-landing-template-red .gn-header-desc-title,
   .page-template-socex-landing-template-red .footer-sidebar .widget-content ul li a:hover,
   .page-template-socex-landing-template-red .st-parent-ul .sub-menu li:hover >a,
   .page-template-socex-landing-template-red .st-parent-ul >li.menu-item-has-children:hover::after,
   .page-template-socex-landing-template-red .close-searchpanel:hover:before{
    color:#ff3946;
   }
  
   

   .socex-number-lefttext .elementor-counter-number-prefix{
     display:none;
   }
   .socex-number-lefttext .elementor-counter-title{
     text-align:left!important;
   }

   .page-template-socex-landing-template-lh .st-header .st-sizing-container{
     min-height:120px
   }

   .socex-mobile-background-loon-blue{
     position:relative;
     z-index:1;
   }
   .socex-mobile-background-loon-blue::after,
   .socex-mobile-background-loon-orange::after{
     content:"";
     width:500px;
     height:100%;
     background:#ff7648;
     position:absolute;
     z-index:-1;
     top:0;
     left:0;
      display:block;
         border-radius : 30% 70% 70% 30% / 30% 30% 70% 70%;

     animation:socex_bounce_animation 7s infinite;
   }
.socex-mobile-background-loon-blue::after,
   .socex-mobile-background-loon-orange::after{
     
   }
       .socex-mobile-background-loon-blue::after{
         background:#2777d00d;
       }
       @keyframes socex_bounce_animation {
0% {
   border-radius : 30% 70% 70% 30% / 30% 30% 70% 70%;
   }
25% { 
   border-radius:  58% 42% 75% 25% / 76% 46% 54% 24%;
}
50% {
   border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;
   }
75% {
   border-radius:  33% 67% 58% 42% / 63% 68% 32% 37%	;	
}
}



/* Feature hover effect */
.socex-one-feature-main{
  transition:400ms all;
   animation:featurebox_anim_main_back 650ms ;

}

.socex-one-feature-main:hover{
  animation:featurebox_anim_main 750ms ;
  transform:scale(1.04);
}

@keyframes featurebox_anim_main{
  0%{   transform:perspective(900px) rotateX(15deg) scale(1);}
  50%{   transform:perspective(900px) rotateX(-15deg) scale(1.01) ;}
  100%{   transform:perspective(900px) rotateX(0deg) scale(1.04) ;}
}
@keyframes featurebox_anim_main_back{
  0%{   transform:perspective(900px) rotateX(-10deg) scale(1.07) ;}
  50%{   transform:perspective(900px) rotateX(15deg) scale(1.03) ;}
  100%{   transform:perspective(900px) rotateX(0deg) scale(1);}
}

.socex_innertext_block{
  display:block;
  margin: 0 auto;
}

.bordtest {
       border-radius: 34% 56% 70% 30% / 49% 30% 60% 51%
 ;	

}

.socex-faq-border .elementor-accordion-item{
  border-radius:5px;
}


.page-template-socex-landing-template-red .double-bounce1,
.page-template-socex-landing-template-red .double-bounce2{
    background:#ff424e!important;
    opacity: 0.8;

}

/* socex Team Member */
.socex-team-member .elementor-social-icons-wrapper{transition:280ms;transform: translateY(-200px);opacity:0;visibility:hidden;}
.socex-team-member:hover .elementor-social-icons-wrapper{
transition:340ms ease-in-out;
transform:translateY(-170px);
opacity:1;
visibility:visible;
}


/* Image background animations */
.image_background_circle_gray,
.textb_background_circle_double,
.image_background_circle_gray_left,
.image_background_circle_orange_left{
  z-index:1;
}
.image_background_circle_gray::after,
.image_background_circle_gray_left::after,
.image_background_circle_orange_left::after{
 content:'';
 width:450px;
 height:490px;
 background:transparent;
 position:absolute;
 top:-25px;
 right: -10px;
 z-index:-1;
 border: 15px solid #00000008;
 animation:bannerimage_translate 3s infinite;
 animation-play-state: running;
 animation-direction: alternate;
 }
 .image_background_circle_orange_left::after{
   border : 10px solid #ff7046 !Important;
 }
 .image_background_circle_orange_left::after{
    animation:bannerimage_translate_orange 4s infinite!important;
     animation-play-state: running !important;
 animation-direction: alternate !important;

 }
 .image_background_circle_gray_left::after,
 .image_background_circle_orange_left::after{
    top:-25px;
    left:  0px;
    animation:bannerimage_translate_left 3s infinite;
    animation-play-state: running;
    animation-direction: alternate;

 }
@keyframes bannerimage_translate_left{
     0%{transform:translateX(0px)  translateY( 0px) }
     0%{transform:translateX(-5px)  translateY( -12px) }
   }
   @keyframes bannerimage_translate_orange{
     0%{transform:translateX(0px)  translateY( 0px) }
     0%{transform:translateX(30px)  translateY( -19px) }
   }

   @keyframes bannerimage_translate{ 
     0%{transform:translateX(0px)  translateY( 0px) }
     0%{transform:translateX(-30px)  translateY( -12px) }
   }
   
.textb_background_circle_double::after,
.textb_background_circle_double::before{
 content:'';
width:700px;
height:700px;
background:transparent;
position:absolute;
top:5%;
right:-40%;
z-index:-1;
border-radius:100%;
border:2px solid #f5f5f5;
animation:bannerimage_translate 6s infinite;
animation-play-state: runnig;
animation-direction: alternate;
}

.textb_background_circle_double::before{
  width:600px!important;
  height:600px!important;
  right:-10%;
  animation:bannerimage_translate 4s infinite;
animation-play-state: runnig;
animation-direction: alternate;

}

.socex-arrow-top-bottom-anim{
   transform :translateY(0px) ;
  animation : upth_arrow_bottomtop_anim 2s infinite;
  animation-play-state: runnig;
  animation-direction: alternate;
}

@keyframes upth_arrow_bottomtop_anim{
  0% {  transform :translateY(80px) scale(1) ; }
  50% {  transform :translateY( 0px) scale(1.1) ; }
  750% {  transform :translateY( 0px) scale(1.1) ; }
  
  

}

.page-template-socex-fullscreen-template-dt .st-header-magic-box{
  padding:17px 30px;
  border-radius:2px;
  background:rgba(255, 255, 255, 0.18823529411764706);
  box-shadow:0px 10px 10px #0707073d;
}
.page-template-socex-fullscreen-template-dt .enable-sticky-header .st-header-magic-box{
  background:rgb(91, 69, 255);
 }
.page-template-socex-fullscreen-template-dt .st-header-magic-box:hover{
  transition:200ms ease-in;
  color:#2e2e2e;
  background:#fff;
  box-shadow:0px 10px 10px #0707073d;
}

/* Services block design V2 */
.socex-one-feature-main-v2,
.socex-one-feature-main-v2 .elementor-column-wrap,
.socex-one-feature-main-v2-purple .elementor-column-wrap,
.socex-one-feature-main-v2-blue .elementor-column-wrap{
  position:relative;
  overflow:hidden;
 }
.socex-one-feature-main-v2::after,
.socex-one-feature-main-v2-purple:after,
.socex-one-feature-main-v2-blue:after{
  content:"";
  width:35px;
  height:35px;
  background:#ff8d6a;
  display:block;
  position:absolute;
  top:0;
  left:0;
   border-radius:100%;
  transform:translate3d(31px,37px,0) scale(1); 
  z-index:2; 
transition:400ms all;
}
.socex-one-feature-main-v2-purple::after{
  background:#c38aff
}

.socex-one-feature-main-v2-blue::after{
    background:#68a4ff

}
.socex-one-feature-main-v2:hover::after,
.socex-one-feature-main-v2-purple:hover::after,
.socex-one-feature-main-v2-blue:hover::after{
  transition:500ms all;
    transform:translate3d(38px,46px,0) scale(1.2);  

}
.socex-one-feature-main-v2 .elementor-column-wrap::before,
.socex-one-feature-main-v2-purple .elementor-column-wrap::before,
.socex-one-feature-main-v2-blue .elementor-column-wrap::before,
.feature_box_v2 .elementor-column-wrap::after,
.feature_box_v2 .elementor-column-wrap::before{
  content:"";
  width:35px;
  height:35px;
  background:#f8f8f86b;
  display:block;
  position:absolute;
  bottom:0;
  right:0;
  z-index:1;
  border-radius:100%;
  transform:translate(-31px,-37px) scale(1);  
  transition:300ms all;
}
.socex-one-feature-main-v2 .elementor-column-wrap:hover::before,
.feature_box_v2 .elementor-column-wrap:hover::after,
.socex-one-feature-main-v2-purple .elementor-column-wrap:hover::before,
.socex-one-feature-main-v2-blue .elementor-column-wrap:hover::before{
  transition:600ms all;
    transform:translate(-41px,-47px) scale(11);  
    opacity:1;
}
.feature_box_v2 .elementor-column-wrap::before{
  background:#fdfdff05;
  opacity:0;
}
.feature_box_v2 .elementor-column-wrap:hover::before{
   transition:600ms all;
    transform:translate(-41px,-47px) scale(7);  
    opacity:1;

}
.socex-one-feature-main-v3{
    transition:300ms ; 
  transform:scale(1)
}
.socex-one-feature-main-v3:hover{
  transition:300ms ; 
  transform:scale(1.07)
}

/* feature box V2 */

.feature_box_v2 .elementor-column-wrap{
  position:relative;
  overflow:hidden;
}

.feature_box_v2 .elementor-column-wrap::after{
  content:"";
  position:absolute;
 background:#ffffff05;
 opacity:0;
 transition:300ms all;
}


.feature_box_v2 .elementor-icon{
  transition:300ms all;
  transform:scale(1) rotate(0deg);
}
.feature_box_v2:hover .elementor-icon{
  transition:600ms all;
  transform:scale(1.2) rotate(360deg);
}


 /* NEW POINTS */
 .socex-feature-banner{
   overflow:hidden
 }
 .socex-feature-banner .elementor-icon{
    box-shadow:0px 6px 10px #5b45ff6e;
    position:relative;
    z-index:22;
    transition:300ms ;
 
}
.socex-feature-banner:hover .elementor-icon{
   transition:700ms all;
}
.socex-feature-banner .elementor-icon::after{
  content:'';
  position:absolute;
  top:-10%;
  left:-10%;
  width:120%;
  height:120%;
  background:#5b45ff00;
  border:1px solid #5b45ff;
  border-radius:100%;
  z-index:-1;
   transition:300ms all;
   transform:scale(0.8)
}
.socex-feature-banner:hover .elementor-icon::after{
  transition:400ms;
    transform:scale(1.1);

  animation-name :feature box_icon_layer;
  animation-duration:6s;
  animation-play-state:running;
  animation-direction:alternate;
  animation-iteration-count:infinite;
 }

@keyframes featurebox_icon_layer{
  0%{transform:translate(10px,5px);}
  50%{transform:translate(7px,10px);}
  75%{transform:translate(5px,4px);}
  100%{transform:translate(10px,0px);}
}

.socex-feature-banner{
  position:relative;
  z-index:1;
  
}
.socex-feature-banner::after{content:"";width:30px;height:30px;position:absolute;bottom:-30px;left:45%;transform:translateX(-50%);background: #f6f5ff70;border-radius:100%;transition:400ms;}
.socex-feature-banner:hover::after{
  transition:300ms ;
  bottom:20px;
  transform:scale(13);

}

.socex-feature-banner .elementor-column-wrap::before{
content:"";
width:0;
height:2px;
position:absolute;
bottom:0;
left:0;
 background:#f6f5ff52;
 transition:400ms;
 }
 .socex-feature-banner:hover .elementor-column-wrap::before{
content:"";
width:100%;
height:2px;
position:absolute;
bottom:0;
left:0;
 background:#5b45ff;
 transition:400ms;
 z-index:1;
 
 }



.heading_underline_prp h2{
   position:relative;
   display:inline;
}
 .heading_underline_prp h2::after{
   content:"";
   width:100%;
   height:6px;
   background:#8b7bff33;
   position:absolute;
   bottom:5px;
   left:0;

 }


 .socex_pros_item .elementor-column-wrap{
    position:relative;
 }

  .socex_pros_item .elementor-column-wrap::after{
    content:"";
    width:10px;
    height:3px;
    background:white;
    position:absolute;
    top:0;
    left:0;
    transition:350ms all
    
 }
   .socex_pros_item .elementor-column-wrap:hover::after{
    content:"";
    width:100%;
    height:3px;
    background:#5b45ff;
   transition:350ms all;
 }

  .socex_pros_item .elementor-column-wrap::before{
    content:"";
    width:10px;
    height:100%;
    background:#5b45ff00;
    position:absolute;
    top:0;
    left:0;
    transition:350ms all
    
 }
   .socex_pros_item .elementor-column-wrap:hover::before{
    content:"";
    width:80px;
     background:#5b45ff08;
   transition:350ms all;
 }


 /* socex Testimonials */
 .socex-one-testimonial-v2{
   overflow:hidden!important;
   position:relative;
   z-index:1;
 }
  .socex-one-testimonial-v2::after{
   content:"";
   width:100%;
   height:100%;
   background:#5a44fe;
   position:absolute;
   bottom:-100%;
   left:0;
   z-index:-1;
   opacity:0;
   transition:400ms all;
 }
   .socex-one-testimonial-v2:hover::after{
  transition:400ms ; 
  bottom:0;
  opacity:1;
 }
 .socex-one-testimonial-v2:hover *{
   color:white!important;
 }


 /* Sponsor IMages */
 .socex_sponsor_list img{
   transition:300ms;
   opacity:.85;
 }

 .socex_sponsor_list img:hover{
   transition:300ms;
   opacity:1;
 }
 .enable-sticky-header .st-parent-ul li a:hover{
    transition: 200ms;
    color: var(--accend)!important; 
}
.socex-onesrvbox > *{
    overflow:hidden; 
}
.socex-onesrvbox:hover h2{
    color:#fff !important;
}
.socex-onesrvbox:hover p{
    color:#ffffffc7 !important;
}
.socex-onesrvbox .elementor-column-wrap{
  position:relative;
  z-index:1
}

.socex-onesrvbox .elementor-column-wrap::after{
content:"";
width:100%;
height:100%;
background:#000000ed;
position:absolute;
top:0;
left:-100%;
opacity:0;
z-index:-1;
}
.socex-onesrvbox .elementor-column-wrap:hover:after{
content:"";
width:100%;
height:100%;
 position:absolute;
top:0;
left:0;
opacity:1;
transition:300ms;
transition-delay:200ms;
}
.socex-onesrvbox:hover .elementor-icon{
  animation-name:iconsrvbox;
  animation-duration:1s;
}
@keyframes iconsrvbox{
  0%{transform:scale(1)}
  50%{transform:scale(1.1)}
  100%{transform:scale(1)}
}

.secttion-heading-mini{
  position:relative;
  padding-left:42px;
}
.secttion-heading-mini::after{
  content:'';
  width:11px;
  height:2px;
  background: #ff6f46;
  position:absolute;
  left:0;
  top:6px;
}
.secttion-heading-mini::before{
  content:'';
  width:18px;
  height:2px;
  background: #ff6a3f;
  position:absolute;
  left:17px;
  top:6px;
}


.scx-innersect-translate{
  transform:translateY(90px);
  z-index:8;
}

.scx_pricing_number,
.scx_pricing_number_gray{
  position:relative;
  z-index:1;
}

.scx_pricing_number::after,
.scx_pricing_number_gray::after{
  content:"";
  width:110px;
  height:110px;
  background:#ffffff;
  border:5px solid #ff6a3f12;
  position:absolute;
  top:-10px;
  left:25%;
  z-index:-1;
}
.scx_pricing_number::before,
.scx_pricing_number_gray::before{
  content:"";
  width:90px;
  height:90px;
  background:transparent;
  border: 5px solid #fff4f1;
  position:absolute;
  top: 0px;
  left:45%;
  z-index:-2;
}

.scx_pricing_number_gray::after , 
.scx_pricing_number_gray::Before{
    border: 5px solid #f9f9f9;

}

.scx_btnicon{
  transition:300ms;
  transform:translateX(0px)
}
.scx_btnicon:hover{
  transition:300ms;
  transform:translateX(10px)
}
.scx_btnicon:hover i{
  transition:1ms;
background:#efefef;
color:#7a7a7a;

}
.scx_btnicon i{
  display:block;
padding:10px;
border-radius:60px;
background:#0000000f;
  }
 .scx_btnicon .elementor-button-text{
    display:flex;
    align-items:center!important
  }

  .scx_btnicon.block_inline{
    margin:0 auto;
    display:block;
  }

  .socex-banner-form .wpcf7 p{margin-bottom:0;}


  /* Socex template 2 */
  .page-template-socex-template-2 {
    --accend:#8f7afb !important;
  }
  .page-template-socex-template-2 .st-header-magic-box{
    border-radius:2px;
    opacity:1;
  }
  .page-template-socex-template-2 .st-header-magic-box:hover{
    border-radius:2px;
    opacity:1;
        background:white;
    color:#0c172a;
  }
  .page-template-socex-template-2 .st-header-sidebar{
    border-radius:2px;
  }

   .page-template-socex-template-2 .st-header-sidebar:hover{
    transform:none!important;
    animation:none;
    background:white;
    color:#0c172a;
  }
  .page-template-socex-template-2 .st-header-search-icon{
    padding:13px 14px;
    background:#ffffff26;
    display:block;
    border-radius:2px;
    margin-right: 5px;
    margin-left:15px;
  }
    .page-template-socex-template-2 .st-header-search-icon:hover{
    background:white;
    color:#0c172a;
  }

  .page-template-socex-template-2 .st-footer-overlay{
    background:#16161d;
  }
   .page-template-socex-template-2 .st-copyright-block{
    background:#111115;
  }

  .page-template-socex-template-2 .header-full-desc::after{
    background:#8f7afb1f;
  }
  .page-template-socex-main-template .st-header-search-icon{
    border:2px solid #eee6;
    background:transparent;
    border-radius:60px;
    padding:13px 13px;
    margin-left:15px;
    margin-right:3px;
    font-size:14px;


  }
  .page-template-socex-main-template .st-header-search-icon:hover{
    border:2px solid #efefef66;
    background:#ffffff14;
   
  }
    .page-template-socex-main-template .enable-sticky-header .st-header-search-icon{
    border:2px solid #ff6a3e;
    background:#ff6a3e;
    color:white;
    box-shadow: 0 7px 12px rgba(0, 0, 0, 0.08);
  }


   .page-template-socex-main-template  .st-header-sidebar:hover{
     animation:none;
     transform:scale(1.07)
   }
   
   
   .enable-sticky-header .st-sizing-container{
       max-height:100%;
   }

   .page-template-socex-main-template .st-header .st-sizing-container{
     max-width: 1150px;
   }

   .page-template-socex-main-template .st-header-magic-box:hover{
     background:white;
     color:#161c2a;
   }
      .page-template-socex-main-template .enable-sticky-header .st-header-magic-box:hover{
     background:#ff6a3e;
     color:#fff;
   }