/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Common
# Animations
# Main Menu
# Banner
# Footer
# Mailchimp Form
# Sidemenu
# Page Header
# BreadCrumb
# Blog
# Blog Details
# Sidebar
# Contact
# Services
# Call to action
	## Call to action Two
	## Call to action Three
# Funfact
# Pricing
# Testimonials
# Brand
# Team
# App shots
# Video
# FAQ
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
/*
font-family: 'Raleway', sans-serif;
*/
@import url('https://fonts.googleapis.com/css?family=Raleway:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap');
:root {
	--thm-font: 'Raleway', sans-serif;
	--thm-base: #ffb702;
	--thm-base-rgb: 253, 99, 47;
	--thm-primary: #3366ca;
	--thm-primary-rgb: 69, 80, 248;
	--thm-black: #1F1F39;
	--thm-white: #FFFFFF;
	--thm-secondary: #7297E0;
	--thm-black-rgb: 37, 44, 75;
	--thm-background: #FBF7EF;
	--thm-background-grey: #D8D2C5;
	--thm-desktop-screen: 2700;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'Clear Brain';
    src: url('../fonts/Clear-Brain.ttf') format('truetype');
}

body {
	font-family: var(--thm-font);
	color: #000000;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	/* background: var(--thm-background); */
	overflow-x: hidden;
}
html{
	overflow-x: hidden;
}

.card-header, .card-footer, .card-body {
	background-color: transparent !important;
}

input:focus,
textarea:focus,
select:focus,
button:focus,
.form-control:focus,
.btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

a:active,
a:hover,
a:focus,
a:visited {
	text-decoration: none;
}
img{
	max-width:100%;
}

.user-avatar img,
img.rounded-circle {
    width: 32px;
    height: 32px;
    object-fit: cover;
    aspect-ratio: 1/1;
    max-width: none !important;
    max-height: none !important;
}

.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
	overflow: hidden;
}

@media (min-width: 1100px) {
	.container {
		max-width: 950px;
	}
}

.selected-flag img{
border: 2px solid #3366ca;
border-radius: 25px;
outline-offset: 1px;
box-sizing: border-box;
}
.color-blue{

	color: var(--thm-primary);
}
.banner-one__content img{
	width: 120%;
	margin-top: 15%;
	position: absolute;
	left: 0px;

}
.banner-one hr{
	border-top: 0.5px solid #707070;
	opacity: 0.88;
	width: 1030px;
}
label{
margin-bottom:5px !important;
}
.thm-btn {
	display: inline-block;
	vertical-align: middle;
	border: none;
	outline: none;
	background-color: var(--thm-primary);
	border-radius: 15px;
	font-size: 16px;
	font-weight: 501;
	color: var(--thm-white);
	border: 0px solid var(--thm-white);
	padding: 13px 50px;
	position: relative;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	font-size: 16px;
	font-weight: bold;
	color: var(--thm-white);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	width: 300px;

}

.thm-btn-yellow {

	background-color:var(--thm-base);
	color:#000;
}

.thm-btn:hover {

	background-color:var(--thm-secondary);
	color:#fff;

}

/* block title */

/* .block-title {
	padding-bottom: 51px;
} */

.block-title p {
	margin: 0;
	line-height: 1em;
	font-size: 18px;
	font-weight: 600;
	color: var(--thm-base);
	position: relative;
	top: -3px;
}

.block-title h3 {
	margin: 0;
	font-size: calc( 56.57 / 928 * 100vw) !important;
	font-weight: bold;
	margin-top: 5px;
}

.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select .show>.btn-light.dropdown-toggle {
	background-color: transparent !important;
	box-shadow: none !important;
	outline: none !important;
}

.bootstrap-select>.dropdown-toggle {
	box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
	outline: none !important;
}

.bootstrap-select .dropdown-menu {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	z-index: 991;
	border-radius: 0;
}

.bootstrap-select .dropdown-menu>li+li>a {
	border-top: 1px solid var(--thm-gray);
}

.bootstrap-select .dropdown-menu>li.selected>a {
	background: var(--thm-primary);
	color: #fff;
}

.bootstrap-select .dropdown-menu>li>a {
	font-size: 16px;
	font-weight: 500;
	padding: 4px 20px;
	color: var(--thm-black);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.bootstrap-select .dropdown-menu>li>a:hover {
	background: var(--thm-primary);
	color: #fff;
	cursor: pointer;
}

.player-md{
	display:block;
}
.player-xs{
	display:none;
}
/* datepicker */

.datepicker.dropdown-menu {
	min-width: 17rem;
}

.datepicker table {
	width: 100%;
}

.post-pagination {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	flex-wrap: wrap;
}

.post-pagination a {
	border-radius: 50%;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(225, 90, 19, .2);
	color: #9ca3a9;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	padding: 0;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: 57px;
	height: 57px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.post-pagination a:hover {
	background-color: var(--thm-primary);
	color: #fff;
}

.post-pagination a.active {
	background-color: var(--thm-base);
	color: #fff;
	cursor: auto;
}

.post-pagination a+a {
	margin-left: 15px;
}


.preloader {
	position: fixed;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9991;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
}

.preloader__image {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.scroll-to-top {
	display: inline-block;
	width: 45px;
	height: 45px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(var(--thm-primary)), color-stop(51%, var(--thm-primary)), to(var(--thm-primary)));
	background-image: linear-gradient(180deg, var(--thm-primary) 0%, var(--thm-primary) 51%, var(--thm-primary) 100%);
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 99;
	text-align: center;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	display: none;
	outline: none;
	background-size: auto 200%;
	border-radius: 50%;
	transition: all .4s ease;
}

.scroll-to-top i {
	color: #ffffff;
	font-size: 18px;
	line-height: 45px;
}

.scroll-to-top:hover {
	background-position: bottom;
}

.scroll-to-top:hover i {
	color: #fff;
}

.thm-base-bg {
	background-color: var(--thm-primary);
}

.thm-base-bg-2 {
	background-color: var(--thm-base);
}

.thm-gray-bg {
	background-color: var(--thm-gray);
}




/* Cursor Style */
.cursor {
	position: absolute;
	background-color: #fff;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	z-index: 1;
	-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
	transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	z-index: 10000;
	-webkit-transform: scale(1);
	transform: scale(1);
	visibility: hidden;
}

.cursor {
	visibility: visible;
}

.cursor.active {
	opacity: 0.5;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.cursor.hovered {
	opacity: 0.08;
}

.cursor-follower {
	position: absolute;
	background-color: RGBA(255, 255, 255, 0.3);
	width: 50px;
	height: 50px;
	border-radius: 100%;
	z-index: 1;
	-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
	transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	z-index: 10000;
	visibility: hidden;
}

.cursor-follower {
	visibility: visible;
}

.cursor-follower.active {
	opacity: 0.7;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.cursor-follower.hovered {
	opacity: 0.08;
}

.cursor-follower.close-cursor:before {
	position: absolute;
	content: '';
	height: 25px;
	width: 2px;
	background: #fff;
	left: 48%;
	top: 12px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: inline-block;
}

.cursor-follower.close-cursor:after {
	position: absolute;
	content: '';
	height: 25px;
	width: 2px;
	background: #fff;
	right: 48%;
	top: 12px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.strong{
	font-weight:700;
}

header::before{
	display:none;
	content: "";
	position: absolute;
	top: -235px;
	left: calc(50% - 519.5px);
	background: url(../images/new/Path\ 5@2x.png) 0% 0% no-repeat padding-box;
	width: 1039px;
	height: 329px;
	background-size: 100%;
}

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/

@-webkit-keyframes ImgBounce {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}

@keyframes ImgBounce {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}


@-webkit-keyframes squareMover {

	0%,
	100% {
		-webkit-transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0);
	}

	20%,
	60% {
		-webkit-transform: translate(20px, 40px) rotate(180deg);
		transform: translate(20px, 40px) rotate(180deg);
	}

	30%,
	80% {
		-webkit-transform: translate(40px, 60px) rotate(0deg);
		transform: translate(40px, 60px) rotate(0deg);
	}
}


@keyframes squareMover {

	0%,
	100% {
		-webkit-transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0);
	}

	20%,
	60% {
		-webkit-transform: translate(20px, 40px) rotate(180deg);
		transform: translate(20px, 40px) rotate(180deg);
	}

	30%,
	80% {
		-webkit-transform: translate(40px, 60px) rotate(0deg);
		transform: translate(40px, 60px) rotate(0deg);
	}
}


@-webkit-keyframes shapeMover {

	0%,
	100% {
		-webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
		        transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
	}

	50% {
		-webkit-transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
		        transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
	}
}


@keyframes shapeMover {

	0%,
	100% {
		-webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
		        transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
	}

	50% {
		-webkit-transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
		        transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
	}
}

/*--------------------------------------------------------------
# Main Menu
--------------------------------------------------------------*/

.site-header-one {
	padding: 10px 0px 10px 0px;
}

.site-header-one__fixed-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 91;
}

.site-header-one .container-fluid {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	flex-wrap: wrap;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	max-width: 1450px;
	margin-left: 100px;
	margin-right: auto;
}

@media(max-width: 1550px) {
	.site-header-one .container-fluid {
		margin-left: auto;
		margin-right: auto;
	}
}

.site-header-one__logo .side-menu__toggler {
	display: none;
	font-size: 22px;
	color: var(--thm-primary);
	margin-left: 10px;
	cursor: pointer;
}
.site-header-one__buttons a:first-child {
    margin-right: 10px; /* Adjust the value as needed */
}
.site-header-one__logo {
    display: flex;
    flex-direction: column;
	margin-right: auto;
	width: calc(500 / 3864 * 100vw);
}

.site-header-one__logo a img {
	width: 100% !important;
}

.header-content {
    display: flex;
    align-items: center; /* Aligns items vertically in the center */
}

.side-menu__toggler {
    /* order: -1;  */
    align-self: stretch; /* Optional: Makes the toggler stretch to the full container height */
}
.side-menu__close-btn{

	order: 1 !important;
}

.main-nav__main-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-nav__main-navigation .main-nav__navigation-box {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	margin-left: 0px;
}

.main-nav__main-navigation .main-nav__navigation-box>li {
	padding: 15px 0;
	position: relative;
}

.main-nav__main-navigation .main-nav__navigation-box>li+li {
	margin-left: 30px;
}
.main-nav__main-navigation .main-nav__navigation-box>li+li.flag-li {
	margin-left: 8px;
}
.main-nav__main-navigation .main-nav__navigation-box>li.flag-li img{
	width:25px;
}

.main-nav__main-navigation .main-nav__navigation-box>li>a {
	display: block;
	-webkit-transition: 500ms;
	transition: 500ms;
	position: relative;
	height: 40px;
	line-height: 40px;
	color : #4D5464;
	font-size: calc( 39.55 / 3864 * 100vw);
	font-weight: 600;
}


.main-nav__main-navigation .main-nav__navigation-box>li.current>a,
.main-nav__main-navigation .main-nav__navigation-box>li:hover>a {
	color: #3366cc;
}

.main-nav__main-navigation .dropdown-btn {
	display: none;
}



/* Dropdown menu */

.main-nav__main-navigation .dropdown-btn {
	display: none;
}

.main-nav__main-navigation .main-nav__navigation-box>li ul {
	position: absolute;
	width: 210px;
	background-color: #fff;
	border-top: 4px solid var(--thm-base);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-webkit-transform-origin: top;
	transform-origin: top;
	visibility: hidden;
	opacity: 0;
	z-index: 991;
	-webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
}


.main-nav__main-navigation .main-nav__navigation-box>li ul>li {
	position: relative;
}

.main-nav__main-navigation .main-nav__navigation-box>li ul>li+li {
	border-top: 1px solid rgba(var(--thm-base-rgb), .3);
}

.main-nav__main-navigation .main-nav__navigation-box>li ul>li>a {
	display: block;
	color: var(--thm-black);
	font-size: 16px;
	font-family: var(--thm-font);
	word-break: break-all;
	padding-top: 9.5px;
	padding-bottom: 9.5px;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.main-nav__main-navigation .main-nav__navigation-box>li ul>li:hover>a {
	color: #fff;
	background-color: var(--thm-black);
}



/* Second level menu */

.main-nav__main-navigation .main-nav__navigation-box>li>ul {
	top: 100%;
	left: 0;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);

	visibility: hidden;
	opacity: 0;
}

.main-nav__main-navigation .main-nav__navigation-box>li:hover>ul {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}


/* Third level menu */

.main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul {
	top: 0;
	left: 100%;
	-webkit-transform: translateX(30px);
	transform: translateX(30px);
	visibility: hidden;
	opacity: 0;
}

.main-nav__main-navigation .main-nav__navigation-box>li>ul>li:hover>ul {
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	visibility: visible;
	opacity: 1;
}


/* After Third level menu */

.main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul>li>ul {
	display: none;
}

/* stricked menu */
.stricked-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: #fff;
	box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
	opacity: 0;
	-webkit-transform: translateY(-110%);
	transform: translateY(-110%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	padding: 0px;
}
@media(max-width: 767px){
	.stricked-menu{
		background-color: #fff !important;
	}
}

.stricked-menu.stricky-fixed {
	opacity: 1;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	position: fixed;
}

.stricked-menu .main-nav__main-navigation .main-nav__navigation-box>li {
	padding: 26px 0;
}

/* main nav btn */

.site-header-one .main-nav__right {
	margin-left: auto;
}

.main-nav__btn {
	background-image: none;
	font-size: calc(46.7 / 3864 * 100vw) !important;
	padding: 0px 19px !important;
	border: 0px solid #fff;
	font-weight: 700 !important;
}
.main-nav__btn.btn-blue {
	background-color: #3366cc;
	color: #fff !important;
	border-radius: 20px;
}
.main-nav__btn.btn-light-blue {
	background-color:#D0DFFD;
	color: #4065C5 !important;
	border-radius: 15px;
}
.main-nav__btn-two {
	font-size: 14px;
	padding: 6px 20px;
}

.main-nav__btn::before {
	-webkit-transform: scale(0, 1);
	        transform: scale(0, 1);
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-primary)), to(var(--thm-base)));
	background-image: linear-gradient(90deg, var(--thm-primary) 0%, var(--thm-base) 100%);
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
}

.main-nav__btn:hover::before {
	-webkit-transform: scale(1, 1);
	        transform: scale(1, 1);
}

.main-nav__btn span {
	color: #fff;
	-webkit-text-fill-color: #fff;
	font-weight: 501;
}

.main-nav__btn.thm-btn-yellow span {
	color: var(--thm-black);
	-webkit-text-fill-color: var(--thm-black);
}
.stricked-menu .main-nav__btn {
	border-color: var(--thm-black);
}

.stricked-menu .main-nav__btn span {
	color: var(--thm-white);
	-webkit-text-fill-color: var(--thm-white);
}

.stricked-menu .main-nav__btn.thm-btn-yellow span {
	color: var(--thm-black);
	-webkit-text-fill-color: var(--thm-black);
}

.stricked-menu .main-nav__btn:hover span {
	color: #fff;
	-webkit-text-fill-color: #fff;
}
button:focus {
	outline: 1px dotted;
	outline: unset !important;
}
/*--------------------------------------------------------------
# Banner
--------------------------------------------------------------*/
.swal2-actions button:focus{
	border: 0px solid #1F1F39 !important;
	outline: unset !important;
}
.swal2-actions .swal2-confirm {
	display: block;
	color: #1F1F39;
	background-color: #FFB700;
	border: 0px solid #1F1F39;
	width: 100%;
	height: 50px;
	border-radius: 25px;
	padding: 13px 40px;
	line-height: 25px;
	font-size: 16px;
	font-weight: 700;
}

.swal2-actions .swal2-deny {
	display: block;
	color: #FFF;
	border: 0px solid #1F1F39;
	width: 100%;
	height: 50px;
	border-radius: 25px;
	padding: 13px 40px;
	line-height: 25px;
	font-size: 16px;
	font-weight: 700;
}

.swal2-actions .swal2-cancel {
	display: block;
	color: #FFF;
	width: 100%;
	height: 50px;
	border-radius: 25px;
	padding: 13px 40px;
	line-height: 25px;
	font-size: 16px;
	font-weight: 700;
}
#sentence {
    display: inline-block;
    transition: opacity 1s;
	color: var(--thm-primary);

}

.banner-one {
	padding-top: 180px;
	position: relative;
	/* padding-bottom: 100px;
	border-bottom: 1px solid rgba(0, 0, 0, .1); */
}

[class*=banner-one__bg-shape-] {
	position: absolute;
}
.banner-one__btn{
	padding: 15px 60px;
	font-size: 2.7rem;
}

.banner-one__bg-shape-1 {
	left: 0;
	bottom: -230px;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.banner-one__bg {
	position: absolute;
	top: 0;
	right: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 1008px;
	height: 831px;
}

.banner-one::before{
	content: "";
	position: absolute;
	top: 80%;
	left: 0;
	background: url(../images/Intersection1.svg) 0% 0% no-repeat padding-box;
	width: 57px;
	height: 697px;
	background-size: 100%;
}

.banner-one::after{

	content: "";
	position: absolute;
	top: calc(50% - 220px);
	right: -120px;
	background: url(../images/new/Path\ 9@2x.png) 0% 0% no-repeat padding-box;
	width: 147px;
	height: 439px;
	background-size: 100%;

}

@media(max-width: 1850px) {
	.banner-one__bg {
		right: -10%;
	}
}



@media(max-width: 1670px) {
	.banner-one__bg {
		right: -20%;
	}
}

@media(max-width: 1450px) {
	.banner-one__bg {
		right: -30%;
	}
}

@media(max-width: 1330px) {
	.banner-one__bg {
		right: -38%;
	}
}

@media(max-width: 1250px) {
	.banner-one__bg {
		right: -45%;
	}
}

.banner-one__bg::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(120deg, var(--thm-base) 0%, var(--thm-primary) 100%);
	opacity: 0.8;
}

.banner-one__bg::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../images/shapes/banner-bg-shape-1-1.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.banner-one .container {
	position: relative;
}

.banner-one__moc {
	position: absolute;
	top: -6.5%;
	right: -1.75%;
	-webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;
	        animation: ImgBounce 5s ease-in-out 0s infinite alternate;
}

.banner-one__mc-form {
	display: -webkit-box;
	display: flex;
	width: 100%;
	max-width: 460px;
	-webkit-box-pack: justify;
	        justify-content: space-between;
}

.banner-one__mc-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
	display: block;
	border: none;
	outline: none;
	width: 100%;
	max-width: 301px;
	height: 70px;
	border: 2px solid #e4e4ee;
	border-radius: 5px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding-left: 30px;
	color: #737789;
	font-size: 16px;
	font-weight: 500;
	background-color: #f6f6fb;
}

.banner-one__mc-form ::-webkit-input-placeholder {
	opacity: 1;
	color: #737789;
}

.banner-one__mc-form ::-moz-placeholder {
	opacity: 1;
	color: #737789;
}

.banner-one__mc-form :-ms-input-placeholder {
	opacity: 1;
	color: #737789;
}

.banner-one__mc-form ::-ms-input-placeholder {
	opacity: 1;
	color: #737789;
}

.banner-one__mc-form ::placeholder {
	opacity: 1;
	color: #737789;
}

.banner-one__mc-btn {
	padding: 10px 39.25px;
	background-size: 200% auto;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-transition: background 500ms ease;
	transition: background 500ms ease;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-base)), color-stop(51%, var(--thm-primary)), to(var(--thm-base)));
	background-image: linear-gradient(90deg, var(--thm-base) 0%, var(--thm-primary) 51%, var(--thm-base) 100%);
}

.banner-one__mc-btn::before {
	display: none;
}

.banner-one__mc-btn:hover {
	background-position: right center;
}

.banner-one__mc-btn span {
	background-image: none;
	background-clip: none;
	color: #fff;
	-webkit-text-fill-color: #fff;
}

.banner-one__content h3 {
	margin: 0;
	color: var(--thm-black);
	font-size: 1.8rem;
	font-weight: 400;
	margin-top: 40px;
	margin-bottom: 32px;
}
.banner-one__content h1 {
	margin: 0;
	color: var(--thm-black);
	font-size: 4rem;
	font-weight: 300;
	margin-top: 40px;
	margin-bottom: 32px;
}

.banner-one__content p {
	margin: 0;
	margin-bottom: 53px;
}

.banner-one__video {
	width: 192px;
	height: 192px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	        align-items: center;
	border: 27px solid #fff;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: 43%;
	right: 41%;
	z-index: 10;
	background-size: 200% auto;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-base)), color-stop(51%, var(--thm-primary)), to(var(--thm-base)));
	background-image: linear-gradient(90deg, var(--thm-base) 0%, var(--thm-primary) 51%, var(--thm-base) 100%);
}

.banner-one__video:hover {
	background-position: right;
}

