/*# sourceMappingURL=custom.min.css.map */
:root {
    --perfect-primary:#205456;
    --secondary: #8BC740;
    --primary-hover: var(--perfect-primary);
    --primary-dark: #0a0418;
    --sw-anchor-done-primary-color:#585858;
    font-family: 'Rubik', sans-serif;
}
a{cursor: pointer; color:#205456; }
a:hover{ color:#1a4345; }

.authincation-content {background: #ffffff !important;}
.authincation-screen{display: grid; grid-template-columns: repeat(2,1fr); min-height:100vh;}

.form-control{ background: #F5F5F5 !important; border: 1px solid #F5F5F5 !important;  border-radius: 4px; height: 50px !important; }

.mb-5,.my-5 {margin-bottom: 2rem !important;}
.mb-6,.my-6 {margin-bottom: 2rem !important;}
.mb-7{margin-bottom: 60px;}
.mb-8{margin-bottom: 40px;}
.mb-9{margin-bottom: 16px;}
.mt-10{margin-top: 61px;}
.btn-primary {background-color: var(--perfect-primary);}
a.link-underline-dark { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
 text-decoration: underline !important;}
button.btn.btn-outline-primary{   border: 1px solid #205456 !important; font-size: 14px !important;}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {box-shadow: 0 0 0 0.1rem rgb(32 84 86) !important;}
.btn-outline-primary:focus, .btn-outline-primary.focus{box-shadow: 0 0 0 0.1rem rgb(32 84 86) !important;}
.btn-primary:focus{box-shadow: 0 0 0 0.1rem rgb(32 84 86);}
.btn {font-size: 14px !important;}
.auth-form .btn {font-weight: 500;}
.download-App-img { width: 170px;}
.thanks { padding-top: 61px;}
.input-group-append {margin-left: -1px;position: absolute;right: 0;top: 29px;}
.input-group-text {background: transparent !important; border: none !important;box-shadow: none !important; padding: 1rem 0.75rem; margin-top:0 !important; }
.input-group-text i {font-size: 16px;color: #c7c5c5;     cursor: pointer;}
.subscription-right{ background-image: linear-gradient(to right top, #59a0a1, #509798, #488e8f, #3f8587, #367c7e);height: 100%; width: 100%;position: relative; border-radius: 40px 0px 0px 40px;padding: 80px;
/*display: flex;*/ justify-content: center; /* Center horizontally */align-items: center;     /* Center vertically */}
.pl-3, .px-3 {padding-left:3rem !important;}
.pr-3, .px-3 { padding-right: 3rem !important;}
.subscription-img{ margin-top:90px; }
.authincation-content{box-shadow:none!important; width:100%;}
.sw-theme-default {border: none !important;}
.sw-theme-default>.nav{box-shadow:none!important;}
.sw-theme-default>.nav{box-shadow:none!important;}
.sw>.nav .nav-link{padding: .5rem 3rem !important;}
.form-wizard .nav-wizard li .nav-link:after{ height: 2px;}
.sw>.nav .nav-link {padding: 0rem 4rem 0rem 4rem !important}
.form-wizard .nav-wizard li .nav-link:after{    top: 27% !important;}
.form-wizard .tab-content .tab-pane {padding: 0 80px;}
.form-wizard .nav-wizard li .nav-link span {border-radius: 50px;width:28px;height:28px;border: 1px solid #E4E4E4;display: block;line-height: 28px;color: #000000;font-size: 13px;margin: auto;background-color: #fff;position: relative;z-index: 1;}
/* .tab-content .form-control {height: 50px !important;} */
.sw .toolbar{    padding: 0 80px;}
.sw .toolbar{text-align: left !important;}
.form-wizard .toolbar-bottom .btn {background-color: var(--primary);border: 0;padding: 12px 18px;width: 45%;}
.form-wizard .toolbar-bottom .btn {background-color: var(--primary);border: 0;padding: 12px 18px;width: 48%;margin: 0 5px;}
.sw .toolbar>.btn.disabled, .sw .toolbar>.btn:disabled{opacity: inherit;background-color: transparent;border: solid 1px #205456;color: #000;}
.sw-theme-default>.nav .nav-link.done {color: #19686a !important;}
.sw-theme-default>.nav .nav-link.active{color: #19686a !important;}
.sw-theme-default>.nav .nav-link.active span{    background-color: #19686a !important; color:#fff;}
a.nav-link.inactive.done span{    background-color: transparent;}
.sw-theme-default>.nav .nav-link.inactive span{ background-color: #fff;}
.invalid-feedback{font-size: 90%; color: #D50000; display: block;}
.custom-control-label:before, .custom-control-label:after{top: -2px !important;}
.list-group-item{padding: 0.2rem 1.5rem;}
.thanks h1 {font-size: 39.2px;font-weight: 400;}
.thanks h3 {font-size: 14.4px;font-weight: 300;color: #000;}
.thank-img {width: 81px;display: inline-block;margin: 0 0.5rem;}
.subscription-right p{ font-size:20px; font-weight:300; line-height: 26px; text-align:center;}
.sw>.tab-content{min-height:440px;}
.toolbar.toolbar-bottom { padding: 0 80px;}
.w-50{width:50% !important;}
.auth-form .btn{  width:100% !important;}
button.btn.btn-outline-primary{  width:100% !important;}
img.img-ps { width:190px;}
.rounded {border-radius: 8px !important;}
.auth-form .btn {height: 44px;font-weight: 600;}
.sw-theme-basic>.nav .nav-link.active{color: var(--perfect-primary) !important; font-weight:500;}
.sw-theme-basic>.nav .nav-link.done { color: var(--sw-anchor-done-primary-color);}

.sw-theme-basic>.nav .nav-link.active span{    background-color: #205456; color:#fff;}
img.img-lo { margin-bottom: 61px;}

.sw-theme-basic>.nav .nav-link.active::after {
      background: #f1f1f1 !important
}

.img-left img {
    float: left;
}

 .img-right img {
    float: right;
}

 .input-eye-icon {
    float: right;
    margin-right: .6rem;
    margin-top: -1.7rem;
    position: relative;
    z-index: 2;
   font-size:14px;
  }
label.text-label {color: #000000;}
.form-control{ color:#444444; }
.form-control:hover, .form-control:focus, .form-control.active{ color: #464545; }
.bootstrap-select .dropdown-toggle .filter-option{    overflow: unset;}

.req-password {
    list-style: none;
    padding-left: 0px;
    margin-top: 5px;
    margin-bottom: 0;
  }
  
  .req-password li {
    font-size: 12px;
    color: #4C4A53;
    display: flex;
    align-items: center;
  }
  
  .tick-icon {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid #9D9AA4;
    display: inline-block;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  
  .form-wizard .nav-wizard li .nav-link.done span {
    background-color: #205456;
    color: rgb(255, 255, 255);
}

/*.form-wizard .nav-wizard li .nav-link.done span {
    background-color: #ffffff;
    color: #000;
}*/
.app1{ gap: 20px;  justify-content: space-between;}
.text-danger {
    color: #D50000 !important;
}
.list-g{ display:flex; justify-content:center;  margin-top:20px; gap:30px;}

 .box-s {
            width: 300px;
            height: 300px;
            margin: 50px;
           display: flex;
           justify-content: center;
           align-items: center;
            background-color: white;
            box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.1); /* horizontal offset, vertical offset, blur radius, color */
            border-radius:8px;

        }


 img.img-lo { width: 190px;}       

.right-screen{position: relative;}
.footer-copyright{position: absolute; left:0; bottom:0; width: 100%; z-index: 999; background-color: #fff;}
.footer { padding-left: 0;background-color: #fff;}

.bg-bubbles-wrapper {
    background: #fff;
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    overflow: hidden;
    min-height: 100vh;
}
.authincation-login{ display: grid;grid-template-columns:2fr 6fr;}
.authincation-content{height:100%; position: relative;}
.work-process-layout2{height:100%;}
.carousel{height:100%;}
.carousel-inner{height:100%;}
.carousel-item{height: 100%;min-height: 100vh;}
/* .app-store {
    
    position: absolute;
    bottom: 40px;
} */
.bg-1{
    height: 100%;
}
.bg-2{
    height: 100%;
}

.login-left{position: relative;}

.auth-form {
    padding:50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.full-width{height: 100%;}
.authincation-login{height: 100%;}
#Subsciption{min-height: 533px;}
.auth-form1 {
    padding: 50px;
    padding-bottom: 50px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
 /*// Small devices (phones,0px and up)*************************************************************************************/
@media (min-width: 0) { 
img.img-ps { width:86px;}
.sw>.nav .nav-link {padding: 0rem 0rem 0rem 0rem !important;}
.form-wizard .tab-content .tab-pane { padding: 0 20px;}

.toolbar.toolbar-bottom{position: relative !important;}
.sw-theme-default>.nav .nav-link p{ font-size:70%; }
.toolbar.toolbar-bottom {padding: 0 20px;}
.mb-8 {margin-bottom: 0px;}
}
/*// X-Small devices (phones,320px and up)**************************************************************************************/
@media (min-width: 320px) { 
.sw>.tab-content { height:auto !important; min-height:602px;}
/* .center-screen { margin-top: 200px;} */
.sw-theme-basic>.nav .nav-link{margin-right:0px;}
.nav-link p{ font-size:80% !important;}
.img-left img {display: none;}
.img-right img {display: none;}
.plus.col-3.col-sm-2.col-xs-2{  padding-right: 0; }
 .mb-7 { margin-bottom: 20px;}
img.img-lo {
    margin-bottom: 20px;
}

}
/*// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap*/

/*// Small devices (landscape phones, 576px and up)**************************************************************************************/
@media (min-width: 576px) { 
img.img-ps { width:107px;} 
.sw>.nav .nav-link {padding: 0rem 0.5rem 0rem 0.5rem !important;}
.form-wizard .tab-content .tab-pane { padding: 0 20px;}
.sw-theme-default>.nav .nav-link p{ font-size:90%; }
.toolbar.toolbar-bottom {padding: 0 40px;}
/* .center-screen { margin-top: 300px;} */
.form-wizard .tab-content .tab-pane {padding: 0 40px;}
.img-left img {display: block;}
.img-right img {display: block;}



}
@media (max-width: 576px) { 
    .app1{justify-content: center; gap: 10px;}
.md-label{text-align:center;}
}



/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
    .toolbar.toolbar-bottom {
        padding: 0 50px;
    }
    .form-wizard .tab-content .tab-pane {padding: 0 60px !important;}
}
/*// Large devices (desktops, 992px and up)**************************************************************************************/
@media (min-width: 992px) { 
.subscription-img {margin-top: 40px; width: 250px;} 
.sw>.tab-content {
        height: auto !important;
        min-height: 507px;
    }
.auth-form {padding: 30px 50px;}
h1, .h1 { font-size: 1.8rem;}
.subscription-right p { font-size: 19.4px;}
.mb-7 {margin-bottom: 40px;}
.list-m.col-lg-5{ width:50% !important;  flex: 50%;  max-width: 50%;}
.center-screen { margin-top: 0px;}
.subscription-right {  min-height: 100%;}
.form-wizard .tab-content .tab-pane {padding: 0 30px !important;}
.toolbar.toolbar-bottom {
        padding: 0 20px;
    }

}

/*// X-Large devices (large desktops, 1200px and up)**************************************************************************************/
@media (min-width: 1200px) { 

.subscription-img { margin-top: 10px;width: 290px;}
.sw>.tab-content {min-height:500px !important; padding: 0 30px;}
.toolbar.toolbar-bottom {padding: 0 40px;}
.center-screen { margin-top: 0px;}
.auth-form { padding: 30px 50px;}
.mb-7 {margin-bottom: 30px;}
.subscription-right { height:830px;}
.mb-2, .my-2 { margin-bottom: 0.2rem !important;}
.form-wizard .tab-content .tab-pane { padding: 0 20px !important;}
.nav-link p{ font-size:100% !important;}

}

/*// XX-Large devices (larger desktops, 1400px and up)**************************************************************************************/
@media (min-width: 1400px) { 
.sw>.tab-content {min-height:500px !important; padding: 0 40px;}
.toolbar.toolbar-bottom {padding: 0 50px;}
.center-screen { margin-top: 0px;}
h1, .h1 { font-size: 2rem; text-align:center;}
.subscription-right p {font-size: 20px;}
.subscription-right { height: 100%;   min-height: 100vh;}
.plus.col-3.col-sm-2.col-xs-2{  padding-right: 13px; padding-left: 13px;}
.form-control {height: 50px !important;}
}

/*// XX-Large devices (larger desktops, 1800px and up)**************************************************************************************/
@media (min-width: 1800px) { 
img.img-ps { width:146px;}
.sw>.tab-content {min-height:490px !important; padding: 0 70px;}
.sw-theme-default>.nav .nav-link p{ font-size:100%; }
.toolbar.toolbar-bottom {padding: 0 90px;}
.subscription-img { margin-top: 60px; width: 378px; }
.center-screen { margin-top: 0px;}
.list-m.col-lg-5 {flex: 0 0 41.6666666667% !important;max-width: 41.6666666667% !important;}
.subscription-right { height: 100%;  min-height: 100vh;}
.auth-form { padding: 50px 50px;}
.mb-7 {margin-bottom: 40px;}
.form-wizard .tab-content .tab-pane {padding: 0 20px !important;}

 }



/*============================================================================================================*/

@media (min-width: 1366px) { 
    .form-wizard .tab-content .tab-pane {
        padding: 0 20px !important;
    }
}

@media (max-width: 1024px) { 
.right-screen {
        display: none !important;
    }
       .app1{justify-content: center; gap: 10px;}
.md-label{text-align:center;}
.right-side{display: none;}
.authincation-screen{grid-template-columns: 1fr;}
.authincation-login{ grid-template-columns:1fr;}
.auth-form{        justify-content: center;}
img.img-lo {
    width: 160px;
}


   
}

@media (max-width: 767px) { 
    .list-g{flex-direction: column;   gap: 0px;}
    .auth-form {
        padding:30px;
    }
}
/* @media (min-width: 1024px) and (max-width: 1440px) {


} */

@media (min-width: 1200px) and (max-width: 1599px) {
    body{font-size: 12px !important;}
 .auth-form { padding: 20px;         justify-content: center;}
 .mb-7 { margin-bottom: 10px;}
 img.img-ps { width: 99px;}
 .form-control { height: 35px !important; font-size:12px; }
 .auth-form .btn {height: 35px;}
 .form-wizard .nav-wizard li .nav-link span { width: 24px; height: 24px;line-height: 24px; font-size: 12px;}
 .sw>.tab-content { min-height: 380px !important;}
 .subscription-right {height: 100%;min-height: 100%; padding: 40px;}
 .mb-3, .my-3 { margin-bottom: 0.5rem !important;}
 .invalid-feedback{margin-top: 0.15rem;}
 .form-wizard .nav-wizard{margin-bottom: 1rem;}
 label { margin-bottom: 0.3rem;}
 .toolbar.toolbar-bottom {padding: 0 45px;}
.mt-4, .my-4 {margin-top: 0.2rem !important;}
.form-group {margin-bottom: 0.5rem;}
button.btn.btn-outline-primary{padding: 0.438rem 1rem; font-size: 13px !important;}
.btn { padding: 0.438rem 1rem; font-size: 13px !important;}
.toolbar.toolbar-bottom img{width:18px; margin-top:2px;}
.input-group-text{padding: 3px;}
.subscription-img { width: 300px;margin-top: 40px;}
.bootstrap-select .btn {height: 35px !important; line-height: 20px;}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {font-size: 12px;font-weight: 500;}
#Subsciption { min-height: 100%;}
h1, .h1 { font-size: 1.6rem;}
.subscription-right p {font-size: 16px;}
img.img-lo {width: 150px;}
}