body{
  font-family: 'Inter', sans-serif;
  font-style: normal;
  background-color: #F4F2FA!important;
}
a{
  text-decoration: none!important;
}

.content-container{
  display: flex; 
  /* height: 100vh; */
  position: relative;
}
.content-container .sidebar {
  /* width: 350px; */
  min-height:  100vh ;
}
.vertical-navbar {
  padding-top: 19px;
}

.nav-item{
  display: flex;
  align-items: center;
  gap: 24px;
  border: 2px solid transparent;
}

.nav-item p{
  color: #2F2C3A;
  font-weight: 500;
  font-size: 16px;
  /* margin-top: 18px!important; */
  margin-bottom: 0px;
}
/* .vertical-navbar {
  margin-right: 40px;
} */
.vertical-navbar ul{
  padding: 0 40px 0 40px;
  gap: 21px;
}

.vertical-navbar ul li{
  padding: 20px;
  width: 290px;
}

.vertical-navbar ul > a:hover li > p, .vertical-navbar ul > a:hover {
  background: linear-gradient(180deg, #4A2EA9 0%, #4A2EA9 100%);
  color: #fff;
  transition: all .03s;
  border-radius: 10px; 
}

/* .vertical-navbar ul > a.active {
  background: linear-gradient(180deg, #4A2EA9 0%, #4A2EA9 100%);
  transition: all .03s;
  border-radius: 10px; 
 
}

.vertical-navbar ul > a.active > li> p{
  color: #fff;
} */

.dropdown-menu-end li a{
  gap: 100px;
}

.content-area{
  width: 100%; 
  background-color: #F4F2FA;
}

.account-page-logo{
  padding: 10px 18px 10px 20px;
  margin-left: 10px;
  text-align: center;
}

.account-page-dropdrown{
  padding: 3px 3px 3px 3px;;
  background: #EEE9FC;
  border-radius: 90px;
}

.account-page-dropdrown-1 img{
  vertical-align: middle;
  margin-bottom: 5px;
}


.account-page-logo-text {
  color: #181424;
  font-weight: 600;
  font-size: 20px;  
}

.angel-admin-img {
  width: 40px;
  height: 40px;
}
.account-page-dropdrow-1 svg {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.account-page-dropdrow-1 a {
  color: #343434;
  text-decoration: none;
}
.account-page-left-border {
  border-left: 1px solid #E8ECF2;
  height: 35px;
}

/* account-settings */

.account-settings-information p {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #2F2C3A;
}
.account-settings-btn {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  padding: 5px 25px;
  background: #EEE9FC;
  color: #693DE7;
  border: 1px solid #693DE7;
  border-radius: 4px;
}

.account-save-change-btn button {
  border: 1px solid #693DE7;
  border-radius: 4px;
  color: #FFFFFF;
  background: #693DE7;
  margin-top: 30px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  padding: 15px 25px;
}

.account-save-change-btn button:hover {
  border: 1px solid #693DE7;
  border-radius: 4px;
  color: #FFFFFF;
  background: #693DE7;
  margin-top: 30px;
}


.account-settings-form-list input:hover{
  border: 1px solid #5827E4;
  border-radius: 8px;
}
.account-settings-form-list input:focus{
  border: 1px solid #5827E4;
  border-radius: 8px;
}

.account-settings-form-list{
  gap: 40px;
}
.account-form-control {
  background: #F7F5FF;
}

.col-sm-6 {
  width: 44%;
}
 
.col-sm-6 {
  width: 44%;
  margin-top: 50px;}

.title-area a:link, a:visited {
  color: black;
  border: 1px solid #693DE7;
  border-radius: 4px;
  text-decoration: none;
  padding: 15px 16px;
}

.title-area a:hover, a:active {
  color: white;
}

.account-page-details{
  padding-left: 3rem;
}

@media only screen and (min-width:375px) {
  .account-page-form {
   flex-wrap: wrap;
  }

  .title-area{
    flex-wrap: wrap;
  }
}

/* account website */

.website_vertical-navbar ul{
  padding-left: 48px;
  gap: 21px;
}

.website_vertical-navbar ul li{
  /* padding: 20px; */
}

.website-details-list-item {
  background: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(118, 118, 118, 0.1);
  border-radius: 8px;
}
.website-details{
  padding-top: 35px;
}

.input-group button{
  color: #2F2C3A;
  cursor: pointer;
  border: none;
  background: #ffffff;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  padding: 30px;
}


.input-group input{
  border: none; 
  outline: none;
  border-radius: 70px;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #2F2C3A;
  padding: 30px;
  opacity: 0.6;
}

.input-group input:hover{
  outline: none;
  border: none;
}

.input-group button:hover{
  background: #693DE7;
  color: #FFFFFF;
}

.input-group{
  /* background: #ffffff;
  margin-left: 48px; */
}

.form-control:focus {
  /* border-color: none;
  box-shadow: 0px 2px 4px rgba(118, 118, 118, 0.1); */
}

/* Plugin-version */

.plugin-version-tittle{
 /* padding: 30px; */
}

.plugin-version-tittle p{
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #2F2C3A;
 }
 .plugin-version-download-btn {
  padding: 3px 14px;
  background: #FFEAF1;
  border: none;
  color: #FE3075;
  border-radius: 4px;
}

.plugin-version-download-1{
  text-align: end;
}

.plugin-version-download-2  a{
  text-align: end;
  margin-top: 6px;
  }

 hr.plugin-versions-hr {
  border: 1px solid #D0DAE5;
  width: 95%;
}
.customers {
  width: 100%;
}

.customers td, .customers th {
  /* padding: 30px; */
}

.customers th {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px; 
  color: #4D4D4D;
}

.customers td {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: #4D4D4D;
  background: #FFFFFF;
}


/* product licenses */

.product-licenses-upgrade{
  color: #2d0894;
}

.product-licenses-upgrade:active,.product-licenses-upgrade:visited{
  color: #5827E4;
}

.product-licenses-header h6{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #2F2C3A;
}

 hr.product-licenses-hr{
  color: #D0DAE5;
}

/* support */
.account-support-heading h1{
  font-weight: 600;
  font-size: 24px;
  color: #2F2C3A;
}

hr.support-version-settings-hr {
  border: 1px solid #D0DAE5;
  width: 95%;
}

.form-label {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #2F2C3A;
}
.account-support-btn button{
  font-weight: 600;
  font-size: 14px;
  color: #FFFFFF;
  margin: 0 auto;
}

.form-floating>label {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #2F2C3A;
}

.account-support-btn .btn:hover {
  color: #FFFFFF;
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color); 
}

.account-support-btn{
  background: linear-gradient(180deg, #4A2EA9 0%, #4A2EA9 100%);
  border: 2px solid #7455E3;
  border-radius: 4px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #FFFFFF;

}

.account-support-subject::after {
  display: inline-block;
  margin-left: 33.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.account-support-dropdown-menu.show {
  display: block;
  padding-right: 490px;
}
.angel-domain-select {
  width: 10%;
}
.form-select:focus {
  border: none;
  border-color: none;
  outline: 0;
  box-shadow: none;
}
.form-select:focus-visible {
  border: none;
  border-color: none;
  outline: 0;
}

.support-subject {
  border: 1px solid #DDD9E7;
  border-radius: 6px;
  width: 688px;
  outline: none;
  width: 100%;
  padding: 0.375rem 0.75rem;
  width: 674px;
}
.support-subject a:focus {
  outline: none;
  border: none;
}

.account-support-choose-file{
  text-align: center;
}

.account-support-choose-file button{
  background: #FF6F2C;
  border-radius: 4px;
  font-style: normal;
  font-weight: 450;
  font-size: 10px;
  line-height: 14px;
  color: #FFFFFF;
  padding: 15px;
  border-color: none;
}
/* .support-form-control {
  background: #F7F5FF;
} */

.btn.active, .btn.show,  :not(.btn-check) + .btn:active {
  
  border-color: none;
}
/* account suscription */
.plugin-version-1 {
    padding: 10px;
    padding-left: 55px;
}

.subscription-content p {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #2F2C3A;
}

.plugin-version-1 p{
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #464350;
}
hr.plugin-version-settings-hr {
  border: 1px solid #D0DAE5;
  width: 95%;
}

.plugin-version{
  background: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(118, 118, 118, 0.1);
  border-radius: 8px;
}

.plugin-version-content{
  align-items: center;
  padding: 0 10px;
}

.plugin-version-content > div{
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  color: #464350;
}

.plugin-version-active a{
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #00B884;
  background: #E5F8F3;
  border-radius: 12px;
  padding-left: 15px;
  padding-right: 15px;
}

.plugin-version-Canceled a{
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  color: #FF8C56;
  background: #FFF1EA;
  border-radius: 12px;
  padding-left: 15px;
  padding-right: 15px;
}

.plugin-version-expired{
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 28px;
  color: #FE4583;
}

.plugin-version-table {
  background: #E5F8F3;
}

/* connect domain settings page css */
.connect-domain-settings p {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #2F2C3A;
}
.domain-license-key {
  color: #FF6F2C;
}
 hr.domain-settings-hr {
  border: 1px solid #D0DAE5;
  width: 95%;
}
.domain-settings-plan {
  margin: 40px 0 40px 48px;
}
.domain-add-settings p{
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.534887px;
  text-transform: capitalize;
  color: #2F2C3A;
}
.domain-add-url {
  max-width: 1204px;
  background: #FFFFFF;
  border: 1px solid #D0DAE5;
  border-radius: 6px;
}
.domain-add-url button {
  background: #FF6F2C;
  padding: 19px 34px;
  color: #fff;
}
.domain-add-url button:hover {
  background: #FF6F2C;
  padding: 19px 34px;
  color: #fff;
}
.website-item-details p{
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #343434;
}
.dropdown-menu-btn {
  transform: translate(1086px, 2px)!important;
}
.website-details-dot ul {
  padding: 10px!important;
  background: #FFFFFF;
  box-shadow: 0px 5px 14px rgba(119, 119, 119, 0.19);
}

.dropdown-menu-item {
  background: #FFF1EA;
  border-radius: 4px;
  height: 33px;
}
.dropdown-menu-item:hover {
  background: #FFF1EA;
  border-radius: 4px;
}
.form-floating>label {
  padding: 1rem 0!important;
}
.share-screenshot-txt {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  color: #7390B0;
}

/* footer page css */
/* .check-out-confirmation-container {
  padding: 80px 0px 140px 0px;
  background: #F4F2FA;
} */
/* ins */
a{
  text-decoration: none;
}
.nav-link.active{
  background: linear-gradient(180deg, #4A2EA9 0%, #4A2EA9 100%);
  color: #fff;
  border-radius: 10px;
}
.nav-link.active p{
  color: #fff;
}
.alert ul {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}
.product_menu li a {
  display: inline-block;
  padding: 10px;
  font-size: 16px;
}
.table>:not(caption)>*>* {
  padding: 0.8rem 0.8rem!important;
  background-color: #fff;
}
.data_table h1 {
  font-weight: bold;
}
.account-support-form input, .support_form .form-group select, .support_form textarea{
  background-color: transparent!important;
  border-radius: 5px;
}
.support_form .form-group {
  width: 40%;
  margin-right: 10px;
  margin-bottom: 30px;
}
.account-support-dropdown .form-group {
  width: 82%;
}
.account-support-textarea {
  width: 82%;
}
.alert_div{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.btn-close{
  padding: 14px!important;
}
.btn-close span{
  font-weight: bold;
  font-size:20px;
}
.page_content{
  padding:40px;
  position: relative;
}
.main_content{
  padding:35px 0px;
}
.dashboard_card {
  padding: 30px;
  background-color: #391E97;
  text-align: center;
  border-radius: 5px;
  color:#fff;
  margin-bottom: 30px;
}
.dashboard_card_title {
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.03em;
  color: #FFFCF9;
  text-transform: capitalize;
}
.dashboard_card_sub_title {
  font-size: 18px;
  line-height: 20px;
}
.dashboard_card_price {
  font-weight: 800;
  color:#F9C248;
}
.dashboard_card_price span {
  font-size: 46px;
}
.dashboard_card_renew {
  color:#FFFCF9;
  opacity: .6;
}
.connect_domain_form{
  display: flex;
  align-items: center;
}
form.connect_domain_form select {
  margin-right: 20px;
  line-height: 20px;
  padding: 20px 15px!important;
}
.domain_add_button{
  border: 1px solid #FF6F2C;
  border-radius: 4px;
  color: #FFFFFF;
  background-color: #FF6F2C!important;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  padding: 11px 30px;
  min-height: 60px;
}
.connect_domain_form input{
  border-radius: 5px;
  border-color: #dcdcdc;
  line-height: 20px;
  padding: 20px 15px!important;
}
.connect_domain_form select{
  border-color: #dcdcdc;
}
button.delete_btn{
  padding: 3px 14px;
  background-color: #FFEAF1;
  border: none;
  color: #FE3075;
  border-radius: 4px;
}
.data_table h1{
  font-size: 20px;
}
.nav-link {
  padding: 0px!important;
}
/* ins */
hr.product-licenses-hr {
  color: #a39dba;
  margin: 0px;
  border-top: 1px solid;
}
.no_data_avai_cont {
  margin-bottom: 0px;
}
.form-control {
  padding: 10px 10px!important;
}
.support_form .form-group label {
  margin-bottom: 10px;
}
textarea {
  padding: 10px;
}
.support_textarea .form-group {
  width: 82%;
}
.sub_title{
  font-size: 20px;
}



.account-navbar.navbar,.sidebar{
  background-color: #fff;
}
.sidebar_close {
  opacity: 0;
  text-align: right;
  margin-right: 18px;
}
.hide_sidebar{
  display: none;
}
.show_sidebar{
  display: block;
}
.mobile_menu_button{
  display: none;
}