.banner-one__video i {
	color: #fff;
	font-size: 40px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/


.site-footer__upper {
	padding-bottom: 40px;
	padding-top: 165px;
	border-top: 1px solid #e4e4ee;
	background-color:#3366CC;
}

.footer-widget__links-wrap {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	        justify-content: space-between;
	margin-left: -30px;
}

.footer-widget {
	margin-bottom: 20px;
}

.footer-widget p {
	margin: 0;
	font-size: 1.3rem;
	line-height: 28px;
	font-weight: lighter;
}

.footer-widget__title {
	margin: 0;
	color: var(--thm-black);
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 42px;
}

.footer-widget__links-list {
	margin-bottom: 0;
}

.footer-widget__links-list li {
	display: block;
	line-height: 1em;
	border-radius: 50px;
	padding: 15px 50px;
	width: 60%;
	margin: 0px auto;
	background-color: #D8D2C5;
}

.footer-widget__links-list li+li {
	margin-top: 22px;
}
.site-footer__upper .slogan-img{
	margin-top: -60px;
}
.footer-widget__links-list li a {
	color: var(--thm-black);
	font-size: 20px;
	-webkit-transition: 500ms ease;
	transition: 500ms ease;
}

.footer-widget__links-list li a:hover {
	color: var(--thm-base);
}

.footer-widget__about {
	margin-top: -15px;
}
.footer-widget__about img{
	width:50%;
}
.footer-widget__about>p {
	margin-top: 20px;
	color: var(--thm-white);
}

.footer-widget__social {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
}

.footer-widget__social a {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	        justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: #a61f82;
	font-size: 25px;
	color: #fff;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
}

.footer-widget__social a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	-webkit-transform: translateY(100%) rotate(180deg) perspective(44px);
	        transform: translateY(100%) rotate(180deg) perspective(44px);
	background-image: linear-gradient(117deg, var(--thm-base) 0%, var(--thm-base) 100%);
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.footer-widget__social a:hover::before {
	-webkit-transform: translateY(0%) rotate(0deg) perspective(44px);
	        transform: translateY(0%) rotate(0deg) perspective(44px);
}

.footer-widget__social a i {
	position: relative;
	z-index: 20;
}

.footer-widget__social a+a {
	margin-left: 10px;
}

.site-footer__bottom{
background-color:#FFB700;
}

.site-footer__bottom p {
	margin: 0;
	color: var(--thm-white);
	font-size: 1.5rem;
	font-weight: 600;
	padding-top: 29px;
	padding-bottom: 29px;
}

/*--------------------------------------------------------------
# Mailchimp Form
--------------------------------------------------------------*/

.mailchimp-one{
	padding-bottom: 160px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}


.mailchimp-one .inner-container {
	padding-left: 145px;
	padding-right: 90px;
	padding-top: 40px;
	padding-bottom: 40px;
	border-radius: 49px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-background)), to(var(--thm-background)));
	background-image: linear-gradient(90deg, var(--thm-background) 0%, var(--thm-background) 100%);
	margin-bottom: -71px;
	position: relative;
	border: 1px solid #707070;
}

.mailchimp-one__icon {
	width: 109px;
	height: 109px;
	border-radius: 50%;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	        justify-content: center;
	text-align: center;
	position: absolute;
	top: 15px;
	left: 15px;
	background-color: #d8d2c5;
}

.mailchimp-one__icon i {
	font-size: 65px;
}

.mailchimp-one__icon i::before {
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-black)), to(var(--thm-black)));
	background-image: linear-gradient(90deg, var(--thm-black) 0%, var(--thm-black) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.mailchimp-one__form {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	        justify-content: space-between;
}

.mailchimp-one__form input[type=text] {
	border: none;
	outline: none;
	width: 100%;
	max-width: 612px;
	height: 38px;
	background-color: transparent;
	/* border-bottom: 1px solid rgba(0, 0, 0, 1); */
	color: #000;
	font-size: 1.5rem;
	font-weight: 600;
}

.mailchimp-one__form ::-webkit-input-placeholder {
	opacity: 1;
	color: #000;
}

.mailchimp-one__form ::-moz-placeholder {
	opacity: 1;
	color: #000;
}

.mailchimp-one__form :-ms-input-placeholder {
	opacity: 1;
	color: #000;
}

.mailchimp-one__form ::-ms-input-placeholder {
	opacity: 1;
	color: #000;
}

.mailchimp-one__form ::placeholder {
	opacity: 1;
	color: #000;
}

.mailchimp-one__btn {
	background-color: #A52083;
	background-image: none;
	font-size: 1.8rem;
	padding: 11px 23.5px;
	border: 0px solid #fff;
	color:#fff;
	font-weight:700;
}

.mailchimp-one__btn::before {
	-webkit-transform: scale(0, 1);
	        transform: scale(0, 1);
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-primary)), to(var(--thm-base)));
	background-image: linear-gradient(90deg, var(--thm-primary) 0%, var(--thm-base) 100%);
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
}

.mailchimp-one__btn:hover::before {
	-webkit-transform: scale(1, 1);
	        transform: scale(1, 1);
}

.mailchimp-one__btn span {
	color: #fff;
	-webkit-text-fill-color: #fff;
}



/*--------------------------------------------------------------
# Sidemenu
--------------------------------------------------------------*/

.side-menu__block {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: -webkit-transform .7s ease;
	transition: -webkit-transform .7s ease;
	transition: transform .7s ease;
	transition: transform .7s ease, -webkit-transform .7s ease;
}

.side-menu__block.active {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.side-menu__block-overlay {
	width: 100%;
	height: 100%;
	background-color: var(--thm-black);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	opacity: .7;
}

.side-menu__block-overlay .cursor-follower {
	background-color: rgba(255, 255, 255, 0.3);
}

.side-menu__block-inner {
	position: relative;
	max-width: 532px !important;
	width: 100% !important;
	margin-right: auto;
	height: 100vh;
	background-color: #FFFFFF;
	z-index: 999999;
	overflow-y: auto;
	padding: 20px 0 !important;
	padding-top: 20px;
}
.side-menu__block .side-menu__block-inner .logo-sidebar{
	width: 60%;
}

.side-menu__block .side-menu__block-inner .login-responsive{
}

.side-menu__block .side-menu__block-inner .register-responsive{
	flex-grow: 1;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1rem;

}
.side-menu__block .side-menu__block-inner .light-button{


}
.hr-mobile-menu{
	width:50%;
	margin:20px auto;
}
.side-menu__block .side-menu__block-inner .light-button span {
	color: #fff;
	-webkit-text-fill-color: #fff;
}
@media(max-width: 575px) {
	.side-menu__block-inner {
		max-width: 480px;
	}
	.cta-one__content{
		padding-top:50px;
	}
}

@media(max-width: 480px) {
	.side-menu__block-inner {
		max-width: 100%;
	}
}

@media(max-width: 375px) {
	.side-menu__block-inner {
		max-width: 100%;
	}
}

.side-menu__block-inner .mCustomScrollBox {
	width: 100%;
}

.side-menu__top {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	padding-left: 100px;
	padding-right: 40px;
}

.mobile-nav__container {
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 25px;
}



.mobile-nav__container ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mobile-nav__container li.dropdown ul {
	display: none;
	padding-left: 0.5em;
}

.mobile-nav__container li.dropdown {
	position: relative;
}

.mobile-nav__container li.dropdown .dropdown-btn {
	border: none;
	outline: none;
	background-color: transparent;
	color: #9ca3a9;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: transfrom 500ms ease;
	transition: transfrom 500ms ease;
}

.mobile-nav__container li.dropdown .dropdown-btn.open {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.mobile-nav__container li+li {
	margin-top: 5px;
}

.mobile-nav__container li a {
	font-family: var(--special-font-smb);
	display: block;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	position: relative;
	font-size: 17px;
	font-family: var(--heading-font);
	color: var(--thm-black);
	padding: 6px 20px;
	padding-left:0px;
}

.mobile-nav__container li a:hover {
	color: var(--thm-base);
}

.mobile-nav__container li.current-menu-item>a,
.mobile-nav__container li.current>a {
	color: var(--thm-primary);
}

.side-menu__social {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	margin-top: 40px;
}

.side-menu__social a {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	        justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: #A52083;
	font-size: 25px;
	color: #fff;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
}

.side-menu__social a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	-webkit-transform: translateY(100%) rotate(180deg) perspective(44px);
	        transform: translateY(100%) rotate(180deg) perspective(44px);
	background-image: linear-gradient(117deg, var(--thm-base) 0%, var(--thm-base) 100%);
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.side-menu__social a:hover::before {
	-webkit-transform: translateY(0%) rotate(0deg) perspective(44px);
	        transform: translateY(0%) rotate(0deg) perspective(44px);
}

.side-menu__social a i {
	position: relative;
	z-index: 20;
}

.side-menu__social a+a {
	margin-left: 10px;
}

.side-menu__content {
	padding-left: 100px;
	padding-right: 100px;
	padding-bottom: 50px;
}

.side-menu__content p {
	margin: 0;
	font-size: 14px;
	line-height: 32px;
	color: #7c7d8a;
	letter-spacing: .02em;
}

.side-menu__content p+p {
	margin-top: 30px;
}

.side-menu__content p a {
	color: var(--thm-base);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.side-menu__content p a:hover {
	color: var(--thm-primary);
}

.side-menu__sep {
	width: calc(100% - 200px);
	margin-left: auto;
	margin-right: auto;
	height: 1px;
	background-color: #fff;
	margin-top: 70px;
	margin-bottom: 70px;
}

.side-menu__text p {
	font-size: 14px;
	line-height: 32px;
	color: #7c7d8a;
	margin: 0;
	margin-bottom: 25px;
}


.side-menu__text a {
	color: var(--thm-base);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.side-menu__text a:hover {
	color: var(--thm-black);
}

.side-menu__block__copy {
	font-size: 16px;
	font-weight: 500;
	color: #7c7d8a;
	margin: 0;
}


@media(max-width: 575px) {

	.side-menu__top,
	.side-menu__content,
	.mobile-nav__container {
		padding-left: 50px;
		padding-right: 50px;
	}

	.side-menu__sep {
		margin-top: 40px;
		margin-bottom: 40px;
		width: calc(100% - 100px);
	}
}

@media(max-width: 480px) {

	.side-menu__top,
	.side-menu__content,
	.mobile-nav__container {
		padding-left: 25px;
		padding-right: 25px;
		padding-top:0px;
	}

	.side-menu__sep {
		width: calc(100% - 50px);
	}

	.side-menu__social {
		margin-top: 20px;
	}

	.side-menu__social a {
		width: 45px;
		height: 45px;
	}
}

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/

.page-header {
	padding-top: 76.5px;
	padding-bottom: 76.5px;
	background-color: #f6f6fb;
}

.page-header .container {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	        justify-content: space-between;
}

.page-header h2 {
	margin: 0;
	font-size: 46px;
	font-weight: 600;
	line-height: 1.2em;
	color: var(--thm-black);
}

/*--------------------------------------------------------------
# BreadCrumb
--------------------------------------------------------------*/


.thm-breadcrumb {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	        align-items: center;
	margin-bottom: 0;
}

.thm-breadcrumb li {
	color: #737789;
	font-size: 18px;
	line-height: 1em;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
}

.thm-breadcrumb li:not(:last-of-type)::after {
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	margin-left: 10px;
	margin-right: 10px;
}

.thm-breadcrumb li a {
	color: var(--thm-black);
	-webkit-transition: 500ms ease;
	transition: 500ms ease;
}

.thm-breadcrumb li a:hover {
	color: var(--thm-base);
}


/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/


.blog-grid {
	padding-top: 120px;
	padding-bottom: 120px;
}

.blog-grid .post-pagination {
	margin-top: 30px;
}

.blog-one {
	background-color: #f6f6fb;
	padding-top: 120px;
	padding-bottom: 90px;
}

.blog-one__single {
	margin-bottom: 30px;
}

.blog-one__image {
	overflow: hidden;
	border-radius: 5px;
	margin-bottom: 10px;
	background-color: var(--thm-black);
}

.blog-one__image>img {
	width: 100%;
	opacity: 1;
	-webkit-transform: scale(1.0);
	        transform: scale(1.0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.blog-one__single:hover .blog-one__image>img {
	-webkit-transform: scale(1.05);
	        transform: scale(1.05);
	opacity: 0.5;
}

.blog-one__meta {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	margin-bottom: 7px;
}

.blog-one__meta a {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	color: #737789;
	font-size: 14px;
	font-weight: 600;
	line-height: 1em;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.blog-one__meta a i {
	color: var(--thm-base);
	margin-right: 5px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.blog-one__meta a+a {
	margin-left: 15px;
}

.blog-one__single:hover .blog-one__meta a,
.blog-one__single:hover .blog-one__meta a i {
	color: #fff;
}

.blog-one__content {
	padding-top: 50px;
	padding-bottom: 40px;
	border-radius: 5px;
	background-color: #ffffff;
	padding-left: 50px;
	padding-right: 50px;
	position: relative;
	box-shadow: 0px 10px 60px 0px rgba(46, 61, 98, 0.1);
}

.blog-one__content::before {
	content: '';
	border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-base)), to(var(--thm-primary)));
	background-image: linear-gradient(90deg, var(--thm-base) 0%, var(--thm-primary) 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scale(1, 0);
	        transform: scale(1, 0);
	-webkit-transform-origin: bottom;
	        transform-origin: bottom;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.blog-one__single:hover .blog-one__content::before {
	-webkit-transform: scale(1, 1);
	        transform: scale(1, 1);
	-webkit-transform-origin: top;
	        transform-origin: top;
}

.blog-one__content h3 {
	color: var(--thm-black);
	font-size: 24px;
	line-height: 40px;
	margin: 0;
	font-weight: 600;
}

.blog-one__content h3 a {
	color: inherit;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.blog-one__single:hover .blog-one__content h3 a,
.blog-one__content h3 a:hover {
	color: #fff;
}

.blog-one__content-inner {
	position: relative;
}

.blog-one__circle::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 125px;
	height: 131px;
	content: '';
	background-image: url(../images/shapes/blog-circle-1-1.png);
	-webkit-transform: perspective(150px) scaleX(0);
	        transform: perspective(150px) scaleX(0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
	opacity: 0;
	-webkit-transform-origin: left;
	        transform-origin: left;
}

.blog-one__circle::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 107px;
	height: 132px;
	content: '';
	background-image: url(../images/shapes/blog-circle-1-2.png);
	-webkit-transform: perspective(150px) scaleX(0);
	        transform: perspective(150px) scaleX(0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
	opacity: 0;
	-webkit-transform-origin: right;
	        transform-origin: right;
}

.blog-one__single:hover .blog-one__circle::before,
.blog-one__single:hover .blog-one__circle::after {
	opacity: 0.3;
	-webkit-transform: perspective(150px) scaleX(1);
	        transform: perspective(150px) scaleX(1);
}


/*--------------------------------------------------------------
# Blog Details
--------------------------------------------------------------*/


.blog-details {
	padding-top: 120px;
	padding-bottom: 120px;
}

.blog-details__content h3 {
	margin: 0;
	font-size: 46px;
	line-height: 56px;
	color: var(--thm-black);
	font-weight: 600;
	margin-bottom: 37px;
}

.blog-details__content .blog-one__meta {
	margin-bottom: 10px;
}

.blog-details__content p {
	margin: 0;
	font-size: 18px;
	line-height: 36px;
	color: #737789;
	font-weight: 500;
}

.blog-details__content p+p {
	margin-top: 30px;
}

.blog-details__image {
	margin-bottom: 30px;
}

.blog-details__image>img {
	border-radius: 5px;
	width: 100%;
}

.blog-author {
	background-color: #f6f6fb;
	border-radius: 5px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 60px;
	margin-bottom: 50px;
}

.blog-author__image>img {
	width: 170px;
	border-radius: 5px;
}

.blog-author__content {
	padding-left: 40px;
}

.blog-author__content h3 {
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	color: var(--thm-black);
	margin-bottom: 30px;
}

.blog-author__content p {
	margin: 0;
	color: #737789;
	font-size: 18px;
	line-height: 34px;
	font-weight: 500;
}

.blog-details__meta {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	border-top: 1px solid #e4e4ee;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 50px;
	flex-wrap: wrap;
}

.blog-details__tags {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: baseline;
	align-items: baseline;
}

.blog-details__tags span {
	color: var(--thm-black);
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	font-family: var(--heading-font);
	margin-right: 10px;
}

.blog-details__tags a {
	color: #737789;
	font-size: 16px;
	font-weight: 500;
	-webkit-transition: 500ms;
	transition: 500ms;
}

.blog-details__tags a:hover {
	color: var(--thm-primary);
}

.blog-details__tags a+a {
	margin-left: 5px;
}

.blog-details__share {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
}

.blog-details__share a {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	        justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: #e4e4ee;
	font-size: 16px;
	color: #fff;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
}

.blog-details__share a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	-webkit-transform: translateY(100%) rotate(180deg) perspective(44px);
	        transform: translateY(100%) rotate(180deg) perspective(44px);
	background-image: linear-gradient(117deg, var(--thm-base) 0%, var(--thm-primary) 100%);
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.blog-details__share a:hover::before {
	-webkit-transform: translateY(0%) rotate(0deg) perspective(44px);
	        transform: translateY(0%) rotate(0deg) perspective(44px);
}

.blog-details__share a i {
	position: relative;
	z-index: 20;
}

.blog-details__share a+a {
	margin-left: 10px;
}



.comment-one {
	margin-bottom: 45px;
}

.comment-one__block-title {
	margin: 0;
	margin-bottom: 54px;
	font-size: 26px;
	font-weight: bold;
	color: var(--thm-black);
}

.comment-one__single {
	display: -webkit-box;
	display: flex;
	position: relative;
	border-bottom: 1px solid #e4e4ee;
	padding-bottom: 60px;
	margin-bottom: 60px;
}

.comment-one__btn {
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px 29px;
	font-size: 14px;
}

.comment-one__content {
	padding-right: 100px;
}

.comment-one__content .comment-one__date {
	color: var(--thm-base);
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	margin-bottom: 30px;
}

.comment-one__content .comment-one__date span {
	margin-left: 5px;
	margin-right: 5px;
}

.comment-one__image {
	width: 90px;
}

.comment-one__image>img {
	border-radius: 50%;
}

.comment-one__content {
	padding-left: 40px;
}

.comment-one__content h3 {
	margin: 0;
	font-size: 20px;
	color: var(--thm-black);
	font-weight: 600;
	line-height: 1em;
}

.comment-one__content p {
	color: #737789;
	margin: 0;
	font-size: 18px;
	line-height: 34px;
	font-weight: 500;
}



/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/


@media (max-width: 991px) {
	.sidebar {
		margin-top: 50px;
	}
}

.sidebar__title {
	margin: 0;
	color: var(--thm-black);
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 30px;
}

.sidebar__single:not(.sidebar__search) {
	padding: 50px;
	background-color: #f6f6fb;
	border-radius: 5px;
}

@media (max-width: 1199px) {
	.sidebar__single:not(.sidebar__search) {
		padding: 30px;
	}
}

.sidebar__single+.sidebar__single {
	margin-top: 30px;
}

.sidebar__post__single+.sidebar__post__single {
	margin-top: 30px;
}

.sidebar__post-image,
.sidebar__post-content {
	display: table-cell;
	vertical-align: middle;
}

.sidebar__post-image {
	width: 60px;
}

.sidebar__post-image .inner-block {
	width: 100%;
}

.sidebar__post-image .inner-block>img {
	width: 100%;
	border-radius: 50%;
}

.sidebar__post-content {
	padding-left: 20px;
}

.sidebar__post-title {
	margin: 0;
	font-size: 16px;
	line-height: 28px;
	font-weight: 600;
	color: #737789;
	font-family: var(--thm-font);
}

.sidebar__post-title a {
	color: inherit;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.sidebar__post-title a:hover {
	color: var(--thm-base);
}

.sidebar__category-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar__category-list-item {
	line-height: 1em;
}

.sidebar__category-list-item a {
	color: #737789;
	font-size: 16px;
	font-weight: 500;
	display: block;
	position: relative;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}


.sidebar__category-list-item a:hover {
	color: var(--thm-base);
}

.sidebar__category-list-item+.sidebar__category-list-item {
	margin-top: 27px;
}

.sidebar__tags-list {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: -10px;
}

.sidebar__tags-list-item {
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
}

.sidebar__tags-list-item a {
	display: block;
	color: #737789;
	font-size: 16px;
	font-weight: 600;
	line-height: 1em;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.sidebar__tags-list-item a:hover {
	color: var(--thm-black);
}

.sidebar__search-form {
	width: 100%;
	height: 72px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-base)), to(var(--thm-primary)));
	background-image: linear-gradient(90deg, var(--thm-base) 0%, var(--thm-primary) 100%);
	position: relative;
	border-radius: 5px;
}

.sidebar__search-form input {
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: none;
	outline: none;
	color: #fff;
	padding-left: 40px;
	padding-right: 40px;
}

.sidebar__search-form ::-webkit-input-placeholder {
	opacity: 1;
	color: #fff;
}

.sidebar__search-form :-ms-input-placeholder {
	opacity: 1;
	color: #fff;
}

.sidebar__search-form ::-ms-input-placeholder {
	opacity: 1;
	color: #fff;
}

.sidebar__search-form ::-moz-placeholder {
	opacity: 1;
	color: #fff;
}

.sidebar__search-form ::placeholder {
	opacity: 1;
	color: #fff;
}

.sidebar__search-form button[type=submit] {
	background-color: transparent;
	border: none;
	outline: none;
	position: absolute;
	top: 50%;
	right: 50px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	padding: 0;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.sidebar__search-form button[type=submit] i {
	font-size: 16px;
	color: #fff;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

.contact-one {
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
}
.contact-one .block-title p{
	font-size:1.5rem;
}
.contact-one .block-title h3 span{

	padding: 5px 40px;

}

.contact-one .image-box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-48%, -54%);
	width: 120%;
	height: 110%;
	z-index: 0;
}

.contact-one .block-title p{
	color: var(--thm-black);
	font-size:16px;
	font-weight: 400;
}
[class*=contact-one__bg-shape] {
	position: absolute;
}
.contact-one .contact-block{
	padding: 30px;
	border-radius: 30px;
	background-color: #fff;
}

.contact-one__bg-shape-1 {
	bottom: 90px;
	right: 0;
}

.contact-one .container {
	position: relative;
}

.contact-one .contact-one__form {
	padding-right: 0px;
}

.contact-one__form textarea,
.contact-one__form .bootstrap-select>.dropdown-toggle,
.contact-one__form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
	border: none;
	outline: none;
	display: block;
	width: 100%;
	height: 50px;
	border-radius: 15px;
	padding-left: 16px;
	padding-right: 16px;
	border: 0px solid #707070 !important;
	color: #000000;
	background-color: #F1F1F1;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
}

.contact-one__form textarea {
	height: 194px;
	padding-top: 20px;
}


.contact-one__form ::-webkit-input-placeholder {
	opacity: 1;
	color: #737789;
}


.contact-one__form ::-moz-placeholder {
	opacity: 1;
	color: #737789;
}


.contact-one__form :-ms-input-placeholder {
	opacity: 1;
	color: #737789;
}


.contact-one__form ::-ms-input-placeholder {
	opacity: 1;
	color: #737789;
}


.contact-one__form ::placeholder {
	opacity: 1;
	color: #737789;
}

.contact-one__form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}

.contact-one__form .bootstrap-select .dropdown-toggle .filter-option {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.contact-one__form .dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "\f107";
	border: none;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 14px;
	color: #737789;
}

.contact-one__form .dropup .dropdown-toggle::after {
	content: "\f106";
}

.contact-one__image {
	position: relative;
}



.mt-100{
	margin-top:100px;
}



/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.service-one::after{

}
.service-one {
	padding-bottom: 195px;
	padding-top: 195px;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	background-color: #FFB700;
}
.service-one .top-img{
	width:80%;
}
.service-one .top-icon{
	width:70px;
}
.service-one .content-box{
	border-radius: 63px !important;
	box-shadow: 0px 3px 6px #00000029;
}
.service-one .block-title{
	display: inline-block;
	position: absolute;
	top: -32px;
}

.service-one .block-title-unset{
	display:block;
	position: relative;
	margin-bottom: 60px;
}
.service-one .block-title-unset span::after {
	display:none;
}

.service-one .step .icon{
	margin-left: -45px;
	width: 80px !important;
}
.service-one .block-title span::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
	width: 100vw;
	height: 100%;
	background-color: var(--thm-primary);
	z-index: 1;
}
.z-index-2{
	z-index: 2;
}
.service-one .image-box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-55%, -73%);
	width: 120%;
	height: 110%;
	z-index: 0;
}

.service-one .step h3{
	font-weight: bolder;
	color: var(--thm-primary);
	font-size: 1.5rem;
}

.service-one .step p{
	margin: 0;
	font-size: 20px;
	line-height: 20px;
	font-weight: 400;
	color: var(--thm-black);
	margin-top: 10px;
}




.service-one h3.title{
	font-size: 1.5rem;
	padding: 20px 60px;
	background-color: #D8D2C5;
	border-radius: 80px;
	font-weight: 700;
	text-align: center;
	margin-top: 20px;
	margin-right: 20px;
}

.service-one__single {
	text-align: center;
	position: relative;
	margin-bottom: 30px;
	background: var(--thm-background-grey) 0% 0% no-repeat padding-box;
	box-shadow: 14px 18px 0px #3366CC;
	border-radius: 48px;
}

.service-one__single .number-icon{
	position:absolute;
	top:16px;
	left:16px;
	width:40px;

}
.service-one__inner .icon{
	width:100px;
}

.service-one__icon {
	width: 129px;
	height: 129px;
	background-color: var(--thm-base);
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	        align-items: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	margin-bottom: 27px;
	position: relative;
	z-index: 10;
}

.service-one__icon i {
	font-size: 64px;
	background-image: -webkit-gradient(linear, right top, left top, from(var(--thm-white)), to(var(--thm-white)));
	background-image: linear-gradient(-90deg, var(--thm-white) 0%, var(--thm-white) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.service-one__single h3 {
	margin: 0;
	 margin-top: 0px;
	margin-bottom: 0px;
	font-weight: 900;
	font-size: 24px;
	color: var(--thm-black);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	margin-bottom: -10px;
	margin-top: 20px;
	padding: 0px 10px;
	min-height: 66px;
}

.service-one__single h3 a {
	color: inherit;
}

/* .service-one__single h3 a:hover {
	color: #fff;
} */

.service-one__single p {
	margin: 0;
	margin-right: 0px;
	margin-left: 0px;
	color: var(--thm-black);
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

/* .service-one__single:hover h3,
.service-one__single:hover p {
	color: #fff;
} */

/* .service-one__single::before {
	content: '';
	border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-primary)), to(var(--thm-primary)));
	background-image: linear-gradient(90deg, var(--thm-primary) 0%, var(--thm-primary) 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 20px;
	-webkit-transform: scale(0, 1);
	        transform: scale(0, 1);
	-webkit-transform-origin: right;
	        transform-origin: right;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.service-one__single:hover::before {
	-webkit-transform: scale(1, 1);
	        transform: scale(1, 1);
	-webkit-transform-origin: left;
	        transform-origin: left;
} */

.service-one__inner {
	position: relative;
	padding-top: 40px;
	padding-bottom: 35px;
	border-radius: 20px;
	overflow: hidden;
}

/* .service-one__circle::before {
	position: absolute;
	bottom: -6px;
	left: -21px;
	width: 170px;
	height: 169px;
	content: '';

	-webkit-transform: perspective(150px) scaleX(0);
	        transform: perspective(150px) scaleX(0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
	opacity: 0;
	-webkit-transform-origin: left;
	        transform-origin: left;
}

.service-one__circle::after {
	position: absolute;
	top: -4px;
	right: -14px;
	width: 158px;
	height: 159px;
	content: '';

	-webkit-transform: perspective(150px) scaleX(0);
	        transform: perspective(150px) scaleX(0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
	opacity: 0;
	-webkit-transform-origin: right;
	        transform-origin: right;
}

.service-one__single:hover .service-one__circle::before,
.service-one__single:hover .service-one__circle::after {
	opacity: 0.3;
	-webkit-transform: perspective(150px) scaleX(1);
	        transform: perspective(150px) scaleX(1);
} */


/*--------------------------------------------------------------
# Call to action
--------------------------------------------------------------*/
.mt-35{
	margin-top:35px;
}
.cta-one {
	position: relative;
	padding-top: 85px;
	padding-bottom: 85px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.cta-one::before {

}
.cta-one .icon {
	width:70px;
}
.cta-one h3 {
	text-align:center;
	font-size: 1.8rem;
}
.cta-one .cta-one__moc-img{
	max-width:100%;
}

[class*=cta-one__bg-shape-] {
	position: absolute;
}

.cta-one__bg-shape-1 {
	bottom: -60px;
	right: 0;
}

.cta-one__bg-shape-2 {
	bottom: 50px;
	right: 80px;
	-webkit-animation-name: squareMover;
	animation-name: squareMover;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-delay: 2s;
	        animation-delay: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-perspective: 100px;
	perspective: 100px;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.cta-one .container {
	position: relative;
}

.cta-one__moc {
	position: absolute;
	left: -190px;
	bottom: -150px;
}

.cta-one__moc img {
	-webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;
	        animation: ImgBounce 5s ease-in-out 0s infinite alternate;
}

.cta-one__content .block-title {
	padding-bottom: 8px;
}

.cta-one__text {
	text-align: center;
}

.cta-one__text p {
	margin: 0;
	color: var(--thm-black);
	font-size: 1.8rem;
	line-height: 40px;
	font-weight: 500;
	padding: 10px 0px;

}

.cta-one__list {
	margin-bottom: 53px;
}

.cta-one__list li {
	color: #737789;
	position: relative;
	padding-left: 35px;
	font-size: 18px;
}

.cta-one__list li+li {
	margin-top: 4px;
}

.cta-one__list li>i {
	position: absolute;
	top: 50%;
	left: 0;
	font-size: 18px;
	background-image: -webkit-gradient(linear, right top, left top, from(var(--thm-base)), to(var(--thm-primary)));
	background-image: linear-gradient(-90deg, var(--thm-base) 0%, var(--thm-primary) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

/*--------------------------------------------------------------
## Call to action Two
--------------------------------------------------------------*/

.cta-two {
	padding-bottom: 40px;
	padding-top: 40px;
	position:relative;

}
.cta-two .block-title h3 span{
	padding: 5px 50px;
}


.cta-two__images>img {
	border-radius: 4px;
	box-shadow: 0px 0px 60px 0px rgba(5, 5, 6, 0.1);
}

.cta-two__images>img+img {
	margin-top: 30px;
}

/* .cta-two__content .block-title {
	padding-bottom: 40px;
} */

.cta-two__icon-wrap {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 50px;
}

.cta-two__icon-single {
    display: flex;
    align-items: center;
	/* margin-bottom: 40px; */
}

.cta-two__icon-single+.cta-two__icon-single {
	margin-left: 0px;
}
.top-icon{
	width:70px;
}
.cta-two__icon i {
	width: 101px;
	height: 101px;
	margin-right: 20px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	        justify-content: center;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	font-size: 64px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-primary)), to(var(--thm-primary)));
	background-image: linear-gradient(90deg, var(--thm-primary) 0%, var(--thm-primary) 100%);
	margin: 0px auto;
}

.card-secure {
	padding: 1rem;
	margin: 0.5rem 2rem;
	border: none;
	box-shadow: 0px 0px 4px 4px rgba(77,84,100,0.2);
	-webkit-box-shadow: 0px 0px 4px 4px rgba(77,84,100,0.2);
	-moz-box-shadow: 0px 0px 4px 4px rgba(77,84,100,0.2);
	border-radius: 15px;
}

.cta-two__icon {
    flex-shrink: 0; /* Prevent the icon from shrinking */
}

.cta-two__icon img{
    width: calc(156 / 928 * 100vw);
}


.cta-two__icon-single h3 {
	color: var(--thm-primary);
	font-size: calc( 41.6 / 928 * 100vw);
	line-height: 30px;
	font-weight: 700;
	margin: 0px 0px;
}

.cta-two__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* margin-left: 15px; Adjust the spacing as needed */
}

.cta-two__text p {
	margin: 0;
	font-size: calc(40.79 / 928 * 100vw) !important;
	line-height: 22px !important;
	font-weight: 400;
	color: #4D5464;
}

.cta-two__btn::before {
	background-color: #f6f6fb;
}
.mt-20{
	margin-top:20px;
}
/*--------------------------------------------------------------
## Call to action Three
--------------------------------------------------------------*/

.cta-three {
	padding-top: 85px;
	padding-bottom: 0px;
	overflow: hidden;
	position: relative;
}
.cta-three .block-title h3 span{
	padding: 5px 50px;

}
[class*=cta-three__bg-] {
	position: absolute;
	top: 0;
}

.cta-three__bg-1 {
	left: 0;
}

.cta-three__bg-2 {
	right: 0;
}

.cta-three .container {
	position: relative;
}

.cta-three__btn-wrap {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	        align-items: center;
}

.cta-three__btn {
	border-radius: 5px;
	color: #fff;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	position: relative;
	text-align: left;
	width: 216px;
	position: relative;
	height: 82px;
	padding-left: 70px;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	-webkit-box-pack: center;
	        justify-content: center;
	overflow: hidden;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-base)), to(var(--thm-primary)));
	background-image: linear-gradient(90deg, var(--thm-base) 0%, var(--thm-primary) 100%);
}

.cta-three__btn:hover {
	color: #fff;
}

.cta-three__btn::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border-radius: 5px;
	-webkit-transform: scale(1, 1);
	        transform: scale(1, 1);
	-webkit-transform-origin: right;
	        transform-origin: right;
	background-color: #242b4b;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}


.cta-three__btn::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 5px;
	-webkit-transform: scale(0, 1);
	        transform: scale(0, 1);
	-webkit-transform-origin: right;
	        transform-origin: right;
	background-color: #fff;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.cta-three__btn:hover::after {
	-webkit-transform: scale(1, 1);
	        transform: scale(1, 1);
}




.cta-three__btn span {
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	position: relative;
	display: block;
	z-index: 10;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.cta-three__btn b {
	font-weight: bold;
	font-size: 18px;
	line-height: 1em;
	display: block;
	z-index: 10;
	position: relative;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.cta-three__btn:hover span,
.cta-three__btn:hover b {
	color: var(--thm-black);
}

.cta-three__btn i {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 40px;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	font-size: 30px;
	background-image: -webkit-gradient(linear, right top, left top, from(var(--thm-base)), to(var(--thm-primary)));
	background-image: linear-gradient(-90deg, var(--thm-base) 0%, var(--thm-primary) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.cta-three__btn+.cta-three__btn {
	margin-left: 20px;
}

.cta-three h3 {
	margin: 0;
	color: var(--thm-black);
	font-weight: bold;
	margin-bottom: 24px;
}

.cta-three p {
	margin: 0;
	font-size: 20px;
	color: var(--thm-black);
	margin-bottom: 53px;
}

/*--------------------------------------------------------------
# Funfact
--------------------------------------------------------------*/

.funfact-one {
	position: relative;
	padding-top: 121px;
	padding-bottom: 121px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-base)), to(var(--thm-base)));
	background-image: linear-gradient(90deg, var(--thm-base) 0%, var(--thm-base) 100%);
}


.funfact-one .container {
	position: relative;
}

.funfact-one__single {
	text-align: center;
	position: relative;
}

.funfact-one__single h3 {
	margin: 0;
	color: var(--thm-black);
	font-weight: 500;
	font-size: 60px;
	position: relative;
	top: -10px;
	margin-bottom: 7px;
	line-height: 1em;
}

.funfact-one__single p {
	color: var(--thm-black);
	margin: 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 1em;
}


/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/


.pricing-one {
	position: relative;
	padding-top: 120px;
	padding-bottom: 90px;
}


.pricing-one .animated {
	-webkit-animation-duration: 1500ms;
	        animation-duration: 1500ms;
}


.pricing-one__single {
	text-align: center;
	box-shadow: 0px 10px 60px 0px rgba(46, 61, 98, 0.1);
	border-radius: 5px;
	position: relative;
	margin-bottom: 30px;
}

.pricing-one__single::before {
	content: '';
	border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-base)), to(var(--thm-primary)));
	background-image: linear-gradient(90deg, var(--thm-base) 0%, var(--thm-primary) 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 5px;
	-webkit-transform: scale(0, 1);
	        transform: scale(0, 1);
	-webkit-transform-origin: right;
	        transform-origin: right;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.pricing-one__single:hover::before {
	-webkit-transform: scale(1, 1);
	        transform: scale(1, 1);
	-webkit-transform-origin: left;
	        transform-origin: left;
}


.pricing-one__inner {
	position: relative;
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 60px;
}

.pricing-one__single h3 {
	margin: 0;
	color: var(--thm-base);
	font-size: 60px;
	font-weight: 600;
	position: relative;
	line-height: 1em;
	-webkit-transition: all 500ms;
	transition: all 500ms;
}

.pricing-one__single p {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: var(--thm-black);
	position: relative;
	margin-bottom: 5px;
	line-height: 1em;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}


.pricing-one__list {
	margin-bottom: 0;
	position: relative;
	border-top: 1px solid #f6f6fb;
	padding-bottom: 55px;
	padding-top: 55px;
	margin-top: 60px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.pricing-one__list li {
	line-height: 1em;
	font-size: 16px;
	font-weight: 600;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	color: #737789;
}


.pricing-one__list li+li {
	margin-top: 24px;
}

.pricing-one__inner>span {
	display: block;
	line-height: 1em;
	color: #737789;
	font-weight: 600;
	position: relative;
	font-size: 14px;
	margin-top: 25px;
	-webkit-transition: all 500ms;
	transition: all 500ms;
}

.pricing-one__btn::before {
	-webkit-transition: top 500ms ease, left 500ms ease, right 500ms ease, bottom 500ms ease, -webkit-transform 500ms ease;
	transition: top 500ms ease, left 500ms ease, right 500ms ease, bottom 500ms ease, -webkit-transform 500ms ease;
	transition: top 500ms ease, left 500ms ease, right 500ms ease, bottom 500ms ease, transform 500ms ease;
	transition: top 500ms ease, left 500ms ease, right 500ms ease, bottom 500ms ease, transform 500ms ease, -webkit-transform 500ms ease;
}


.pricing-one .block-title {
	padding-bottom: 40px;
}

.pricing-one .switch {
	position: relative;
	display: inline-block;
	width: 79px;
	height: 36px;
	vertical-align: middle;
	margin: 0;
}

.pricing-one .switch input {
	display: none;
}

.pricing-one .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: .4s;
	transition: .4s;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-base)), to(var(--thm-primary)));
	background-image: linear-gradient(90deg, var(--thm-base) 0%, var(--thm-primary) 100%);
}


