/*SC CSS*/

div.is-invalid input{
    margin-bottom:5px;
}
 .btnStlye {
   
    font-family: 'Poppins',  Helvetica, Arial, sans-serif!important;
      
} 
.invalid-feedback {
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    color:#FF0202 !important;
    margin-top: 4px !important;
    margin-bottom:15px !important;
}

.error-feedback {
    font-family: Poppins;
    font-size: .875em;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: #FF0202 !important;
    margin-top: 4px !important;
    margin-bottom: 15px !important;
	text-align: left!important;
	width : 100%;
}

div.sc_planSection{
    padding:0px 60px 91px 60px;
}

.sc_planTitle {
    color:#FFF;
    /* Subheading1 */
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
    margin-bottom:25px;
    margin-top:-6px;
}

img.sc_planImg{
    width:100%;
}

.sc_features{
    color: #FFF;
    /* Subheading2 */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 100% */
    margin-top:29px;
    margin-bottom:0px;
}

.sc_featuresTitle{
    color: #FFF;
    /* Subheading3 */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; /* 112.5% */
    margin-top:20px;
    margin-bottom:20px;
}

.sc_featuresDesc{
    color: #FFF;
    /* List */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 8px; /* 114.286% */    
}

p.sc_planNotes{
    color: #FFF;
    /* Body */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-top:150px;
}

div.sc_formSection{
    background-color: #FAFAFA;
    padding:0px 32px 35px 39px;
}

.sc_formTitle{
    color: #2D2D2D;
    /* Subheading1 */
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
    margin-bottom:26px;
    text-align:left;
}

input[type=text]::placeholder{
    color: #666;
    /* Placeholder Gray */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left:21px !important;
}

input[type=email]::placeholder{
    color: #666;
    /* Placeholder Gray */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left:21px !important;
}

input[type=password]::placeholder{
    color: #666;
    /* Placeholder Gray */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left:21px !important;
}

.sc_inputCss{
    border-radius: 2px !important;
    border: 1px solid #D4D4D4;
    background: #FFF;    
    height:38px;
    width:100%;
}

div.sc_formCss{
    border-radius: 8px; 
    border: 1px solid #E8E8E8; 
    background: #FFF;
    padding:50px 53px 44px 53px;
}

div.sc_signInformCss{
    border-radius: 8px; 
    border: 1px solid #E8E8E8; 
    background: #FFF;
    padding:73px 53px 44px 53px;
}

input[type=text], input[type=email]{
    color: #333;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    padding-left:21px;
    margin-bottom:15px;
    box-shadow:none !important;
}

input[type=password]{
    color: #333;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    padding-left:21px;
    margin-bottom:15px;
    box-shadow:none !important;
}

p.sc_passReqCss{
    color: #333;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 13px */
    margin-top:0px;
    margin-bottom:8px;
    text-align:left;
}

span.toggle-password, span.toggle-password2{
    margin-top: -6px;
    margin-right: 4px;
}

p.sc_choosePlan{
    color: #333;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 14px */
    margin-top:26px;
    margin-bottom:15px !important;
    text-align:left;
}

label.sc_checkBoxLabel{
    color: #333;
    /* Body */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
    margin-top:9px;
    text-align:left;
}

div.s-plan{
    border: 1px solid #D4D4D4;
    width: 300px;
    height: 38px;
    margin-left: 0px;
    float:left;
}

input.plan{
    margin-top:8px;
    color:#4FAC98;
}

button.regBtn:hover {
  border-radius: 2px !important;
  background-color: #449382 !important;
}

[type="checkbox"]:focus, [type="radio"]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-color: #4FAC98;
}

p.sc_alreadyAccount{
    color: #333;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 13px */   
    margin-top:10px;
    text-align:left;
}

p.sc_footerText{
    color: #666;
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 126.5%; /* 12.65px */
    margin-top:23px;
    text-align:left;
}

ul.sc_footerPpTcLeg{
    padding:0px;
    margin-left:-20px;
    margin-bottom:0px;
}

ul.sc_footerPpTcLeg li{
    float:left;
    margin-left:20px;
}

ul.sc_footerPpTcLeg li a{
    color: #666;
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration-line: underline;
}


/* index page */

div.has-search input{
    background-color:#29967E !important;
    border:none;
}

