@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

body,html {overflow-x: hidden; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 24px;}
input, select, textarea, button, input[type="submit"], input[type="button"], button {font-family: 'Poppins', sans-serif;}

*{margin: 0; padding: 0; box-sizing: border-box;}

ol,ul {list-style: none;  margin: 0px; padding: 0px;}

:before,*:after {box-sizing: border-box;}

:focus {outline: 0;}

a {
  text-decoration: none;
  color: #000000;
}
a,a:link {text-decoration: none; outline: none;}

p {padding: 0;  margin: 0;}

a:focus {outline: none !important;}

:hover {transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

h1,
h1 a,
h2,
h2 a,
h3,
h4,
h5,
h6 {margin: 0; padding: 0;  font-weight: normal;}

img {border: 0; max-width: 100%; height: auto;}

::-webkit-input-placeholder {opacity: 1;}

:-moz-placeholder { opacity: 1;}

::-moz-placeholder {opacity: 1;}

:-ms-input-placeholder {opacity: 1;}


h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 47px;
  line-height: 84px;
}

h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 46px;
  line-height: 50px;
}

h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 54px;
}

h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
}

h5 {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
}

h6 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}



/* global start */
.container {
  position: relative;
  max-width: 1200px;
  margin: 0px auto;
  padding: 0 15px;
  width: 100%;
}
.row {margin-left: -15px; margin-right: -15px;}
.col {padding-left: 15px; padding-right: 15px;}
.w-100 {width: 100%;}
.w-50 {width: 50%;}
.w-25 {width: 25%;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.pb-20 {padding-bottom: 20px;}
.bp-78 {padding-bottom: 78px;}

.mb-0 {margin-bottom: 0!important;}

.btn-blue {width: 256px; border: 0; background-color: #3D5BFF; border-radius: 60px; display: block; text-align: center; padding: 18px; font-weight: 700; font-size: 18px; line-height: 27px; color: #fff; display: inline-block; cursor: pointer;} 
.btn-blue:hover {background-color: #09B3EF;}

.btn-link {color: #3E5BFF; display: inline-block;}
.btn-link:hover {color: #000;}

.btn-link-u {color: #3E5BFF; display: inline-block; text-decoration: underline!important;}
.btn-link-u:hover {color: #000; text-decoration: none!important;}


/* global end */

/*.............. header css start ............*/

header {
  position: fixed;
  width: 100%;
  background-color: transparent;
  padding: 5px 0;
  z-index: 3;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.sticky {
  background-color: #326dfc;
}

#logo{
  width: 200px;
}
#logo img{
  width: 115px;
  height: 54px;
}

nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

nav ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 25px;
}

nav a {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  text-decoration: none;
}

nav ul a {
  color: #ffffff;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  text-decoration: none;
}

#ham-menu {
  display: none;
}

nav ul.active {
  left: 0;
}

.menu-btn {
  padding: 6px 15px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  border-radius: 100px;
  border: 1px solid #FFFFFF;
  width: fit-content;
}

.white-btn {
  background-color: #ffffff;
  color: #3D5BFF;
}

.white-btn:hover {
  background-color: transparent;
  color: #ffffff;
}

.trans-btn {
  color: #FFFFFF;
}

.trans-btn:hover {
  background-color: #ffffff;
  color: #3D5BFF;
}


/*.............. header css end ............*/


/* top banner start */

.top-banner { padding: 133px 0 445px; /*****margin-top: -116px;****/}
.top-banner h1 {font-weight: 700;  font-size: 50px; line-height: 58px; color: #fff; text-align: center; margin-bottom: -19px;}
.top-banner .txt {max-width: 770px; margin: 0 auto; font-size: 18px; line-height: 27px; color: #fff; padding-bottom: 100px;}
/* top banner end */

/* loging banner start */
.loging-banner {background-image:  url(../images/circle-left.svg), url(../images/circle-top.svg), url(../images/bg-logo.svg), linear-gradient(180deg, #3D5BFF 0%, #09B3EF 100%);
background-repeat: no-repeat, no-repeat, no-repeat;
background-position: bottom left, top right, 95% 100%;
background-size: 300px, 580px, 400px, 100%;

}
/* loging banner end */

/* login wrapper start */

.login-wrapper { padding: 0 0 83px; min-height: 573px;}
.login-content { padding: 40px; min-height: 213px; background-color: #fff; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15); border-radius: 27px; max-width: 687px; margin: -490px auto 0;}
.login-content input[type="text"],
.login-content input[type="email"],
.login-content input[type="tel"],
.login-content input[type="mobile"],
.login-content input[type="password"],
.login-content input[type="select"],
.login-content textarea
{padding: 20px 0 20px 35px;border: 0; border-bottom: 1px solid #999; font-weight: 400; font-size: 17px; line-height: 26px; color: #999; width: 100%;}

.login-content .form-row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.login-content .form-row .col {margin-bottom: 13px;}


.login-content .icon-email {background-image: url(../images/icon-email.svg); background-repeat: no-repeat; background-position: center left;}
.login-content .icon-lock {background-image: url(../images/icon-lock.svg); background-repeat: no-repeat; background-position: center left;}
.login-content .icon-user {background-image: url(../images/icon-user.svg); background-repeat: no-repeat; background-position: center left;}
.login-content .icon-mobile {background-image: url(../images/icon-mobile.svg); background-repeat: no-repeat; background-position: center left;}
.login-content .icon-list {background-image: url(../images/icon-list.svg); background-repeat: no-repeat; background-position: center left;}


.form-check {display: block; min-height: 20px;  padding-left: 30px; color: #999; }
.form-check-input[type="checkbox"] { border-radius: 4px; }
.form-check .form-check-input {float: left; margin-left: -30px; }
.form-check-input {
    width: 20px;
    height: 20px;
    margin-top: 3px;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }

  .form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  }

  .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
  }

 
.plan-txt {padding: 0 0 0 35px;border: 0; font-weight: 400; font-size: 17px; line-height: 26px; color: #999; width: 100%;}

/* login wrapper end */


/*.................. footer css start .....................*/

footer {
  border-top: 1px solid #DDDDDD;
  background: url('../images/testimonial-back.png');
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 30px 0px;
}

.footer-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-contacts {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 290px;
}

.footer-address,
.footer-mail,
.footer-call {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}

.footer-menu ul {
  padding-inline-start: 0px;
}

.footer-menu ul li {
  list-style-type: none;
  margin-bottom: 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
}

.footer-menu ul li a:hover {
  color: #326dfc;
}

.footer-buttons {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.footer-social-icons {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
}

.footer-social-icons a i {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0.03em;
  color: #000000;
}


/*.................. footer css end .....................*/

.trans-blue-btn {
  background: linear-gradient(180deg, #3D5BFF 0%, #09B3EF 100%);
  border-radius: 100px;
  padding: 13px 45px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.trial-grediant-btn {
  background: linear-gradient(180deg, #3D5BFF 0%, #09B3EF 100%);
  border-radius: 100px;
  padding: 13px 25px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.errorMessage {
  color: #db2222;
}

.password-content {position: relative;}	
.password-content .icon-lock {padding-right: 25px!important;}	
.password-content .toggle-password {position: absolute; top: 27px; right: 0; color: #3E5BFF; cursor: pointer; z-index: 9; }


.toast.toast-success {
  background-color: #4141de;
}

.signuplogincontent{
  margin: -426px auto 0;
}

.popupbtnArea {
  text-align: center;
}
.popupbtnArea .addbutton {
  width: 50%;
  display: inline-block;
}

.addbutton {
  background: linear-gradient(177.23deg, #4789F0 -13.49%, #112CFE 109.75%);
  border-radius: 50px;
  border: none;
  padding: 14px 50px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #F2F5FF;
  font-family: 'Poppins';
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  min-width: 200px;
  justify-content: center;
}
.popupcontentArea {
  padding: 40px;
}
.close {
  position: relative;
  top: -20px;
  right: -10px;
}
.icon-coupon{
  background-image: url(../images/coupon_icon.png);
  background-repeat: no-repeat;
  background-position: center left;
}
.applycouponarea{
  position: relative;
}
.signupapplybtn{
  position: absolute;
  top: 27px;
  right: 0;
  color: #3E5BFF;
  cursor: pointer;
  z-index: 9;
  background-color: transparent;
  border: 1px solid #3E5BFF;
  padding: 0 5px;
}