.pricing-one .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 6px;
	bottom: 6px;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	background-color: #fff;
	-webkit-transition: .4s;
	transition: .4s;
}



.pricing-one .switch.off .slider:before {
	-webkit-transform: translateX(42px);
	transform: translateX(42px);
}

.pricing-one .slider.round {
	border-radius: 34px;
}

.pricing-one .slider.round:before {
	border-radius: 50%;
}

.pricing-one ul.switch-toggler-list {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	margin-bottom: 60px;
}

.pricing-one ul.switch-toggler-list li a {
	font-size: 18px;
	font-weight: 600;
	color: #737789;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
}

.pricing-one ul.switch-toggler-list li.active a {
	color: var(--thm-black);
}

.pricing-one__circle::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 197px;
	height: 165px;
	content: '';
	background-image: url(../images/shapes/pricing-circle-1-1.png);
	-webkit-transform: perspective(150px) scaleX(0);
	        transform: perspective(150px) scaleX(0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
	opacity: 0;
	-webkit-transform-origin: right;
	        transform-origin: right;
}

.pricing-one__circle::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 168px;
	height: 255px;
	content: '';
	background-image: url(../images/shapes/pricing-circle-1-2.png);
	-webkit-transform: perspective(150px) scaleX(0);
	        transform: perspective(150px) scaleX(0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
	opacity: 0;
	-webkit-transform-origin: left;
	        transform-origin: left;
}

.pricing-one [class*=col-]:nth-child(2) .pricing-one__single .pricing-one__circle::before,
.pricing-one__single:hover .pricing-one__circle::before,
.pricing-one [class*=col-]:nth-child(2) .pricing-one__single .pricing-one__circle::after,
.pricing-one__single:hover .pricing-one__circle::after {
	opacity: 0.3;
	-webkit-transform: perspective(150px) scaleX(1);
	        transform: perspective(150px) scaleX(1);
}

.pricing-one [class*=col-]:nth-child(2) .pricing-one__single::before {
	-webkit-transform: scale(1, 1);
	        transform: scale(1, 1);
	-webkit-transform-origin: left;
	        transform-origin: left;
}

.pricing-one__single:hover .pricing-one__list,
.pricing-one [class*=col-]:nth-child(2) .pricing-one__list {
	border-top-color: rgba(255, 255, 255, .1);
}

.pricing-one__single:hover .pricing-one__btn::before,
.pricing-one [class*=col-]:nth-child(2) .pricing-one__btn::before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.pricing-one [class*=col-]:nth-child(2) .pricing-one__list li,
.pricing-one__single:hover .pricing-one__list li,
.pricing-one [class*=col-]:nth-child(2) .pricing-one__single p,
.pricing-one__single:hover p,
.pricing-one [class*=col-]:nth-child(2) .pricing-one__single h3,
.pricing-one__single:hover h3,
.pricing-one [class*=col-]:nth-child(2) .pricing-one__inner>span,
.pricing-one__single:hover .pricing-one__inner>span {
	color: #fff;
}
.images-block{
	padding:85px 0px;
}
.cta-four {
	position:relative;
	padding-bottom: 195px;
	padding-top: 195px;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	background-color: #FFB700;
}
.cta-four .content-box{
	border-radius: 63px !important;
	box-shadow: 0px 3px 6px #00000029;
}
.cta-four  .image-box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-45%, -57%);
	width: 120%;
	height: 110%;
	z-index: 0;
}

.cta-four h3{
	font-weight: bolder;
	color: var(--thm-primary);
	font-size: 2rem;
	text-align:center;
}

.cta-four p{
	margin: 0;
	font-size: 2rem;
	line-height: 2rem;
	font-weight: 400;
	color: var(--thm-black);
	margin-top: 10px;
}
.cta-four .cta-one__btn {
	background-color: #A52083;
	font-size: 2rem;
	padding: 15px 40px;
}


/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/

