/*--------------------------------------------------------------------------------------*/
/*General-Css-Here
/*--------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
* {margin: 0;padding: 0;box-sizing: border-box;}
p{margin: 0;}
body { background: url(../images/left-bg.png), url(../images/right-bg.png) #722EFF;background-repeat: repeat-y, repeat-y;background-size: 477px 798px, 750px 1064px; background-position: left top, right top;  margin: 0;padding: 0;box-sizing: border-box;font-family: 'Outfit', sans-serif;font-size: 14px;font-weight: 400;letter-spacing: 0.02em; color:var(--black); }
a {-webkit-transition: 0.5s ease-out;-moz-transition: 0.5s ease-out;-o-transition: 0.5s ease-out;transition: 0.5s ease-out;text-decoration: none;}
a {
color: #165cea;
text-decoration: underline;
}
ul {margin: 0;padding: 0;list-style: none;}
h1,h2,h3,h4,h5,h6,figure {margin: 0;padding: 0;}
img {max-width: 100%;}
.site_content {display: block;padding-top: 89px;}
.site_content::after,
.site_content::before {display: table;clear: both;content: "";}
a:hover{text-decoration: none;}
header,footer,section {display: block;}
address{ margin: 0}
.container::after,
.container::before {display: table;clear: both;content: "";}
[type="radio"]:checked,
[type="radio"]:not(:checked) {position: absolute;left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {position: relative;padding-left: 28px;cursor: pointer;line-height: 20px;display: inline-block;color: #666;}
[type="radio"]:checked + label::before,
[type="radio"]:not(:checked) + label::before {content: "";position: absolute;left: 0;top: 0;width: 18px;height: 18px;border: 1px solid #ddd;border-radius: 100%;background: #fff;}
[type="radio"]:checked + label::after,
[type="radio"]:not(:checked) + label::after {content: "";background: #24c4e9;width: 12px;height: 12px;position: absolute;top: 3px;left: 3px;border-radius: 100%;
-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label::after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
a:focus {outline: none;}
button:focus {border: none;outline: none;}
select {appearance: none;}

.common_title h2{text-align:center;font-size:30px;font-weight:700;color:#cf8b46;padding-bottom:40px}
.md-form input[type="date"]:focus:not([readonly]),
.md-form input[type="datetime-local"]:focus:not([readonly]),
.md-form input[type="email"]:focus:not([readonly]),
.md-form input[type="number"]:focus:not([readonly]),
.md-form input[type="password"]:focus:not([readonly]),
.md-form input[type="search-md"]:focus:not([readonly]),
.md-form input[type="search"]:focus:not([readonly]),
.md-form input[type="tel"]:focus:not([readonly]),
.md-form input[type="text"]:focus:not([readonly]),
.md-form input[type="time"]:focus:not([readonly]),
.md-form input[type="url"]:focus:not([readonly]),
.md-form textarea.md-textarea:focus:not([readonly]) {box-shadow: 0 1px 0 0 #ffee04;border-bottom: 1px solid #ffee04;}
.md-form input[type="date"]:focus:not([readonly]) + label,
.md-form input[type="datetime-local"]:focus:not([readonly]) + label,
.md-form input[type="email"]:focus:not([readonly]) + label,
.md-form input[type="number"]:focus:not([readonly]) + label,
.md-form input[type="password"]:focus:not([readonly]) + label,
.md-form input[type="search-md"]:focus:not([readonly]) + label,
.md-form input[type="search"]:focus:not([readonly]) + label,
.md-form input[type="tel"]:focus:not([readonly]) + label,
.md-form input[type="text"]:focus:not([readonly]) + label,
.md-form input[type="time"]:focus:not([readonly]) + label,
.md-form input[type="url"]:focus:not([readonly]) + label,
.md-form textarea.md-textarea:focus:not([readonly]) + label {color: #ffee04;}

/*buttons*/
.btn { height: 45px;font-size: 16px;line-height: 42px;padding: 0px 15px;font-weight: 500;border-radius: 10px;border: none;box-shadow: none !important; }
.btn-orange { background: linear-gradient(90deg, rgba(254,74,57,1) 0%, rgba(255,158,71,1) 100%);color:#fff !important;  }

header { position:fixed;top:0;left:0;width:100%;z-index:11; }
header .nav-link { font-size:14px;color:#332355;position:relative; }
header .nav-link.active { color:#722EFF !important; }
header .nav-link.active:after { content:"";width:12px;height:3px;border-radius:10px;position:absolute;bottom:0;background: linear-gradient(90deg, rgba(254,74,57,1) 0%, rgba(255,158,71,1) 100%);left:40%; }
header .container { background:#fff;padding:15px;border-radius:25px;transition:0.3s ease-in;box-shadow:0px 5px 15px rgba(0, 0, 0, 0.2); }
header .btn-orange { margin-left:20px; }
body.fixed header .container { max-width:98%; }

.navbar { padding:20px 0px; }
.home-banner { margin-top:140px; }
.home-banner-img {animation: myAnim 4s ease 0s infinite alternate forwards;}
.home-banner article { width:1100px;margin:auto;text-align:center; }
.home-banner article h1 { color:#fff; text-align:center;font-size:50px;width:620px;margin:auto;font-weight:600;line-height:50px; }
.home-banner article .btn { width:150px;margin-top:30px;box-shadow:0px 0px 0px 6px rgba(0, 0, 0, 0.2) !important; }
.how-work-out { width:1100px;margin:auto;position:relative;z-index:1;background:red;margin-top:-80px;backdrop-filter: blur(30px);background-color: rgba(255, 255, 255, 0.2); border-radius: 45px;padding: 20px;}
.how-work-out .how-work-in { background:#fff;border-radius:30px;padding:40px 20px;text-align:center; }
.how-work-out .how-work-in figure { width:75px;margin:auto;margin-bottom:20px; }
.how-work-out .how-work-in h4 { color:#332355;font-size:22px;font-weight:700;margin-bottom:10px; }
.how-work-out .how-work-in p { color:#77718F;font-weight:300; }
.section-padding { padding:100px 0px }
.headings h4 { color:#fff;font-size:40px;font-weight:600;margin-bottom:15px; }
.headings p { color:#fff;font-size:18px;font-weight:300;line-height:26px; }
.headings-width { max-width:630px;margin:auto; }

@keyframes myAnim {
  0% {
    transform: scale(0.9);
  }

  100% {
    transform: scale(1);
  }
}
.app-screenshots .container-fluid { padding:0px 40px; }
.owl-dots { text-align:center;display:flex;justify-content:center; }
.owl-dots .owl-dot { width:18px;height:18px;border-radius:50%;background-color:rgba(255, 255, 255, 0.4);margin:0px 8px;position:relative; }
.owl-dots .owl-dot.active { background-color:rgba(255, 255, 255, 1); }
.owl-dots .owl-dot:after { content:"";width:100%;height:100%;border:1px solid #fff;position:absolute;left:0;width:100%;transform:scale(0);border-radius:50%;transition:0.3s ease-in; }
.owl-dots .owl-dot.active:after { transform:scale(1.8); }
.app-screenshots .owl-dots { margin-top:40px; } 
.bg-star { background:url(../images/star.svg);background-size:95%;background-position:center;background-repeat:no-repeat;background-repeat:repeat-y; }
.faq-section .accordion { max-width:900px; margin:auto; }
.faq-section .accordion .accordion-item {border: 3px solid rgba(255, 255, 255, 0.2);color: #fff; margin-bottom:20px;border-radius:15px;backdrop-filter: blur(30px);background-color: rgba(255, 255, 255, 0.2);overflow:hidden; }
.faq-section .accordion .accordion-button { background:none;color:#fff;box-shadow: none;font-size: 20px;font-weight: 600; }
.faq-section .accordion-button:not(.collapsed) { background-color: rgba(0, 0, 0, 0.2) !important; }
.faq-section .accordion-collapse:not(.collapsed) { background-color: rgba(0, 0, 0, 0.2) !important; }
.faq-section .accordion-button:focus { outline:none; }
.faq-section .accordion-body { padding-top:0; }
.accordion-button::after { width: 26px;height: 26px;background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-plus' width='40' height='40' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 5l0 14'%3E%3C/path%3E%3Cpath d='M5 12l14 0'%3E%3C/path%3E%3C/svg%3E"); }
.accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-plus' width='40' height='40' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 5l0 14'%3E%3C/path%3E%3Cpath d='M5 12l14 0'%3E%3C/path%3E%3C/svg%3E"); transform:rotate(45deg); }
.form-group { margin-bottom:15px; }
.form-group .form-control { height:45px;border-radius:10px;border:none;font-size:14px; }
.form-group textarea.form-control { height:150px; }
.contact-form  .container{ max-width:740px;margin:auto; }
.navbar-brand img { width:180px }
.form-control::placeholder { color:#A19DB2;font-weight:400; }
.bg-download{background:rgb(255 255 255 / 15%);border-radius:30px;padding-top:67px}
.download-app-box.section-padding{padding-top:0}
.col-md-6.footer-top-left p{font-size:14px;color:#fff}
.footer-top-left figure{margin-bottom:20px}
.social-list{display:flex;align-items:center;justify-content:flex-end}
.footer-top-right h5{color:#fff;font-size:26px;font-weight:700;padding-bottom:10px}
.social-list li a{width:50px;height:50px;background:linear-gradient(90deg,#fe4a39 0,#ff9e47 100%);color:#fff!important;display:flex;align-items:center;justify-content:center;border-radius:20px;margin-left:10px}
.social-list li a i{font-size:20px; transition: 0.3s ease-in}
.social-list li a { text-decoration:none;color:#fff; }
.social-list li a:hover i{ transform:scale(1.4); }
.footer-top-left p{font-size:14px;color:#fff;line-height:20px}
.footer-bottom-left p{font-size:14px;color:#fff}
.footer-link-list li a{color:#fff!important}
.footer-link-list li{padding-left:25px}
.row.footer-bottom{padding-bottom:20px}
footer{border-top:1px solid rgb(255 255 255 / 14%);}
.footer-top-left figure img { width:220px; }
.footer-top { padding:100px 0px }
.blog-section article { margin-top: 30px; padding: 20px; backdrop-filter: blur(30px);background-color: rgba(255, 255, 255, 0.2);border: 3px solid rgba(255, 255, 255, 0.2);border-radius:15px; }
.blog-section article figure { border-radius:15px;overflow:hidden;height:225px;position:relative;border: 3px solid rgba(255, 255, 255, 1);margin-top:-50px; }
.blog-section article figure img { object-fit:cover;object-position:center;width:100%;height:100%; }
.blog-section article figcaption { margin-top:20px; }
.blog-section article figcaption h4 a { font-size:20px;color:#fff;text-decoration:none;display:block;margin-bottom:5px; }
.blog-section article figcaption p { color:#fff;font-weight:400; word-wrap: break-word;}
.blog-section article figcaption .link-btn { color:#fff;text-transform:uppercase;margin-top:20px;display:block; }
.blog-section article figcaption .link-btn i { transform:scale(1.2);transform: scale(1.5);display: inline-block;margin-left:10px }
select.form-control { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px; }
.inner-page-padding { padding-top:150px;padding-bottom:50px; }
.blog-main article h2 { font-size:35px;font-weight:700;color:#fff;margin-bottom:10px; }
.blog-main article p { font-size:16px;color:#fff; }
.blog-main figure img { border-radius:15px;border:3px solid #fff; }
.blog-inner { margin-top:60px; }
.blog-inner .blog-section .col-md-4 { margin:15px 0px; }
.blog-inner .blog-section article { background-color:rgba(255, 255, 255, 1); }
.blog-inner .blog-section article figcaption h4 a,.blog-inner .blog-section article figcaption p,.blog-inner .blog-section article figcaption .link-btn { color:#000; }
.blog-img-main figure { border-radius:15px;border:3px solid #fff;height:500px;overflow:hidden; }
.blog-img-main figure img { object-fit:cover;object-position:center;width:100%;height:100%; }
.blog-text-area { border-radius:15px;background:#fff;padding:30px;margin-top:30px; }
.blog-title-header h4 { font-size:35px;font-weight:700;margin-bottom:10px; }
.blog-title-header date { display:flex;align-items:center; }
.blog-title-header date i { margin-right:5px; }
.blog-title-header { margin-bottom:15px; }
.blog-desc p { font-size:16px;font-weight:300;margin-bottom:10px;word-wrap: break-word; }
.blog-desc h4 { font-size:30px;font-weight:600; }
.blog-desc ul { margin-bottom:30px;padding-left:20px; }
.blog-desc ul li { font-size:16px;font-weight:300;margin-bottom:10px;position:relative;padding-left:25px;  }
.blog-desc ul li:after { content:"";width:10px;height:10px;border-radius:50px;background-color:#722EFF;position:absolute;left:0;top:8px; }
blockquote { background:#F4F4F4;border-radius:15px;padding:20px; font-size:16px;font-weight:300;padding-top: 60px;position: relative;margin-top: 20px;}
blockquote:after { content:"";width:37px;height:28px;position:absolute;left: 20px;top: 20px;background:url(../images/blockquote.svg) no-repeat; }

.select-coustom{position: relative;}
.select-coustom:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  color: rgb(0 0 0 / 63%);
  font-weight: 900;
}

.select-coustom.change-up:after {
  transform: rotate(-180deg);
}

.select-coustom select.form-control {
  background-image: none;
}
.navbar-toggler-icon {
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 30px;
}

span.navbar-toggler-icon i {
  font-size: 24px;
  color: #000;
}
button.navbar-toggler.collapsed  .navbar-toggler-icon  i.ri-close-line {
  display: none;
}
button.navbar-toggler:not(.collapsed) .navbar-toggler-icon i.ri-menu-line{ display: none;}


select.form-control:after:focus { background-color: red;}  
.inner-page-wraper { margin-top:100px;margin-bottom: 50px;;}
body.no-scroll { overflow: hidden; }