div.has-search input::placeholder{
    color:#ffffff !important;
}

.custom-brown-bg {
  background-color: #4FAC98 !important;
}

.willBanner {

    background-size: cover;
    background-repeat: no-repeat;
}

.mainHeading {
    font-size: 26px !important;
}

.subHeading {
    font-size: 20px !important;
    margin: 20px 0px;
    font-weight: 600;
}

img.sc_signInImg{
    margin-top:100px;
}

div.sc_signInformSection {
  background-color: #F6F6F6;
  padding: 100px 20px 196px 20px;
}

div.sc_forgotPassformSection{
  background-color: #F6F6F6;
  padding: 100px 20px 196px 20px;
}

p.forgotPassText{
    color: #2D2D2D;
    /* Body */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
    margin-top: -20px;
    margin-bottom: 23px;
    text-align:left;
}





/* sidebar css */
.bg-search {
    background-color: #aa7789 !important;
    color: white !important;
}

.dropdown-menu {
    background-color: #4FAC98 !important;

}

.noUnderline {
    text-decoration: none;
}

.active {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #29967E;
}

.mx-3 {
    font-family: 'Poppins', sans-serif;
    color: #F9EEEB;
}

.bg-gray-900 {
      background-color: #4FAC98; 
   /* background-color: #29967E; */
}

.border-indigo-600 {
    border: none;
}

.py-2 {
    height: 55px;
}

.mt-4 {
    margin-top: 0 !important;
}

.overlay-container {
    position: relative;
    display: inline-block;
}

.overlay-image {
    position: absolute;
    top: 7px;
    left: 6px;
}

.sidebarLogo {
    width: 180px;
    height: 27px;
    margin-top: 43px;
    margin-left: 54px;

}
.settingPageInputPoistion{
    position:relative;
}
.toggle-password3{
    position: absolute;
  top: 9px;
  right: 18px;
  cursor: pointer;
}
.sidebarLogoDashboard{
    width: 180px;
  height: 27px;
  margin-left: 28px;
  margin-bottom: 30px;
}
.resetPassDiv{
    padding: 40px;
   
}
.loginDiv{
    padding: 40px;
}
/* header css */
.headerUser {
    padding-right: 20px;
}

.rounded-md {
    border-radius: 4px;
}

.searchbox {
    width: 100% !important;
}

.bg-color {
    background-color: #EFF3F2;
}

.searchbox::placeholder {
    color: white;
}

/* main container */
.bg-gray-200 {
    background-color: #EFF3F2;
}

.no-border {
    border-radius: 0;
}

.bg-white-c {
    background-color: #EFF3F2;
}

.bg-white {
    background-color: #EFF3F2 !important;
}

.formLabel {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
}

.form-control {
    font-family: 'Poppins', sans-serif;
    background: #FFFFFF;
    border: 1px solid #D7D7D7;
    border-radius: 2px;
}

.span-font {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #747474;
    font-size: 14px;
    line-height: 21.5px;
}

.row {
    margin-bottom: 12px;
}

.table> :not(caption)>*>* {
    padding: 0 !important;
    border-bottom-width: 0 !important;
}

.addAccBtn {
    margin-bottom: 20px;
}

.addMore {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #747474;
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
}
#saveBtn:hover {
    background-color: #DEDFDE;
  }
#saveBtn {
    font-family: 'Poppins', sans-serif;
    color: black;
    background: #E9E9E9;
    border: 1px solid #D7D7D7;
    border-radius: 2px;
    width: 161px;
    height: 40px;
    padding: 0px 16px 0px 16px;
}
#exportBtn:hover {
    background-color: #DEDFDE;
  }
#exportBtn {
    font-family: 'Poppins', sans-serif;
    color: black;
    background: #E9E9E9;
    border: 1px solid #D7D7D7;
    border-radius: 2px;
    width: 161px;
    height: 40px;
    float: right;
    padding: 0px 16px 0px 16px;
}


.labelRadio {
    margin-bottom: 15px;
    margin-right: 15px;
}

.recSpan {
    display: inline-block;
    margin-bottom: 15px;
}

select {
    width: 100%;
}

.col-lg-4 .remove {
    display: flex;
    justify-content: center;
    align-items: center;
}

.addRow {
    margin-top: 20px !important;
}

.settingSubHeadingDiv {
    margin: 30px 0px;
}