.testimonials-one {
	position: relative;
	padding-top: 85px;
	padding-bottom: 0px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.testimonials-one .block-title h3 span{
	padding: 5px 40px;
}


.testimonials-one::after{

	content: "";
	position: absolute;
	top: 60%;
	left: -54px;
	background: url(../images/new/Path\ 14@2x.png) 0% 0% no-repeat padding-box;
	width: 209px;
	height: 571px;
	background-size: 100%;

}
.mt-40{
	margin-top:40px;
}
.testimonials-one h3.title{
	font-size: 1.5rem;
	padding: 20px 60px;
	background-color: #D8D2C5;
	border-radius: 80px;
	font-weight: 700;
}
.testimonials-one h3.second-title{
	font-family: 'Clear Brain';
	font-size: 45px;
	font-weight: 400;
}

.testimonials-one .block-title {
	padding-bottom: 35px;
}


.testimonials-one__text {
	margin: 0;
	color: #737789;
	font-size: 22px;
	line-height: 46px;
	margin-bottom: 35px;
}

.testimonials-one__title {
	margin: 0;
	color: var(--thm-base);
	font-weight: bold;
	font-size: 20px;
}

.testimonials-one__carousel {
	overflow: hidden;
	padding: 85px 0px;
}

.testimonials-one .container {
	position: relative;
}

.testimonials-one__thumb-carousel {
	overflow: hidden;
	width: 100%;
}

.testimonials-one__thumb-carousel .swiper-slide {
	opacity: 0 !important;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.testimonials-one__thumb-carousel .swiper-slide-active {
	opacity: 1 !important;
}
.testimonials-one__single {
	padding: 25px 0px;
	border: 20px solid #FFB700;
	border-radius: 41px;
	background-color: var(--thm-background);
	position: relative;
	box-shadow: 4px 6px 3px #00000029;
}
.testimonials-one__carousel .swiper-slide-active {
	transform: scale(1.5);
	z-index: 10 !important;
}
.testimonials-one__carousel .swiper-slide {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	z-index: 1;
	padding: 0px 10px;
}


.testimonials-one__single .position-1{

	position: absolute;
	top: -34px;
	left: 15%;
	width: 60px;

}
.testimonials-one__single .position-2{

	position: absolute;
	bottom: -12px;
	right: -4px;
	width: 60px;

}
.testimonials-one__single .position-3{

	position: absolute;
	top: -26px;
	right: -1px;
	width: 60px;

}
.testimonials-one .swiper-pagination {
	position: relative;
	left: auto;
	bottom: auto;
	text-align: center;
}

.testimonials-one .my-auto {
	width: 100%;
}

.testimonials-one .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0;
}

.testimonials-one .swiper-pagination-bullet {
	outline: none;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: var(--thm-black);
	opacity: .2;
	margin: 0;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	position: relative;
}

.testimonials-one .swiper-pagination-bullet::before {
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	        transform: scale(0);
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-primary)), to(var(--thm-primary)));
	background-image: linear-gradient(90deg, var(--thm-primary) 0%, var(--thm-primary) 100%);
	-webkit-transform-origin: center;
	        transform-origin: center;
	background-size: 100% 100%;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
	z-index: 10;
	display: block;
	border-radius: 50%;
}

.testimonials-one .swiper-pagination-bullet+.swiper-pagination-bullet {
	margin-left: 10px !important;
}

.testimonials-one .swiper-pagination-bullet:hover,
.testimonials-one .swiper-pagination-bullet-active {
	-webkit-transform: scale(1.5);
	        transform: scale(1.5);
	opacity: 1;
}

.testimonials-one .swiper-pagination-bullet:hover::before,
.testimonials-one .swiper-pagination-bullet-active::before {
	-webkit-transform: scale(1);
	        transform: scale(1);
}

.testimonials-one__pagination-wrap {
	position: relative;
	bottom: 18px;
	right: 15px;
	background-color: transparent;
	z-index: 11;
	margin-top: 100px;
}

.testimonials-one__image {
	position: relative;
	display: inline-block;
}

.testimonials-one__image::before {

}

.testimonials-one__thumb-carousel-wrap {
	position: relative;
}

.testimonials-one__icon {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 10;
	-webkit-transform: translateY(-50%) translateX(-50%);
	        transform: translateY(-50%) translateX(-50%);
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	        align-items: center;
	border-radius: 50%;
	width: 192px;
	height: 192px;
	border: 27px solid #f6f6fb;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-primary)), to(var(--thm-primary)));
	background-image: linear-gradient(90deg, var(--thm-primary) 0%, var(--thm-primary) 100%);
}

@media (max-width: 1350px) {
	.testimonials-one__icon {
		left: 50%;
		-webkit-transform: translateY(-50%) translateX(50%);
		        transform: translateY(-50%) translateX(50%);
	}
}

/*--------------------------------------------------------------
# Brand
--------------------------------------------------------------*/

.brand-one {

	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding-top: 119px;
	padding-bottom: 119px;
	border-bottom: 1px solid #e4e4ee;
}

@media(min-width: 1200px) {
	.brand-one .container {
		padding-left: 60px;
		padding-right: 60px;
	}
}

.brand-one__carousel img {
	opacity: 0.3;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.brand-one__carousel img:hover {
	opacity: .6;
}


/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/

.team-one {
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
}
.team-one .block-title h3 span{
	padding:5px 40px;
}
.team-one  h3.title {
}
[class*=team-one__bg-shape-] {
	position: absolute;
}

.team-one__bg-shape-1 {
	top: 35px;
	left: 0;
}

.team-one__bg-shape-2 {
	left: 60px;
	bottom: 100px;
	-webkit-animation-name: shapeMover;
	animation-name: shapeMover;
	-webkit-animation-duration: 9s;
	animation-duration: 9s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.team-one .container {
	position: relative;
}

.team-one__single {
	margin-bottom: 30px;
	border-radius: 5px;
	text-align: center;
	position: relative;
	padding-top: 57px;
	-webkit-transform: scaleY(1);
	        transform: scaleY(1);
	-webkit-transform-origin: top;
	        transform-origin: top;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
	padding-right: 40px;
	padding-left: 40px;
}

.team-one__inner {
	-webkit-transform-origin: top;
	        transform-origin: top;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
	-webkit-transform: scaleY(1);
	        transform: scaleY(1);
}
.team-one__inner .social-icon{
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: #A52083;
	font-size: 25px;
	color: #fff;
	position: relative;
	overflow: hidden;
	margin: 0px auto;
}
.team-one__inner .social-icon::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	-webkit-transform: translateY(100%) rotate(180deg) perspective(44px);
	transform: translateY(100%) rotate(180deg) perspective(44px);
	background-image: linear-gradient(117deg, var(--thm-primary) 0%, var(--thm-primary) 100%);
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.team-one__inner .social-icon:hover::before {
	-webkit-transform: translateY(0%) rotate(0deg) perspective(44px);
	        transform: translateY(0%) rotate(0deg) perspective(44px);
}
.team-one__inner .social-icon i{
	position: relative;
	z-index: 20;
}

.team-one__image {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #e4e4ee;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-one__single:hover .team-one__image {
	border-color: transparent;
}

.team-one__single h3 {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: var(--thm-black);
	line-height: 1em;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	background: #FFB700;
	padding: 10px 30px;
	border-radius: 41px;
	margin-top: 32px;
	/* min-height: 56px;
	align-items: center; */
}

.team-one__single p {
	color: #000000;
	margin: 0;
	line-height: 1em;
	font-size: 18px;
	margin-top: 12px;
	margin-bottom: 10px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	font-style: italic;
	margin-top: 15px;
}


.team-one__social {
	position: absolute;
	bottom: -70px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	        justify-content: center;
	z-index: 11;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}


.team-one__social>a {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	        align-items: center;
	text-align: center;
	background-color: #fff;
	opacity: 0.3;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-one__social>a i {
	color: #737789;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	font-size: 16px;
}

.team-one__social a+a {
	margin-left: 10px;
}

.team-one__inner {
	position: relative;
}


/*--------------------------------------------------------------
# App shots
--------------------------------------------------------------*/


.app-shot-one {
	padding-top: 120px;
	padding-bottom: 170px;
	position: relative;
}


.app-shot-one .container-fluid {
	max-width: 1595px;
	width: 100%;
	position: relative;
}

.app-shot-one .app-shot-one__carousel {
	padding-top: 100.5px;
	padding-bottom: 100.5px;
	margin-top: -20px;
}

.app-shot-one .app-shot-one__carousel:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-image: url(../images/app-shots/app-screen-moc6.png);
	background-position: center center;
	background-repeat: no-repeat;
	width: 305px;
	height: 651px;
	background-size: 100% auto;
	box-shadow: 0px 0px 60px 0px rgba(5, 5, 6, 0.05);
}

.page-id-1940 .app-shot-one .app-shot-one__carousel:before {
	background-image: url(../images/app-shots/app-screen-moc3-d.png);
}

@media (max-width: 1440px) {
	.app-shot-one .app-shot-one__carousel:before {
		-webkit-transform: translate(-50%, -49%) scaleY(0.95);
		transform: translate(-50%, -49%) scaleY(0.95);
	}
}

@media (max-width: 1280px) {
	.app-shot-one .app-shot-one__carousel:before {
		-webkit-transform: translate(-50%, -49%) scale(0.8);
		transform: translate(-50%, -49%) scale(0.8);
	}
}


.app-shot-one .app-shot-one__carousel .owl-dots {
	position: absolute;
	bottom: -60px;
	left: 0;
	text-align: center;
	z-index: 10;
	width: 100%;
}

.app-shot-one .app-shot-one__carousel .owl-dots .owl-dot span {
	width: 7px;
	height: 7px;
	background-color: var(--thm-black);
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 0.2;
	margin: 0 5px;
	position: relative;
	-webkit-transition: opacity .4s ease, background .4s ease, -webkit-transform .4s ease;
	transition: opacity .4s ease, background .4s ease, -webkit-transform .4s ease;
	transition: transform .4s ease, opacity .4s ease, background .4s ease;
	transition: transform .4s ease, opacity .4s ease, background .4s ease, -webkit-transform .4s ease;
}

.app-shot-one .app-shot-one__carousel .owl-dots .owl-dot span::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	border-radius: 50%;
	z-index: 10;
	opacity: 0;
	-webkit-transform: scale(1.0);
	        transform: scale(1.0);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-primary)), to(var(--thm-base)));
	background-image: linear-gradient(90deg, var(--thm-primary) 0%, var(--thm-base) 100%);
}

.app-shot-one .app-shot-one__carousel .owl-dots .owl-dot:hover span::before,
.app-shot-one .app-shot-one__carousel .owl-dots .owl-dot.active span::before {
	opacity: 1;
	-webkit-transform: scale(2);
	        transform: scale(2);
}

.app-shot-one .app-shot-one__carousel .owl-dots .owl-dot:hover span,
.app-shot-one .app-shot-one__carousel .owl-dots .owl-dot.active span {
	opacity: 1;
}

.app-shot-one .owl-item img {
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease;
}



/*--------------------------------------------------------------
# Video
--------------------------------------------------------------*/


.video-one {
	width: 100%;
	max-width: 1550px;
	padding-left: 15px;
	margin-left: auto;
}

.video-one .container-fluid {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-position: right center;
	background-attachment: fixed;
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	        align-items: center;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding-top: 200px;
	padding-bottom: 200px;
}

.video-one .container-fluid::before {
	content: '';
	position: absolute;
	top: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-base)), to(var(--thm-primary)));
	background-image: linear-gradient(90deg, var(--thm-base) 0%, var(--thm-primary) 100%);
	opacity: 0.8;
}

.video-one__btn {
	width: 192px;
	height: 192px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	        align-items: center;
	border: 27px solid #fff;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 10;
	background-size: 200% auto;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--thm-base)), color-stop(51%, var(--thm-primary)), to(var(--thm-base)));
	background-image: linear-gradient(90deg, var(--thm-base) 0%, var(--thm-primary) 51%, var(--thm-base) 100%);
}

.video-one__btn:hover {
	background-position: right;
}

.video-one__btn i {
	color: #fff;
	font-size: 40px;
}

.video-one__content {
	position: absolute;
	z-index: 12;
	top: calc(50% - 239px);
	left: calc(0% - 230px);
	width: 100%;
	max-width: 460px;
	background-color: #fff;
	border-radius: 5px;
	padding-top: 144.5px;
	padding-bottom: 144.5px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	        align-items: center;
	box-shadow: 0px 10px 60px 0px rgba(46, 61, 98, 0.1);
}

@media(max-width: 1760px) {
	.video-one {
		margin-top: 174.5px;
	}

	.video-one__content {
		left: 0;
		top: calc(0% - 174.5px);
		padding-top: 80px;
		padding-bottom: 80px;
		box-shadow: 0px -10px 60px 0px rgba(46, 61, 98, 0.1);
	}
}


.video-one__content .block-title {
	padding-bottom: 0;
}

/*--------------------------------------------------------------
# FAQ
--------------------------------------------------------------*/

.faq-one {
	padding-bottom: 40px;
	position: relative;
	padding-top: 0 !important;
}
.faq-one::before{


}
.faq-one .first-accordion{
	position:relative;

}
.faq-one .first-accordion::after{
}
.faq-one .block-title h3{


}

[class*=faq-one__bg-shape-] {
	position: absolute;
	top: -220px;
	left: 0;
}

.faq-one .container {
	position: relative;
}

@media (min-width: 992px) {
	.faq-one .container {
	}
}

.faq-accrodion .accrodion {
	position: relative;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	border-bottom: 2px solid rgba(0, 0, 0, .1);
}

.faq-accrodion .first-accordion {
	border-top: 2px solid rgba(0, 0, 0, .1);
}


.faq-one .block-title{
	padding-bottom:0px !important;
}

/* .faq-accrodion .accrodion+.accrodion {
	margin-top: 16px;
} */



.faq-accrodion .accrodion.active .accrodion-inner {
	margin: 0 1px;
}

.faq-accrodion .accrodion.active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}


.faq-accrodion .accrodion.active .accrodion-title {
	background-color: #fff;
	margin-top: -15px;
	padding-top: 15px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding-bottom: 15px;
}

.faq-accrodion .accrodion.active .accrodion-title h4 {
	color: #4D5464;
	font-weight: 700;
	font-size: calc(33.89 / 3864 * 100vw);
	margin-right: 1.5rem !important;
}

.faq-accrodion .accrodion .accrodion-title h4 {
	color: #4D5464;
	font-weight: 700;
	font-size: calc(33.89 / 3864 * 100vw);
	margin-right: 1.5rem !important;
}

.faq-accrodion .accrodion .accrodion-inner {
	background-color: #ffffff;
	padding: 30px 0;
	border-style: solid;
	border-width: 0px;
	border-color: #707070;
	border-radius: 0px;
	position: relative;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	border-radius: 30px;
}

.faq-accrodion .accrodion .accrodion-title {
	padding: 0px 60px;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
@media (max-width: 375px) {
	.faq-accrodion .accrodion .accrodion-title {
		padding-right: 50px;
	}
}

.faq-accrodion .accrodion .accrodion-title:before {
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	font-size: 18px;
	color: #b3b3b3;
	text-align: center;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 60px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 1;

	-webkit-transition: all 500ms ease;

	transition: all 500ms ease;

}

.faq-accrodion .accrodion .accrodion-title::after {
	content: '\f107';
	font-weight: 600;
	font-family: 'Font Awesome 5 Free';
	font-size: 18px;
	color: #b3b3b3;
	text-align: center;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 60px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: transform 0.4s cubic-bezier(.4,2,.6,1), color 0.2s;
	opacity: 0;

	-webkit-transition: all 500ms ease;

	/* transition: all 500ms ease; */

}

.faq-accrodion .accrodion.active .accrodion-title::before {
	opacity: 0;
}

.faq-accrodion .accrodion.active .accrodion-title::after {
	opacity: 1;
}

/* .faq-accrodion .accrodion .accrodion-title h4 {
	margin: 0;
	color: var(--thm-black);
	font-weight: 700;
	font-size: 1rem;
} */

/* @media (max-width: 375px) {
	.faq-accrodion .accrodion .accrodion-title h4 {
		line-height: 1.4em;
	}
} */

.faq-accrodion .accrodion .accrodion-content .inner {
	padding: 0 60px;
	padding-right: 60px;
	padding-top: 15px;
	padding-bottom: 0px;
}

.faq-accrodion .accrodion .accrodion-content p {
	margin: 15px 5px;
	color: #4D5464;
	font-size: 20px;
	line-height: 36px;
	font-weight: 500;
	line-height: 25px !important;
	font-size: calc(33.57 / 928 * 100vw) !important;
}

.faq-accrodion .accrodion .accrodion-content ol {
	margin: 15px 5px;
	color: #4D5464;
	font-size: 20px;
	line-height: 36px;
	font-weight: 500;
	line-height: 25px !important;
	font-size: calc(33.57 / 928 * 100vw) !important;
}



@media (max-width: 768px) {

	.header-content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}
	header::before {
		display:none;
	}
	.banner-one::before {
		display:none;
	}
	.images-block{
		padding:25px 0px;
		padding-top:0px;
	}
	.banner-one::after {
		display:none;
	}
	.responsive-country{
		width: 30px;
		display: inline-block;
		margin-bottom: 0px;
		margin-right: 15px;
		margin-top: 10px;
	}
	.cta-one .content-box-responsive{
		padding: 40px;
		background-color: var(--thm-primary);
		border-radius:24px;

	}
	.service-one .block-title {
		display: inline-block;
		position: relative;
		top: unset;
	}
	.service-one .block-title span::after {
		display: none;
	}
	.cta-one .cta-one-responsive{
		position:relative;
		margin: 50px 0px;
	}
	.cta-one .cta-one-responsive img{
		margin-bottom: -30px;
	}
	.cta-one .content-box-responsive h3{

		font-size:1.3rem;
		color:#fff;
		font-weight: bold;
	}

	.cta-one .content-box-responsive hr{
		border-color: #fff;
		width: 70%;
	}
	.cta-one .content-box-responsive p{
		color: #fff;
		text-align: center;
	}
	.cta-three h3, .block-title h3 {
		text-align:center;
	}
	.cta-one__text p {
		text-align:center;
	}
	.cta-one__content {
		text-align: center;
	}
	.cta-one a{
		margin-bottom:32px;
	}
	.cta-one::after {
		display:none;

	}

	.cta-one::before {
		display:none;

	}
	.service-one::after {
		display:none;

	}
	.cta-two::before {
		display:none;

	}

	.cta-two::after {
		display:none;

	}
	.testimonials-one {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.cta-two__icon-wrap {
		margin-bottom: 0px;
	}
	.testimonials-one::after {
		display:none;
	}
	.testimonials-one::before {
		display:none;
	}
	.testimonials-one .block-title {
		padding-bottom: 0px;
	}
	.testimonials-one__carousel {
		padding: 30px 0px;
	}
	.cta-four::before {
		display:none;
	}
	.cta-four::after {
		display:none;
	}
	.team-one::before {
		display:none;
	}
	.team-one::after {
		display:none;
	}
	.team-one__carousel{
		padding-left:1rem;
		padding-right:1rem;
	}
	.team-one__single {
		margin-bottom: 0px;
		border-radius: 5px;
		padding-top: 0px;
		padding-right: 0px;
		padding-left: 0px;
	}
	.team-one__single h3 {
		margin: 0;
		font-size: 20px;
		font-weight: bold;
		line-height: 1em;
		padding: 9px 5px;
		border-radius: 41px;
		margin-top: 10px;
	}
	.contact-one::before {
		display:none;
	}
	.contact-one::after {
		display:none;
	}
	.contact-one {
		padding-top: 25px;
		padding-bottom: 25px;
		background-color: #FFB700;
	}
	.contact-one .block-title p{
		font-size: 18px !important;
	}
	.service-one h3.title {
		font-size: 17px;
	}
	.service-one .top-icon {
		width: 40px;
	}
	.service-one {
		padding: 26px 0px;
	}
	.service-one__single img.icon{
		max-width: 60px;
	}

	.cta-two__text{
		margin-left: 0px !important;
	}
	/* .cta-two__icon-single h3 {
		font-size: 18px;
		line-height: 25px;
	} */
	/* .cta-two__text p {
		font-size: 16px !important;
		margin-top: 0px;
	} */
	/* .cta-two__content .block-title {
		padding-bottom: 20px;
	} */
	/* .cta-two__icon-single {
		margin-bottom: 20px;
	} */
	.testimonials-one h3.title {
		font-size: 1rem;
	}
	.testimonials-one__carousel .swiper-slide-active {
		transform: scale(1);

	}
	.testimonials-one__single {
		padding: 20px 30px;
		border: 15px solid #FFB700;
		border-radius: 25px;
		background-color: var(--thm-background);
		position: relative;
	}
	.testimonials-one__single .position-1 {
		position: absolute;
		top: -25px;
		left: 15%;
		width: 30px;
	}
	.testimonials-one__single .position-2 {
		position: absolute;
		bottom: 55px;
		right: -10px;
		width: 30px;
	}
	.testimonials-one__single .position-3 {
		position: absolute;
		top: -8px;
		right: -7px;
		width: 30px;
	}
	.cta-one {
		padding-top: 25px !important;
		padding-bottom: 25px !important;
	}
	h3.title {
		font-size: 25px !important;
		padding: 5px 16px !important;

	}
	.cta-one .icon {
		width: 40px;
		}
	.top-icon {
		width: calc(156 / 928 * 100vw) !important;
		height: calc(156 / 928 * 100vw);
	}
	.faq-one::before {
		display:none;
	}
	.faq-one .first-accordion {
		padding-left: 0px;
		position: relative;
		margin-top:30px;
	}
	/* .faq-accrodion .accrodion {
		margin-bottom: 20px;
	} */
	.faq-one .first-accordion::after {
		display:none;
	}
	.contact-one__form textarea, .contact-one__form .bootstrap-select>.dropdown-toggle, .contact-one__form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
		border: none;
		outline: none;
		display: block;
		width: 100%;
		border-radius: 12px;
		background-color: var(--thm-gray);
		padding-left: 10px;
		padding-right: 10px;
		border: 1px solid #e4e4ee;
		color: #000000;
		background-color: #FFFFFF;
		font-weight: 500;
		margin-bottom: 10px;
	}
	.mailchimp-one .title{
		padding: 5px 0px !important;
	}
	.contact-one__btn{
		background-color: #4169e1;
		color: #fff;
	}
	.contact-one__btn:hover{
		background-color: #0069d9;
	}
	.faq-accrodion .accrodion-title h4 {
		font-size: calc(33.89 / 928 * 100vw) !important;
	}
	.site-footer__upper .slogan-img {
		margin-top: 20px;
		width: 70%;
		margin-bottom: 2rem;
	}
	.contact-one .contact-block {
		padding: 0px;
		border-radius: 27px;
		margin: 0px 10px;
		background-color: #FFB700;
		box-shadow: none;
	}
	.cta-one__content.content-box{

		border-radius: 21px !important;
		background-color: #FFFFFF;
		padding: 20px;
		margin-bottom: -50px;

	}
	.cta-one__content.content-box h3{

		font-size: 1.2rem !important;
	}

	.cta-one__content.content-box p{


	}
	.team-one .block-title h3 span {
		padding: 5px 20px;
		}
	.cta-four .cta-one__btn {
		font-size: 1.5rem !important;
	}
	.cta-three {
		padding-bottom: 0px !important;
		padding-top: 0px !important;
	}
	.mailchimp-one {
		padding-top: 0px !important;
		padding-bottom: 25px !important;
	}
	.mailchimp-one .inner-container .title span{
		color: #fff;
		padding: 5px 13px;
		margin: 8px 0px;
		display: inline-block;
		position: relative;
		font-weight: bold;
		text-align: center;
		font-size: 1.2rem;
	}

	.mailchimp-one  .main-img{
		width: 60%;
		margin: 0px auto;
		display: block;
	}
	.mailchimp-one__form .icon-input-container {
		background-color: #FFFFFF; /* White background */
		border-radius: 49px; /* Border radius of 49px */
		display: flex; /* Use flexbox to align items in a row */
		align-items: center; /* Center items vertically */
		padding: 10px; /* Add some padding around the contents */
	}

	.mailchimp-one__icon i {
		font-size: 16px;
		margin-right: 0px; /* Add some space between the icon and the input */
	}
	.mailchimp-one .inner-container {
		background: #3366CC;
		padding: 10px 20px;
		border-radius: 24px !important;
		border: none;

	}
	.mailchimp-one__icon i {
		font-size: 16px;
		}
	.player-md{
		display:none;
	}
	.player-xs{
		display:block;
		width: 70%;
		margin: 0px auto;
	}
	.thm-btn {
		height: 50px;
		border-radius: 25px;
		padding: 13px 40px;
		line-height: 25px;
		font-size: 16px;
		width: 100%;
	}
	.register-header-mobile{

		height: 36px;
		border-radius: 25px;
		padding: 10px 7px;
		line-height: 18px;
		font-size: 10px;

	}
	p {
		/* font-size: 16px !important; */
		line-height: 19px !important;
	}

	.cta-two .block-title h3 span {
		padding: 5px 30px;
	}
	.banner-one__btn {
		font-size: 1.5rem !important;
	}
	.service-one .content-box {
		border-radius: 32px !important;
		box-shadow: 0px 3px 6px #00000029;
		margin-bottom: 2rem;
	}
	.service-one .step p {
		margin-top: 0px;
	}
	.service-one .step .icon {
		margin-left: 0px;
		width: 60px !important;
	}
	.service-one .step h3 {
		font-weight: bolder;
		color: var(--thm-primary);
		font-size: 1rem;
	}
	.block-title h3 {
		font-size: calc(56.57 / 928 * 100vw) !important;
		padding-bottom: 0;
	}
	.service-one__single .number-icon {
		display:block !important;
	}
	.service-one__single .number-icon {
		position: absolute;
		top: 16px;
		left: 16px;
		width: 25px;
	}
	.service-one__single {
		box-shadow: 4px 5px 0px #3366CC;
		border-radius: 11px;
		margin: 0px 5px;
		margin-bottom: 20px;
	}
	.service-one__inner {
		padding: 16px 4px;
		border-radius: 11px;
		min-height: 115px;
	}
	.service-one__single h3 {
		margin: 0;
		font-weight: 900;
		font-size: 18px;
		margin-bottom: 3px;
		margin-top: 10px;
		padding: 0px 0px;
		min-height: auto;
	}
	.service-one__single p {
		font-size: 16px !important;
		line-height: 20px !important;;
	}
	.mt-100 {
	margin-top: 24px;
	}
	.cta-two {
		padding-bottom: 25px;
		padding-top: 25px;
	}
	.cta-four p{

		color:#000000;

	}
	.team-one {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.faq-one {
		padding-bottom: 25px;
		padding-top: 25px;
	}
	.faq-accrodion .accrodion .accrodion-inner {
		background-color: #ffffff;
		padding: 10px 0;
		/* border-radius: 8px; */
	}
	.faq-accrodion .accrodion .accrodion-title {
		text-align: left;
	}
	.faq-accrodion .accrodion .accrodion-content .inner {
		padding-right: 10px !important;
		padding-left: 10px !important;
		padding-top: 10px !important;
	}
	.faq-accrodion .accrodion .accrodion-title::after {
		font-size: 20px;
	}
	.faq-accrodion .accrodion .accrodion-title:before {
		font-size: 20px;

	}
	.faq-accrodion .accrodion+.accrodion {
		margin-top: 8px;
	}
	.contact-footer a{
		font-size:10px;
		line-height:15px;
	}
	.banner-one__content h1 {
		margin: 0;
		font-size: 2.3rem;
		font-weight: 300;
		margin-top: 40px;
		margin-bottom: 32px;
		text-align: center;
	}
	.testimonials-one__pagination-wrap {
		position: relative;
		margin-top: 20px;
	}
	#sentence {
		display: block;
		transition: opacity 1s;
		color: var(--thm-primary);
		white-space: pre-line;
		text-align: center;
		min-height: 144px;
		height:144px;
		overflow-y: hidden;
		font-size: unset;
	}
	#sentence span{
		display:block;
	}
	.flag-btn img{
		width:100px;
	}

	.logo-btn img{
		width:50%;
	}
	.logo-responsive{
		width:100px;
	}
	.site-header-one__buttons a:first-child {
		margin-right: 5px; /* Adjust the value as needed */
	}


}

