/*
Theme Name: flexsourceie
Author: FRD Studio
Description: Custom WordPress Theme
Version: 1.0
*/

body {
  margin: 0;
  font-family: Arial, sans-serif;
  background: #f5f5f5;
	padding:0px !important;		
}



h1, h2 {
  margin: 0 0 10px;
}
.job_filters .search_jobs{
	    display: flex;
    background-color: #ff5e00;
}
.top_head {
    padding: 10px 0pc;
    background-color: #FF5E00;
    align-items: center;
}

form {
    display: inline-block;
    width: 100%;
}
.top_head .form-control {
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
    border-radius: 0;
    width: 100%!important;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	font-family: PT Sans, sans-serif;
}
.search_button {
    background: #090909;
    color: #fff;
    transition: all .3s ease-in-out;
    padding: 10px 46px;
    border-radius: 100px;
    font-size: 14px;
    font-weight:600;
    border: 1px solid #090909;
    font-family: "Lato", Sans-serif;
}
.form-select option {
    color: #000000;
}

.form-select:focus {
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.form-select {
    --bs-form-select-bg-img: url("https://cplhealthcastg.wpenginepowered.com/wp-content/uploads/2026/05/icon.svg.svg");
}
.form-select {
	background-color: transparent;
    border: none;
    color: #fff;
}
.form-control:focus,
.form-select:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent;
}
	.fa-long-arrow-left:before {
    content: "\f177";
}	
.job-single{
	font-family:PT Sans, sans-serif;
}

.custom-share-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 9px;
    padding: 20px 0;
}
.custom-share-bar .share-label {
    font-size: 14px;
    font-weight: 600;
    color: #FF5E00;
    letter-spacing: 1px;
}

.custom-share-bar a {

    color: #000;
    display: flex;
    align-items: center;
    text-decoration: none;
    margin: 0px 10px;
}
.custom-share-bar a:hover {

    color: #FF5E00;
}

.custom-share-bar{
    display:flex;
    align-items:center;
    gap:12px;
}

.custom-share-bar dd{
    margin:0;
}

.custom-share-bar a{
    color:#000;
    font-size:18px;
}


.custom-share-bar{
display:flex;
align-items:center;
gap:8px;
}

.custom-share-bar a {
    color: #000;
    display: flex;
    align-items: center;
    /* gap: 10px; */
    margin: 5px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
}

.custom-share-bar a:hover{
	color:#ff5e00;
}
.custom-share-bar svg{
    width:15px;
    height:15px;
}

.job-data a {
    padding: 20px;
    display: block;
    border: 1px solid #0000001a;
    margin-bottom: 15px;
    border-radius: 8px;
    color: #000000;
    font-size: 14px;
    font-family: PT Sans;
    text-decoration: none;
}
.job-listing{
	margin:0;
	padding:0;
	list-style:none;
}

.job-data a{
	padding:20px;
	display:block;
	border:1px solid #0000001a;
	margin-bottom:15px;
	border-radius:8px;
	color:#000000;
	font-size:14px;
	font-family:PT Sans;
	text-decoration:none;
}

.job-data a:hover{
	border-color:#ff5e000d;
	background:#ff5e000d;
}

.post-date{
	color:#20212468;
}

.job-ref{
	color:#20212468;
}

.job-data .xs-heading{
	font-size:20px;
	padding:5px 0;
	font-weight:bold;
	color:#090909 !important;
}

.job-data .xs-heading:hover{
color:#FF5E00;
}


.job-data i{
    color: #FF5E00;
}
.job-data-highlights{
	display:flex;
	gap:20px;
	color:#000;
	list-style:none;
	margin:0;
	padding:5px 0;
	font-weight:400;
	font-size:16px;
}

 .job-data-highlights span {
	color:#ff5e00;
}

#our_sector_sec{
	    overflow: hidden;
}
.spin_circle {
    animation: spinCircle 6 linear infinite;
    transform-origin: center center;
    will-change: transform;
}