/* dashboard css */
.bgDiv {
    position: relative;
    background-color: #FFFFFF;
}

.bgDiv .loader {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.image-container {
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
}

.image-name {
    font-family: 'Poppins', sans-serif;
    margin-left: 10px;
    color: #2D2D2D;
    font-size: 18px;
    line-height: 20px;
}

.pFont-12 {
    font-size: 10px;
    font-style: italic;
}

.font-medium {
    margin-bottom: 25px;
}

/* welcome page css */
.frontLinks {
    font-family: 'Poppins', sans-serif;
    color: #050505;
    font-size: 20px;
}

.frontLinks:hover {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    color: #3d1d28;
}


.scrollbar-div {
    position: relative;
    overflow-y: auto;
    /* height: 676px; */
}

.content {
    position: relative;
}

.dropup-div {
    position: absolute !important;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #4FAC98;
}

.userbtn {
    width: 100%;
    border-top: 1px solid #008064;

}

.userIcon {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: #b28d8d;
}

.upImgDiv {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    border: 2px solid #b2b2b2;
    margin-top: 20px;
}

.datepicker {
    background-color: #FFF !important;
    padding: 10px;


}

/* eye button got passwords */

.input-group {
    position: relative;
}

.toggle-password,
.toggle-password2 {
    position: absolute;
    top: 18px;
    right: 10px;

    cursor: pointer;
}

.flex-1 {
    background-color: #F5F6F6;
}

/*  on sidebar search button */
.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.fixed-div {
    position: sticky;
    top: 0;
    background-color: #4FAC98;
    /* Adjust as needed */
    z-index: 100;
    /* Ensure it's above other elements */
    padding: 10px 0;
    /* Adjust padding as needed */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}


/* .dropzone.dz-clickable {
    pointer-events: none;
  }  */
/* .dropzone.dz-clickable {
    cursor: pointer;
  } */

select {
    border-radius: .25rem;
    border: 1px solid #ced4da;
}
.btn-setting:hover {
    background-color: #DEDFDE; /* New background color when hovered */
 }
.btn-setting {
    font-family: 'Poppins', sans-serif;
    color: black;
    background: #E9E9E9;
    border: 1px solid #D7D7D7;
    border-radius: 2px;
    width: 161px;
    height: 40px;
    padding: 0px 16px 0px 16px;
}

.accordion-button:not(.collapsed) {
    color: #796c6c !important;
    background-color: #e9ecef !important;
}

.accordion-button:focus {

    border-color: transparent !important;
    box-shadow: none;
}

button.userbtn.noUnderline.dropdown-toggle::after {
    display: none;
}

.table> :not(:first-child) {
    border-top: 1px solid #c4c6c9 !important;
}

/* registration page front */
.gray-bg {
    background-color: #E8E8E8;
}

.sm\:max-w-md {
    max-width: 70% !important;
}

.regiStrationH3 {
    color: #2D2D2D;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 18px */
    margin-bottom:26px;
}

.errorsP {
    color: #333;
    /* tooltip */
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    margin-bottom:0px;
    text-align:left;
}

.headingPass {
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
    letter-spacing: 0em;
    text-align: left;
    color: #333333;
}

.invitedText {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0em;
    text-align: left;
    color: #333333;
}

.ddText {
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 6px;
}

.terms {
    color: #333;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
}

.regBtn {
    width: 100%;
    background-color: #4FAC98 !important;
    border-radius: 2px !important;
    height:42px;
    color: #FFF !important;
    text-align: center;
    font-family: 'Poppins',  Helvetica, Arial, sans-serif!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 16px */
}

.rightWrong {
    float: left;
    padding: 5px;
}

.registrationDiv {

    margin-bottom: 0px !important;
}

.row.registrationDiv>* {
    padding-left: 50px;
    padding-right: 40px;
    padding-bottom: 50px;
    padding-top: 30px;
}


.regInput::placeholder {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0em;
    text-align: left;

}


.selectText {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0em;
    text-align: left;

}

.selectBox {
    font-family: 'Poppins', sans-serif;

    line-height: 12px;
    font-size: 12px;
    font-weight: 500;
    height: 38px;


}

.regcheckbox {
    width: 14px;
    height: 14px;
    border-radius: 2px;
    margin-right: 5px;
    border:1px solid #D4D4D4;

}
.gray-border
{
    border: 1px solid #E8E8E8;
    
}

/* forgot password page front */
.forgotPassText{
      font-family: 'Poppins', sans-serif;
    
}
.forgotPassDiv{
    padding: 40px;
}

    @media (max-width: 1920px) {
        div.sc_planSection {    
          background-color:#4FAC98;    
          padding: 0px 60px 91px 60px;
          height:100vh;
        }
        
        div.sc_formSection {
          background-color: #FAFAFA;
          padding: 0px 0px 35px 0px;
        }
        
        div.sc_signInformSection{
          background-color: #FAFAFA;
          padding: 100px 0px 35px 0px;
        }
        
        div.sc_formCss {
          width: 568px;
        }
        
        div.sc_footer{
            width:568px;
        }
        
        div.sc_signInformCss {
          width: 568px;
        }
        
        div.sc_signInfooter{
            width:568px;
        }
        
        div.sc_forgotPassformSection{
          background-color: #FAFAFA;
          padding: 100px 0px 35px 0px;
        }

    }


    @media (max-width: 1440px) {
        div.sc_planSection {
            background-color:#4FAC98;        
            padding: 0px 60px 91px 60px;
            height:auto;
        }
        
        div.sc_formCss {
            width: 100% !important;
        }
        
        div.sc_footer{
            width:100% !important;    
        }
        
        div.sc_signInformCss {
            width: 100%;
        }        

        div.sc_signInfooter {
            width: 100%;
        }
        
        div.sc_formSection {
            background-color: #FAFAFA;
            padding: 0px 80px 35px 80px;
        }

        div.sc_signInformSection{
            background-color: #FAFAFA;
            padding: 100px 80px 35px 80px;
        }

        div.sc_forgotPassformSection{
            background-color: #FAFAFA;
            padding: 100px 80px 35px 80px;
        }

    }


    @media (max-width: 1280px) {
    /*SC CSS*/
    
        div.sc_planSection{
            padding:0px 60px 91px 60px;
            height:auto;
        }

        div.sc_signInformSection{
          background-color: #FAFAFA;
          padding: 100px 35px 35px 35px;
        }
        
        .sc_planTitle {
            color:#FFF;
            /* Subheading1 */
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px; /* 120% */
            margin-bottom:25px;
            margin-top:-6px;
        }
        
        .sc_features{
            color: #FFF;
            /* Subheading2 */
            font-family: Poppins;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 18px; /* 100% */
            margin-top:29px;
            margin-bottom:0px;
        }
        
        
        .sc_featuresTitle{
            color: #FFF;
            /* Subheading3 */
            font-family: Poppins;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 18px; /* 112.5% */
            margin-top:20px;
            margin-bottom:20px;
        }
        
        .sc_featuresDesc{
            color: #FFF;
            /* List */
            font-family: Poppins;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 8px; /* 114.286% */    
        }
        
        p.sc_planNotes{
            color: #FFF;
            /* Body */
            font-family: Poppins;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px;
            margin-top:150px;
        }
        
        div.sc_formSection{
            background-color: #FAFAFA;
            padding:0px 32px 35px 39px;
        }
        
        .sc_formTitle{
            color: #2D2D2D;
            /* Subheading1 */
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px; /* 120% */
            margin-bottom:26px;
        }
        
        
        .sc_inputCss{
            border-radius: 2px !important;
            border: 1px solid #D4D4D4;
            background: #FFF;    
            height:38px;
            width:100%;
        }
        
        div.sc_formCss{
            border-radius: 8px; 
            border: 1px solid #E8E8E8; 
            background: #FFF;
            padding:50px 53px 44px 53px;
        }

        div.sc_signInformCss{
            border-radius: 8px; 
            border: 1px solid #E8E8E8; 
            background: #FFF;
            padding:73px 53px 44px 53px;
        }
        
        p.sc_passReqCss{
            color: #333;
            font-family: Poppins;
            font-size: 13px;
            font-style: normal;
            font-weight: 500;
            line-height: 100%; /* 13px */
            margin-top:0px;
            margin-bottom:8px;
        }
        
        span.toggle-password, span.toggle-password2{
            margin-top: -6px;
            margin-right: 4px;
        }
        
        p.sc_choosePlan{
            color: #333;
            font-family: Poppins;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 100%; /* 14px */
            margin-top:26px;
            margin-bottom:15px !important;
        }

        .regcheckbox {
            width: 14px;
            height: 14px;
            border-radius: 2px;
            margin-right: 5px;
            border: 1px solid #D4D4D4;
            float: left;
            margin-bottom: -4px;
        }        
        
        label.sc_checkBoxLabel{
            color: #333;
            /* Body */
            font-family: Poppins;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px; /* 128.571% */
            margin-top:10px;
        }
        
        div.s-plan{
            border: 1px solid #D4D4D4;
            width: 300px;
            height: 38px;
            margin-left: 0px;
        }
        
        input.plan{
            margin-top:8px;
            color:#4FAC98;
        }
        
        [type="checkbox"]:focus, [type="radio"]:focus {
          outline: 2px solid transparent;
          outline-offset: 2px;
          --tw-ring-color: #4FAC98;
        }
        
        p.sc_alreadyAccount{
            color: #333;
            font-family: Poppins;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px; /* 13px */   
            margin-top:10px;
        }
        
        p.sc_footerText{
            color: #666;
            font-family: Poppins;
            font-size: 10px;
            font-style: normal;
            font-weight: 400;
            line-height: 126.5%; /* 12.65px */
            margin-top:23px;
        }
        
        ul.sc_footerPpTcLeg{
            padding:0px;
            margin-left:-20px;
        }
        
        ul.sc_footerPpTcLeg li{
            float:left;
            margin-left:20px;
        }
        
        ul.sc_footerPpTcLeg li a{
            color: #666;
            font-family: Poppins;
            font-size: 10px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            text-decoration-line: underline;
        }
    
    }

/* Responsive stye */

@media (max-width: 1260px) {
    div.sc_passReqCss1024{
        width:100%;
    }

    span.sc_termsLabelCss1024 {
        float: right;
        margin-left: 20px;
        margin-top: -14px;
        line-height:20px;
        text-align:left;
    }    
}

@media (max-width: 1180px) {
    div.sc_passwordSecCss1024{
        width:100%;
        margin-bottom:0px;
    }
    
    div.sc_CpasswordSecCss1024{
        width:100%;
    }
    
    div.sc_passReqCss1024{
        width:100%;
    }
}

@media (max-width: 1075px) {
  .sc_featuresDesc {
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom:8px;
  }
}

@media (max-width: 1024px) {

/*SC CSS*/
    
    div.sc_planSection{
        padding:0px 60px 91px 60px;
        height: 100vh;
    }
    
    div.sc_formSection {
        background-color: #FAFAFA;
        padding: 0px 80px 35px 80px;
        height: 100vh;
    }

    div.sc_signInformSection{
        background-color: #FAFAFA;
        padding: 100px 35px 35px 35px;
        height: 100vh;
    }

    div.sc_forgotPassformSection{
        background-color: #FAFAFA;
        padding: 100px 35px 35px 35px;
        height: 100vh;
    }
    
    img.sc_signInImg {
        margin-top: 100px;
    }
        
    .sc_planTitle {
        color:#FFF;
        /* Subheading1 */
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 120% */
        margin-bottom:25px;
        margin-top:-6px;
    }
    
    .sc_features{
        color: #FFF;
        /* Subheading2 */
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px; /* 100% */
        margin-top:29px;
        margin-bottom:0px;
    }
    
    .sc_featuresTitle{
        color: #FFF;
        /* Subheading3 */
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px; /* 112.5% */
        margin-top:20px;
        margin-bottom:20px;
    }
    
    .sc_featuresDesc{
        color: #FFF;
        /* List */
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        margin-bottom:8px;
    }
    
    p.sc_planNotes{
        color: #FFF;
        /* Body */
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        margin-top:100px;
    }
    
    div.sc_formSection{
        background-color: #FAFAFA;
        padding:0px 32px 35px 39px;
        height: 100vh;
    }
    
    .sc_formTitle{
        color: #2D2D2D;
        /* Subheading1 */
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 120% */
        margin-bottom:26px;
    }
    

    div.sc_passwordSecCss1024{
        width:100%;
        margin-bottom:0px;
    }
    
    div.sc_CpasswordSecCss1024{
        width:100%;
    }
    
    div.sc_passReqCss1024{
        width:100%;
    }
    
    .sc_inputCss{
        border-radius: 2px !important;
        border: 1px solid #D4D4D4;
        background: #FFF;    
        height:38px;
        width:100%;
    }
    
    div.sc_formCss{
        border-radius: 8px; 
        border: 1px solid #E8E8E8; 
        background: #FFF;
        padding:50px 53px 44px 53px;
    }

    div.sc_signInformCss{
        border-radius: 8px; 
        border: 1px solid #E8E8E8; 
        background: #FFF;
        padding:73px 53px 44px 53px;
        width:100%;
    }
    
    div.sc_signInfooter {
        width: 100% !important;
      }
    
    p.sc_passReqCss{
        color: #333;
        font-family: Poppins;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 13px */
        margin-top:0px;
        margin-bottom:8px;
    }
    
    span.toggle-password, span.toggle-password2{
        margin-top: -6px;
        margin-right: 4px;
    }
    
    p.sc_choosePlan{
        color: #333;
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 14px */
        margin-top:26px;
        margin-bottom:15px !important;
    }
    
    label.sc_checkBoxLabel{
        color: #333;
        /* Body */
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 128.571% */
        margin-top:10px;
    }
    
    div.s-plan{
        border: 1px solid #D4D4D4;
        width: 100%;
        height: 38px;
        margin-left: 0px;
    }
    
    input.plan{
        margin-top:8px;
        color:#4FAC98;
    }
    
    [type="checkbox"]:focus, [type="radio"]:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-color: #4FAC98;
    }
    
    p.sc_alreadyAccount{
        color: #333;
        font-family: Poppins;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 13px */   
        margin-top:10px;
    }
    
    p.sc_footerText{
        color: #666;
        font-family: Poppins;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 126.5%; /* 12.65px */
        margin-top:23px;
    }
    
    ul.sc_footerPpTcLeg{
        padding:0px;
        margin-left:-20px;
    }
    
    ul.sc_footerPpTcLeg li{
        float:left;
        margin-left:20px;
    }
    
    ul.sc_footerPpTcLeg li a{
        color: #666;
        font-family: Poppins;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        text-decoration-line: underline;
    }
    
    label.terms{
        /* Body-Link-Green */
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
    }
    
    label.terms a{
        text-decoration: underline !important;
    }
    
    span.sc_termsLabelCss1024{
        float: right;
        margin-left: 20px;
        margin-top: -17px;
    }

}