@media only screen and (min-width: 1024px)  and (max-width: 1440px) {

	.banner-one::before {
		top: 80%;
		left:-20px;

	}
	.cta-one::before {

		right: -300px;
	}
	.service-one::after {

		left: -100px;
	}
	.cta-two::after {

		left: -543px;
	}
	.testimonials-one::after {
		left: -154px;
	}
	.cta-four::before {
		right: -500px;
	}
	.team-one::before {
		left: -437px;
	}
	.team-one::after {
		right: -230px;
	}
	.contact-one::before {
		left: -97px;
	}
	.contact-one::after {
		right: -400px;
	}
	.cta-one__text p {
		padding: 10px 15px;

	}


}
.contact-footer{
	background-color:#3366CC;
}
.contact-footer ul{
	margin: 0px auto;
	list-style: none;
	padding-left: 0px;
}

.contact-footer a{
	color:#FFFFFF;
}
.contact-footer p{
	color:#FFFFFF;
}
.strong-message{
	font-weight:900 !important;
}


/**** Delegation section ****/

.main-nav__btn:hover{
	background-color: #3366cc !important;
	color: #fff !important;
}
.delegate-background{
	background: url(../images/delegate-background.jpg) no-repeat center center;
	background-size: cover;
}

/* Fondo para escritorio */
.features-background-2 {
    background: url(../images/delegate-background.jpg) center/cover no-repeat;
    min-height: 724px;
}

/* Overlay oscuro */
.delegate-background::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Ajusta la opacidad según necesites */
    z-index: 1;
}

/* Delegate-content */
.delegate-content h2{
	color:#fff !important;

}

.delegate-content h3 {
	color: #fff !important;
	font-weight: 400 !important;
}

.delegate-name {
	margin-top: 1rem !important;
	font-size: 18px !important;
}

@supports (-webkit-touch-callout: none) and (max-width: 768px) {
    .delegate-content h2 {
        -webkit-text-size-adjust: none; /* Previene el ajuste automático de texto */
    }
}

@media (max-width: 767px) {
    .delegate-section {
        padding: 30px 0 0 0 !important;
		/* margin-top: -68px;
		padding-top: 80px; */
		padding-bottom: 0px;
    }

	/* .delegate-padding {
		top: -137px !important
	} */

	.delegate-content h2 {
		font-size: 1.4rem;
		line-height: 1.2;
		margin-bottom: 1rem;
		/* margin-top: 35px; */
		position: relative;
		z-index: 3;
	}

	.delegate-content h3 {
		font-size: 2.3rem !important;
		line-height: 1.2 !important;
		margin-bottom: 1rem !important;
		padding: 8rem 3rem 0 1rem !important;
		position: relative !important;
		z-index: 3;
	}

	.delegate-name {
		margin-top: 0 !important;
		font-size: 14px !important;
	}

	.delegate-content h2:after :not(.predefined-task-title){
		content: '';
		position: absolute;
		/* top: -109px; */
		left: 0px;
		right: 0px;
		height: calc(100% + 3rem + 35px + 74px);
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/delegate-mobile.jpg);
		background-size: cover;
		background-position: top right;
		background-repeat: no-repeat;
		z-index: -1;
	}

	.delegate-input-wrapper {
		border-radius: 30px 30px 0 0 !important;
	}

    .delegate-input-group {
        flex-direction: column;
		/* margin-bottom: 0.5rem!important; */
    }
	.delegate-input-group-price{
		margin-bottom: 0px!important;
	}

    .delegate-input,
    .delegate-button {
        border-radius: 15px;
        /* margin-bottom: 10px; */
        width: 100%;
    }
	.delegate-section .container{
		padding: 0px;
	}
	.delegate-section .delegate-content h2{
		padding: 6rem 3rem 0px 15px;
	}

	/* .delegate-background{
		background: url(../images/delegate-mobile-v2.jpg) no-repeat center center;
		background-size: contain;
		background-position: top right;
		position: relative;
		top: -78px;
		z-index: 0;
	} */

	.delegate-background {
		background: url(../images/delegate-mobile-v2.jpg) no-repeat center center;
		background-color: rgba(0, 0, 0, 0);
		background-position-x: center;
		background-position-y: center;
		background-size: auto;
		background-size: contain;
		background-position: top right;
		position: relative;
		margin-top: -78px; /* Ajusta el margen en lugar de usar top */
		z-index: 0;
	}

	.delegate-content h3 {
		padding-left: 2rem !important;
	}

	.delegate-padding {
		margin-top: -140px !important; /* Ajusta el margen en lugar de usar top */
	  }

}

@media (min-width: 768px) and (max-width: 991px) {
	.delegate-content {
		margin-top: 4.5rem !important;
	}

    .delegate-content h2 {
        font-size: 2rem;
    }

	.delegate-input-group {
		margin-bottom: 0 !important;
	}

    .delegate-input,
    .delegate-button {
        font-size: 14px;
    }
	.delegate-input-price {
		font-size: 40px !important;
	}

    .delegate-button {
        padding: 0 15px;
		margin-bottom: 0.5rem !important;
    }
	.main-nav__main-navigation .main-nav__navigation-box>li+li {
		margin-left: 15px !important;
	}
	.main-nav__main-navigation .main-nav__navigation-box>li>a {
		font-size: 12px !important;
	}
}

@media (min-width: 992px) {
	.delegate-content {
		margin-top: 4.5rem !important;
	}

    .delegate-content h2 {
		font-size: 1.7re !important;
		font-weight: 500 !important;
    }
}

/* Asegúrate que el contenido esté por encima del overlay */
.delegate-background > * {
    position: relative;
    z-index: 3;
}
.delegate-highlight-yellow{
	color: #FFB700;
	font-weight: 700;
}
.delegate-clear{
	font-family: 'Clear Brain', sans-serif;
	color: #FFB700;
}
.delegate-highlight{
	font-weight: 600;
}
.delegate-section {
	padding-top: 80px;
	padding-bottom: 40px;
    background-color: #4065C5;
	position: relative;
}
/* .delegate-input-group-price{
	margin-bottom: 1.5rem !important;
} */

.btn-solicitudes-price {
	background-color: #efefef;
	border-radius: 12px;
	height: calc( 150 / 928 * 100vw );
}

.btn-solicitudes-price .monto-task {
	font-family: "Montserrat", sans-serif !important;
	background-color: #efefef;
	border: 0px solid #efefef;
	color: #3366cc !important;
	font-weight: 700;
	font-size: calc( 79.79 / 928 * 100vw ) !important;
	text-align: center;
	height: auto !important;
	padding: 0.25rem 0rem 0.25rem 2.5rem !important;
}
.btn-solicitudes-price .monto-task::placeholder {
	color: #3366cc !important;
	font-weight: 700;
	text-align: right;
}

/* Chrome, Safari, Edge, Opera */
.monto-task::-webkit-outer-spin-button,
.monto-task::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.btn-solicitudes-price .fa-minus,
.btn-solicitudes-price .fa-plus {
	padding: 1rem !important;
	/* color: #3366cc !important; */
	font-size: calc( 80 / 928 * 100vw ) !important;
}

/* Firefox */
.monto-task[type=number] {
  -moz-appearance: textfield;
}

.btn-solicitudes-price .currency {
	display: flex;
    align-items: center;
	font-size: calc( 36.21 / 928 * 100vw ) !important;
	color: #9ea1aa;
	font-weight: 700;
	padding: 0 0.5rem !important;
}

.delegate-input-textarea {
    border-radius: 15px;
	border: 1px solid #9da0aa;
}

.delegate-input-textarea .description-task-counter {
	color: #9da0aa !important;
	font-size: calc( 24 / 928 * 100vw ) !important;
}

.logo.mobile {
    display: none;
}
@media screen and (max-width: 768px) {
    .logo.desktop {
        display: none;
    }
    .logo.mobile {
        display: block;
    }
}

.delegate-input-wrapper {
    width: 100%;
	background-color:#fff;
	padding: 4px 20px;
	border-radius: 30px;
	position: relative;
	box-shadow: 0px 0px 4px 4px rgba(77,84,100,0.2);
	-webkit-box-shadow: 0px 0px 4px 4px rgba(77,84,100,0.2);
	-moz-box-shadow: 0px 0px 4px 4px rgba(77,84,100,0.2);
}

.delegate-input-group {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	flex-direction: column;
}
.delegate-input-group label{
	/* color:#ffffff; */
	margin: 5px !important;
	font-weight:bold;
	font-size: calc( 34.65 / 928 * 100vw ) !important;
}

.delegate-input {
    flex-grow: 1;
    height: 60px;
    border-radius: 15px;
    border: none;
    padding: 16px 20px 6px;
    font-size: 14px;
	font-style: italic;
	/* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); */
	outline: none !important;
	/* line-height: 1rem; */
}
.delegate-textarea{
	font-style: normal;
	text-align: left;
	height: auto !important;
	width: 80%;
	display: flex;
	margin-left: auto;
	margin-right: auto;
}
.delegate-textarea::placeholder {
    color: #9da0aa !important;
	text-align: center;
	font-weight: 700;
	font-style: italic;
}
.delegate-textarea::-webkit-input-placeholder {
    color: #9da0aa !important;
	text-align: center;
	font-weight: 700;
	font-style: italic;
}
.delegate-button {
    background-color: #3366cc;
    color: #fff;
    border: none;
    border-radius: 15px;
    height: 60px;
    font-weight: bold;
    white-space: nowrap;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom: 0.5rem;
}
.delegate-button i{
	color: #fff;
	position: absolute;
	right: 16px;
	font-size: 2rem;
	transform: translateY(-50%);
	top: 50%;
}
.delegate-input-price-wrapper{
	display: flex;
	flex-direction: row;
	gap: 0px;
}
.delegate-input-currency{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	width: 20%;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	background-color: #d0dffd;
	color: #4064c5;
}
.delegate-input-price{
font-size: 40px;
font-weight: bold;
text-align: center;
width: 80%;
flex-shrink: 0;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
color: #4065C5;
}
.delegate-button-group{
	display: flex;
	flex-direction: row;
	gap: 0px;
	justify-content: space-between;
}

.delegate-button-group button:first-child{
	border-radius: 15px 0 0 15px;
	width:100%;
	border-right: 1px solid #000;
	font-size: 4rem;
	height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #04309f;
}
.delegate-button-group button:last-child{
	border-radius: 0 15px 15px 0;
	width:100%;
	font-size: 4rem;
	height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #04309f;
}
.delegate-button:hover {
    background-color: #d0dffd;
    color: #4064c5;
}

.delivery-requests {
    padding: 60px;
    background-color: #3366cc;
    overflow: hidden;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.delivery-requests__title {
    width: 100%;
    max-width: 950px; /* o el ancho de tu container */
    margin: 0 auto 40px;
    padding: 15px 15px 0 15px;
	font-weight: 700;
	text-align: center;
	font-size: calc(56.57 / 928 * 100vw) !important;
	color: #fff;
}

.delivery-requests__container {
    position: relative;
    overflow: hidden;
    padding: 0 0 20px 0;
    width: 100%;
}

.delivery-requests__track-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.delivery-requests__track {
    display: flex;
    position: relative;
    white-space: nowrap;
    will-change: transform;
    transition: transform 0.1s linear;
    padding: 0 calc((100vw - 950px) / 2); /* Ajusta según el ancho de tu container */
}

.delivery-request-card {
    flex: 0 0 270px;
    margin: 0 15px 1.5rem 15px; /* Unifica el margin-bottom */
    padding: 25px 12px 10px 15px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3); /* Usa el box-shadow más notorio */
    white-space: normal;
    display: flex;
    flex-direction: column;
    /* height: 160px; */
}

.delivery-request-card__content {
    flex: 1 1 80%;
    min-width: 0;
    max-width: 80%;
}

.card-avatar.card-avatar-detailed-request {
    flex: 0 0 20%;
    max-width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-avatar-detailed-request img {
    width: calc(140 / 928 * 100vw) !important;
    height: calc(140 / 928 * 100vw) !important;
    position: relative;
    display: inline-block;
}

.avatar-status-online-request {
    position: absolute;
    bottom: calc(270 / 928 * 100vw) !important;
    right: calc(110 / 928 * 100vw) !important;
    width: calc(40 / 928 * 100vw);
    height: calc(40 / 928 * 100vw);
    background: #3366CC;
    border-radius: 50%;
    z-index: 2;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}

.delivery-request-card__header {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 0px;
}

.delivery-request-card__avatar {
    width: calc( 100 / 928 * 100vw);
    height: auto;
    border-radius: 50%;
    flex-shrink: 0;
	/* margin-top: auto; */
	margin-bottom: auto;
}

.delivery-request-card__category {
    font-size: calc(38 / 928 * 100vw) !important;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
	line-height: 1.2;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.delivery-request-card__title {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
	min-height: 3.6em;
}

.delivery-request-card__footer {
	margin-top: 0px;
	margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.delivery-request-card__price {
	font-family: "Monserrat", sans-serif;
    font-size: calc( 91.39 / 928 * 100vw);
    font-weight: 500;
    color: #333;
	font-weight: 700;
	line-height: 1.2
}

.delivery-request-card__rating {
    width: 80px;
    height: auto;
}



/**** Delegation banner ****/


.delegation-section {
    padding: 20px 0;
}

.delegation-banner {
    background-color: #FFD66B;
    padding: 60px;
    border-radius: 30px;
    width: 100%;
}

.delegation-banner__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}

.delegation-banner__title {
    font-size: 48px;
    line-height: 1.2;
    color: #1A1A1A;
    font-weight: normal;
    margin-bottom: 0;
}

.delegation-banner__highlight {
    font-weight: 700;
    color: #1A1A1A;
}

.delegation-banner__description {
    font-size: 20px;
    line-height: 1.5;
    color: #1A1A1A;
}

.delegation-banner__description p {
    margin-bottom: 20px;
	text-align: right;
}

.delegation-banner__description strong {
    font-weight: 600;
}

.delegation-banner__support {
	font-size: 15px;
	font-weight: 700;
	color: #1A1A1A;
	margin-top: 24px;
	background-color: #ffe9ae;
	text-align: center;
	padding: 10px 10px;
}

/* Responsive */
@media (max-width: 991px) {
    .delegation-banner {
        padding: 40px 30px;
    }

    .delegation-banner__content {
        grid-template-columns: 1fr;
        gap: 24px;
        text-align: center;
    }

    .delegation-banner__title {
        font-size: 36px;
    }

    .delegation-banner__description {
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .delegation-banner {
        padding: 30px 20px;
    }

    .delegation-banner__title {
        font-size: 28px;
    }

    .delegation-banner__description {
        font-size: 16px;
    }

    .delegation-banner__support {
        font-size: 14px;
    }
}


/**** Publish task ****/


.publish-task {
    padding: 80px 0 40px;
}

.publish-task__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: flex-start;
}

.publish-task__title {
    font-size: calc(56 / 928 * 100vw);
    line-height: 1.2;
    font-weight: 700;
    color: #4D5464;
}

.big_title {
    font-size: calc(70.26 / 928 * 100vw) !important;
    line-height: calc(70.26 / 928 * 100vw) !important;
}

.publish-task__description {
    font-size: 16px;
    line-height: 1.5;
    color: #4D5464;
    margin-bottom: 2rem;
	font-weight: 600;
	/* margin-left: 1.6rem; */
	margin-right: 1.6rem;
}

.publish-task__steps {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 2rem;
}

.publish-task__step {
    display: flex;
    align-items: center;
    gap: 16px;
}

.publish-task__step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #4065C5;
    color: white;
    border-radius: 50%;
    font-weight: 600;
    flex-shrink: 0;
}

.publish-task__step p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

.publish-task__step_i p span{
    font-size: 14px;
	font-style: italic !important;
}

.publish-task__step_i {
    display: flex;
    gap: 16px;
}
.publish-task__step__i-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #fff;
    color: #4065C5;
    border-radius: 50%;
    font-weight: 600;
    flex-shrink: 0;
}