@keyframes spinCircle {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.elementor-swiper-button:hover .spin_circle{
	animation: spinCircle 6 linear infinite;
    transform-origin: center center;
    will-change: transform;
	display:none;
}
.md-heading {
    font-size: 50px;
    font-size: 3.125rem;
    margin-bottom: 1.875rem;
	font-weight:600;
}
.authorimg img {
    border-radius: 50%;
}
#author-info h3{
	    font-weight: 600;
    color: rgba(var(--vsm-black), 1);
    margin-bottom: .188rem;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
}
.blog_disc{
	font-size:1.5rem;
	color:#767c7f;
}
.blog-share a{
	text-decoration:none;
	    margin-left: 7px;
}
.share_txt{
	color:#ff5e00;
	font-size: .875rem;
    font-weight: 600;
}
.article-tags{
    font-weight: 700;
	    color: #767c7f;
}
.share_top{
	    border-top: .063rem solid rgba(0, 0, 0, .1);
}
.share_btm{
	border-top: .063rem solid rgba(0, 0, 0, .1);
    border-bottom: .063rem solid rgba(0, 0, 0, .1);
    margin: 1.25rem 0;
	    padding: 1.25rem 0 1.25rem 0;
}
.related-heading{
	font-size: 30px;
    font-size: 1.875rem;
    margin-bottom: 1.875rem;
	    font-weight: 600;
}
.side_img{
	    border-radius: 0.625rem;
}
.side_post_title{
	    color: #090909;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.125rem;
    text-decoration: none;
    line-height: 1.2;
    display: inline-block;
    margin-bottom: .5rem;
}
.side_post_title:hover{
	color:#ff5e00;
}
.side_post_date{
	    font-size: .75rem;
    font-weight: 600;
}
.swiper-backface-hidden .swiper-slide{
	    border-radius: 0.625rem;
   
    padding: 1.875rem 1.875rem;
}

#flex_source .swiper-backface-hidden .swiper-slide{
	    border-radius: 0.625rem;
    background: transparent;
    padding: 0;
}

.meet-teamm .swiper-backface-hidden .swiper-slide{
	   
    background: transparent !important;
    padding: 0px !important;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .9s;
    cursor: auto;
    pointer-events: none;
}


.job-slider	.swiper-button-next, .job-slider .swiper-button-prev {
    position: absolute;
    background-color: #ff5e00;
/*     border: 2px solid #ff5e00; */
    border-radius: 100px;
    width: 75px;
    height: 75px;
	color:#fff;
	    top: 40%;
  
}

.job-slider	.swiper-button-next, .job-slider .swiper-button-prev:hover{
    background-color: #ff5e00;
	color:#fff;
	border: 2px solid #fff;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
	background-color: #fff;
	color:#ff5e00;
    pointer-events: none;
}
.job-slider .swiper-slide:after{
	content: "";
     background: url('/wp-content/uploads/2026/07/colour-brandmark.svg') no-repeat center;
    width: 1.875rem;
    height: 1.875rem;
    display: block;
    position: absolute;
    right: 0.625rem;
    bottom: 0.625rem;
	 background-size: contain;
	position: absolute;
}


.job-slider .swiper-button-next:after, .swiper-button-prev:after{
	font-size:20px !important;
	font-weight:900;
}