@media (max-width: 991px) {
        
/*SC CSS*/
    
    div.sc_planSection{
        padding:0px 41px 34px 45px;
        height: 100vh;
    }
    
    .sc_planTitle {
        color:#FFF;
        /* Subheading1 */
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 120% */
        margin-bottom:25px;
        margin-top:-6px;
    }
    
    .sc_features{
        color: #FFF;
        /* Subheading2 */
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px; /* 100% */
        margin-top:29px;
        margin-bottom:0px;
    }
    
    .sc_featuresTitle{
        color: #FFF;
        /* Subheading3 */
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px; /* 112.5% */
        margin-top:20px;
        margin-bottom:20px;
    }
    
    .sc_featuresDesc{
        color: #FFF;
        /* List */
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        margin-bottom:8px;
    }
    
    p.sc_planNotes{
        color: #FFF;
        /* Body */
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        margin-top:150px;
    }
    
    div.sc_formSection{
        background-color: #FAFAFA;
        padding:0px;
        height: 100vh;
    }
    
    .sc_formTitle{
        color: #2D2D2D;
        /* Subheading1 */
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 120% */
        margin-bottom:26px;
    }
    
    div.sc_passwordSecCss1024{
        width:100%;
        margin-bottom:0px;
    }
    
    div.sc_CpasswordSecCss1024{
        width:100%;
    }
    
    div.sc_passReqCss1024{
        width:100%;
    }
    
    .sc_inputCss{
        border-radius: 2px !important;
        border: 1px solid #D4D4D4;
        background: #FFF;    
        height:38px;
        width:100%;
    }
    
    div.sc_formCss{
        border-radius: 8px; 
        border: 1px solid #E8E8E8; 
        background: #FFF;
        padding:50px 28px 31px 35px;
    }

    div.sc_signInformCss{
        border-radius: 8px;
        border: 1px solid #E8E8E8;
        background: #fff;
        padding: 60px 30px 20px 30px;
    }
    
    p.sc_passReqCss{
        color: #333;
        font-family: Poppins;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 13px */
        margin-top:0px;
        margin-bottom:8px;
    }
    
    span.toggle-password, span.toggle-password2{
        margin-top: -6px;
        margin-right: 4px;
    }
    
    p.sc_choosePlan{
        color: #333;
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 14px */
        margin-top:26px;
        margin-bottom:15px !important;
    }
    
    label.sc_checkBoxLabel{
        color: #333;
        /* Body */
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 128.571% */
        margin-top:10px;
    }
    
    div.s-plan{
        border: 1px solid #D4D4D4;
        width: 300px;
        height: 38px;
        margin-left: 0px;
    }
    
    input.plan{
        margin-top:8px;
        color:#4FAC98;
    }
    
    [type="checkbox"]:focus, [type="radio"]:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-color: #4FAC98;
    }
    
    p.sc_alreadyAccount{
        color: #333;
        font-family: Poppins;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 13px */   
        margin-top:10px;
    }
    
    div.sc_footer{
        padding:0px 28px 31px 35px;
    }

    div.sc_signInfooter{
        padding:0px 0px 31px 0px;
    }

    p.sc_footerText{
        color: #666;
        font-family: Poppins;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 126.5%; /* 12.65px */
        margin-top:23px;
    }
    
    ul.sc_footerPpTcLeg{
        padding:0px;
        margin-left:-20px;
    }
    
    ul.sc_footerPpTcLeg li{
        float:left;
        margin-left:20px;
    }
    
    ul.sc_footerPpTcLeg li a{
        color: #666;
        font-family: Poppins;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        text-decoration-line: underline;
    }
    
    label.terms{
        /* Body-Link-Green */
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
    }
    
    label.terms a{
        text-decoration: underline !important;
    }
    
    span.sc_termsLabelCss1024{
        float: right;
        margin-left: 20px;
        margin-top: -17px;
    }


    /* Your CSS rules for mobile devices */
    .regiStrationH3 {
        line-height: 25px;
    }

    .ddText {
        line-height: 14px;
    }

    .terms {
        line-height: 20px;
    }

    .selectText {
        line-height: 14px;
    }
    
}

