/* style */

:root{
	--color-primary: #5E56EA;
	--color-secondary: #AB79F5;
}
body{font-size: 16px;color: #fff;text-align: left;overflow-x: hidden;margin: 0;font-family: 'sf_pro';background-color:#10101E}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight:normal;color:inherit;font-family: 'sf_pro';}
.bg-dark{background:#000!important}
.bg-gray{background: #f9f8fe;color: #000;}
.font-primary{font-family: "DM Sans", sans-serif;}
.font-secondary{font-family: "Space Grotesk", sans-serif;}
.color-primary{color:var(--color-primary)}
.color-secondary{color:var(--color-secondary)}
.color-white{color: #fff !important}
button.btn, .btn, a.btn {border-radius: 30px;height: calc(2rem + 1vw);padding: 0 calc(1rem + 0.75vw);display: flex;align-items: center;font-size:1rem;width:max-content;line-height:1;transition: transform 0.35s ease, opacity 0.35s ease;border:none}
.btn--primary {background: #6754E9;color:#fff;border: none;}
.btn--primary:hover {background: #5643d4;color:#fff;}
.btn--white {background: #fff;color:#000;border: none;}
.btn--white:hover {background: #000;color:#fff;}
.btn--secondary {background: var(--color-secondary);color:#000;border: none;}
.btn.btn--secondary:hover {background-color: #e99c25;color: #000;}
.button-icon-container {position: relative;width: 24px;height: 24px;overflow: hidden;margin-left:10px}
.button-icon-container .arrow {position: absolute;font-size: 24px;transition: transform 0.35s ease, opacity 0.35s ease;}
.arrow-1 {transform: translateX(-13px);  opacity: 1;}
.arrow-2 {transform: translateX(-100%);opacity: 0;}
.arrow-btn:hover .arrow-1 {transform: translateX(100%);opacity: 0;}
.arrow-btn:hover .arrow-2 {transform: translateX(-13px);opacity: 1;}
button.btn-white {background: #fff;color:#000}
.btn.btn-gradient {background-image: linear-gradient(103.79deg, #5E56EA 0%, #AB79F5 100%);color: #fff;}
.nav-item:hover .nav-link {color:var(--color-primary)}
.section {padding: calc(3rem + 3vw) 0;}
.text-gradient{ background-image: linear-gradient(103.79deg, #5E56EA 0%, #AB79F5 100%); -webkit-background-clip: text;  background-clip: text;  -webkit-text-fill-color: transparent;}
.section__head {margin-bottom: calc(2rem + 1vw);}
.section__head h2 {font-size: calc(1rem + 1vw);line-height: 1.2;margin-bottom: 1rem;}
.carousel-indicators.horizontalDots {width: 100%;margin: 0px;position: relative;left: 0px;display: flex;justify-content: start;align-items: start;box-shadow: 0 8px 8px 0 rgb(0 0 0 / 5%);flex-direction: column;margin-top: 30px;}
.carousel-indicators.horizontalDots li {text-indent: 0px;height: auto!important;width: auto!important;margin: 0px;padding: 15px 0px;border-radius: 0px;font-size: 18px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.56;letter-spacing: 0px;position: relative;background: transparent;opacity: 1;}
.carousel-indicators.carousel-services-list {box-shadow: none;margin: 0;bottom: unset;align-items: stretch;height: 100%;justify-content: space-between;}
.carousel-indicators [data-bs-target]::marker {content: no-close-quote;}
br {display: none;}
.desk-block{display:none}
.mob-block{display:none}
header.main-header {position: sticky;top: 0px;z-index: 999;}
.nav-link{color: #A3A3B1;}
.banner__content h1 {font-size: calc(1.5rem + 1.3vw);line-height: 1.1;}
.section.section--banner {padding: calc(2rem + 2.2vw) 0;}
li.mystickyelements-minimize {display: none !important;}
.mystickyelements-position-right.mystickyelements-entry-effect-slide-in.entry-effect {right: 1rem !important;bottom: 1rem;top: unset;}
.svg-inline--fa.fa-whatsapp {font-size: 24px;}
span.mystickyelements-social-icon i {margin: 0;font-size: 24px;}
.mystickyelements-templates-round li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon, .mystickyelements-templates-round li:not(.mystickyelements-contact-form) span.mystickyelements-social-icon a {border: none;}

span.wpcf7-spinner {display: none;}
.cf7-two-col p br {display: none;}
.cf7-two-col input {margin-bottom: 0 !important;}
.cf7-two-col p {display: grid;grid-template-columns: 1fr 1fr;gap: 12px;}
.cf7-two-col .wpcf7-form-control-wrap {display: block;width: 100%;}
.cf7-two-col input[type="tel"],
.cf7-two-col input[type="email"] {width: 100% !important;box-sizing: border-box;margin-bottom: 0 !important;}
span.wpcf7-spinner {display: none;}
.commonPopupForm .modal-dialog {max-width: 1040px;	margin-top: calc(2rem + 2vw);}
.modal-backdrop.fade.show {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);backdrop-filter: blur(4px);transition: all .5s;}
.modal-backdrop.show {opacity: 1;}
button.btn-close {position: absolute;right: 10px;top: 10px;opacity:1}
button.btn-close, button.btn-close:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")}
button.btn-close, button.btn-close:hover {background-size: 16px;background-repeat: no-repeat;background-position: 50% 50%;}
button.navbar-toggler {filter: invert(1);}
.section.bg-white {color: #000;}
nav.navbar {background: #10101e;}
form-list {display: flex;flex-direction: column;row-gap: 10px;}
.form-list__item {display: flex;align-items: center;column-gap: 10px;}
.form-list__item p {margin: 0;}
.title.title--primary {background: linear-gradient(91.05deg, #AB79F5 11.22%, #00D7A4 125.26%);width: max-content;padding: 14px 20px;border-radius: 30px;color: #000;display:flex}
.title.title--primary i {text-transform: uppercase;letter-spacing: 2.16px;font-weight: 600;}
span.shield {display: flex;width: 24px;height: 24px;}
.banner-form form br {display: none;}
.reach-form__note {display: flex;align-items: center;column-gap: 10px;margin-bottom: 30px;}
.reach-form__note p {margin: 0;}
.shield {display: flex;}


@media(min-width:992px){
	.desk-block {display: block;}
}
@media(min-width:1200px){
	br{display:block}
}
@media(min-width:1400px){
	
}
@media(max-width:991px){
	.mob-block{display: block}
}
@media(max-width:767px){
	.section {padding: calc(2rem + 2vw) 0;}
	.banner__form .wpcf7 input[type="text"],
	.banner__form .wpcf7 input[type="tel"],
	.banner__form .wpcf7 input[type="email"],
	.banner__form .wpcf7 textarea{padding: 12px;font-size: 12px;}
	.banner__form .wpcf7{padding:20px}
	.banner__form .wpcf7 input[type="submit"]{padding: 8px;font-size: 14px;}
	.section--footerForm .row {row-gap: 30px;}
	.commonPopupForm.show .modal-dialog .modal-content{padding:10px;background:transparent;border:none}
	.commonPopupForm.show .modal-dialog .modal-content .row {row-gap: 25px;}
	.commonPopupForm.show  .wpcf7 textarea {height: 100px;}
	.form-list {row-gap: 5px;}
	.commonPopupForm.show .modal-dialog .modal-content h2 {margin-bottom: 10px;line-height: 1.3;}
	button.btn-close {top:5px;right:5px}
	.title.title--primary{padding: 7px 12px;}
	.title.title--primary i{font-size: 10px;letter-spacing: 1px;}
	button.btn, .btn, a.btn{height: 45px;}
}