.publish-task__step_i p{
	color: #fff !important;
}


.publish-task__button {
	display: inline-block;
	background-color: #FFCF52;
	color: #1A1A1A;
	padding: 0px 27px;
	border-radius: 15px;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
	margin-bottom: 0px;
	transition: background-color 0.3s ease;
	height: 50px;
	line-height: 50px;
}

.publish-task__button:hover {
    background-color: #4065C5;
    color: #ffffff;
}

.publish-task__note {
    font-size: 14px;
    color: #666;
}

.publish-task__image {
	position: relative;
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-end;
	border-radius: 15px;
	box-shadow: 0px 0px 4px 4px rgba(77,84,100,0.2);
  -webkit-box-shadow: 0px 0px 4px 4px rgba(77,84,100,0.2);
  -moz-box-shadow: 0px 0px 4px 4px rgba(77,84,100,0.2);
}

.publish-task__image img {
	position: absolute;
	height: 100%;
	width: auto;
	max-width: none;
	left: 0;
	top: 40%;
	transform: translateY(-50%);
	object-fit: cover;
	object-position: right center;
}

/* Responsive */
@media (max-width: 991px) {
    .publish-task {
        padding: 60px 0;
    }

    .publish-task__content {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    /* .publish-task__title {
font-size: calc(56.57 / 928 * 100vw);
        text-align: left;
    } */

    .publish-task__description {
        font-size: 18px;
        text-align: left;
		margin-bottom: 1rem;
    }

    .publish-task__steps {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .publish-task__button {
        display: block;
        text-align: center;
        max-width: 300px;
        margin: 0px auto;
    }

    .publish-task__note {
        text-align: center;
		margin-top: 8px;
    }

    .publish-task__image {
        max-width: 500px;
        margin: 0 auto;
		order: 1;
    }
	.publish-task__info {
        order: 2; /* Mueve el contenido después de la imagen */
    }

}

@media (max-width: 576px) {
    .publish-task {
        padding: 20px 0;
    }

    .publish-task__title {
		font-size: calc(56.57 / 928 * 100vw);
		text-align: center;
    }

    .publish-task__description {
		font-size: 16px !important;
		line-height: 1.2 !important;
    }

    .publish-task__step p {
		font-size: 18px !important;
    }

	.publish-task__button {
		font-size: 1.2rem;
		width: 250px;
	}
	.publish-task__content {
        gap: 30px;
    }

    .publish-task__image img {
		width: 100%;
		height: auto;
		position: relative;
		transform: none;
		top: unset;
    }
}


/**** Benefits Section ****/

.benefits {
    padding: 80px 0;
}

.benefits__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.benefits__image {
	position: relative;
    width: 100%;
    height: 100%; /* Altura igual a la columna derecha */
    display: flex;
    justify-content: flex-end;
}

.benefits__image img {
	position: absolute;
	height: 85%;
	width: auto;
	max-width: none;
	right: 0;
	top: 40%;
	transform: translateY(-50%);
	object-fit: cover;
	object-position: right center;
}

.benefits__title {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    color: #1A1A1A;
    margin-bottom: 40px;
}

.benefits__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 40px;
}

.benefits__item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.benefits__number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #4065C5;
    color: white;
    border-radius: 50%;
    font-weight: 500;
    flex-shrink: 0;
}

.benefits__item p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

.benefits__button {
	display: block;
	background-color: #FFCF52;
	color: #1A1A1A;
	padding: 0px 27px;
	border-radius: 15px;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
	margin-bottom: 0px;
	transition: background-color 0.3s ease;
	height: 50px;
	line-height: 50px;
	margin: 0px auto;
	align-self: center;
	width: 300px;
}

.benefits__button:hover {
    background-color: #4065C5;
	color: #ffffff;
}

.benefits__discount {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin: 0;
}