@media (max-width: 768px) {
        
/*SC CSS*/

    div.sc_planSection{
        padding:0px 45px 34px 45px;
        height: 100vh;
    }
    
    div.sc_formSection {
        background-color: #FAFAFA;
        padding: 0px 80px 35px 80px;
        height: 100vh;
    }

    div.sc_signInformSection{
        background-color: #FAFAFA;
        padding: 100px 0px 35px 0px;
        height: 100vh;
    }

    div.sc_forgotPassformSection{
        background-color: #FAFAFA;
        padding: 100px 0px 35px 0px;
        height: 100vh;
    }
    
    img.sc_signInImg {
        margin-top: 100px;
      }
  
    .sc_planTitle {
        color:#FFF;
        /* Subheading1 */
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 120% */
        margin-bottom:25px;
        margin-top:-6px;
    }
    
    .sc_features{
        color: #FFF;
        /* Subheading2 */
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px; /* 100% */
        margin-top:29px;
        margin-bottom:0px;
    }
    
    .sc_featuresTitle{
        color: #FFF;
        /* Subheading3 */
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px; /* 112.5% */
        margin-top:20px;
        margin-bottom:20px;
    }
    
    .sc_featuresDesc{
        color: #FFF;
        /* List */
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        margin-bottom:8px;
    }
    
    p.sc_planNotes{
        color: #FFF;
        /* Body */
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        margin-top:100px;
    }
    
    div.sc_formSection{
        background-color: #FAFAFA;
        padding:0px 0px 0px 0px;
        height: 100vh;
    }
    
    .sc_formTitle{
        color: #2D2D2D;
        /* Subheading1 */
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 120% */
        margin-bottom:26px;
        text-align:left;
    }
    
    div.sc_passwordSecCss1024{
        width:100%;
        margin-bottom:0px;
    }
    
    div.sc_CpasswordSecCss1024{
        width:100%;
    }
    
    div.sc_passReqCss1024{
        width:100%;
    }
    
    .sc_inputCss{
        border-radius: 2px !important;
        border: 1px solid #D4D4D4;
        background: #FFF;    
        height:38px;
        width:100%;
    }
    
    div.sc_formCss{
        border-radius: 0px; 
        border: 1px solid #E8E8E8; 
        background: #FFF;
        padding:50px 28px 31px 35px;
    }

    div.sc_signInformCss{
        border-radius: 0px;
        border: 1px solid #E8E8E8;
        background: #fff;
        padding: 60px 20px 40px 20px;
    }

    p.sc_passReqCss{
        color: #333;
        font-family: Poppins;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 13px */
        margin-top:0px;
        margin-bottom:8px;
    }
    
    span.toggle-password, span.toggle-password2{
        margin-top: -6px;
        margin-right: 4px;
    }
    
    p.sc_choosePlan{
        color: #333;
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 14px */
        margin-top:26px;
        margin-bottom:15px !important;
    }
    
    label.sc_checkBoxLabel{
        color: #333;
        /* Body */
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 128.571% */
        margin-top:-22px;
        margin-left:25px;
        float:left;
        text-align:left;
    }
    
    div.s-plan{
        border: 1px solid #D4D4D4;
        width: 300px;
        height: 38px;
        margin-left: 0px;
        clear:both;
    }
    
    input.plan{
        margin-top:10px;
        color:#4FAC98;
        float:left;
    }
    
    [type="checkbox"]:focus, [type="radio"]:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-color: #4FAC98;
    }
    
    p.sc_alreadyAccount{
        color: #333;
        font-family: Poppins;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 13px */   
        margin-top:10px;
    }
    
    div.sc_footer{
        padding:0px 28px 0px 28px;
    }

    div.sc_signInfooter{
        padding:0px 28px 0px 28px;
    }

    p.sc_footerText{
        color: #666;
        font-family: Poppins;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 126.5%; /* 12.65px */
        margin-top:23px;
    }
    
    ul.sc_footerPpTcLeg{
        padding:0px;
        margin-left:-20px;
    }
    
    ul.sc_footerPpTcLeg li{
        float:left;
        margin-left:20px;
    }
    
    ul.sc_footerPpTcLeg li a{
        color: #666;
        font-family: Poppins;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        text-decoration-line: underline;
    }
    
    label.terms{
        /* Body-Link-Green */
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        float:left;
        margin-bottom:15px;
    }
    
    label.terms a{
        text-decoration: underline !important;
    }
    
    span.sc_termsLabelCss1024{
        float: right;
        margin-left: 20px;
        margin-top: -17px;
    }


    /* Your CSS rules for mobile devices */
    .regiStrationH3 {
        line-height: 25px;
    }

    .ddText {
        line-height: 14px;
    }

    .terms {
        line-height: 20px;
    }

    .selectText {
        line-height: 14px;
    }
    
}

