*{
	-webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout:none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust:none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select:none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
}

.woocommerce-checkout main#content, 
.woocommerce-cart main#content {
    margin-top: 120px;
    margin-bottom: 30px;
}
.disabled-link {
    pointer-events: none;
    cursor: not-allowed;
    color: gray; 
}

.custom-am-btn{
font-family: "Red Hat Display", Sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.1em;
    fill: #000000;
    color: #000000;
    border-radius: 10px 10px 10px 10px;
    padding: 8px 17px 8px 17px;
    background: linear-gradient(
146.44deg
, #E9FFF7 16.53%, #00FFA3 80.06%);
    display: flex;
    width: 100%;
    justify-content: center;
    border: none;
}

.woocommerce-additional-fields{
	display:none;
}
.woocommerce-cart p.return-to-shop {
    display: none;
}
 .woocommerce-cart .product-thumbnail{
	display:none;
}

.h-banner{
	background: rgb(32,107,126);
background: linear-gradient(155deg, rgba(32,107,126,1) 0%, rgba(11,46,55,1) 100%);
}
.header-menu-sec ul li a:hover, .header-menu-sec ul li a.elementor-item-active{
	background: linear-gradient(180deg, rgba(195,255,231,1) 15%, rgba(174,255,226,1) 24%, rgba(38,255,175,1) 83%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}

.elementor-nav-menu--toggle .elementor-nav-menu--dropdown.menu-toggle {
    transform: none !important;
    max-height: unset !important;
    overflow: auto !important;
}

.btn-gradiant a.elementor-button{
	background: linear-gradient(180deg, rgba(195,255,231,1) 15%, rgba(174,255,226,1) 24%, rgba(38,255,175,1) 83%);
}
.elementor-element .banner-left-sec{
	position:absolute;
	right:0;
	bottom:-100px;
}
.elementor-element .banner-left-sec:before{
	content: "";
    position: absolute;
    bottom: -171px;
    right: 67px;
    width: 636px;
    height: 636px;
    background-size: cover;
    background-image: url(../images/banner-round.png);
    background-repeat: no-repeat;
    top: inherit;
    left: inherit;
}
.view-more-btn span.elementor-button-text{
	background: linear-gradient(155deg, rgba(32,107,126,1) 0%, rgba(11,46,55,1) 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;	
}
.section-title-bg:before{
	content:"";
	position:absolute;
	width:77px;
	height:121px;
	left: -35px;
    top: -57px;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(https://staging.xopro.us/wp-content/uploads/2024/04/Rectangle-47.png);
	z-index:-1;
}
.elementor-element.home-second-sec{
	position:relative;
}
.elementor-element.home-second-sec:after{
	content:"";
	position:absolute;
	width:192px;
	height:57px;
	left: 0px;
    top: 230px;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(https://staging.xopro.us/wp-content/uploads/2024/04/Group-10.svg);
	z-index:-1;
}
.elementor-element.home-second-sec:before{
	content:"";
	position:absolute;
	width:391px;
	height:333px;
	right: 0px;
    top: 155px;
	left: inherit;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(https://staging.xopro.us/wp-content/uploads/2024/04/h-second-after.svg);
	z-index:-1;
}

.xopro-features-sec{
	background: linear-gradient(167deg, rgba(233, 255, 247, 0.1) 0%, rgba(0, 255, 163, 0.1) 100%);
	position:relative;
}
.sub-title h4.elementor-heading-title{
	background: linear-gradient(155deg, rgba(32,107,126,1) 0%, rgba(11,46,55,1) 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}
.elementor-element.xopro-features-sec:after{
	content:"";
	position:absolute;
	width:307px;
	height:394px;
	left: 0px;
    top: -132px;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(https://staging.xopro.us/wp-content/uploads/2024/04/Feature-after.svg);
	z-index:1;
}
.elementor-element.xopro-features-sec:before{
	content:"";
	position:absolute;
	width:200px;
	height:223px;
	right: 0px;
	left: inherit;
    top: 15px;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(https://staging.xopro.us/wp-content/uploads/2024/04/feature-before.svg);
	z-index:1;
}

.how-work-sec{
	position:relative;
}
.how-work-sec:after{
	content:"";
	position:absolute;
	width:295px;
	height:162px;
	left: 0px;
    top: 0px;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(https://staging.xopro.us/wp-content/uploads/2024/04/work-left-pattern.svg);
	z-index:1;
}
.elementor-element.how-work-sec:before{
	content:"";
	position:absolute;
	width:271px;
	height:253px;
	right: 0px;
    top: 329px;
	left:inherit;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(https://staging.xopro.us/wp-content/uploads/2024/04/work-pink.svg);
	z-index:0;
}
.how-work-sec h3.elementor-icon-box-title{
	margin:0 0 10px !important;
}

.sec-grediant{
	background: linear-gradient(167deg, rgba(233, 255, 247, 0.1) 0%, rgba(0, 255, 163, 0.1) 100%);
}
.tes-up-icon h2{
	position:relative;
}
.tes-up-icon h2.elementor-heading-title:before{
	content:"";
	position:absolute;
	width:109px;
	height:35px;
	left: 10px;
    top: -40px;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(https://staging.xopro.us/wp-content/uploads/2024/04/title-up-icon.svg);
	z-index:1;
}
.tes-up-icon h2.elementor-heading-title a{
	background: linear-gradient(155deg, rgba(32,107,126,1) 0%, rgba(11,46,55,1) 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	position:relative;
}
.tes-up-icon h2.elementor-heading-title a:after{
	content:"";
	position:absolute;
	width:100%;
	height:5px;
	left:0;
	bottom:-2px;
	background-color:#206B7E;
}
.testimonial-sec{
	position:relative;
}
.testimonial-sec:after{
	content:"";
	position:absolute;
	width:209px;
	height:56px;
	left: 3px;
    bottom: 126px;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(https://staging.xopro.us/wp-content/uploads/2024/04/testimonial-icon.svg);
	z-index:1;
}

.testimonial-main {
    padding: 0 242px;
    text-align: center;
}
.testimonial-main .tes-content p{
	font-size:20px;
	line-height:1.6;
	font-weight:600;
	font-style:italic;
	color:#6C6C6C;
	margin:0;
	padding-bottom:24px;
}
.testimonial-main .tes-content h3{
	font-size:24px;
	line-height:1.5;
	font-weight:600;
	margin:0;
	background: linear-gradient(155deg, rgba(32,107,126,1) 0%, rgba(11,46,55,1) 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;	
}
.testimonial-main .tes-content h6{
	color:#000;
	padding-bottom:20px;
}
.testimonial-main .tes-content{
	position:relative;
}
.testimonial-main .tes-content:after{
	content:"";
	position:absolute;
	top: -35px;
    left: -40px;
	width:60px;
	height:42px;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(../images/cot-1.png);
}
.testimonial-main .tes-content:before{
	content:"";
	position:absolute;
	bottom: 75px;
    right: -20px;
	width:60px;
	height:42px;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(../images/cot-2.png);
}
.testimonial-main .tes-thumb{
	padding-top:0px;
	width: 65%;
    margin: 0 auto;
}
.testimonial-main .tes-thumb .test-thumb-item {
    position: relative;
/*     width: auto !important; */
	display:flex;
	justify-content:center;
}
.testimonial-main .tes-thumb .tes-img {
    margin: 20px 8px 35px;
    padding: 0;
    width: 50px;
    position: relative;
    transform: scale(1);
    transition: all .3s ease-in-out;
}
.testimonial-main .test-thumb-item.slick-slide.slick-current{
	transform: scale(1.4);
}

.testimonial-main .tes-thumb .tes-img:before {content:'';display:block;padding-bottom:100%;}
.testimonial-main .tes-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 auto;
	border-radius: 100%;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);
box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);
}
.testimonial-main .tes-thumb .slick-track{
	display: flex;
    justify-content: center;
}

.features-tab-sec{
	display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.features-tab-sec .features-left-sec {
    width: 35%;
	padding-right:30px;
}
.features-tab-sec .features-left-sec h3{
	font-size:24px;
	line-height:1.4;
	font-weight:700;
	color:#000;
	margin:0;
	padding-bottom:15px;
}
.features-tab-sec .features-left-sec p{
	font-size:16px;
	line-height:1.5;
	font-weight:400;
	color:#6C6C6C;
	margin:0;
	padding-bottom:20px;
}
.features-tab-sec .features-left-sec a{
	font-size: 16px;
    font-weight: 600;
    background: linear-gradient(180deg, #206B7E 0%, #08242B 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
	position:relative;
	display: inline-block;
}
.features-tab-sec .features-left-sec a:before{
	position: absolute;
    content: "";
    right: -26px;
    top: 5px;
    width: 17px;
    height: 13px;
    background-size: cover;
    background-image: url(https://staging.xopro.us/wp-content/uploads/2024/04/view-more-arrow.svg);
    background-repeat: no-repeat;
}
.features-tab-sec .features-center-sec {
    width: 36%;
	padding: 0 30px 0 45px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.features-tab-sec .features-center-sec .tab-btn-item{
	width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.features-tab-sec .features-center-sec .tab-btn-left a{
	border-radius: 10px;
    padding: 10px 20px;
    display: inline-block;
	background: linear-gradient(180deg, rgba(32, 107, 126, 0.05) 0%, rgba(8, 36, 43, 0.05) 100%);
	font-size: 18px;
    color: #000;
    font-weight: 500;
    line-height: 1.3;
	cursor: pointer;
}
.features-tab-sec .features-center-sec .tab-btn-item.active.current-tab a{
	background: linear-gradient(180deg, #E7FFF6 0.9%, #00FFA3 99.1%);

}
.features-tab-sec .features-center-sec .tab-btn-left{
	margin:15px 0;
}
.features-tab-sec .features-center-sec .tab-btn-left a img{
	margin-right:12px;
}

.features-tab-sec .features-center-sec .tab-btn-right{
	position:relative;
	width:40px;
	padding-left:15px;
}
.features-tab-sec .features-center-sec .tab-btn-right::before {
    content: "";
    width: 2px;
    height: 100%;
    border-left: 1px dotted #CCCCCC;
    opacity: 0.5;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, 0%);
    z-index: 1;
}
.features-tab-sec .features-center-sec .tab-btn-item.active .tab-btn-right::before{
	opacity:1;
	border-left: 1px dotted #000;
}
.features-tab-sec .features-center-sec .tab-btn-right::after{
	content: "";
    width: 15px;
    height: 15px;
	border-radius:15px;
    border: 2px solid #fff;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    z-index: 1;
	background:#CCCCCC;
}
.features-tab-sec .features-center-sec .tab-btn-item.active .tab-btn-right::after{
	background: linear-gradient(180deg, #206B7E 0%, #08242B 100%);
}
.features-tab-sec .features-center-sec .tab-btn-item:last-child .tab-btn-right::before{
	display:none;
}

.features-tab-sec .features-right-sec {
    width: 29%;
}

.footer-main-sec{
	background: linear-gradient(180deg, #206B7E 0%, #08242B 100%);
}

.cus-subscribe .elementor-form-fields-wrapper{
	background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    justify-content: space-between;
}
.cus-subscribe .elementor-form-fields-wrapper input[type=email]{
	background-color: transparent;
    font-size: 16px;
    line-height: 21px;
    color: #757575;
}
.cus-subscribe .elementor-field-type-submit{
	width: 52px;
    border-radius: 10px;
    overflow: hidden;
}
.cus-subscribe .elementor-field-type-submit .elementor-button[type="submit"]{
	color: #000000;
    height: 100%;
    width: 52px !important;
    background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
}
.cus-subscribe .elementor-field-type-submit .elementor-button[type="submit"]:hover svg path{
	fill: #000 !important;
}
.cus-subscribe .elementor-button .e-font-icon-svg{
	height: auto !important;
    width: 20px;
}
.cus-subscribe .elementor-button .elementor-align-icon-left{
	margin-right: 0px !important;
}
.cus-subscribe .elementor-field-group .elementor-field-textual:focus{
	box-shadow: none !important;
}
/*---- About page ------------*/

.inner-page-banner{
	background: linear-gradient(142.58deg, #206B7E 11.36%, #08242B 74.77%);
	position:relative;
}
.inner-page-banner p{
	margin:0;
}
.inner-page-banner:after{
	content:"";
	position:absolute;
	bottom: 0px;
    left: 0px;
	width:114px;
	height:250px;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(../images/inner-banner-left-bg.svg);
}
.inner-page-banner:before{
	content:"";
	position:absolute;
	bottom: 0px;
    right: 71px;
	left:inherit;
	top:inherit;
	width:507px;
	height:225px;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(../images/inner-banner-right-bg.svg);
}
.about-second-sec h2.elementor-heading-title{
	position:relative;
}
.about-second-sec h2.elementor-heading-title:before{
	content: "";
    position: absolute;
    width: 109px;
    height: 35px;
    left: 10px;
    top: -40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://staging.xopro.us/wp-content/uploads/2024/04/title-up-icon.svg);
    z-index: 1;
}

.icon-box-sec{
	height:100%;
}

.icon-box-sec .elementor-widget-container{
	border-image-source: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
	border-width: 3px;
    border-image-slice: 1;
	background: #fff;
	overflow: hidden;
}
.icon-box-sec .elementor-widget-container:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
    border-radius: 10px;
    border-width: 3px;
    border-image-slice: 1;
    margin: -3px;
}	
.history-title{
	margin: 0 auto;
    margin-bottom: 80px !important;
	position:relative;
}
.history-title .elementor-widget-container{
	padding:10px 20px;
	border-radius:10px;
	background: linear-gradient(180deg, #E7FFF6 0.9%, #00FFA3 99.1%);
	display: inline-block;
    text-align: center;
    margin: 0 auto;
}
.history-title::after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 2px solid #fff;
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background: linear-gradient(180deg, #206B7E 0%, #08242B 100%);
}
.history-title::before {
    content: "";
    width: calc((100vw - 1140px) / 5 + 100% + 30px);
    height: 3px;
    border-bottom: 1px dotted #CCCCCC;
    opacity: 0.5;
    position: absolute;
    top: 87px;
    left: 50%;
    transform: translate(0, -50%);
    z-index: 1;
}
.history-title.border-none::before{
	display:none;
}

.offers-section{
	position:relative;
}
.offers-section:after{
	content: "";
    position: absolute;
    width: 295px;
    height: 162px;
    left: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://staging.xopro.us/wp-content/uploads/2024/04/work-left-pattern.svg);
    z-index: 1;
}
.elementor-element.offers-section:before {
    content: "";
    position: absolute;
    width: 271px;
    height: 253px;
    right: 0px;
    top: 282px;
    left: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://staging.xopro.us/wp-content/uploads/2024/04/work-pink.svg);
    z-index: -1;
}

.work-grid-sec ol{
	padding-left: 25px;
}
.work-grid-sec ol li::marker{
	font-weight:700;
}
.work-type-title strong{
	font-weight:700;
	position: relative;
}
.work-type-title strong:before {
    content: "";
    width: 100%;
    height: 4px;
    left: 0;
    bottom: -4px;
    background-color: #000;
    position: absolute;
    z-index: 99;
}
.work-type-title h2 span {
    margin-right: 15px;
    width: 30px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
    border-radius: 70px;
    float: left;
	font-size:20px;
	line-height:1.3;
}
.elementor-widget-video svg{
	opacity: 1;
}
.team-main{
	display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.team-main .team-item{
	width: 25%;
    padding: 0 12px;
    margin-bottom: 60px;
}
.team-main .team-item .team-image{
	border-radius:20px;
	overflow:hidden;
	position:relative;
	padding-bottom:94%;
}
.team-main .team-item .team-image > img {
    position: absolute;
    inset: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
}
.team-main .team-item .team-image .team-des{
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
    padding: 20px;
    color: #000;
    font-size: 16px;
    line-height: 1.5;
    opacity: 0;
	transition: 0.7s;
}
.team-main .team-item .team-image:hover .team-des{
	opacity:1;
}
.team-main .team-item h4 {
    margin: 0;
    padding-top: 24px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 600;
    color: #000;
}
.team-main .team-item p {
    color: #3C3C3C;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 400;
    margin: 0;
    padding-top: 3px;
}
.team-main .team-item:last-child{
	margin-bottom:0px;
}
.testimonial-page-title h2{
	position:relative;
}
.testimonial-page-title h2.elementor-heading-title a{
	background: linear-gradient(155deg, rgba(32,107,126,1) 0%, rgba(11,46,55,1) 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	position:relative;
}
.testimonial-page-title h2.elementor-heading-title a:after{
	content:"";
	position:absolute;
	width:100%;
	height:5px;
	left:0;
	bottom:-2px;
	background-color:#206B7E;
}

.testimonial-list-main{
	display:flex;
	flex-wrap:wrap;
	margin:0 -12px;
}
.testimonial-list-main .testimonial-item{
	width:50%;
	padding:0 12px;
	margin-bottom:24px;
}
.testimonial-list-main .testimonial-item .testimonial-item-inner{
	padding:20px;
	transition: 0.5s;
	position:relative;
	height: 100%;
}
.testimonial-list-main .testimonial-item .testimonial-item-inner:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(../images/border-gradiant.png) no-repeat center center;
	background-size:100% 100%;
	object-fit:cover;
}
.testimonial-list-main .testimonial-item .testimonial-item-inner:hover{
	background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
}
.testimonial-list-main .testimonial-item .quate{
	padding:23px 16px 43px;
}
.testimonial-list-main .testimonial-item .tes-text{
	font-size:19px;
	line-height:1.5;
	font-weight:400;
	font-style:italic;
	color:#6C6C6C;
	padding-bottom:20px;
}
.testimonial-list-main .testimonial-item .testimonial-item-inner:hover .tes-text{
	color:#000;
}
.testimonial-list-main .testimonial-item .tes-des-author .tes-avtar{
	width:70px;
	height:70px;
	border-radius:100%;
	box-shadow: 0px 10px 30px 0px #00000033;
	overflow:hidden;
	position:relative;
	padding-bottom:20px;
}
.testimonial-list-main .testimonial-item .tes-des-author .tes-avtar img{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 auto;
}
.testimonial-list-main .testimonial-item .tes-des-author h3{
	font-size:22px;
	line-height:1.4;
	font-weight:600;
	background: linear-gradient(180deg, #206B7E 0%, #08242B 100%);
	-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
	padding-bottom:5px;
	padding-top:20px;
	margin:0;
}
.testimonial-list-main .testimonial-item .tes-des-author h6{
	font-size:18px;
	line-height:1.4;
	font-weight:400;
	color:#000;
	margin:0;
}


/*========== Comming Soon page =================*/

.elementor-countdown-digits{
	background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    padding-bottom: 5px;
}
.elementor-countdown-item:last-child{
	border-width:0px !important;
}
.commingsoon-card{
	background-color:#fff;
	border-radius:8px;
	width: 54%;
    margin: 0 auto;
	display: flex;
    flex-wrap: wrap;
	align-items:center;
	position:relative;
	overflow: hidden;
}
.commingsoon-card:after{
	content:"";
	width:32px;
	height:32px;
	position:absolute;
	left:-16px;
	top:50%;
	background-color:rgba(8, 36, 43, 1);
	border-radius:100%;
	transform:translate(0%,-50%);
}
.commingsoon-card:before{
	content:"";
	width:32px;
	height:32px;
	position:absolute;
	right:-16px;
	top:50%;
	background-color:rgba(8, 36, 43, 1);
	border-radius:100%;
	transform:translate(0%,-50%);
}
.commingsoon-card .card-left{
	width:35%;
}
.commingsoon-card .card-left h4{
	font-size:90px;
	line-height:1.3;
	font-weight:900;
	background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
	-webkit-text-stroke: 3px rgba(8, 36, 43, 1);
	-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
	display:flex;
	align-items:center;
	text-transform:uppercase;
	justify-content:center;
}
.commingsoon-card .card-left h4 span.per{
	font-size:20px;
	line-height:1.3;
	font-weight:900;
	background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
	-webkit-text-stroke:1px rgba(8, 36, 43, 1);
	-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.commingsoon-card .card-right{
	width:65%;
	padding:23px 32px;
	border-left: 2px dashed rgba(8, 36, 43, 1);
}
.commingsoon-card .card-right h3{
	margin:0;
	font-size:24px;
	line-height:1.2;
	color:#000;
	font-weight:500;
	padding-bottom:5px;
}
.commingsoon-card .card-right h5{
	margin:0;
	font-size:17px;
	line-height:1.2;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	background: linear-gradient(155deg, rgba(32, 107, 126, 1) 0%, rgba(11, 46, 55, 1) 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
	padding-bottom:10px;
}
.commingsoon-card .card-right p{
	font-size:16px;
	line-height:1.1;
	color:#6C6C6C;
	font-weight:500;
	padding-bottom:15px;
	margin:0;
}
.commingsoon-card .card-right a{
	padding:14px 20px;
	border-radius:10px;
	background: linear-gradient(180deg, #206B7E 0%, #08242B 100%);
	font-size:18px;
	line-height:26px;
	font-weight:600;
	color:#fff;
	display: inline-block;
}
.comming-soon-title{
	position:relative !important;
}
.form-label label [type=checkbox] {
    width: 18px;
    height: 18px;
    margin-right: 7px;
}
.free-price {
    padding: 0 5px;
    background: linear-gradient(155deg, rgba(32, 107, 126, 1) 0%, rgba(11, 46, 55, 1) 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.ds-price {
    text-decoration: line-through;
	font-weight: 400;
    color: #000;
    font-size: 30px;
    line-height: 30px;
    padding: 0 5px;
}
.cus-btn {
    font-family: "Red Hat Display", Sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.1em;
    fill: #000000;
    color: #000000;
    border-radius: 10px 10px 10px 10px;
    padding: 19px 17px 20px 17px;
    background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
    display: flex;
    width: 100%;
    justify-content: center;
    border: none;
	background-color: #FFFFFF00;
    font-family: "Red Hat Display", Sans-serif;
    font-size: 19px;
    font-weight: 600;
    fill: #000000;
    color: #000000;
}

.cus-btn:hover {
	color: initial;
}

.form-label label {
    padding: 10px 0 50px;
    text-align: center;
    font-family: "Red Hat Display", Sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


@media (min-width:1600px) {

.xopro-co{
	right: 21vw !important;
}	
	
}

@media (min-width:1920px) {

.xopro-co{
	right: 24vw !important;
}	
	
}



/*========= contact us page =========*/

.contact-form ul{
	display:flex;
	flex-wrap:wrap;
	margin:0 -12px;
	padding:0;
}
.contact-form ul li{
	padding:0 12px;
	margin-bottom:24px;
	list-style:none;
	width:50%;
}
.contact-form ul li.full{
	width:100%;
	text-align:center;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
	border:1px solid #DDDDDD;
	border-radius:10px;
	padding:14px 20px;
	font-size:18px;
	line-height:1.3;
	font-weight:400;
	color:#6C6C6C;
}
textarea{
	max-height:120px;
	width:100%;
}
label{
	width:100%;
}
.contact-form ul li p{
	margin:0px;
}
.contact-form [type=submit]{
	background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
	padding:14px 20px;
	border-radius:10px;
	color:#000;
	font-size:18px;
	line-height:1.3;
	font-weight:600;
	border:none;
}

.wpcf7-not-valid-tip{
	font-size:14px;
	font-weight:500;
	padding-top: 2px;
}
input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus{
	border-color:#DDDDDD;
}
:focus-visible{
	outline:none;
}

.faq-main-sec .elementor-accordion-item{
	margin-bottom: 16px;
    position: relative;
    background: #fff;
    background-clip: padding-box;
    border: solid 2px transparent !important;
    border-radius: 10px;
}
.faq-main-sec .elementor-accordion-item:before{
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    border-radius: inherit;
	background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
}
.faq-main-sec .elementor-accordion-item .elementor-tab-content p{
	margin-bottom:0px;
}
.elementor-post__text .elementor-post__read-more{
	position:relative;
	order:3;
}
.elementor-post__read-more:after{
	content: "";
    position: absolute;
    right: -25px;
    top: 6px;
    width: 16px;
    height: 16px;
    background: url(../images/arrow-right-long.svg) no-repeat;
    background-size: 100%;
}
.elementor-post__text .elementor-post__meta-data{
	margin-bottom:15px !important;
	order:1;
}
.elementor-post__meta-data .elementor-post-date{
	position:relative;
	padding-left: 20px;
}
.elementor-post__meta-data .elementor-post-date:before{
	content:"";
	position:absolute;
	width:14px;
	height:16px;
	left:0;
	top:2px;
	background: url(../images/calendar-icon.svg) no-repeat;
    background-size: 100%;
}

.elementor-post__text{
	display: flex !important;
    flex-wrap: wrap;
}
.elementor-post__text .elementor-post__title{
	order:2;
	margin-bottom:20px !important;
}
.elementor-post__thumbnail__link{
	position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 82.5%;
}
.elementor-post__thumbnail {
    position: absolute !important;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
.elementor-post__thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;
}


.pum-container{
	width: 34rem !important;
    margin: 0 auto;
    border: none !important;
    border-radius: 12px !important;
    padding: 40px 25px 30px !important;
	box-shadow: none !important;
}
.pum-title{
	display:none;
}
.ambassador-sec h2{
	margin:0px;
	text-align:center;
	font-size:45px;
	line-height:1.1;
	font-weight:700;
	color:#000;
	padding-bottom:20px;
}
.ambassador-sec p{
	margin:0px;
	text-align:center;
	font-size:20px;
	line-height:1.3;
	font-weight:400;
	color:#6C6C6C;
}
.qr-code-sec{
	text-align:center;
	padding:50px 0;
}
.qr-code-sec a{
	margin-top: 20px;
    display: inline-block;
    padding: 14px 20px 14px 48px;
    background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
    border-radius: 10px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #000;
	position:relative;
	
}
.qr-code-sec a:before{
	content: "";
    width: 20px;
    height: 20px;
    left: 22px;
    top: 17px;
    position: absolute;
    background: url(../images/download.svg) left top 50%;
    background-repeat: no-repeat;
}
.link-sec{
	background: linear-gradient(146.44deg, rgba(233, 255, 247, 0.1) 16.53%, rgba(0, 255, 163, 0.1) 80.06%);
    padding: 10px 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.link-sec form{
	display: flex;
    align-items: center;
}
.link-sec input{
	padding: 0;
    border: none;
    background-color: transparent;
    color: #000;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
}
.link-sec button{
	background: linear-gradient(180deg, #206B7E 0%, #08242B 100%);
	border:none;
	padding:15px 20px;
	border-radius:10px;
	font-size:18px;
	line-height:1.3;
	font-weight:600;
	color:#fff;
}
[type=button]:focus, [type=submit]:focus, button:focus{
	outline:none;
}
.plan-box-main:hover{
	border: 2px solid #206B7E !important;
}
.plan-get-btn .elementor-button{
	background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
	background-color:none;
}
.discount-price, .discount-pricee{
	padding:0 5px;
	background: linear-gradient(155deg, rgba(32, 107, 126, 1) 0%, rgba(11, 46, 55, 1) 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.cus-plan-price{
	font-weight: 700;
    color: #000;
	background: linear-gradient(155deg, rgba(32, 107, 126, 1) 0%, rgba(11, 46, 55, 1) 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;	
    font-size: 40px;
    line-height: 30px;
    padding: 0 5px;
	text-decoration:none;
}
.plan-tab-main .elementor-tabs-wrapper{
	margin: 0 auto 50px !important;
    background: #1636F20D;
    border-radius: 15px;
    padding: 6px;
    display: table !important;
    justify-content: center;
    text-align: center;
}
.free-price-cus {font-size:32px;font-weight:400;}
.plan-tab-main .elementor-tab-content{
	padding:0px !important;
}
.plan-tab-main .elementor-tab-title{
	padding:10px 40px !important;
}
.plan-tab-main .elementor-tab-title.elementor-active{
	background-color:#fff;
	border-radius:10px;
}
.offer-line span.elementor-heading-title span{
	background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
    border-radius: 5px;
    padding: 5px 9px;
    display: inline-block;
    margin-left: 10px;
    color: #000;
} 

.social-media-banner{
	background: linear-gradient(142.58deg, #206B7E 11.36%, #08242B 74.77%);
	position:relative;
}
.social-media-banner:after{
	content:"";
	position:absolute;
	width:295px;
	height:419px;
	left:0;
	top:126px;
	background:url(../images/social-banner-bg1.png) no-repeat;
	background-size:100%;
}
.social-media-banner:before{
	content:"";
	position:absolute;
	width:40.139vw;
	height:55.972vw;
	right:0px;
	bottom:-23px;
	top: inherit;
    left: inherit;
	background:url(../images/social-banner-bg2.png) no-repeat;
	background-size:100%;
}

.ultimate-text strong{
	background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
	-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.social-page-counter .elementor-countdown-digits{
	background: linear-gradient(180deg, #206B7E 0%, #08242B 100%);
	-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.social-btn.elementor-widget-button .elementor-button{
	background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%) !important;
}
.live-update-title h2.elementor-heading-title{
	position:relative;
}
.live-update-title h2.elementor-heading-title span{
	position:absolute;
	top:-20px;
	right:-30px;
	background-color:#D60000;
	padding:2px 6px;
	color:#fff;
	font-size:14px;
	line-height:1.2;
	font-weight:700;
	border-radius:6px;
}
.live-update-title h2.elementor-heading-title:after{
	content: "";
    width: 59px;
    height: 56px;
    background: url(../images/title-mark.svg);
    background-repeat: no-repeat;
    top: -55px;
    left: -20px;
    background-size: 100%;
    position: absolute;
}
.live-update-title h2.elementor-heading-title:before{
	content: "";
    width: 147px;
    height: 142px;
    background: url(../images/mark-lead.svg);
    background-repeat: no-repeat;
    top: inherit;
    left: inherit;
    right: -68%;
    bottom: -10px;
    background-size: 100%;
    position: absolute;
}

.leaderboard-list-card{
	display:flex;
	flex-wrap:wrap;
	margin:0 -12px;
}
.leaderboard-list-card .leader-card{
	padding:0 12px;
	width:33.333%;
}
.leaderboard-list-card .leader-card .leader-card-inner{
	padding:15px;
	border-radius:10px;
	background-color:#fff;
	box-shadow: 10px 5px 30px 0px #083F881A;
	display:flex;
	flex-wrap:wrap;
	position:relative;
}
.leaderboard-list-card .leader-card .leader-card-inner .rank{
	position:absolute;
	border:1px solid #DDDDDD;
	border-radius:20px;
	padding:8px 15px;
	background: linear-gradient(146.44deg, rgba(233, 255, 247, 0.8) 16.53%, rgba(0, 255, 163, 0.8) 80.06%);
	right:20px;
	top:-15px;
	display:flex;
}
.leaderboard-list-card .leader-card .leader-card-inner .rank span{
	font-size:14px;
	font-weight:600;
	line-height:14px;
	background: linear-gradient(180deg, #206B7E 0%, #08242B 100%);
	-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.leaderboard-list-card .leader-card .leader-card-inner .leader-card-left{
	width:70px;
	height:70px;
	border-radius:10px;
	overflow:hidden;
}
.leaderboard-list-card .leader-card .leader-card-inner .leader-card-left .l-thumb img{
	width:100%;
	height:auto;
}
.leader-card-right{
	padding-left:15px;
}
.leader-card-right h3{
	display:flex;
	align-items:center;
	font-size:22px;
	line-height:1.6;
	font-weight:600;
	background: linear-gradient(180deg, #206B7E 0%, #08242B 100%);
	-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
	padding-bottom:5px;
	margin:0px;
}
.leader-card-right h3 img{
	margin-left:5px;
}
.leader-card-right p{
	font-size:18px;
	line-height:1.3;
	font-weight:400;
	color:#000;
	margin:0;
}
.leader-card-right p strong{
	font-weight:700;
}
.leaderboard-list-main{
	position:relative;
}
.leaderboard-list-main:after{
	content:"";
	position:absolute;
	width:134px;
	height:194px;
	left:-64px;
	top:-27px;
	background:url(../images/leaderboard-card-pink.svg);
	background-repeat:no-repeat;
	background-size:100%;
	z-index: -1;
}
.social-get-started-sec{
	position:relative;
}
.social-get-started-sec:after{
	content:"";
	position:absolute;
	width:165px;
	height:56px;
	left:0px;
	bottom:72px;
	background:url(../images/gs-main-after.svg);
	background-repeat:no-repeat;
	background-size:100%;
}
.social-get-started-sec:before{
	content:"";
	position:absolute;
	width:184px;
	height:215px;
	left:inherit;
	top:inherit;
	right:0;	
	bottom:66px;
	background:url(../images/gs-main-before.svg);
	background-repeat:no-repeat;
	background-size:100%;
	border-radius: 0;
}

.gs-right-sec, .gs-title{
	position:relative;
	z-index:1;
}
.gs-right-sec:after{
	content:"";
	position:absolute;
	width:202px;
	height:114px;
	left:inherit;
	top:62px;
	right:-60px;
	background:url(../images/get-started-ph-bg.svg);
	background-repeat:no-repeat;
	background-size:100%;
}
.gs-title:after{
	content:"";
	position:absolute;
	width:142px;
	height:145px;
	left:inherit;
	top:-82px;
	right:-73px;
	background:url(../images/Ellipse-3.svg);
	background-repeat:no-repeat;
	background-size:100%;
	z-index:-1;
}
.challenge-comment-item {
    padding: 0 12px;
    width: 33.333%;
}
.challenge-comment-item .challenge-comment-inner {
    padding: 15px;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
}
.challenge-comment-sec{
	display:flex;
	flex-wrap:wrap;
	margin:0 -12px;
}
.challenge-comment-item .comment-mark{
	padding:23px 16px;
}
.challenge-comment-item p{
	font-size:16px;
	line-height:1.4;
	color:#6C6C6C;
	margin:0;
	padding-bottom:30px;
}
.challenge-bottom-profile{
	display:flex;
	flex-wrap:wrap;
}
.challenge-bottom-profile .challenge-bottom-left{
	width:70px;
	height:70px;
	border-radius:10px;
	overflow:hidden;
}
.challenge-bottom-profile .challenge-bottom-left .l-thumb img{
	width:100%;
	height:auto;
}
.challenge-bottom-right{
	padding-left:15px;
}
.challenge-bottom-right h3{
	display:flex;
	align-items:center;
	font-size:22px;
	line-height:1.6;
	font-weight:600;
	background: linear-gradient(180deg, #206B7E 0%, #08242B 100%);
	-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
	padding-bottom:5px;
	margin:0px;
}
.challenge-bottom-right h3 img{
	margin-left:5px;
}
.challenge-bottom-right p{
	font-size:18px;
	line-height:1.3;
	font-weight:400;
	color:#000;
	margin:0;
	padding:0px;
}
.challenge-bottom-right p strong{
	font-weight:700;
	margin-right:5px;
}
.challenge-title{
	position:relative;
}
.challenge-title h2.elementor-heading-title:before {
    content: "";
    width:437px;
    height: 211px;
    background: url(../images/challenge-title-mark.svg);
    background-repeat: no-repeat;
    top: inherit;
    left: inherit;
    right: -55%;
    bottom: -25px;
    background-size: 100%;
    position: absolute;
}
.leader-page-counter .elementor-countdown-digits {
   background: transparent;
    -webkit-text-fill-color: #fff;
}

.live-update-title.leaderboard-left-title h2.elementor-heading-title:before{
	display:none;
}
.live-update-title.leaderboard-left-title h2.elementor-heading-title:after{
	width: 40px;
    height: 38px;
    top: -38px;
    left: -2px;
}
.leaderboard-first-sec{
	position:relative;
}
.leaderboard-first-sec:after{
	content:"";
	position:absolute;
	width:165px;
	height:56px;
	left:0;
	top:3px;
	background:url(../images/leadboard-left-after.svg) no-repeat;
	background-size:100%;
}

.lead-rank-main{
    border: 1px solid #ddd;
    border-radius: 10px;
	position:relative;
}
.lead-rank-main .lead-rank-tag {
    position: absolute;
    border: 1px solid #DDDDDD;
    border-radius: 20px;
    padding: 8px 15px;
    background: linear-gradient(146.44deg, rgba(233, 255, 247, 0.8) 16.53%, rgba(0, 255, 163, 0.8) 80.06%);
   	left: 20px;
    top: -15px;
    display: flex;
}
.lead-rank-main .lead-rank-tag span{
	font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    background: linear-gradient(180deg, #206B7E 0%, #08242B 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.lead-rank-main-inner{
	overflow-y: scroll;
    max-height: 70vh;
	padding: 20px;
}
.lead-rank-main .lead-rank-item{
	background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #F5F5F5;
    box-shadow: 10px 5px 30px 0px rgba(8, 63, 136, 0.1);
    margin: 5px 0 5px 40px;
	display: flex;
    align-items: center;
	position:relative;
	counter-increment: section;
	justify-content: space-between;
}
.lead-rank-main .lead-rank-item:before{
	color: #000;
    font-size: 18px;
    line-height: 1;
    content: "#" counter(section);
    position: absolute;
    right: 100%;
    left: -8%;
    font-weight: 700;
}

.lead-rank-left{
	display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.lead-rank-left .thumb{
	width:70px;
	height:70px;
	border-radius:10px;
	overflow:hidden;
}
.lead-rank-left .thumb img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.lead-thumb-text{
	padding-left:15px;
}
.lead-thumb-text h3 {
    display: flex;
    align-items: center;
    font-size: 22px;
    line-height: 1.6;
    font-weight: 600;
    background: linear-gradient(180deg, #206B7E 0%, #08242B 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    padding-bottom: 5px;
    margin: 0px;
}
.lead-thumb-text h3 img {
    margin-left: 5px;
}
.lead-thumb-text p{
	font-size:18px;
	line-height:1.3;
	font-weight:400;
	color:#000;
	margin:0;
}
.lead-thumb-text p strong{
	font-weight:700;
}
.lead-rank-right a{
	padding: 10px 20px;
    border-radius: 10px;
    background: linear-gradient(180deg, #206B7E 0%, #08242B 100%);
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
	display:flex;
	align-items:center;
}
.lead-rank-right a svg{
	margin-right:10px;
}

.lead-rank-main .lead-rank-main-inner::-webkit-scrollbar {
  width: 6px;
}

.lead-rank-main .lead-rank-main-inner::-webkit-scrollbar-track {
  background: transparent; 
}
 
/* Handle */
.lead-rank-main .lead-rank-main-inner::-webkit-scrollbar-thumb {
  background: #B7B7B7; 
}

/* Handle on hover */
.lead-rank-main .lead-rank-main-inner::-webkit-scrollbar-thumb:hover {
  background: #B7B7B7; 
}
.elementor-element.leaderboard-first-sec:before {
    content: "";
    position: absolute;
    width: 271px;
    height: 253px;
    right: 0px;
    top: 282px;
    left: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://staging.xopro.us/wp-content/uploads/2024/04/work-pink.svg);
    z-index: -1;
}

/*================ Home Page features popup css ================*/

.home .pum-container h2{
	font-size:32px;
	line-height:1.2;
	font-weight:700;
	margin-bottom:20px;
}
.home .pum-container h3{
	font-size:28px;
	line-height:1.2;
	font-weight:700;
	margin-top:30px;
	margin-bottom:20px;
}
.home .pum-content p{
	font-size:16px;
	line-height:1.5;
	font-weight:400;
	color:#6C6C6C;
}
.home .pum-content ol{
	padding-left:18px;
}
.home .pum-content ol li{
	padding-bottom:15px;
	font-size:16px;
	line-height:1.5;
	color:#6C6C6C;
}
.home .pum-content ol li strong{
	font-weight:700;
	color:#000;
}
.home .pum-content ol li::marker{
	font-size:16px;
	font-weight:700;
	color:#000;
}

.ambassador-gradiant{
	background: linear-gradient(167deg, rgba(233, 255, 247, 0.1) 0%, rgba(0, 255, 163, 0.1) 100%);
}
.lable-per{
	background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
    border-radius: 5px;
    padding: 5px 9px;
    display: inline-block;
    margin-left: 5px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 1em;
}
.price-widget h2.elementor-heading-title{
	display:flex;
	align-items:center;
	justify-content:center;
}

.ambassador-table-btn span.elementor-button-text{
	background: linear-gradient(155deg, rgba(32,107,126,1) 0%, rgba(11,46,55,1) 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}
.ambassador-right-grad-img img{
	position: absolute;
    top: -366px !important;
    /* bottom: -50%; */
    right: 0;
    left: auto;
    margin-right: calc(100% - 43.6vw);
    max-width: 600px;
}
.amb-sec-sec-sec{
	align-items: flex-start !important;
}

.amb-popup-bring h2{
	font-size:24px !important;
	line-height:1.2 !important;
	color:#000;
	font-weight:700;
	margin:0 0 20px;
}
.amb-popup-bring h3{
	font-size:20px !important;
	line-height:1.2 !important;
	margin:20px 0 20px;
	font-weight: 700;
}
.amb-popup-bring p{
	font-size:16px !important;
	line-height:1.4;
	font-weight:400;
	color:#6C6C6C;
}
.amb-popup-bring ul{
	padding:0px;
}
.amb-popup-bring ul li{
	padding: 12px 0;
    border-bottom: 1px solid #EEEEEE;
	font-size:16px;
	line-height:1.4;
	font-weight:400;
	list-style:none;
	color:#6C6C6C;
}
.amb-popup-bring ul li strong{
	font-weight:700;
	background: linear-gradient(155deg, rgba(32, 107, 126, 1) 0%, rgba(11, 46, 55, 1) 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.page-id-4363 .pum-container.pum-scrollable .pum-content{
	overflow-y: auto !important;
}
.social-media-banner.amb-new-banner:before {
    content: "";
    position: absolute;
    width: 35.208vw;
    height: 35.208vw;
    right: 71px;
    bottom: 0;
    top: 150px;
    left: inherit;
    background: url(../images/amb-bg-banner.svg) no-repeat;
    background-size: 100%;
}
.social-media-banner.amb-new-banner:after {
    content: "";
    position: absolute;
    width: 114px;
    height: 286px;
    left: 0;
    top: 126px;
    background: url(../images/amb-banner-left.png) no-repeat;
    background-size: 100%;
}

.page-id-4208 .features-tab-sec .features-center-sec{
	padding: 0 20px 0 35px;
}

.pum-content{
	max-height: 100% !important;
}

.plan-box-main .get-started [type=submit]{
	font-family: "Red Hat Display", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.1em;
    fill: #000000;
    color: #000000;
    border-radius: 10px 10px 10px 10px;
    padding: 20px 20px 20px 20px;
    background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
    display: flex;
    width: 100%;
    justify-content: center;
    border: none;
}
.gtranslate_wrapper #gt_float_wrapper{
	top:29px !important;
	z-index: 999999 !important;
}
.gtranslate_wrapper .gt_float_switcher {
	border-radius: 10px;
}
.gtranslate_wrapper .gt_float_switcher .gt-selected{
	background-color:transparent !important;
}
.gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang{
	padding:8px 10px !important;
	border-radius:10px;
	font-family: "Red Hat Display", Sans-serif;
    font-size: 16px;
    font-weight: 600;
	line-height:16px;
	color:#000;
	background: linear-gradient(180deg, rgba(195, 255, 231, 1) 15%, rgba(174, 255, 226, 1) 24%, rgba(38, 255, 175, 1) 83%);
	display: inline-block;
}
.gt_float_switcher, .gt_float_switcher .gt_options a{
	background:none !important;
	font-family: "Red Hat Display", Sans-serif;
	font-size:16px !important;
	line-height:1;
	font-weight:500;
	color:#000 !important;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{
	transform: rotate(-0deg) !important;
}
.gt_float_switcher img{
	width: 26px !important;
}
.gt_float_switcher .gt_options.gt-open{
	background: linear-gradient(180deg, rgba(195, 255, 231, 1) 15%, rgba(174, 255, 226, 1) 24%, rgba(38, 255, 175, 1) 83%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.ul-bottom-spc ul{
	padding-left: 20px;
}
.ul-bottom-spc ul li{
	padding-bottom:5px;
}

.disabled-link{
	opacity:0.3;
}

.pre-launch-only-sec{
	background: linear-gradient(167deg, rgba(233, 255, 247, 0.1) 0%, rgba(0, 255, 163, 0.1) 100%);
}
.ref-code label{
	padding: 10px 0 15px;
    text-align: center;
	font-family: "Red Hat Display", Sans-serif;
	font-weight:400;
	color:#000;
	font-size:16px;
	display:flex;
	align-items:center;
	justify-content:center;
	width: auto;
}
.ref-code .form-label {
    display: flex;
    justify-content: center;
}
.ref-code label [type=checkbox]{
	width:18px;
	height:18px;
	margin-right:7px;
}
.plan-detail-popup h2{
	font-family: "Red Hat Display", Sans-serif;
	font-weight:700;
	color:#000;
	font-size:36px;
	line-height:1;
	margin:0;
}
.plan-popup-item{
	padding:15px;
	border-radius:10px;
	border: 1px solid;
	border: 1px solid #08242B;
	margin-top:40px;
}
.plan-popup-item h3{
	font-family: "Red Hat Display", Sans-serif;
	font-weight:700;
	color:#000;
	font-size:24px;
	line-height:1.2;
	margin:0 0 20px;
	background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
    border-radius:10px;
	padding:6px 20px;
	display:inline-block;
}
.plan-popup-item ul{
	padding:0;
}
.plan-popup-item ul li{
	padding:0 0 5px 28px;
	list-style:none;
	font-family: "Red Hat Display", Sans-serif;
	font-weight:400;
	color:#6C6C6C;
	font-size:18px;
	line-height:1.4;
	background:url(https://xopro.us/wp-content/uploads/2024/05/circle-check.png) left 3px;
	background-repeat:no-repeat;
}
.sweepstack-second-sec{
	background: linear-gradient(167deg, rgba(233, 255, 247, 0.1) 0%, rgba(0, 255, 163, 0.1) 100%);
}
.sweepstakes-email-sec{
	background: linear-gradient(180deg, #206B7E 0%, #08242B 100%);
	border-radius:20px;
}
.sweepstakes-email-sec .elementor-widget-container{
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
}
.sweepstakes-email-sec .elementor-widget-container p{
	margin:0px;
}
.sweepstakes-email-sec .elementor-widget-container a{
	color:#fff;
	text-decoration:underline;
	padding:0 4px;
}
.disclaimer p{
	margin-bottom:5px;
}
.more-engage-tab .elementor-widget-container{
	background: linear-gradient(146.44deg, #E9FFF7 16.53%, #00FFA3 80.06%);
}
.h-t-participate-sec{
	position:relative
}
.h-t-participate-sec::before{
	content: "";
    position: absolute;
    width: 207px;
    height: 207px;
    left: 0px;
    top: 317px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://xopro.us/wp-content/uploads/2024/04/Feature-after.svg);
    z-index: 1;
}
#gt_float_wrapper{
	z-index:1 !important;
}
.cus-btn {
	margin-top: 50px;
}
.default-price h2 {
	display: flex;
	align-items: center;
	justify-content: center;
}

/*======== responsive ============*/


@media (max-width:1366px) {


/* 	.gtranslate_wrapper #gt_float_wrapper {
		top: 30px !important;
		right: auto !important;
		max-width: 1140px;
		margin: 0 auto;
		width: 100%;
		transform: translateX(-50%);
		left: 50%;
		text-align: right;
		z-index: 1 !important;
	} */
	
/* 	.gt_float_switcher  {
		margin-right: 114px;
	} */
	
}


@media (max-width:1200px) {

.elementor-element .banner-left-sec:before{
	bottom: -120px;
    right: 56px;
    width: 570px;
    height: 570px;	
}
.home-banner-text .elementor-widget-container br{
	display:none;	
}
	
}

@media (max-width:1024px) {
	.elementor-38 .elementor-element.elementor-element-0bd117a .elementor-nav-menu__container.elementor-nav-menu--dropdown,
.elementor-nav-menu--toggle .elementor-nav-menu--dropdown {
	margin-top: 50px !important;
    border-radius: 10px;
	background: linear-gradient(180deg, rgba(195, 255, 231, 1) 15%, rgba(174, 255, 226, 1) 24%, rgba(38, 255, 175, 1) 83%);
}
	.elementor-menu-toggle.active-menu-toggle .elementor-menu-toggle__icon--open  {
		display: none !important;
	}
	.elementor-menu-toggle.active-menu-toggle .elementor-menu-toggle__icon--close {
		display: block !important;	
	}
	.header-menu-sec ul li a:hover, .header-menu-sec ul li a.elementor-item-active{
	background: linear-gradient(180deg, rgba(195,255,231,1) 15%, rgba(174,255,226,1) 24%, rgba(38,255,175,1) 83%);
	-webkit-text-fill-color: unset;
	-webkit-background-clip: unset;	
	color: #000000 !important;
}
.elementor-element .banner-left-sec:before {
   bottom: -75px;
   right: 56px;
   width: 450px;
   height: 450px;
}
.section-title-bg:before {
	position: absolute;
    width: 47px;
    height: 90px;
    left: -11px;
    top: -29px;
    background-size: 100%;	
}
.elementor-element.home-second-sec:before {
    width: 331px;
    height: 281px;
    top: 101px;
    background-size: 100%;	
}
.elementor-element.home-second-sec:after{
	display:none;	
}
.elementor-element.xopro-features-sec:after {
    width: 220px;
    height: 289px;
    top: -85px;
    background-size: 100%;
}
.elementor-element.xopro-features-sec:before {
    width: 150px;
    height: 170px;
    top: 10px;
    background-size: 100%;
}
.features-tab-sec .features-left-sec h3{
	font-size: 20px;	
}
.features-tab-sec .features-left-sec{
	padding-right:15px;	
}
.features-tab-sec .features-center-sec{
	padding: 0 20px 0 30px;	
}
.features-tab-sec .features-right-sec{
	padding-left:20px;	
}
.features-tab-sec .features-center-sec .tab-btn-left a{
	padding: 8px 15px;
	font-size: 16px;
	display: flex;
    align-items: center;
}
.features-tab-sec .features-center-sec .tab-btn-left a img {
    margin-right: 8px;
}
.features-tab-sec .features-center-sec .tab-btn-left {
    margin: 10px 0;
}	
.how-work-sec:after {
    width: 200px;
    height: 110px;
    background-size: 100%;
}
.elementor-element.how-work-sec:before {
    width: 190px;
    height: 190px;
    top: 250px;
    background-size: 100%;
}
.tes-up-icon h2.elementor-heading-title:before {
    width: 90px;
    height: 30px;
    left: 5px;
    top: -30px;
    background-size: 100%;
}
.testimonial-main {
    padding: 0 154px;
}	
.testimonial-main .tes-content p {
    font-size: 18px;
    line-height: 1.5;
}
.testimonial-main .tes-content h3 {
    font-size: 20px;	
}
.testimonial-sec:after {
    width: 130px;
    height: 56px;
    left: 3px;
    bottom: 180px;
    background-size: 100%;
}
.testimonial-main .tes-thumb .tes-img {
    margin: 15px 5px 25px;
    padding: 0;
    width: 40px;
}
	
.inner-page-banner:after{
	width: 94px;
    height: 207px;
	background-size: 100%;
}	
.inner-page-banner:before{
	right: 30px;
    width: 350px;
    height: 154px;
	background-size: 100%;
}
.about-second-sec h2.elementor-heading-title:before {
   width: 90px;
   height: 30px;
   left: 5px;
   top: -30px;
   background-size: 100%;
}
.history-title{
	margin-bottom: 50px !important;	
}
.history-title::before{
	top: 70px;
	width: calc((100vw - 947px) / 5 + 100% + 40px);
}	
.history-title::after{
	bottom: -47px;	
}
.offers-section:after {
   width: 200px;
   height: 110px;
   background-size: 100%;
}
.elementor-element.offers-section:before {
	width: 190px;
    height: 190px;
    top: 250px;
    background-size: 100%;
}
.work-type-title h2 span {
    margin-right: 12px;
    width: 26px;
    height: 31px;
    border-radius: 50px;
    font-size: 18px;
}	
.work-type-title strong:before{
	height: 2px;
	bottom: -3px;
}
.testimonial-list-main .testimonial-item .quate {
    padding: 20px 10px 25px;
}
.testimonial-list-main .testimonial-item .tes-text {
    font-size: 16px;	
}
.testimonial-list-main .testimonial-item .tes-des-author .tes-avtar{
	width: 50px;
    height: 50px;
	padding-bottom: 15px;
}
.testimonial-list-main .testimonial-item .tes-des-author h3{
	font-size: 19px;
	padding-bottom: 2px;
    padding-top: 15px;
}
.testimonial-list-main .testimonial-item .tes-des-author h6 {
    font-size: 16px;	
}
.team-main .team-item{
	width:33.333%;
	margin-bottom:40px;
}
.team-main .team-item .team-image > img{
	width: 100% !important;
    height: 100% !important;	
}
.team-main .team-item h4{
	padding-top: 20px;
    font-size: 22px;	
}
.team-main .team-item p{
	font-size: 18px;	
}
.commingsoon-card{
	width:63%;
}
.commingsoon-card .card-right h3{
	font-size: 22px;
}
.commingsoon-card .card-right a {
    padding: 12px 16px;
    font-size: 16px;
    line-height: 24px;
}	
.elementor-post__text .elementor-post__meta-data{
	margin-bottom: 10px !important;
}
.elementor-post__text .elementor-post__title{
	margin-bottom:10px !important;
}	
.plan-tab-main .elementor-tab-title{
	padding:7px 30px !important;
}
.cus-plan-price{
	font-size:20px;		
}
.live-update-title h2.elementor-heading-title span{	
	font-size:12px;	
}
.lead-rank-main .lead-rank-item{
	margin: 5px 0 5px 30px;
	padding:10px;
}
.lead-rank-main .lead-rank-item:before{
	font-size: 16px;		
}	
.lead-rank-left .thumb{
	width:45px;
	height:45px;
}
.lead-thumb-text {
    padding-left: 10px;
}
.lead-thumb-text h3{
	font-size: 18px;
	padding-bottom: 0;
}
.lead-thumb-text p{
	font-size: 16px;
}	
.lead-rank-right a{
	padding: 7px 10px;
    border-radius: 10px;
	font-size: 16px;
}
.lead-rank-right a svg {
    margin-right: 7px;
    width: 12px;
}
.social-media-banner:after{
	width: 200px;
    height: 280px;
    top: 215px;		
}
.live-update-title h2.elementor-heading-title:before{
	width: 110px;
    height: 107px;		
}
.leaderboard-list-card .leader-card .leader-card-inner .leader-card-left{
	width:50px;
	height:50px;
}
.leader-card-right h3{
	font-size: 18px;
	line-height: 1.4;
}
.leader-card-right p {
    font-size: 14px;
}
.leaderboard-list-card .leader-card .leader-card-inner .rank{
	padding: 6px 9px;
	top: -13px;
}
.leaderboard-list-card .leader-card .leader-card-inner .rank span {
    font-size: 12px;
	line-height:12px;
}
.leaderboard-list-main:after{
	width: 100px;
    height: 150px;
    left: -30px;
    top: -21px;	
}
.gs-title:after{
	width: 100px;
    height: 106px;
    top: -56px;
    right: -46px;	
}
.social-get-started-sec:after{
	width: 130px;
    height: 48px;		
}
.gs-right-sec:after{
	width: 120px;
    height: 76px;
    top: 44px;
    right: -7px;		
}
.social-get-started-sec:before{
	width: 133px;
    height: 155px;
	bottom: 44px;
}
.challenge-comment-item .comment-mark {
    padding: 15px 6px;
}
.challenge-comment-item .comment-mark img{
	width:35px;
	height:auto;
}
.challenge-comment-item p {
    font-size: 14px;
	padding-bottom:20px;
}
.challenge-bottom-profile .challenge-bottom-left {
    width: 50px;
    height: 50px;
}
.challenge-bottom-right h3{
	font-size: 18px;
    line-height: 1.3;
}
.challenge-bottom-right p {
    font-size: 14px;	
}
.challenge-title h2.elementor-heading-title:before{
	width: 300px;
    height: 164px;
	right: -45%;
    bottom: -29px;
}	
.home-banner-play-btn .e-con-inner{
	justify-content: flex-start;
    margin: 0;		
}	
.lable-per{
	font-size:16px;		
}	
.ambassador-right-grad-img img {
    position: absolute;
    top: -225px !important;
    /* bottom: -50%; */
    right: 0;
    left: auto;
    margin-right: calc(100% - 40.3vw);
    max-width: 450px;
}	

.amb-popup-bring h2	{
	font-size:20px;		
}
.amb-popup-bring ul li{
	font-size:16px;	
	padding:8px 0;
}	
.social-media-banner.amb-new-banner:after{
	width: 80px;
    height: 205px;
}
.social-media-banner.amb-new-banner:before{
	right: 28px;
    bottom: 0;
    top: 107px;		
}	
.cn-close-icon{
	top: 17% !important;
	right:10px !important;
}
.plan-box-main .get-started [type=submit]{
	font-size: 18px;
    border-radius: 8px 8px 8px 8px;
    padding: 15px 15px 15px 15px;
}
.gtranslate_wrapper #gt_float_wrapper {
   top: 30px !important;
    right: 20px !important;
	
}	
.star-icon-sec h2.elementor-heading-title img{
	width:38px;		
}
.cup-icon-sec h2.elementor-heading-title img{
	width:38px;		
}
.plan-detail-popup h2{
	font-size:28px;		
}
.plan-popup-item{
	margin-top: 25px;	
}
.plan-popup-item h3{
	font-size: 20px;
	margin: 0 0 15px;
}
.plan-popup-item ul li{
	font-size:16px;
	background-size: 16px;
	padding: 0 0 5px 24px;
}	
	
	.gtranslate_wrapper #gt_float_wrapper {
		width: auto !important;
		max-width: auto;
		left: auto;
		margin: unset;
		transform: unset;
		z-index: 999999 !important;
	}
	
	.gt_float_switcher  {
		margin-right: 0;
	}
	
}

@media screen and (min-width: 1023px) and (max-width: 1366px) {
	.elementor-location-header .elementor-section-wrap > .elementor-element {
		width: calc(100% - 71px); 
		left: 0;
	}
	.elementor-location-header .elementor-section-wrap > .elementor-element .e-con-inner {
		width: calc(100% - 72px);
    	margin-left: 20px;
	}
	.elementor-nav-menu__align-right .elementor-nav-menu {
		flex-wrap: nowrap;
	}
	.gtranslate_wrapper #gt_float_wrapper {
		top: 31px !important;
	}
	html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
		padding-right: 0;
	}
	
}

.gt_float_switcher {
	box-shadow: none !important;
}
@media (max-width:991px) {
	html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
		padding-right: 0;
	}
.elementor-element .banner-left-sec {
    position: absolute;
    right: 0;
    bottom: -46px;
}
.elementor-element .banner-left-sec:before {
    bottom: -62px;
    right: 26px;
    width: 400px;
    height: 400px;
}
.features-tab-sec .features-center-sec .tab-btn-right{
	width: 28px;
    padding-left: 8px;	
}
.features-tab-sec .features-center-sec .tab-btn-left a {
    padding: 8px 10px;
    font-size: 14px;
}
.features-tab-sec .features-center-sec {
    padding: 0 15px 0 20px;
}
.testimonial-main {
    padding: 0 100px;
}
.team-main .team-item .team-image .team-des{
	font-size:14px;
	padding:15px;
}
.team-main .team-item h4 {
    padding-top: 15px;
    font-size: 20px;
}
.team-main .team-item p {
   font-size: 16px;
}	
.commingsoon-card {
   width: 75%;
}
.commingsoon-card .card-right h3 {
  font-size: 20px;
}
.commingsoon-card .card-left h4{
	font-size:75px;	
}
.commingsoon-card .card-left h4 span.per {
    font-size: 16px;	
}
.offer-line span.elementor-heading-title span{
	margin-left:5px;	
}	
.cus-plan-price, .discount-price{
	padding:0 3px;
}
.plan-box-main .elementor-absolute{
	left:33% !important;
}
.elementor-tabs .elementor-tab-mobile-title {
    display: none;
}
.leaderboard-list-card .leader-card .leader-card-inner .leader-card-left {
    width: 40px;
    height: 40px;
    border-radius: 5px;
}
.leader-card-right {
    padding-left: 10px;
}
.leader-card-right h3 {
   font-size: 17px;
   line-height: 1.4;
   padding-bottom:0px;
}
.leader-card-right h3 img {
    margin-left: 5px;
    width: 15px;
}
.leader-card-right p {
	font-size: 12px;
}
.leaderboard-list-card .leader-card .leader-card-inner{
   padding: 15px 10px;
}
.challenge-comment-item {
    padding: 0 6px;
    width: 33.333%;
}
.challenge-comment-sec{
	margin: 0 -6px;	
}
.challenge-comment-item .challenge-comment-inner {
    padding: 10px;
}
.challenge-bottom-profile .challenge-bottom-left{
	width: 40px;
    height: 40px;
    border-radius: 5px;	
}
.challenge-bottom-right {
    padding-left: 10px;
}
.challenge-bottom-right h3 {
   font-size: 17px;
   line-height: 1.4;
   padding-bottom:0px;
}
.challenge-bottom-right h3 img{
   margin-left: 5px;
   width: 15px;
}
.challenge-bottom-right p {
   font-size: 12px;
}
.ambassador-right-grad-img img {
    position: absolute;
    top: -225px !important;
    /* bottom: -50%; */
    right: 0;
    left: auto;
    margin-right: calc(100% - 38vw);
    max-width: 400px;
}
.features-tab-sec .features-right-sec {
    width: 27%;
}
.features-tab-sec .features-center-sec{
	width:38%;		
}	
	
}

@media (max-width:767px) {

.elementor-element .banner-left-sec {
   position: static;	
}
.elementor-element .banner-left-sec:before {
   bottom: -64px;
   right: 30px;
   width: 320px;
   height: 320px;
}
.section-title-bg:before {
   width: 35px;
   height: 57px;
   left: -11px;
   top: -29px;	
}
.elementor-element.xopro-features-sec:after {
   width: 100px;
   height: 120px;
   top: -54px;	
}
.elementor-element.xopro-features-sec:before {
   width: 80px;
   height: 120px;
   top: 5px;
   background-size: 100%;
}	
.features-tab-sec .features-left-sec{
	width:100%;	
	order: 2;
}
.features-tab-sec .features-center-sec{
	width:100%;		
	padding:0px;
    justify-content: flex-start;
	margin-bottom:25px;
	order: 1;
}
.features-tab-sec .features-right-sec{
	width:100%;	
	order: 3;
	padding:0;
}
.features-tab-sec .features-left-sec h3{
	font-size:16px;
	padding-bottom:8px;
}
.features-tab-sec .features-center-sec .tab-btn-right{
	display:none;	
}
.features-tab-sec .features-center-sec .tab-btn-item{
	width: auto;
    display: inline-block;
    flex-wrap: nowrap;
	padding-right: 8px;
}
.features-tab-sec .features-center-sec .tab-btn-left {
    margin: 5px 0;
}
.features-tab-sec .features-center-sec .tab-btn-left a {
   padding: 10px 15px;
   font-size: 14px;
}
.fe-tab-img{
	margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
	width: 50%;
}
.how-work-sec:after {
   width: 150px;
   height: 80px;
   background-size: 100%;
}
.elementor-element.how-work-sec:before {
   width: 135px;
   height: 135px;	
}
.elementor-element.home-second-sec:before {
   width: 200px;
   height: 177px;
   top: 44px;
   background-size: 100%;
}	
.tes-up-icon h2.elementor-heading-title:before {
   width: 60px;
   height: 22px;
   left: 0;
   top: -21px;
   background-size: 100%;
}
.testimonial-main {
   padding: 0;
}	
.testimonial-main .tes-content:before{
	bottom: 70px;
    right: 0;
    width: 30px;
    height: 30px;
	background-size: 100%;
}
.testimonial-main .tes-content:after{
	width: 30px;
    height: 30px;
	background-size: 100%;
	top: -32px;
    left: 0;
}
.testimonial-main .tes-content p {
   font-size: 16px;
   line-height: 1.3;
   padding-bottom:15px;
}
.testimonial-main .tes-content h3 {
    font-size: 18px;
}	
.testimonial-main .tes-content h6 {
    font-size: 14px;
    margin-top: 5px;
}
.testimonial-sec:after {
    width: 108px;
     height: 33px;
    left: 3px;
    bottom: 130px;
}
.testimonial-main .tes-thumb .tes-img {
    margin: 15px 10px 25px;
}	
.testimonial-main .tes-thumb {
    width: 80%;
}
.inner-page-banner:after {
   width: 68px;
   height: 149px;
   background-size: 100%;
}
.inner-page-banner:before {
  right: 0;
  width: 200px;
  height: 89px;
  background-size: 100%;
}
.about-second-sec h2.elementor-heading-title:before {
  width: 60px;
  height: 22px;
  left: 0;
  top: -21px;
  background-size: 100%;
}	
.history-title::after, .history-title::before{
	display:none;	
}
.history-title {
   margin-bottom: 20px !important;
}
.history-title .elementor-widget-container{
	padding: 8px 15px;		
}
.tes-up-icon h2.elementor-heading-title a:after{
	height: 3px;
    bottom: 0px;		
}
.offers-section:after{
	width: 150px;
    height: 80px;
    background-size: 100%;
}
.elementor-element.offers-section:before {
   width: 135px;
   height: 135px;
}	
.work-type-title h2 span {
   margin-right: 8px;
   width: 22px;
   height: 27px;
   border-radius: 50px;
   font-size: 16px;
}	
.testimonial-page-title h2.elementor-heading-title a:after{
	height: 3px;
	bottom: 0px;
}
.testimonial-list-main{
	margin:0;		
}
.testimonial-list-main .testimonial-item{
	padding:0px;
	margin-bottom:15px;
	width:100%;
}	
.testimonial-list-main .testimonial-item .quate {
   padding: 10px 0px 15px;
}	
.testimonial-list-main .testimonial-item .quate img{
   width:35px;
}
.testimonial-list-main .testimonial-item .tes-text {
  font-size: 14px;
}
.testimonial-list-main .testimonial-item .tes-des-author .tes-avtar {
  width: 40px;
  height: 40px;
  padding-bottom: 15px;
}	
.testimonial-list-main .testimonial-item .tes-des-author h3 {
	font-size: 17px;
    padding-bottom: 0px;
    padding-top: 10px;
}
.testimonial-list-main .testimonial-item .tes-des-author h6 {
   font-size: 14px;
}	
.contact-form ul{
	margin:0;		
}
.contact-form ul li{
	margin-bottom:15px;
	padding:0px;
	width:100%;
}	
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
	padding: 12px 16px;
    font-size: 16px;	
}
.contact-form [type=submit]{
	padding: 12px 16px;
    font-size: 16px;			
}
.team-main .team-item {
	width: 50%;
    margin-bottom: 30px;
}
.team-main .team-item .team-image .team-des {
   font-size: 16px;
   padding: 15px;
}
.commingsoon-card {
   width: 100%;
}
.commingsoon-card:before{
	width:20px;
	height:20px;
	right: -10px;
}
.commingsoon-card:after{
	width:20px;
	height:20px;
	left: -10px;	
}
.commingsoon-card .card-right{
	padding:10px;		
}
.commingsoon-card .card-right h3{
	font-size:16px;	
	padding-bottom:5px;
}
.commingsoon-card .card-right p{
	font-size:14px;	
	padding-bottom:5px;
}
.commingsoon-card .card-right a {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 18px;
}
.commingsoon-card .card-left {
	padding:10px;		
}
.commingsoon-card .card-left h4 {
	font-size: 42px;
	-webkit-text-stroke: 1px rgba(8, 36, 43, 1);
}
.commingsoon-card .card-left h4 span.per {
	font-size: 14px;
}
.elementor-post__meta-data .elementor-post-date:before{
	width: 12px;
}
.plan-tab-main .elementor-tab-title {
    padding: 5px 20px !important;
}
.plan-tab-main .elementor-tabs-wrapper{
	margin: 0 auto 30px !important;		
}
.social-media-banner:after, .social-media-banner:before{
	display:none;		
}
.live-update-title h2.elementor-heading-title:after{
	width: 40px;
    height: 41px;
	top: -40px;
    left: -20px;
}
.live-update-title h2.elementor-heading-title span {
   font-size: 10px;
}
.live-update-title h2.elementor-heading-title:before {
   width: 60px;
   height: 65px;
}
.leaderboard-list-card .leader-card {
    padding: 0 12px;
    width: 70%;
    margin-bottom: 19px;
}
.leaderboard-list-card{
	justify-content:center;		
}	
.leaderboard-list-main:after {
   width: 80px;
   height: 123px;
   left: 0px;
   top: -21px;
}
.leaderboard-list-card .leader-card .leader-card-inner .rank span {
   font-size: 10px;
   line-height: 10px;
}
.gs-title:after {
   width: 60px;
   height: 63px;
   top: -32px;
   right: 24px;
}
.social-get-started-sec:after {
   width: 100px;
   height: 40px;
}
.social-get-started-sec:before {
   width: 90px;
   height: 110px;
   bottom: 20px;
}	
.gs-right-sec:after {
   width: 89px;
   height: 56px;
   top: 34px;
   right: -7px;
}
.challenge-title h2.elementor-heading-title:before {
   width: 119px;
   height: 97px;
   right: -29%;
   bottom: -31px;
}
.challenge-comment-item {
  padding: 0 6px;
  width: 100%;
  margin-bottom: 15px;
}	
.leaderboard-list-main:after {
   width: 60px;
   height: 93px;
   left: -16px;
   top: -24px;
}
.leaderboard-first-sec:after{
	width: 100px;
    height: 40px;		
}
.elementor-element.leaderboard-first-sec:before{
	width: 150px;
    height: 143px;
    right: 0px;
    top: 213px;		
}
.lead-rank-main-inner{
	padding:15px;
}
.lead-rank-main .lead-rank-item:before {
   font-size: 14px;
   left: -30px;
}
.lead-thumb-text h3 {
   font-size: 16px;
   padding-bottom: 0;
}
.lead-thumb-text h3 img {
    margin-left: 5px;
    width: 15px;
}
.lead-thumb-text p {
   font-size: 14px;
}
.lead-rank-main .lead-rank-item{
	flex-wrap: wrap;		
}
.lead-rank-right a {
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 14px;
    margin-top: 10px;
}	
.home-banner-play-btn .e-con-inner{
	margin:auto;		
}
.features-tab-sec .features-left-sec p{
	padding-bottom:10px;		
}
.features-tab-sec .features-left-sec a{
	padding-bottom:20px;		
}	
.cus-subscribe .elementor-field-type-email{
	width:83%		
}
.lable-per {
    font-size: 12px;
}
.ambassador-right-grad-img img	{
	position:static;
	margin-right: -20px;
    max-width: -webkit-fill-available;
}
.amb-popup-bring h2	{
	font-size:18px !important;		
}
.amb-popup-bring ul li{
	font-size:14px;	
	padding:8px 0;
}
.page-id-4363 .pum-container, .pum-container{
	top: 81.0475px !important;
    left: 0 !important;
    right: 0;
    width: 90% !important;
    min-width: auto !important;
    margin: 0 auto !important;
    padding: 30px 15px 20px !important;
}	
.amb-popup-bring h3 {
    font-size: 16px !important;
	margin: 20px 0 10px !important;
}
.amb-popup-bring p {
   font-size: 14px !important;
   line-height: 1.3 !important;
}
.gtranslate_wrapper #gt_float_wrapper {
   top: 25px !important;
    right: 10px !important;
}
	.gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang{
		font-size:14px;
		line-height:14px;
		padding:5px 10px !important;
	}
	.gt_float_switcher img {
    width: 20px !important;
}
.star-icon-sec h2.elementor-heading-title img{
	width:24px;		
}
.cup-icon-sec h2.elementor-heading-title img{
	width:22px;		
}
.plan-detail-popup h2 {
	font-size: 20px;
}
.plan-popup-item h3 {
    font-size: 16px;
    margin: 0 0 15px;
    border-radius: 7px;
}
.plan-popup-item ul li {
    font-size: 14px;
    background-size: 14px;
    padding: 0 0 3px 20px;
}
	
}    

@media (max-width:540px) {

.team-main .team-item {
	width: 100%;
    margin-bottom: 30px;
}
.plan-box-main .elementor-absolute {
   left: 31% !important;
}	
	
	.gt_float_switcher img {
		display: none !important;
	}
	
}
  
/* .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward {
    display: none;
} */

.ppcp-messages {
    display: none;
}




.gtranslate_wrapper #gt_float_wrapper {
    position: unset !important;
}

.elementor-38 .elementor-element.elementor-element-efb5904 {
    width: 60%;
}

.elementor-38 .elementor-element.elementor-element-eb87b24 {
    width: 25%;
    display: flex;
    align-items: center;
    flex-direction: row;
}

/* .pum-trigger {
    margin-right: 20px;
} */

.header-logo {
	margin-right: auto;
}
.join-btn-wrap {
	display: flex;
    flex-direction: row !important;
    min-width: 217px;
/* 	max-width:250px; */
    gap: 16px;
	width: fit-content !important;
	justify-content: center;
}
.gt_float_switcher .gt_options {
	position: absolute !important;
	min-width: 209px;
	right: 9px;
}
.gt_float_switcher .gt_options.gt-open {
	min-width: 212px !important;
}

@media (max-width: 540px) {
    .gt_float_switcher img {
        display: none !important;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .elementor-38 .elementor-element.elementor-element-eb87b24 {
        --width: 35%;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .elementor-38 .elementor-element.elementor-element-efb5904 {
        --width: 55%;
    }
}

.cu-join-btn input.wpcf7-form-control  {
	background: linear-gradient(180deg, rgba(195, 255, 231, 1) 15%, rgba(174, 255, 226, 1) 24%, rgba(38, 255, 175, 1) 83%);
    font-family: "Red Hat Display", Sans-serif;
    font-size: 16px;
    
    line-height: 1.3em;
    fill: #000000;
    color: #000000;
    border-radius: 10px 10px 10px 10px;
    padding: 10px 20px 10px 20px;
    border: 0 !important;
}
.popmake-content label {
	color: #FFF;
	font-weight: 600;
}
#popmake-6120 .wpcf7-not-valid-tip {
	color: #FFF;
	margin-top:4px;
}
.popmake-content .wpcf7-email  {
	margin-top: 10px;
	color: #000;
}
.cu-join-btn p {
	margin-bottom: 0;
}
#popmake-6120 {
	background-color: #206B7E;
	background: linear-gradient(142.58deg, #206B7E 11.36%, #08242B 74.77%);
}
.pum-container .pum-content+.pum-close { 
	display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
	font-family: Arial, sans-serif;
    font-weight: 100;
    font-size: 0;
    line-height: 20px;
	width: 20px;
	height: 20px;
	border: 0;
}
.pum-container .pum-content+.pum-close::before {
    content: "X"; /* or '\00D7' for unicode */
/*     display: flex;
    align-items: center;
    justify-content: center; */
	text-align: center;
    font-family: Arial, sans-serif;
    font-weight: 100;
    font-size: 13px;
    line-height: 19px;
/*     line-height: 24px; */
    text-align: center;
    color: #ffffff;
	position: absolute;
	top: -3px;
    width: 20px;
    right: -2px;
    height: 20px;
	border: 1px solid #FFF;
	border-radius: 100%;
    /* Flexbox alignment if needed */
   

    /* Optional smoothing */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* Header Css */

.header-main-wrap > .e-con-inner { padding: 15px; justify-content: space-between !important}
.header-main-wrap > .e-con-inner >.e-child { width: auto}
.header-main-wrap > .e-con-inner .header-logo { margin-right: 0}

@media only screen and (max-width:1024px){
	
	.header-main-wrap > .e-con-inner { padding: 15px 0;}
	.header-menu { margin-left: auto}
	.header-main-wrap > .e-con-inner >.e-child { padding-right: 0}
	.header-main-wrap .join-btn-wrap { justify-content: flex-end; min-width: unset; max-width: unset}
	.header-main-wrap > .e-con-inner { gap: 15px;}
}
@media only screen and (max-width: 360px) { 
	.header-main-wrap > .e-con-inner { gap: 10px;}
}