/* Responsive */
@media (max-width: 991px) {
    .benefits {
        padding: 60px 0;
    }

    .benefits__content {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .benefits__image {
        height: auto;
        justify-content: center;
    }

    .benefits__image img {
		width: 100%;
		max-height: none;
		margin-left: 0;
		position: relative;
		top: unset;
		transform: none;
		height: 100%;
    }

    .benefits__title {
        font-size: 32px;
        text-align: center;
    }

    .benefits__list {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .benefits__button {
        display: block;
        text-align: center;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 576px) {
    .benefits {
        padding: 20px 0;
    }

    .benefits__title {
		font-size: 2.3rem;
		text-align: left;
    }

    .benefits__item p {
		font-size: 18px !important;
		line-height: 1.2 !important;
    }

    .benefits__button {
		font-size: 1.2rem;
		padding: 0px 26px;
    }
	.benefits__discount{
		margin-top: 8px;
	}
}

.testimonials {
    padding-bottom: 2rem;
}

.testimonials__title {
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem;
}

.testimonials__videos {
    max-width: 950px;
    margin: 0 auto;
    padding: 0 0px;
}

.testimonials__grid {
    display: flex;
    gap: 0px;
}

.testimonials__video-item {
    flex: 0 0 calc(25% - 15px);
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.testimonials__video-wrapper {
    position: relative;
    aspect-ratio: 9/16;
    background: #000;
    border-radius: 20px;
    overflow: hidden;
}

.testimonials__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.testimonials__play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    background: rgba(0, 0, 0, 0.6);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonials__play-button:hover {
    background: rgba(0, 0, 0, 0.8);
}

/* Owl Carousel Customization */
.owl-carousel .owl-stage {
    display: flex;
    gap: 0px;
}

.owl-carousel .owl-item {
    flex: 0 0 auto;
}

/* Responsive */
@media (max-width: 991px) {
    .testimonials {
        padding: 60px 0;
    }

    .testimonials__title {
        font-size: 1.8rem;
        padding: 0 20px;
    }
}

@media (max-width: 576px) {
    .testimonials {
        padding: 20px 0;
    }

    .testimonials__title {
		font-size: 1.8rem;
		padding: 0px;
    }

    .testimonials__video-item {
        flex: 0 0 100%;
    }
}

/**** Testimonials Grid ****/

.testimonials-grid {
    padding: 80px 0;
}

.testimonials-grid__wrapper {
	max-width: 950px;
    margin: 0 auto;
}
.testimonials-desktop{
	display: grid !important;
	grid-template-columns: 0.5fr 1fr;
	gap: 32px;
    max-width: 950px;
}
.testimonials-grid__left {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.testimonials-grid__caption {
	font-size: 24px;
	line-height: 1.2;
	margin: 0;
}

.testimonials-grid__subcaption {
    display: block;
    font-size: 20px;
    font-weight: 500; /* medium */
    margin-top: 8px;
}

.testimonials-grid__right {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.testimonials-grid__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}

.testimonial-card {
    padding: 16px;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.testimonial-card--large {
    min-height: 300px; /* Ajusta según necesites */
    display: flex;
    flex-direction: column;
}

.testimonial-card--blue {
    background-color: #4065C5;
    color: white;
}

.testimonial-card--yellow {
    background-color: #FFCF52;
}

.testimonial-card__rating {
    display: flex;
	align-items: center;
    justify-content: center;
    gap: 4px;
    margin-bottom: 8px;
	/* border: 1px solid #F1F1F1; */
	border-radius: 15px;
	width: 80px;
	padding: 0px 0px;
	align-self: flex-end;
	height: 30px;
	margin-left: auto;
}
.testimonial-card--blue .testimonial-card__rating {
    border-color: rgba(255, 255, 255, 0.2);
}
.testimonial-card__score {
    font-size: 18px;
    font-weight: 700;
}

.testimonial-card__star {
    font-size: 16px;
}

.testimonial-card__title {
    font-size: 18px !important;
    line-height: 1.3;
    margin-bottom: 16px;
    font-weight: normal;
}

.testimonial-card--large .testimonial-card__title {
    font-size: 1.2rem;
}

.testimonial-card__text {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 24px;
    flex-grow: 1;
}

.testimonial-card__user {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
}

.testimonial-card__avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.testimonial-card__name {
    font-size: 14px;
    font-weight: 500;
}

/* Responsive */
@media (max-width: 991px) {
    .testimonials-grid__wrapper {
        grid-template-columns: 1fr;
        /* padding: 0 20px; */
    }

    .testimonials-grid__row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .testimonials-grid {
        padding: 20px 0;
    }

    .testimonial-card {
        padding: 20px;
    }

    .testimonial-card--large .testimonial-card__title {
        font-size: 18px;
    }

    .testimonials-grid__caption {
        font-size: 1.8rem!important;
		line-height: 1.1 !important;
    }
}
@media (max-width: 767px) {
	.testimonials-desktop {
		display: none !important;
	}
	.testimonials-mobile {
        width: 100%;
        overflow: hidden; /* Previene scroll horizontal */
		padding-bottom: 40px;
    }

    .testimonials-swiper {
		overflow: visible;
		padding-bottom: 30px !important;
		position: relative;
    }

    .swiper-slide:not(.swiper-task) {
		/* width: 85% !important; */
        transition: transform 0.3s ease;
    }

    .testimonial-card {
        width: 100%;
        margin: 0;
        box-sizing: border-box;
    }

    /* Ajustamos el contenedor del swiper */
    .swiper-wrapper {
        box-sizing: border-box;
        align-items: stretch;
    }

    /* Aseguramos que el contenedor principal no desborde */
    .testimonials-grid__wrapper {
        width: 100%;
        overflow: hidden;
    }

    /* Aseguramos que los estilos originales se mantengan */
    .testimonial-card {
        height: auto; /* Removemos altura fija si existía */
        margin: 0; /* Removemos márgenes que pudieran afectar */
    }

    /* Mantenemos los colores originales */
    .testimonial-card--blue,
    .testimonial-card--white,
    .testimonial-card--yellow {
        /* Los estilos originales se mantienen sin cambios */
    }

    /* Ajustamos el contenedor para mantener proporción */
    .testimonials-mobile .testimonial-card {
        max-width: 100%;
    }

    /* Ajustamos la paginación */
    .swiper-pagination {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        margin-top: 0 !important;
        z-index: 10;
    }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background: #4169E1;
        opacity: 0.3;
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
    }
}
/**** Become Duder ****/


.become-duder {
    padding: 80px 20px;
	padding-bottom:40px;

}

.become-duder__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
	"content image"
	"footer footer";
	gap: 0px;
	align-items: flex-start;
	background-color: #FFF3D3;
	border-radius: 30px;
	padding: 48px 66px;
	max-width: 950px;
	margin: 0 auto;
}

.become-duder__content {
    /* padding-right: 40px; */
	grid-area: content;
}

.become-duder__title {
    font-size: calc(56.57 / 928 * 100vw);
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 24px;
	text-align: center;
}

.text-center {
	text-align: center !important;
}

.become-duder__subtitle {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 32px;
	font-weight: 600;
}

.become-duder__features {
    list-style: none;
    padding: 0;
    /* margin: 0 0 40px 0; */
}

.become-duder__feature {
    display: flex;
    gap: 8px;
    align-items: flex-start;
	position: relative;
    margin-bottom: 1.2rem;
    font-size: 16px;
    line-height: 1.3;
}

.become-duder__step-number {
	font-family: "Monserrat", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3366cc;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    width: calc(50 / 928 * 100vw) !important;
    height: calc(50 / 928 * 100vw) !important;
    font-size: calc(36 / 928 * 100vw)!important;
    position: relative;
    z-index: 1;
    /* margin-right: 16px; */
	flex-shrink: 0;
    margin-top: 2px;
}

/* Línea vertical azul entre los números, excepto el último */
.become-duder__step-number::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    width: 1px;
    height: 32px;
    background: #3366cc;
    z-index: 0;
    margin-top: 4px;
}

.short_step::after {
	height: 13px !important;
}

.become-duder__feature:last-child .become-duder__step-number::after {
    display: none;
}

.become-duder__button {
	display: inline-block;
	background-color: #FFCF52;
	color: #1A1A1A;
	padding: 0px 27px;
	border-radius: 15px;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
	margin-bottom: 0px;
	transition: background-color 0.3s ease;
	height: 50px;
	line-height: 50px;
}
.become-duder__button:hover {
	background-color: #4065C5;
	color: #ffffff;
}
.become-duder__footer {
    font-size: 20px;
    font-weight: 500;
}

.become-duder__image {
    position: relative;
	grid-area: image;
}

.become-duder__photo {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.become-duder__badge {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #4065C5;
    color: white;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
}

.become-duder__skills {
    position: absolute;
    top: 80px;
    right: 20px;
    background-color: white;
    padding: 16px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.4;
}

.become-duder__info {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.become-duder__year {
    background-color: #4065C5;
    color: white;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
}

.become-duder__name {
    background-color: #4065C5;
    color: white;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
}
.become-duder__footer {
    grid-area: footer;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px; /* Ajustado porque ya tenemos gap del grid */
}
/* Responsive */
@media (max-width: 991px) {
    .become-duder__wrapper {
		grid-template-columns: 1fr;
        grid-template-areas:
            "content"
            "image"
            "footer";
        gap: 40px;
        padding: 40px;
    }

    .become-duder__content {
        /* padding-right: 0; */
		order: 1;
    }

    /* .become-duder__title {
        font-size: 1.8rem;
    } */

	.become-duder__button{
		margin: 0px auto;
		display: block;
		width: 300px;
		text-align: center;
	}
}

@media (max-width: 576px) {
	.become-duder__wrapper {
		padding: 20px 8px;
		grid-template-areas: "image" "content" "footer";
    }
    .become-duder {
        padding: 20px 0;
    }

	.become-duder__content {
		order: 1;
    }
	.become-duder__image {
		order: 2;
    }

    /* .become-duder__title {
        font-size: 1.8rem !important;
		text-align: center !important;
    } */

    .become-duder__subtitle,
    .become-duder__feature {
        font-size: 16px !important;
    }
	.become-duder__footer {
		font-size: 24px !important;
		line-height: 1.2 !important;
	}
}

/**** Footer ****/


.footer {
	background-color: #3366CC;
    padding: 0px 20px;
}

.footer_new {
	padding: 40px 0px;
}

.footer__wrapper {
	background-color: #3366CC;
	color: #fff;
	/* border-radius: 30px; */
	padding: 60px 60px 24px 60px;
	max-width: 950px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0px;
	position: relative;
}

.footer__column {
    display: flex;
    flex-direction: column;
}

.footer__title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

.footer__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer__list li {
    margin-bottom: 0px;
	height: 30px;
}

.footer__list li img {
	width: 20px;
	margin-right: 0.5rem;
}

.footer__list li a {
	color: #fff;
}
.footer__link {
    color: #fff;
    text-decoration: none;
    /* font-size: 15px; */
    transition: opacity 0.3s;
	font-weight: 600;
}

.footer__logo {
	margin-bottom: 2rem;
}

.footer_line_bottom {
	border-bottom: 1px solid #fff !important;
}

.footer__link:hover {
    color: #fff;
}

.footer__list--flags li {
    display: flex;
    align-items: center;
    gap: 8px;
	font-size: 15px;
}

.footer__list--flags img {
    width: 24px;
    height: auto;
}

.footer__social {
    display: inline-flex;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 30px;
}

.footer__social-link {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3366cc;
    font-size: 20px;
    transition: opacity 0.3s;
}

.footer__social-link:hover {
    background-color: #3366cc;
	color: #ffffff;
}

.footer__brand {
    max-width: 150px;
    height: auto;
}

.footer__copyright {
    grid-column: 1 / -1;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-top: 20px;
}


.footer__accordion-trigger {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	margin: 0;
	font-weight: 600;
}

.footer__accordion-icon {
	display: block;
	transition: transform 0.3s ease;
}

.footer__accordion-content {
	display: none;
	/* padding: 0 0 15px 0; */
}

.footer__column--accordion.active .footer__accordion-icon {
	transform: rotate(90deg);
}

.footer__column--accordion.active .footer__accordion-content {
	display: block;
}













/* Responsive */
@media (max-width: 991px) {
    .footer__wrapper {
        grid-template-columns: repeat(2, 1fr);
        padding: 40px;
    }
}

@media (max-width: 576px) {
    .footer__wrapper {
        grid-template-columns: 1fr;
        padding: 30px;
    }

    .footer__social {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 767px) {
	.footer {
		padding: 0px;
		padding-bottom: 0px;
	}
    .footer__wrapper {
        width: 100vw;
        margin-left: -15px;
        margin-right: -15px;
        padding: 20px;
        box-sizing: border-box;
		border-radius: 0px;
    }

    .footer__column--accordion {

    }

	.footer__column--social .footer__title {
		padding: 15px 0px;
	}

    /* Redes sociales en una línea */
    .footer__social {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 15px;
        margin-bottom: 20px;
        overflow-x: auto;
        padding: 10px 0;
    }

    .footer__social-link {
        flex: 0 0 auto;
    }
	.footer__brand {
		margin: auto;
	}
}
/**** HEader Responsive ****/

@media (max-width: 767px) {
    .site-header-one__logo {
        margin-right: auto; /* Empuja el logo hacia la izquierda */
		width: calc(245 / 928 * 100vw);
    }
	.site-header-one {
		padding: 0;
		background-color: transparent;
		position: relative;
		z-index: 1000;
	}

	.site-header-one__logo a{
		align-self: flex-start;
    }
	.logo-responsive {
		width: 90px !important;
		padding: .5rem 0;
	  }

    /* Ajuste del icono de hamburguesa */
    .side-menu__toggler {
		color: #3366cc;
        font-size: 30px; /* Ajusta el tamaño si es necesario */
    }

    /* Aseguramos que el contenedor principal mantenga el espacio correcto */
    .site-header-one .container > .d-flex {
		/* padding: 0px 15px 0px 15px; */
    }

	/* .delegate-input {
		padding: 10px;
		font-size: 14px;
	} */

	.delegate-button-group {
		flex-direction: row !important;
	}
	.delegate-input-price {
		font-size: 40px !important;
		width: 80% !important;
		border-top-right-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
	}
	.delegate-input-currency {
		width: 20% !important;
		border-top-left-radius: 0px !important;
		border-bottom-left-radius: 0px !important;
	}
	.delegate-button {
		height:50px;
		border-radius: 12px;
	}
	.delivery-requests__title {
		margin: 24px 0px;

	}
	.delivery-requests {
		padding: 0 0 30px;
	}
	.delegation-banner__title {
		font-size: 2rem;
		text-align: left;
	}
	.delegation-banner__description p:not(.delegation-banner__support) {
		margin-bottom: 20px;
		text-align: right;
		font-size: 1.3rem !important;
		line-height: 1.2 !important;
	}
	.delegation-banner__support {
		font-size: 0.7rem !important;
		padding: 10px 10px;
		text-align: center;
	}
}

.side-menu__block {
	display: none;
    position: fixed;
    top: 0;
    right: -200%;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    background-color: white;
    z-index: 1050;
    transform: translateX(200%);
    transition: transform 0.3s ease-in-out;
    overflow-y: auto;
}
@media (max-width: 767px) {

	.side-menu__block {
		display: block;
	}


}

.side-menu__block.active {
    transform: translateX(0);
}

.side-menu__block-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.side-menu__block-overlay.active {
    opacity: 1;
    visibility: visible;
}

.side-menu__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    border-bottom: 0px solid rgba(0, 0, 0, 0.1);
}

.side-menu__close-btn {
    background: none;
    border: none;
    padding: 0;
    color: #4065C5;
    font-size: 24px;
    cursor: pointer;
}

.side-menu__cta-btn {
    background-color: #4169E1;
    color: white;
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
	box-shadow: none !important;
}

.side-menu__block-inner {
    padding: 20px;
}

.side-menu__top {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
}

.side-menu__close-btn {
    font-size: 24px;
	color: #416ae1;
}

.side-menu__cta {
    margin-bottom: 30px;
}

.side-menu__cta-btn {
	display: block;
	background-color: #4169E1;
	color: white;
	padding: 0px;
	border-radius: 30px;
	text-align: center;
	font-weight: 600;
	text-decoration: none;
	width: 170px;
	height: 40px;
	line-height: 40px;
}

.cta-btn-width {
    display: inline-block !important;
    padding: 0 20px !important;
	width: auto;
}

.side-menu__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.side-menu__link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    color: #000;
    text-decoration: none;

}

.side-menu__accordion-icon {
    transition: transform 0.3s ease;
}

.side-menu__item-accordion.active .side-menu__accordion-icon {
    transform: rotate(90deg);
}

.side-menu__accordion-content {
    display: none;
    list-style: none;
    padding: 0 0 0 5px;
}
.side-menu__accordion-content img{
	width: 24px;
	height: auto;
}

.side-menu__item-accordion.active .side-menu__accordion-content {
    display: block;
}

.side-menu__sublink {
    display: block;
    padding: 10px 0;
    color: #000;
    text-decoration: none;
}

.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

.whatsapp-btn {
    display: flex;
    align-items: center;
	gap: 8px;
    padding: 10px 20px;
    border-radius: 10px;
	text-decoration: none;
    background-color: #25D366;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}

.whatsapp-btn i {
    font-size: 24px;
    color: white;
}
.whatsapp-btn span {
    font-weight: 500;
    font-size: 16px;
	color: white;
}

.whatsapp-btn:hover {
    transform: scale(1.1);
    background-color: #20BA5C;
}

.whatsapp-tooltip {
    position: absolute;
    left: 70px;
    background: #333;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 13px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.whatsapp-btn:hover .whatsapp-tooltip {
    opacity: 1;
    visibility: visible;
}

/* Responsive */
@media (max-width: 768px) {
    .whatsapp-button {
        bottom: 15px;
        right: 15px;
    }

    .whatsapp-btn {
		padding: 8px 16px;
    }

    .whatsapp-btn i {
        font-size: 20px;
    }
	.whatsapp-btn span {
        font-size: 14px;
    }
}
.tasks {
	padding: 80px 0;
}
.tasks__title{
font-size: 1.8rem;
line-height: 1.2;
font-weight: 700;
text-align: center;
margin-bottom: 50px;
}
.tasks-card::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 8px;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
}
.tasks-card .tasks-card__image{
	border-radius: 8px;
}
.tasks-card .tasks-card__title{
position: absolute;
bottom: 8px;
left: 8px;
color: #fff;
font-weight: 500;
font-size: 1.2rem;
z-index: 9;
}

@media (max-width: 991px) {
    .tasks {
        padding: 60px 0;
    }

    .tasks__title {
        font-size: 1.8rem;
        padding: 0 20px;
    }
}

@media (max-width: 576px) {
    .tasks {
        padding: 20px 0;
    }

    .tasks__title {
		font-size: 1.8rem;
		padding: 0px;
		margin-bottom: 2rem !important;
    }
}
.predefined-task-section{

}
.predefined-task-title{
	margin-bottom: 0px !important;
	padding: 0px !important;
}
.predefined-task-description{
	color: #fff;
	margin-top: 25px;
}
@media (max-width: 767px) {
	.predefined-task-description{
		padding: 10px 15px;

	}
	.predefined-task-title{
		margin-bottom: 0px !important;
		padding: 0px 15px!important;
	}
	.predefined-task-section{
		margin-top: -60px !important;
		padding-top: 30px !important;
	}
}

.side-menu__block {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.side-menu__block-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
	padding-bottom: 0;
}

.side-menu__content {
    flex-grow: 1;
    overflow-y: auto;
}

.duder-promo {
    background-color: #4169E1;
    padding: 20px;
    text-align: left;
    padding-bottom: 40px;
    flex-shrink: 0; /* Evita que el contenedor se reduzca */
}

.duder-promo__title {
	color: white;
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 20px;
	padding: 0px;
}
.button-container {
    display: flex;
    /* gap: 1rem; Espacio entre botones */
    /* margin: 0.4rem 0; */
}

.button-container .btn {
    flex: 1; /* Hace que los botones ocupen el mismo espacio */
}

/* Responsive para móviles */
@media (max-width: 768px) {
    .button-container {
        flex-direction: column; /* Cambia a disposición vertical */
    }

    .button-container .btn {
        width: 100%;
        /* margin-bottom: 0.5rem; Espacio entre botones en móvil */
    }
}
.language-selector {
	margin-right: 15px;
	border: 1px solid #000;
	border-radius: 15px;
}

.language-selector .dropdown-toggle {
    color: inherit;
    text-decoration: none;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.language-selector .dropdown-menu {
    min-width: 120px;
}

.language-selector .dropdown-item.active {
    background-color: #f8f9fa;
    color: #000;
}

.title-no-margin {
	font-size: 1.4rem !important;
	margin-bottom: 0 !important;
	font-weight: 700;
	color: #6d6d6d;
}

.title-font-light {
	font-weight: 400 !important;
	margin-bottom: 1.6rem !important;
}

.title-no-margin-complete {
	font-size: 1.3rem !important;
	color: #6d6d6d !important;
}

@media (max-width: 767px) {
	.title-no-margin {
		font-size: 1.6rem !important;
	}



	.title-font-light {
		font-size: 1.55rem !important;
		margin-bottom: 0 !important;
		line-height: 2.5rem !important;
	}
}

.dz-message img {
	margin-left: auto;
	margin-right: auto;
	width: 4rem;
	height: 4rem;
}

.placeholder-option {
	color: #999 !important;
}

.placeholder-option:not(:invalid) {
	color: #000 !important;
}


.side_bar_language {
	/* border: solid 1px #000 !important;
	border-radius: 15px !important;
	max-width: 5.5rem !important; */
}

.side_bar_language a{
	color: #6d6d6d;
	font-weight: 600 !important;
	/* padding: 0 0.3rem; */
}

.side-menu__item-accordion.side_bar_language a {
    padding: 0 0.3rem;
}

.btn-white {
	font-size: 16px;
	line-height: 29px;
	font-weight: 700;
	border: 1px solid #A9A9A9 !important;
	background: #FFF !important;
	color: #1F1F39 !important;
	width: auto !important;
	border-radius: 15px !important;
	margin-top: 0px !important;
}


.logout-button-container {
	display: flex !important;
	justify-content: center !important;
}

@media (max-width: 767px) {
	.team-background-padding {
		padding: 30px !important;
		margin-top: -40px !important;
	}
}

.instagram-dudis-link {
	color: #3366CC !important;
	font-weight: bold !important;
}

.delivery-request-card__message {
	font-size: 14px !important;
}

.delivery-request-card__logo {
	max-width: 10% !important;
}



@media (min-width: 767px) {
	.block-title h3 {
		margin-bottom: 2rem;
	}

	/* .you-know-top {
		margin-top: 2rem;
	} */

	.faq-one {
		padding-top: 80px !important;
	}
}

.password-eyed {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	color: #a6a6a6;
}

.dropzone {
	padding: 10px !important;
}

.dropzone .dz-message {
	margin: 1rem 0 !important;
}

.btn-google {
	color: #3B3A5A !important;
	font-size: 14px !important;
	font-weight: 500;
	/* position: relative; */
	background-color: #F1F1F16E;
	border: 1px solid #E7E7E7;
	height: 36px !important;
	border-radius: 5px !important;
	padding: 4px 20px 4px 20px !important;
}

.form-relative .form-control {
	height: 36px !important;
	border-radius: 5px !important;
}

.form-relative .btn-login {
	height: 36px !important;
	padding: 4px 20px 4px 20px !important;
	border-radius: 5px !important;
}

.img-login {
	margin-left: auto;
	margin-right: auto;
	width: calc(242 / 928 * 100vw);
}

.login-box h1 {

}

.font-gray {
	color: #6d6d6d;
}


















/* NUEVO HOME */

h1.home_main_title {
	font-size: calc(104 / 1020 * 100vw);
	line-height: calc(94 / 1020 * 100vw);
	color: #000;
	font-weight: 800;
}

h3.home_main_subtitle {
	font-size: calc(64 / 1020 * 100vw);
	color: #000;
	font-weight: 500;
	padding-bottom: 0.5rem;
}

h3.home_main_subtitle > span {
	color: #3366CC;
	font-weight: 600;
}

.btn-home-main {
	background-color: #FFB700;
	color: #3A3A3A;
	font-weight: 700;
	padding: calc(44 / 1020 * 100vw) calc(44 / 1020 * 100vw);
	border-radius: calc(40 / 1020 * 100vw);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}

.home_main .col {
	padding-left: 0;
	padding-right: 0;
}

.btn-size-1 {
	font-size: calc(41.5 / 1020 * 100vw);
}

.btn-size-2 {
	font-size: calc(41.5 / 1020 * 100vw);
}

.home_task_available_section {
	background-color: #3366CC;
	/* color: #fff; */
	padding-top: 2rem;
	padding-bottom: 2.5rem;
}

.home_task_available_section h2 {
	color: #fff;
	font-size: calc( 62.17 / 1020 * 100vw);
	font-weight: 700;
	margin-bottom: 1.5rem;
}

.home_task_available_section h4 {
	color: #fff;
	font-size: calc(45.55/ 1020 * 100vw);
	font-weight: 400;
	margin-bottom: 1rem;
}

.stat_item {
	border: #3366CC 0.5px solid;
	text-align: center;
	color: #3366CC;
	font-family: "Montserrat", sans-serif !important;
	font-weight: 400;
	padding: calc(144/ 1020 * 100vw) 0 calc(72/ 1020 * 100vw);
	margin-left: auto;
	margin-right: auto;
}

.stat_item h1 {
	font-size: calc(100 / 1020 * 100vw);
	font-weight: 700;
	margin-bottom: 0px !important;
  	line-height: 2.4rem;
}

.m-stat {
	margin-top: 0.6rem !important;
}

.stat_item_special h1 {
	font-size: calc(138 / 1020 * 100vw);
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-align: center;
}

.stat_item h1 span{
	font-size: calc(32.36 / 1020 * 100vw);
	font-weight: 400;
	display: inline-block;
}

.stat_item_special h1 span{
	font-size: calc(40 / 1020 * 100vw);
	font-weight: 400;
}

.stat_item h4 {
	font-size: calc(48 / 1020 * 100vw);
	font-weight: 400;
	margin-left: 1rem;
	margin-right: 1rem;
}

.stat_item_special h4 {
	font-size: calc(65 / 1020 * 100vw);
	margin-left: 1rem;
	margin-right: 1rem;
}

.home_steps_section {
	background-color: #3366CC;
	color: #fff;
	text-align: center;
	padding: 4rem 1rem 5rem;
}

.home_steps_section .container-fluid{
	padding: 0;
}

.home_steps_section h2{
	font-size: calc(84/ 1020 * 100vw);
	font-weight: 700;
}

/* .home_steps_section .card {*/
	/* width: calc(524/ 1020 * 100vw); *//*
	min-height: calc(548 / 1020 * 100vw);
	border-radius: calc(20 / 1020 * 100vw);
	margin-bottom: 2rem;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
} */

.home_steps_section .card {
    aspect-ratio: 1 / 1; /* Mantiene una proporción 1:1 (cuadrada) */
    width: 100%; /* Ajusta el ancho según el contenedor */
    border-radius: calc(36 / 1020 * 100vw);
    margin-bottom: 2rem;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: flex; /* Opcional: Para centrar contenido */
    flex-direction: column; /* Opcional: Para organizar contenido verticalmente */
    justify-content: center; /* Opcional: Centra contenido verticalmente */
    align-items: center; /* Opcional: Centra contenido horizontalmente */
}

.home_steps_section .card .card-title {
	font-size: calc(64/ 1020 * 100vw);
	color: #3366CC;
	font-weight: 800;
	margin-bottom: 0rem;
}

.home_steps_section .card .card-text {
	line-height: calc(64 / 1020 * 100vw) !important;
	font-size: calc(48 / 1020 * 100vw) !important;
	color: #696984;
	font-weight: 400;
	padding-left: calc(38 / 1020 * 100vw);
	padding-right: calc(38 / 1020 * 100vw);
}

.home_steps_section .card img {
	width: 55%;
	padding: calc(28 / 1020 * 100vw) calc(16 / 1020 * 100vw) calc(28 / 1020 * 100vw) ;
}

.btn-requests {
	background-color: #3366CC !important;
	color: #fff !important;
	/* font-size: calc(36 / 1020 * 100vw); */
	font-weight: 700;
	padding: 8px 12px;
	border-color: #3366CC !important;
	border-radius: 10px;
}

.text-blue {
	color: #3366CC !important;
}

.home_task_a {
	color: #fff !important;
	text-decoration: underline;
}

.new-home-main {
	color: #4D5464 !important;
}

@media (max-width: 767px) {
	.home_main_content {
		margin: 1.5rem auto 3rem auto;
		text-align: center;
	}

	.home_main_text_content {
		padding-left: calc(50 / 1020 * 100vw);
		padding-right: calc(50 / 1020 * 100vw);
	}

	.home_margin_mobile {
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}

	.home_steps_section .col {
		padding-left: 3rem;
		padding-right: 3rem;
	}

	.cards_request_container {
		padding: 0px 15px;
	}

	.delivery-request-card__title {
		font-size: calc(40/ 1020 * 100vw);
		min-height: 4.8rem;
		/* display: flex;
		align-items: left !important; */
	}

	.delivery-request-card__price {
		font-size: calc(91.39 / 928 * 100vw) !important;
	}

	.home_main {
		margin-top: calc(-200 / 1020 * 100vw) !important;
	}

	.new-home-main {
		margin-top: calc(-150 / 1020 * 100vw) !important;
	}

	.new-home-main-2 {
		margin-top: 0 !important;
	}

}


@media (min-width: 767px) {

	h1.home_main_title {
		font-size: calc(80 / 1920 * 100vw);
		color: #3A3A3A;
		line-height: calc(96 / 1920 * 100vw);;
	}

	h3.home_main_subtitle {
		font-size: calc(60 / 1920 * 100vw);
		font-weight: 500;
		/* color: #000;
		font-weight: 500; */
	}

	.btn-home-main {
		border-radius: calc(30 / 1920 * 100vw);
		padding: calc(30 / 1920 * 100vw) calc(20 / 1920 * 100vw);

	}

	.btn-size-1 {
		font-size: calc(33.83 / 1920 * 100vw);
	}

	.btn-size-2 {
		font-size: calc(50.68 / 3864 * 100vw);
		padding: calc(32 / 1920 * 100vw) calc(20 / 1920 * 100vw);
		width: 30%;
	}

	/* .home_main .container-fluid {
		padding-top: 2.5rem;
	} */

	.home_main_content {
		/* margin-top: calc(320 / 1920 * 100vw) !important; */
		margin-left: auto;
		max-width: 85%;
	}

	.home_main_text_content {
		margin-top: calc(144 / 1920 * 100vw);
	}

	.home_task_available_section {
		/* background-color: #3366CC;
		color: #fff; */
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.home_task_available_section h2 {
		font-size: calc(74/ 1920 * 100vw);
		/* font-weight: 700; */
		margin-bottom: 2.5rem;
	}

	.home_task_available_section h4 {
		font-size: calc(45/ 1920 * 100vw);
		/* font-weight: 400; */
		margin-bottom: 2.5rem;
	}

	.home_task_a {
		/* color: #fff !important; */
	}

	.stat_item {
		padding: calc(144/ 1920 * 100vw) calc(72/ 1920 * 100vw);
	}

	.stat_item h1 {
		font-size: calc(100 / 1920 * 100vw);
		font-weight: 700;
		margin-bottom: 2.2rem !important;
		line-height: 2.4rem;
	}

	.stat_item h1 span{
		font-size: calc(32.36 / 1920 * 100vw);
		font-weight: 400;
	}

	.stat_item h4 {
		font-size: calc(48 / 1920 * 100vw);
	}

	.home_steps_section {
		/* background-color: #3366CC;
		color: #fff;
		text-align: center; */
		padding: 5rem;
	}

	.home_steps_section h2{
		font-size: calc(74/ 1920 * 100vw);
		font-weight: 700;
		margin-bottom: 3rem;
	}

	.home_steps_section .card {
		width: calc(524/ 1920 * 100vw);
		min-height: calc(548 / 1920 * 100vw);
		border-radius: calc(20 / 1920 * 100vw);
	}

	.home_steps_section .card .card-title {
		font-size: calc(47.29 / 1920 * 100vw);
		color: #3366CC;
		font-weight: 800;
	}

	.home_steps_section .card .card-text {
		line-height: calc(44.3 / 1920 * 100vw) !important;
		font-size: calc(35.47 / 1920 * 100vw) !important;
		color: #696984;
		font-weight: 400;
		padding-left: calc(38 / 1920 * 100vw);
		padding-right: calc(38 / 1920 * 100vw);
	}

	.home_steps_section .card img {
		width: 65%;
	}

	.home_steps_section .card-body {
		padding: 8px;
	}

	.mb-description {
		margin-bottom: 4px !important;
	}
	.btn-solicitudes-price {
		height: calc( 150 / 3864 * 100vw );
	}

	.delivery-requests__title {
		font-size: calc( 82.82 / 3864 * 100vw ) !important;
	}
}

.font-description {
	font-size: 14px !important;
}

.p-button-container {
	padding-top: 0.8rem !important;
}

.description-task-counter {
	display: flex;
	justify-content: end;
	color: #fff !important;
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 600 !important;
	padding: 0 0.8rem 0.2rem;
}

.delegate-input {
	resize: none !important;
}

/* Fin de nuevo home */


/*--------------------------------------------------------------
# Sidemenu NEW
--------------------------------------------------------------*/

.side-menu-new {
	border-top-left-radius: 20px;
    position: fixed;
    top: 0;
    right: 0; /* Posiciona el menú pegado al lado derecho */
    width: 82%; /* Ocupa el 80% del ancho */
    height: 100vh;
    z-index: 1000;
    transform: translateX(82vw); /* Inicialmente fuera de la pantalla (derecha) */
    transform-origin: right center; /* La animación se origina desde la derecha */
    transition: transform 0.4s ease; /* Animación suave */
    background-color: white; /* Asegura que el fondo sea visible */
    overflow-y: auto; /* Permite el scroll si el contenido es más alto que la pantalla */
	left: auto !important;
}

.side-menu-new.active {
    transform: translateX(0); /* Mueve el menú hacia adentro */
}

.side-menu-new-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo semitransparente */
    z-index: 999; /* Debe estar detrás del menú pero encima del contenido */
    opacity: 0; /* Inicialmente invisible */
    visibility: hidden; /* Oculta el overlay */
    transition: opacity 0.3s ease; /* Transición suave */
}

.side-menu-new.active + .side-menu-new-overlay {
    opacity: 1; /* Hace visible el overlay */
    visibility: visible; /* Muestra el overlay */
}

.side-menu-new-content {
	padding: 0;
}

.side-menu-new-item {
	color: #4D5464 !important;
	padding: 0.8rem 0.4rem 0.8rem 1.6rem !important;
	border-bottom: #cdd0dd 1px solid !important;
}

.side-menu-new-item-active {
	color: #FF8484;
}

.side-menu-new-item .side-menu-link{
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    text-decoration: none;
    color: inherit;
}

.side-menu-new-item .side-menu-link img {
    width: calc(60 / 928 * 100vw) !important; /* Tamaño máximo de la imagen */
    height: auto; /* Mantiene la proporción */
}

.side-menu-new-text {
    display: flex;
    flex-direction: column; /* Coloca el h1 y el p en una columna */
}

.side-menu-new-text h1 {
	color: #4D5464 !important;
    display: flex; /* Hace que el contenido del h1 (texto y flecha) esté en línea */
    justify-content: space-between; /* Empuja la flecha hacia la derecha */
    align-items: center; /* Centra verticalmente el texto y la flecha */
    margin: 0;
    font-size: calc(42.61 / 928 * 100vw); /* Tamaño del texto */
    font-weight: 600; /* Peso del texto */
}

.side-menu-new-text p {
    margin: 0; /* Elimina márgenes */
    font-size: calc(30.14 / 928 * 100vw) !important; /* Tamaño del texto */
    color: #4D5464; /* Color del texto */
	line-height: calc(32 / 928 * 100vw) !important;
}

.btn-side-menu {
	border-radius: calc(40 / 928 * 100vw);
	background-color: #3366CC;
	color: #fff;
	font-size: calc(46.49 / 928 * 100vw) !important;
	font-weight: 600;
	margin-bottom: 1.4rem;
	/* padding: .25rem .75rem !important; */
}

.btn-side-menu:hover {
	color: #fff;
}

.side-menu-close-btn-new img {
	max-width: calc(44/ 928 * 100vw);
}

.side-menu__block-inner {
	padding-top: 10px;
}

.side-item-language {
	padding: 0.5rem 1.6rem;
}

.side_bar_language {
	display: inline-block;
	gap: 1rem !important;
	border-radius: calc(44 / 928 * 100vw);
	box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.2);
}

.sidebar-language-selected {
	font-size: calc( 35.35 / 928 * 100vw);
	font-weight: 600 !important;
	display: flex !important;
    align-items: center !important;
    gap: 0.3rem;
	padding: 0 6px;
}

.language-arrow{
	width: calc( 22 / 928 * 100vw) !important;
}

.side-menu-arrow-item {
    width: calc(65.48 / 928 * 100vw) !important; /* Tamaño de la flecha */
    height: auto; /* Mantiene la proporción */
    margin-left: auto; /* Asegura que la flecha esté separada del texto */
}

.sidebar-language-no-selected {
	padding: 0 0 0.3rem 0;
	line-height: 1.2rem;
}

.sidebar-language-selected img {
	width: calc( 38.23 / 928 * 100vw);
	margin-right: 0.2rem;
}


.side-menu__accordion-content {
	text-align: center;
	padding-left: auto;
	padding-right: auto;
}

.side-menu__item-accordion .accordion-arrow {
    transition: transform 0.3s ease;
}

.side-menu__item-accordion.active .accordion-arrow {
    transform: rotate(90deg);
}

.side-menu-new-item ul{
	padding-left: calc(90 / 928 * 100vw) !important;
	margin-bottom: 0;
}
.side-menu-new-item li{
	text-align: left;
	list-style-type: none;
	font-weight: 600;
	font-size: calc(34.51 / 928 * 100vw) !important;
}

.side-menu-new-item li a {
	color: inherit;
}


.footer__link_2 {
	font-size: calc( 35.35 / 928 * 100vw) !important;
	font-weight: 600 !important;
	padding: 0 !important;
}

.user-data {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.basic-data {
    display: flex;
    flex-direction: column;
    /* gap: 4px; */
}

.seeker-rating-profile {
    display: flex;
    align-items: center;
    gap: 4px;
}

.avatar {
    display: flex;
    align-items: center;
}

.avatar img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}



.user-data .basic-data p {
	font-size: calc( 30.81 / 928 * 100vw) !important;
	font-weight: 600 !important;
	margin-bottom: 0 !important;
}

.user-data .basic-data h1 {
	font-size: calc( 81.94 / 928 * 100vw) !important;
	color: #3366cc;
	font-weight: 800 !important;
	margin-bottom: 0 !important;
	line-height: calc( 70 / 928 * 100vw) !important;
}

.user-data .avatar img {
	width: calc(300 / 928 * 100vw) !important;
	height: calc(300 / 928 * 100vw) !important;
	border-radius: 50% !important;
}

.dudis-border-top {
	border-top: 1px solid #cdd0dd !important;
}

.dudis-border-bottom {
	border-bottom: 1px solid #cdd0dd !important;
}



@media (min-width: 576px) {
	.side-menu-new {
		border-top-left-radius: 20px;
		position: fixed;
		top: 0;
		right: 0;
		width: 25%;
		height: 100vh;
		z-index: 1000;
		transform: translateX(25vw);
		transform-origin: right center;
		transition: transform 0.4s ease;
		background-color: white;
		overflow-y: auto;
		left: auto !important;
	}

	/* .side-menu-new.active {
		transform: translateX(0);
	} */

	/* .side-menu-new-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 999;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease;
	} */
/* 
	.side-menu-new.active + .side-menu-new-overlay {
		opacity: 1;
		visibility: visible;
	}

	.side-menu-new-content {
		padding: 0;
	}

	.side-menu-new-item {
		color: #4D5464 !important;
		padding: 0.8rem 0.4rem 0.8rem 1.6rem !important;
		border-bottom: #cdd0dd 1px solid !important;
	} */

	/* .side-menu-new-item-active {
		color: #FF8484;
	}

	.side-menu-new-item .side-menu-link{
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 10px;
		text-decoration: none;
		color: inherit;
	} */

	.side-menu-new-item .side-menu-link img {
		width: calc(42 / var(--thm-desktop-screen) * 100vw) !important;
		height: auto;
	}

	/* .side-menu-new-text {
		display: flex;
		flex-direction: column;
	} */

	.side-menu-new-text h1 {
		font-size: calc(32 / var(--thm-desktop-screen) * 100vw); /* Tamaño del texto */
	}

	.side-menu-new-text p {
		margin: 0; /* Elimina márgenes */
		font-size: calc(24 / var(--thm-desktop-screen) * 100vw) !important; /* Tamaño del texto */
		color: #4D5464; /* Color del texto */
		line-height: calc(32 / var(--thm-desktop-screen) * 100vw) !important;
	}

	.btn-side-menu {
		border-radius: calc(40 / var(--thm-desktop-screen) * 100vw);
		background-color: #3366CC;
		color: #fff;
		font-size: calc(34 / var(--thm-desktop-screen) * 100vw) !important;
		font-weight: 600;
		margin-bottom: 1.4rem;
		/* padding: .25rem .75rem !important; */
	}

	.side-menu-close-btn-new img {
		max-width: calc(24/ var(--thm-desktop-screen) * 100vw);
	}

	.side-menu__block-inner {
		padding-top: 10px !important;
	}

	.side-item-language {
		padding: 0.5rem 1.6rem;
	}

	.side_bar_language {
		display: inline-block;
		gap: 1rem !important;
		border-radius: calc(25 / var(--thm-desktop-screen) * 100vw);
		box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.2);
	}

	.sidebar-language-selected {
		font-size: calc( 24 / var(--thm-desktop-screen) * 100vw);
		font-weight: 600 !important;
	}

	.language-arrow{
		width: calc( 18 / var(--thm-desktop-screen) * 100vw) !important;
	}

	.side-menu-arrow-item {
		width: calc(65.48 / var(--thm-desktop-screen) * 100vw) !important; /* Tamaño de la flecha */
		height: auto; /* Mantiene la proporción */
		margin-left: auto; /* Asegura que la flecha esté separada del texto */
	}

	.sidebar-language-no-selected {
		padding: 0 0 0.3rem 0;
		line-height: 1.2rem;
	}

	.sidebar-language-selected img {
		width: calc( 26 / var(--thm-desktop-screen) * 100vw);
		height: calc( 26 / var(--thm-desktop-screen) * 100vw);
		margin-right: 0.4rem;
	}


	.side-menu__accordion-content {
		text-align: center;
		padding-left: auto;
		padding-right: auto;
	}

	.side-menu__item-accordion .accordion-arrow {
		transition: transform 0.3s ease;
	}

	.side-menu__item-accordion.active .accordion-arrow {
		transform: rotate(90deg);
	}

	.side-menu-new-item ul{
		padding-left: calc(66 / var(--thm-desktop-screen) * 100vw) !important;
		margin-bottom: 0;
	}
	.side-menu-new-item li{
		padding-top: calc( 20 / var(--thm-desktop-screen) * 100vw) !important;
		font-size: calc( 24 / var(--thm-desktop-screen) * 100vw) !important;
	}
	
	.side-menu-new-item li a {
		color: inherit;
	}

	.footer__link_2 {
		font-size: calc( 24 / var(--thm-desktop-screen) * 100vw) !important;
		font-weight: 600 !important;
		padding: 0 !important;
	}

	.side_bar_language a{
		/* padding: 0 0.3rem; */
	}

	.become-duder__step-number {
		width: calc(40 / var(--thm-desktop-screen) * 100vw) !important;
		height: calc(40 / var(--thm-desktop-screen) * 100vw) !important;
		font-size: calc(28 / var(--thm-desktop-screen) * 100vw) !important;
		/* margin-right: 16px; */
	}

	.become-duder__step-number::after {
		height: 14px;
	}

	.long_step::after {
		height: 24px;
	}

	.language-arrow {
		max-width: 14px !important; /* O el tamaño que desees */
		width: 14px !important;
		height: auto !important;
		flex-shrink: 0;
		object-fit: contain;
		display: inline-block;
	}

	.publish-task__title {
		font-size: calc(76.45 / 3864 * 100vw) !important;
		text-align: center;
    }

	.big_title {
    	font-size: calc(92 / 3864 * 100vw) !important;
		line-height: calc(92 / 3864 * 100vw) !important;
	}

	.user-data .basic-data p {
		font-size: calc( 30.81 / 3864 * 100vw) !important;
	}

	.user-data .basic-data h1 {
		font-size: calc( 81.94 / 3864 * 100vw) !important;
		line-height: calc( 70 / 3864 * 100vw) !important;
	}

	.user-data .avatar img {
		width: calc(300 / 3864 * 100vw) !important;
		height: calc(300 / 3864 * 100vw) !important;
	}
}


.megaphone .left-1 {
	left: 8px !important;
}

.megaphone .top-1 {
	top: -4px !important;
}

.megaphone .w-12 {
	width: 2rem !important;
}

.megaphone .h-12 {
	height: 1.8rem !important;	
}

/* New Home styles */

.new-home-text-content {
    position: relative;
    display: flex;
    align-items: flex-start;
}

.new-home-text-content > div {
    position: relative;
    z-index: 2;
    width: 100%;
}


.home_main {
	/* margin-top: calc(-100 / 928 * 100vw); */
	margin-top: 0;
	color: #4D5464 !important;
}

.new-home-info {
	padding-left: 0;
	padding-right: 0;
}

.dudis-background-blue {
	background-color: #3366cc !important;
}

.dudis-font-grey {
	color: #4D5464 !important;
}

.dudis-font-blue {
	color: #3366cc;
}

.dudis-font-700 {
	font-weight: 700 !important;
}

.dudis-font-800 {
	font-weight: 800 !important;
}

.dudis-font-lhs {
	line-height: calc( 50 / 928 * 100vw) !important;
}

.new-home-title {
	font-size: calc( 68.69 / 928 * 100vw) !important;
	font-weight: 700;
	margin-bottom: 0.5rem;
	margin-right: 30%;
	letter-spacing: calc(-3 / 928 * 100vw);
	line-height: calc( 60 / 928 * 100vw) !important;
}

.new-home-img-responsive {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    max-width: 54%;
    z-index: 1;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
	margin-right: calc(50 / 928 * 100vw);
}

.new-home-subtitle {
	font-size: calc( 48.45 / 928 * 100vw) !important;
	font-weight: 500;
	letter-spacing: calc(-2 / 928 * 100vw);
}

.delegate-input-group .btn-minus,
.delegate-input-group .btn-plus {
	padding: 0 1rem;
	background-color: #CDD0DD;
	width: calc(144 / 928 * 100vw) !important;
	height: 100%;
	border-radius:  12px !important;
}

.delegate-input-group .btn-minus:hover img,
.delegate-input-group .btn-plus:hover img {
	filter: grayscale(1) brightness(2) !important;
}

.delegate-input-group .btn-minus:hover,
.delegate-input-group .btn-plus:hover {
	background-color: #3366cc;
}

.btn-notification {
	background-color: #3366cc !important;
	color: #fff !important;
	border-radius: 15px !important;
	font-size: calc( 37 / 928 *100vw)!important;
}

.new-testimonial-card {
	background-color: #fff;
	border-radius: 20px;
	border: none;
	padding: 1.5rem;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	margin-bottom: 2rem;
}

.new-testimonial-card .card-footer {
	background-color: #fff;
	border-top: none;
	padding: 0;
}

.new-testimonial-card .new-testimonial-content{
	font-size: calc( 33.89 / 928 * 100vw) !important;
	font-weight: 600;
	color: #4D5464;
	margin-bottom: 0.2rem;
}

.new-testimonial-card .new-testimonial-content strong {
	font-weight: 700;
}

.new-testimonial-card .new-testimonial-title{
	font-size: calc( 33.89 / 928 * 100vw) !important;
	font-weight: 700;
	color: #4D5464;
	margin-bottom: 0;
}

.new-testimonial-card .new-testimonial-location{
	color:#3366cc;
	font-size: calc( 24.1 / 928 * 100vw) !important;
	font-weight: 600 !important;
}

.testimonial-rating {
	margin-top: 0.8rem;
    display: flex;
    align-items: center;
    gap: 4px;
}

.testimonial-rating img {
	width: calc(33 / 928 * 100vw);
	object-fit: contain;
}

.testimonial-rating-img {
    filter: grayscale(1);
    transition: filter 0.2s;
}

.testimonial-rating-img.active {
    filter: none;
}

.testimonial-profile-avatar {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	position: relative;
	width: calc(140 / 928 * 100vw);
    height: calc(140 / 928 * 100vw);
}

.testimonial-profile-avatar img {
	border-radius: 50%;
	object-fit: cover;
	display: block;
	width:100%;
    height:100%;
}

.testimonial-avatar-status-online {
	position: absolute;
    bottom: 0px;
    right: 0px;
    width: calc(42.8 / 928 * 100vw);
    height: calc(42.8 / 928 * 100vw);
    background: #3366CC;
    border-radius: 50%;
    z-index: 2;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-secondary {
	background-color: #797d89 !important;
	color: #fff !important;
	border-radius: 15px !important;
	font-size: calc( 40 / 928 * 100vw) !important;
}

.btn-secondary:hover {
	background-color: #797d89 !important;
	color: #fff !important;
}

.verify-number-text {
	font-size: calc( 42.14 / 928 * 100vw) !important;
	color: #4D5464 !important;
	font-weight: 600 !important;
}
.verify-number-text-incorrect {
	font-size: calc( 33.57 / 928 * 100vw) !important;
	font-weight: 600 !important;
}

.modal-verify-number {
	gap: 0 !important;
}

.modal-verify-content {
	border-radius: 12px;
}

.font-number {
	font-family: "Monserrat", sans-serif;
}


.testimonial-verified {
	width: calc(27.64 / 928 * 100vw) !important;
    height: auto !important;
    display: block;
}

.you-know-top {
	font-size: calc(33.57 / 928 * 100vw);
	color : #4D5464;
}

.card-avatar-detailed-request img {
  width: calc(140 / 928 * 100vw) !important;
  height: calc(140 / 928 * 100vw) !important;
  position: relative;
  display: inline-block;
  border-radius: 50%;
}

@media(max-width: 768px) {
	.subtitle-mr {
		margin-right: 63%;
	}

	.new-home-text-content {
		padding-right: 0;
		height: calc(700 / 928 * 100vw);
		margin-left: calc(50 / 928 * 100vw);
	}
}

@media (min-width: 768px) {

	.new-home-main {
		margin-top: calc(100 / 3864 * 100vw);
	}

	.new-home-title {
		font-size: calc( 105.68 / 3864 * 100vw) !important;
		line-height: calc( 100 / 3894 * 100vw) !important;
		letter-spacing: calc(-3 / 3864 * 100vw);
		margin-right: 0;
		margin-bottom: 0.5rem;
	}

	.dudis-font-lhs {
		line-height: calc( 50 / 3864 * 100vw) !important;
	}

	.new-home-info {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.new-home-subtitle {
		font-size: calc( 53 / 3864 * 100vw) !important;
		font-weight: 500;
		letter-spacing: calc(-1 / 3864 * 100vw);
		margin-bottom: 1.5rem;
	}

	.new-home-text-content {
		height: auto;
	}

	/* .new-home-text-content {
		position: relative;
		display: flex;
		align-items: flex-start;
		padding-right: 0;
		height: calc(700 / 928 * 100vw);
		margin-left: calc(50 / 928 * 100vw);
	} */


	.new-home-img {
		position: relative;
		left: 0;
		bottom: 0;
		object-fit: contain;
		z-index: 1;
		pointer-events: none;
		user-select: none;
		width: 90%;
	}

	.delegate-input-group label{
		font-size: calc( 38.61 / 3864 * 100vw ) !important;
	}

	.delegate-input-group .btn-minus,
	.delegate-input-group .btn-plus {
		width: calc(169.85 / 3864 * 100vw) !important;
		padding: 0 calc(50 /3864 * 100vw);
	}

	.btn-solicitudes-price .monto-task {
		font-size: calc( 92.12 / 3864 * 100vw ) !important;
	}
	.btn-solicitudes-price .monto-task::placeholder {
		font-size: calc( 92.12 / 3864 * 100vw ) !important;
	}

	.btn-solicitudes-price .currency {
		font-size: calc( 42.71 / 3864 * 100vw ) !important;
		padding: 1rem !important;
	}

	.delegate-input-textarea .description-task-counter {
		font-size: calc( 28.31 / 3864 * 100vw ) !important;
	}

	.cta-two__icon img {
		width: calc( 156 / 3864 * 100vw ) !important;
	}

	.cta-two__icon-single h3 {
		font-size: calc( 41.6 / 3864 * 100vw);
	}

	.cta-two__text p {
		font-size: calc(40.79 / 3864 * 100vw) !important;
	}

	.card-secure {
		margin: 0;
		height: calc( 550 / 3864 * 100vw) !important;
	}

	.faq-accrodion .accrodion .accrodion-title h4 {
		font-size: calc(33.89 / 3864 * 100vw) !important;
	}

	.faq-accrodion .accrodion .accrodion-content p {
		font-size: calc( 33.57 / 3864 * 100vw) !important;
	}

	/* .delivery-request-card {
		margin-bottom: 0 !important;
	} */

	.delivery-request-card__avatar {
		width: calc( 100 / 3864 * 100vw);
	}

	.delivery-request-card__price {
		font-size: calc(36 / 3864 * 100vw) !important;
	}

	/* .new-hero-image {
		margin-top: calc(1400/ 3864 * 100vw) !important;
	} */

	.delivery-requests {
		padding: 60px 0;
	}

	.accrodion-grp {
		margin-left: 6rem;
		margin-right: 6rem;
	}

	.btn-notification {
		font-size: calc( 37 / 3864 * 100vw)!important;
	}

	.btn-solicitudes-price .fa-minus,
	.btn-solicitudes-price .fa-plus {
		font-size: calc( 80 / 3864 * 100vw ) !important;
	}

	/* .new-testimonial-card {
		background-color: #fff;
		border-radius: 20px;
		border: none;
		padding: 1.5rem;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		margin-bottom: 2rem;
	} */


	.new-testimonial-card .new-testimonial-content{
		font-size: calc( 33.89 / 3864 * 100vw) !important;
	}

	.new-testimonial-card .new-testimonial-title{
		font-size: calc( 33.89 / 3864 * 100vw) !important;
	}

	.new-testimonial-card .new-testimonial-location{
		font-size: calc( 24.1 / 3864 * 100vw) !important;
	}

	.testimonial-rating {
		margin-top: 0.8rem;
	}

	.testimonial-rating img {
		width: calc(33 / 3864 * 100vw);
	}

	.testimonial-profile-avatar {
		width: calc(140 / 3864 * 100vw);
		height: calc(140 / 3864 * 100vw);
	}

	.testimonial-avatar-status-online {
		width: calc(42.8 / 3864 * 100vw);
		height: calc(42.8 / 3864 * 100vw);
	}

	.testimonial-verified {
		width: calc(27.64 / 3864 * 100vw) !important;
	}

	.become-duder__title {
		font-size: calc(76.45 / 3864 * 100vw);
		text-align: left;
	}

	.you-know-top {
		font-size: calc(33.57 / 3864 * 100vw);
	}

	.new-header-container {
		max-width: 70%;
	}

	.block-title h3 {
		font-size: calc( 82.82 / 3864 * 100vw) !important;
	}

	.delivery-request-card__footer {
		margin-top: 18px;
	}

	.img-login {
		width: calc(242 / 3864 * 100vw);
	}

	.btn-secondary {
		font-size: calc( 40 / 3864 * 100vw) !important;
	}

	.verify-number-text {
		font-size: calc( 42.14 / 3864 * 100vw) !important;
	}

	.verify-number-text-incorrect {
		font-size: calc( 33.57 / 3864 * 100vw) !important;
	}

	.image-duder-hero {
		padding-left: 5rem !important;
		padding-right: 5rem !important;
	}
}

/* New styles header */
.main-nav-new__link img{
	width: calc( 60 / 3864 * 100vw) !important;
	height: calc( 60 / 3864 * 100vw) !important;
 	margin-right: 0.2rem;
}


/* New Styles header */


.megaphone .bg-red-500 {
  background-color: #fff;
  border: 2px solid #4D5464;
}

.megaphone .leading-5 {
  line-height: 1.25rem;
  color: #4D5464 !important;
}

.megaphone .bg-red-400 {
	background-color: #fff !important;
}

.text-indigo-700 {
	color: #3366cc;
}

.megaphone .bg-gray-50 {
	border-radius: 15px !important;
	box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.2);
}

.you-know-top .info-icon {
	color: #4d5464;
}

.monto-task--compact {
    font-size: 16px !important;
    height: 38px !important;
    padding: 6px 12px !important;
    line-height: 1.5 !important;
}

/* .new-header-container {
	max-width: 70%;
} */

/* Solo afecta el header, NO el sidebar */
/* .site-header-one .sidebar-language-no-selected,
.site-header-one .side-menu__accordion-content.sidebar-language-no-selected {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 120px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    z-index: 1000;
    padding: 0.5rem 0;
    border-radius: 8px;
} */

.site-header-one .sidebar-language-no-selected {
    display: none;
}

.site-header-one .side-menu__item-accordion.active .sidebar-language-no-selected {
    display: flex !important;
}

.dropdown-menu {
    border: transparent;
	border-radius: 30px;
    border-top-left-radius: 0;
    /* border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px; */
	box-shadow: 0px 0px 4px 4px rgba(77,84,100,0.2);
	-webkit-box-shadow: 0px 0px 4px 4px rgba(77,84,100,0.2);
	-moz-box-shadow: 0px 0px 4px 4px rgba(77,84,100,0.2);
	width: calc(616 / 3864 * 100vw) !important;
}

/* Puedes agregar esto a tu style.css */
.menu-profile-link {
    display: flex;
    align-items: center;
    margin: 10px 10px 10px 30px;
    text-decoration: none;
    color: inherit;
    gap: 10px;
}
.menu-profile-link img {
    width: calc(55 / 3864 * 100vw) !important;
    height: calc(55 / 3864 * 100vw) !important;
    object-fit: contain;
}
.menu-profile-link .side-menu-new-text h1 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.header-menu__accordion-content {
    display: none;
	position: relative;
    padding-left: 0;
}

.header-menu__item-accordion.active .header-menu__accordion-content {
	display: block;
    position: relative;
    z-index: 10;
}

.header-menu__accordion-content li a {
	color: #4D5464 !important;
	font-size: calc( 32 / 3864 * 100vw) !important;
	font-weight: 600 !important;
	text-decoration: none;
}

.header-menu__accordion-trigger .accordion-arrow {
    transition: transform 0.3s;
}

.header-menu__item-accordion.active .accordion-arrow {
    transform: rotate(90deg);
}

/* Oculta el contenido al inicio */
.side-menu__accordion-content {
    display: none;
}

/* Muestra solo cuando el acordeón está activo */
.side-menu__item-accordion.active .side-menu__accordion-content {
    display: block;
}

.site-header-one .side-menu__item-accordion {
    position: relative;
}
.site-header-one .sidebar-language-no-selected,
.site-header-one .side-menu__accordion-content.sidebar-language-no-selected {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 120px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    z-index: 1000;
    border-radius: 8px;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    padding: 0.5rem 0;
}
.site-header-one .side-menu__item-accordion.active .sidebar-language-no-selected {
    display: flex !important;
}

.simple-footer {
    margin-top: auto;
}

.form-control {
	border-radius: 30px !important;
}

.user-avatar {
	border: 1px solid #4D5464 !important;
	border-radius: 50% !important;
}
.user-avatar-background {
	border: 2px solid #9ba09c !important;
	padding: 1px !important;
	border-radius: 50% !important;
}

.avatar-image {
	border: 1px solid #4D5464 !important;
	margin: 1px !important;
}

div:where(.swal2-icon).swal2-warning {
  border-color: #ffb901 !important;
  color: #ffb901 !important;
}