.vsm-job-carousel .swiper-navigation {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.sigle-job-slider h2{
	font-size:50px;
	font-family: "Lato", sans-serif;
    font-weight: 600;
	
}

.sigle-job-slider  .job_read{
	margin:20px;
	border:none;
    background-color: #FF5E00;
    font-family: "Open Sans", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
    word-spacing: 0px;
    fill: #000000;
    color: #000000;
    border-radius: 100px 100px 100px 100px;
    padding: 12px 30px 12px 30px;
}
.sigle-job-slider  .job_read:hover{
	  background-color: #fff;
	  color:#FF5E00;
}
.sigle-job-slider a:hover {
    background: #e65c00;
}

.job-slider .swiper-slide{
	height:auto;
    border-radius: 16px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
	padding:30px;
	background-color:#fff9;
}

.job-slider .swiper-slide:hover{
	background-color:#fff;
}

.job-slider.swiper{
	overflow:visible;
}

.job-slider .post-date{
	color:#ffffff;
	font-size:13px;
	font-family:PT Sans;
	display:none;
}


.job-slider  p{
	font-size:16px;
	font-family:'Open Sans'
	font-weight: 400;
	 color: #767c7f;
	}

.job-slider .job-data-highlights{
	display:block;
	color:#000;
	font-size:18px;
}

.job-slider .job-data-highlights li {
    padding: 5px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #767c7f;
	font-family:'Open Sans'
}

.job-slider .job-data-highlights li span{
	color:#FF5E00;
	min-width:20px;
	display:inline-block;
		text-align:center;
}
.job-slider .job-data-highlights i{
	color:#FF5E00;
}
.job-slider	.job-data a {
    padding-top: 15px;
    border: 0;
    margin-bottom: 0;
    border-radius: 0;
    color: #ff5e00;
    font-size: 14px;
    font-family: "Lato", Sans-serif;
    text-decoration: none;
    font-weight: bold;
    margin-top: 5px;
    display: inline-block;
}

.job-slider	.job-data a i{
	margin-left:10px;
	color:#FF5E00;
	transition:all .3s ease;
}

.job-slider	.job-data a:hover i{
transform:translate(10px,0); opacity:0;	
}

.job-slider	.job-data a:hover{
	background:none;
}
.swiper-button-prev,.swiper-button-next{
	
	color:#FF5E00;
	background-color: White;
}



.blog_page_link_first a{ font-size: 1.875rem; text-decoration: none; font-weight: 600; color: #090909; padding-top: 28px; }

.blog_page_link_first a:hover{ color: #FF5E00; }

.blog_page_link_first_para{color:#767c7f;}

.author_name_date{ font-size: .75rem !important; }

.blog_date.author_name_date{color:#767c7f;}

.blog-box-image img{ border-radius: 0.625rem; }

.blog_page_link a{ text-decoration: none; font-weight: 600; color: #090909; padding-top: 28px; font-size: 1.125rem; }

.blog_page_link a:hover{
color: #FF5E00;
}
.blog_box_small .blog-box-image img{
max-height: 180px;
object-fit: cover;
}


.job-title h1 {
	font-size:50px;
	font-family: "Lato", sans-serif;
    font-weight: 600;

}

.job-data-highlights .rte h2{
	color:#090909 !important;
	font-size:32px;
	font-family: "Lato", sans-serif;
	font-weight:600;
}



.job-title .apply-now:hover{
	color:#fff !important;
}



.job-title a {
    margin: 20px;
    border: none;
    background-color: #FF5E00;
    font-family: "Open Sans", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
    word-spacing: 0px;
    fill: #000000;
    color: #000 !important;
    border-radius: 100px 100px 100px 100px;
    padding: 12px 30px 12px 30px;
}

.job-title a:hover {
    background-color: #000;
    color: #fff;
}

.job-single .container a.back-to-result{
	color:#FF5E00;
	font-size:16px;
	font-weight:700;
	font-family: "Lato", sans-serif;
}

.job-single .container .job-data-highlights i {
    color: #FF5E00;
}
.overflw{
	overflow:hidden
}


.job-content p{
	color:#767c7f;
	font-size:16px;
	font-family:"Open Sans", sans-serif;
	font-weight:400;
	}

.job-content ul li{
	color:#767c7f !important;
	font-size:16px;
	font-family:"Open Sans", sans-serif;
	font-weight:400;
	
}
.team_box .team-image img{
	    width: 128px;
    height: 128px;
    border-radius: 50%;
	object-fit:cover;
}
.team_box {
    border: 1px solid transparent;
    border-radius: 10px;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(-270deg, #ff5e00, #179b9e ) border-box;
	padding:30px  60px 60px 60px;
	text-align:center;
    width: calc(33.333% - 20px);
    margin: 10px
}

.team_box:hover{
    border: 3px solid transparent;

    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(
            90deg,
            #ff5e00,
            #179b9e,
            #ff5e00,
            #179b9e,
            #ff5e00
        ) border-box;

    background-size: 100% 100%, 300% 100%;
    animation: borderFlow 3s linear infinite;
    border-radius: 20px; /* Optional */
}

@keyframes borderFlow{
    from{
        background-position: 0 0, 0% 50%;
    }
    to{
        background-position: 0 0, 300% 50%;
    }
}



.card-body h4 {
	color:#090909;
	font-size:18px;
	font-weight:600;	
	font-family: 'Lato', sans-serif;	
	padding-top:20px;
}

.card-body p  {
	  color:#767c7f;
	  font-size:16px;
	  font-family: 'Open Sans', sans-serif;
}


.card-body .meet_button {
	font-size:14px;
	padding: 10px 30px;
	color:#090909;
	background-color:#ff5e00;
	font-family: 'Lato', sans-serif;
	font-weight:600;
	border-color: #ff5e00;
	border-radius:100px;
	margin-bottom:15px;
	text-decoration:none;
}

.card-body .meet_button:hover{
	background-color:#090909;
	color:#fff;
	border-color:#090909;
}


.card-body .social_link{
    display: flex;
    align-items: center;
    justify-content: center; 
    gap: 0px; 
	color:#ff5e00;
	margin-top:15px;
}

.card-body .social_link a{
    color: #ff5e00;
    text-decoration: none;
    transition: color .3s ease;
}

.card-body .social_link a i{
    color: #ff5e00;
}

.card-body .social_link a:hover,
.card-body .social_link a:hover i{
    color: #179b9e;
}

.team_head h1{
	color:#090909;
	font-size:50px;
	font-family: "Lato", sans-serif;
    font-weight: 600;
	margin-bottom:30px;
}
.team_head p{
	color:#767c7f;
	  font-size:16px;
	  font-family: 'Open Sans', sans-serif;
	margin-bottom:30px;
	
}
.team-image img{
	width:288px;
	height:360px;
}

.contacts{
	list-style:none;
	padding:0px;
	text-align:center;
	margin-top:15px;
}

 .contacts .connect_with{
	width: 100%;
    background: none;
    border: 1px solid #0003 ;
    color: #000;
	 border-radius:100px;
	 
}

  .contacts .connect_with i {
	color:#ff5e00;
	  padding-right:15px;
}
 .contacts .connect_with .connect_me {
	color:#000;
	  font-size:14px;
	 font-family: 'Open Sans', sans-serif;
	 font-weight:700;
}

.contacts{
    display: flex;
    flex-direction: column;
    gap: 15px; 
    list-style: none;
    padding: 0;
   
}

   .contacts .send_cv {
    padding: 10px;
    background-color: #FF5E00;
    width: 100%;
    border-radius: 100px;
    color: #000;
	font-weight:700;
	 font-size:14px !important;
	font-family: 'Open Sans', sans-serif;  
}

   .contacts .send_cv:hover {
    background-color: #090909;
    color: #ffffff;
	}

.contacts .back_teams{
	text-align:left;
}

.top_learning {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.top_learning h2 {
    margin: 0;
}

.top_learning .meet_button_read {
    white-space: nowrap;
}

.meet_button_read{
	font-size:14px;
	padding: 10px 30px;
	color:#000 !important;
	background-color:#ff5e00;
	font-family: 'Lato', sans-serif;
	font-weight:600;
	border-color: #000;
	border-radius:100px;
	margin-bottom:15px;
	text-decoration:none;
	}

.keep_growing{
	width:1320px;
}
.top_learning .meet_button_read:hover{
	
	color:#fff !important;
	background-color:#090909;
	}

.top_learning h2{
	font-size:40px;
	font-family: 'Lato', sans-serif;
	font-weight:600;
	color:#090909;
}

.view-linkback {
	list-style:none;
}

.view-linkback a:hover {
	color:#179b9e;
}

.view-linkback a{
	text-decoration:none;
	font-size:14px;
	color:#ff5e00;
	list-style:none;
}

 .resources_posts .top_learning h2 {
    font-size: 30px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    color: #090909;
}

.meet_blogs .blog_box .blog_img{
	border-radius:10px;
	width:416px;
	height:234px;
}

.meet_blogs .blog_box .blog_date{
	 font-size: 14px;
    color: #767c7f;
    margin: 16px 0;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}
.meet_blogs .blog_box .blog_titles {
	color:#090909;
	 font-family: 'Lato', sans-serif;
    font-weight: 700;
	font-size:18px;
	margin-bottom:10px;
	}

.meet_blogs .blog_box .blogs_readmore .text-dark {
	color:#ff5e00 !important;
	font-size:14px;
	 font-family: 'Lato', sans-serif;
	font-weight: 600;
	}

.meet_blogs .blog_box .blogs_readmore .text-dark:hover {
    color: #179b9e !important;
	}


@media (max-width: 600px){
   
	.job-content p{
	padding-top:15px;
		padding-bottom:15px;
	}
	
	.latest-jobs .job-slider .swiper-button-next .swiper-button-prev {
    position: absolute !important;
    background-color: #ff5e00;
/*     border: 2px solid #ff5e00; */
    border-radius: 100px;
    width: 75px;
    height: 75px;
	color:#fff;
	    top: 40%;
    left: 0%;
}
	
	.sigle-job-slider .latest-jobs .swiper-backface-hidden .swiper-slide{
		padding:30px !important;
	}
	.sigle-job-slider .job-slider	.swiper-button-next, .sigle-job-slider .job-slider .swiper-button-prev {
    position: absolute!important;
    background-color: #ff5e00!important;
    border: 2px solid #ff5e00 !important;
    border-radius: 100px;
    width: 75px;
    height: 75px;
	color:#fff !important;
}

.job-slider .latest-jobs .swiper-button-next, .job-slider .latest-jobs .swiper-button-prev:hover{
    background-color: #fff;
	color:#ff5e00;
	border: 2px solid #fff !important;
}
	
.sigle-job-slider .overflw .btn-primary {
    padding: 10px 30px !important;
    background: #ff5e00 !important;
    color: #000;
    font-weight: 600;
    border: none !important;
    transition: all .5s;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    border-radius: 100px !important;
}

}


@media (max-width: 600px) {
   
	.sigle-job-slider .swiper-backface-hidden .swiper-slide {
			padding:30px !important;
		}
}

@media (max-width: 767px) {
   
	
	.sigle-job-slider .btn-primary {
    padding: 10px 30px !important;
    background: #ff5e00 !important;
    color: #000;
    font-weight: 600;
    border: none !important;
    transition: all .5s;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    border-radius: 8px !important;
}
	
	.top_learning {
        flex-direction: column;
        align-items: flex-start;
    }

    .top_learning .meet_button {
        margin-top: 15px;
    }
	
	.warehouse_slider.swiper-backface-hidden .swiper-slide {
		padding:0px;
	}
	
	
}

a.prev.page-numbers {
       color: #6C757D;
    font-size: 20px;
    font-style: none;
    text-decoration: none;
    margin: o auto;
}

a.next.page-numbers {
    color: #6C757D;
    font-size: 20px;
    font-style: none;
    text-decoration: none;
    margin: o auto;
}

ul.page-numbers {
    text-decoration: none;
    list-style: none;
     display: inline-flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
	color: #FF5E00!important;
}
ul span.page-numbers.current {
color: #FF5E00;
}
a.page-numbers {
    color: color: #FF5E00!important;
}

.feature_job{
	font-weight:600 !important;
	}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
    cursor: auto;
    pointer-events: none;
}

.sigle-job-slider{
    padding: 80px 0;
    background-color: #e1dcd5;
    background-image: url("/wp-content/uploads/2026/07/grey-brandmark.svg");
    background-position: 120% 50%;
    background-repeat: no-repeat;
    background-size: 60%;
    position: relative;
}

.single_job_from{
	
	background-color:#767C7F;
	padding-top:80px;
	padding-bottom:80px;
}

.single_job_from h3{
	
	color:#F4F5F5;
}
.job-single .job-content ul li{
	list-style:none;
	position:relative;
}
.job-single .job-content ul{
	   padding-left: 16px;
}
.job-single .job-content ul li:before {
    content: "";
    position: relative;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #ff5e00;
    position: absolute;
       left: -14px;
    top: 5px;
}
.job-single .job-content .job-data-highlights {
    padding-left: 0px;
}
.job-single .job-content .job-data-highlights li:before{
	content:none;
}
.job-slider .swiper-button-next:before, .job-slider .swiper-button-prev:before {
    content: "";
    background: url(https://flexsourceistg.wpenginepowered.com/wp-content/uploads/2026/07/brandmark-outlined-btn.svg);
    opacity: 0;
    width: 300px;
    height: 300px;
    display: block;
    position: absolute;
    top: -115px;
    left: -115px;
    background-size: cover;
    pointer-events: none;
    transition: opacity 800ms ease-in-out;
}
.job-slider .swiper-button-next:hover:before{
    opacity: 1;
    animation: spin 2s linear infinite;
}
.job-slider .swiper-button-prev:hover:before{
	  opacity: 1;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}
.job-slider .swiper-button-next:hover, .job-slider .swiper-button-prev:hover{
	background-color: #fff;
    color: #ff5e00;
    border: 2px solid #fff;
}


.job-listing .job-data a:hover{
	color:#ff5e00;
}

.our_sectors .job-slider .swiper-button-next:before, .job-slider .swiper-button-prev:before {
	content: "";
    background: url(/wp-content/uploads/2026/06/brandmark-outlined.svg);
    opacity: 0;
    width: 500px;
    height: 500px;
    display: block;
    position: absolute;
    top: -115px;
    left: -115px;
    background-size: cover;
    pointer-events: none;
    transition: opacity 800ms ease-in-out;
}

.elementor-swiper-button:before {
    content: "";
    background-image: url("/wp-content/uploads/2026/06/brandmark-outlined.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0;
    width: 700px;
    height: 700px;
    display: block;
    position: absolute;
    top: -325px;
    left: -305px;
    pointer-events: none;
    transition: opacity 0.8s ease-in-out;
    pointer-events: none;
    transition: opacity 0.8s ease-in-out;
}
.elementor-swiper-button:hover:before{
    opacity: 1;
    animation: spin 2s linear infinite;
}