@media (max-width: 767px) {

    .scrollbar-div {
        display:none;
    }

    .dropup-div{
        display:none;    
    }
    
    div.sc_formSection{
        background-color: #FAFAFA;
        padding:0px 0px 0px 0px;
        height: 100vh;
    }

    div.sc_signInformCss{
        border-radius: 8px;
        border: 1px solid #E8E8E8;
        background: #FFF;
        padding:73px 30px 20px 30px;
    }

    div.sc_forgotPassformSection{
      background-color: #F6F6F6;
      padding: 0px;
    }


    div.sc_signInfooter{
        padding:0px 30px 0px 30px;
    }
    
    div.sc_stickyHeader{
        display:block !important;
    }
    
    div.sc_stickyHeader a img{
        padding-top:30px;
        margin-left:20px;
    }

    div.sc_planSection{
        display:none;
    }

    span.sc_termsLabelCss1024{
        float: right;
        margin-left: 0px;
        margin-top: -3px;
    }
    
    div.sc_signInformSection {
      background-color: #F6F6F6;
      padding:0px;
    }

    
}

@media (max-width: 500px) {

    div.sc_signInformCss{
        border-radius: 8px;
        border: 1px solid #E8E8E8;
        background: #FFF;
        padding:73px 30px 20px 30px;
    }

    div.sc_signInfooter{
        padding:0px 30px 0px 30px;
    }

    span.sc_termsLabelCss1024{
        float: right;
        margin-left: 20px;
        margin-top: -17px;
    }

}