/* Minification failed. Returning unminified contents.
(1010,38): run-time error CSS1046: Expect comma, found '206'
(1010,46): run-time error CSS1046: Expect comma, found '/'
(1057,38): run-time error CSS1046: Expect comma, found '206'
(1057,46): run-time error CSS1046: Expect comma, found '/'
 */
/*
  main.css file
  Saleswah
  By Tarik Hasan | 2020
  tarikhasan.info@gmail.com
*/
/*===============================================

  Table of Contents

01 Font Setup  
02 Common Styles
03 Preloader
04 Menu Bar
05 Header Content
06 About Section
07 Feature section
08 Pricing Section
09 Review Section
10 Service Section
11 Contact Section
12 copyRight section


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





/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}



::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */


.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/*
===============================================
02 Common Styles
===============================================
*/
section{
	clear: both;
	overflow: hidden;
}
.spacer-35px {
    height: 80px;
		clear: both;
}
body {
    background-color: #f6fff6;
    background-image: url(/Img/Icon/Security/body_bg.png);
    /*font-family: 'Montserrat', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
}


html{
	scroll-behavior: smooth;
}
a:hover{
  text-decoration: none;
}

.spacer-30 {
    width: 100%;
    height: 5px;
}

.spacer-40{
  width: 100%;
  height: 20px;
}
.spacer-20{
  width: 100%;
  height: 20px;
}
body{
  position: relative;
  min-height:100vh
}
body::after {
  content: '';
  display: block;
  height: 70px; /* Set same as footer's height */
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

  .reg-img img {
    width: 100%;
}

.reg-img.login-img img {
    width: auto;
}

.reg-img.login-img {
    text-align: center;
}




/*flex-direction: row-reverse;*/





/*
===============================================
03 Navber Style
===============================================
*/
.my-nav>nav.navbar.navbar-expand-lg.navbar-light.bg-light  {
  height: 70px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff !important;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light.my-saleswah-logo> a> img {
  width: 192px;
  height: 50px;
}

button.btn.btn-outline-success.my-2.my-sm-0.my-button {
    width: 118px;
  height: 43px;
  border-radius: 5px;
  box-shadow: 0 5px 13px 0 rgba(65, 230, 62, 0.3);
  background-color: #41e63e;
  font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border: none;
}  
button.btn.btn-outline-success.my-2.my-sm-0.my-button:hover {
    box-shadow: none;
    transition-duration: .3s;
    display: inline-block;
    background-color: #37c135
}  
p.my-header-text {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: right;
    color: #989e9d;
    margin:0;
    margin-right:25px;
}
.my-nav {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99999999;
}

.fixed-header-spacer {
    width: 100%;
    height: 50px;
}


/*
===============================================
04 content header (Select Plan)
===============================================
*/

.my-heading-text>h1 {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: center;
    color: #061405;
    margin: 0;
    margin-top: 10px;
}

.my-heading-text>h2 {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.22;
    letter-spacing: normal;
    text-align: center;
    color: #1f1f1f;
    padding-top: 5px;
}
.my-heading-text {
    background: #F6FFF6;
    padding: 5px 0;
}








/*
===============================================
05 Video section(Select Plan)
===============================================
*/
.iv-heading {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #bfc9bf;
}

.iv-heading>h1 {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: center;
    color: #061405;
    padding: 16px 0;
}
.iv-content-video>iframe {
    width: 99%;
    border-radius: 10px;
    box-shadow: 0 9px 19px 0 rgba(0, 0, 0, 0.16);
}




/*
===============================================
06 plan column
===============================================
*/
.msp-con-head {
    background-color: #C5F8C4;
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.msp-con-head h1 {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: center;
    color: #616161;
    padding: 16px 0;
    margin: 0;
}
.msp-elements.msp-e-01 {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.msp-con-body {
    padding: 15px;
}

.msp-con-body p {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left;
    color: #989e9d;
    margin-bottom: 10px;
}

.msp-con-hhd {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.36;
    letter-spacing: normal;
    color: #061405;
    margin-bottom: 5px;
}

.msp-con-hhd span {
    color: #41e63e;
}

.mspcb-list-item i.fa {
    color: #41e63e;
    font-size: 15px;
}

.mspcb-list-item h3 {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #616161;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 0;
}

.mspcb-list {
    margin-left: 10px;
    margin-bottom: 20px;
}

.mspcb-list-item {
    padding: 0;
    margin: 0;
}

.mspcb-list-item-and h3 {
    color: #41e63e;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    margin: 0;
    padding-left: 25px;
}
.msp-elements.msp-e-01, .msp-elements.msp-e-02, .msp-elements.msp-e-03 {
    height: 405px;
    position: relative;
}

.msp-con-button-submit a {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding: 12px 0;
    display: inline-block;
}

.msp-con-button-submit {
    border-radius: 5px;
    box-shadow: 0 5px 13px 0 rgba(65, 230, 62, 0.3);
    background-color: #41e63e;
    text-align: center;
    width: 215px;
    transition-duration: 0.3s;
}
.msp-con-button {
    position: absolute;
    bottom: 13px;
    left: 50%;
    margin-left: -107px;
}
.msp-con-body {
    padding-top: 8px;
}

.my-custom-col {padding: 0px 8px;}

.msp-con-button-submit:hover {
    background-color: #37C135;
    box-shadow: none;
    transition-duration: .3s;
}
.form-group {
    margin-bottom: 5px;
}
.form-group.select-country {
    margin-bottom: 10px;
}












/*
===============================================
07 Footer for all
===============================================
*/
footer {
    background-color: #061405;
    text-align: center;
    margin-top: 50px;
}

.copy-right-sec {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: center;
    color: #989e9d;
    padding: 20px 0px;
}

.copy-right-sec p {
    margin: 0;
}








/*
===============================================
08 Registration Page
===============================================
*/
.my-form {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.my-form-content {
    padding: 10px 20px;
}
.form-notice {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    color: #061405;
}

.form-notice span {
    font-weight: 600;
    font-style: italic;
}


.form-group.my-name label, .form-group.my-email label, .form-group.my-phoneno label, .form-group.select-country label, .my-pass label {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left;
    color: #41e63e;
    margin-bottom: 5px;
}

.my-check label{
  font-family: Montserrat;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  color: #989e9d;
}
.my-check a{
  font-family: Montserrat;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  color: #989e9d;
  float: right;
}
.my-check a:hover{
  color:#505050;
}

.my-submit-btn {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding: 12px 0;
    display: inline-block;
    border-radius: 5px;
    box-shadow: 0 5px 13px 0 rgba(65, 230, 62, 0.3);
    background-color: #41e63e;
    text-align: center;
    width: 215px;
    transition-duration: 0.3s;
    border: none;
    width: 100%;
}
.my-submit-btn:hover {
    background-color: #37C135;
    box-shadow: none;
    transition-duration: .3s;
}
.my-form {
    width: 440px;
    margin: auto;
}
.social-signup {
    text-align: center;
}

.my-or {
    opacity: 0.5;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #616161;
    text-transform: uppercase;
    margin-top: 10px;
}
.social-selection {
    
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #B7B7B7;
    margin-top: 10px;
}

.social-selection p {
    display: inline-block;
    margin-right: 10px;
}
.social-selection a {
    margin: 0 5px;
}
.social-selection a:hover {
    opacity: .5;
}
.polyterm {
    text-align: center;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: center;
    color: #989e9d;
}

.polyterm a {
    color: #c3c3c3;
}

.polyterm a:hover {
    color: #9c9c9c;
}

.polyterm p {
    margin: 0;
    margin-top: 20px;
}

::placeholder {
  
  opacity: 0.3 !important;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: left;
  color: #616161 !important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 opacity: 0.3 !important;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: left;
  color: #616161 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
 opacity: 0.3 !important;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: left;
  color: #616161 !important;
}
.my-heading-text.responsive-general h1 span {
    font-weight: 600;
    color: #41e63e;
}
















/*
===============================================
09 Short Account Name
===============================================
*/
.form-smallnote {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: normal;
    text-align: left;
    color: #616161;
    margin-bottom: 25px;
}
.reg-img.short-acount-img img {
    width: 70%;
    margin: auto;
}

.reg-img.short-acount-img {
    text-align: center;
}








/*
===============================================
10 forget password
===============================================
*/
.my-form.my-forgetpass {
    width: 520px;
}



/*
===============================================
11 Verification
===============================================
*/
.alternative_active_text {
    text-align: center;
}

.alternative_active_text h2 {
    opacity: 0.5;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #616161;
    text-transform: uppercase;
    margin-top: 20px;
}

.alternative_active_text h3 {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #616161;
}



/* Auto complete*/
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
  width: 100%;
}
.autocomplete-items {
  position: relative;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*top: 100%;*/
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}






.form-group.my-pass {
    position: relative;
    width: 100%;
}

.input-group-addon {
    position: absolute;
    top: 0;
    margin-top: 6px;
    right: 0;
    margin-right: 15px;
    color: #41E63E;
    z-index: 999;
}

.input-group-addon a {
    color: #41E63E;
}



div#SAccountNameautocomplete-list {
    z-index: 9999;
}




/* Medium layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px){
  
  .msp-con-button-submit a {
    font-size: 14px;
}

.msp-con-button-submit {
    width: 200px;
    margin-left: 7px;
}
  .msp-con-body p {
    margin-bottom: 5px;
    font-size: 14px;
}

.msp-con-hhd {
    margin-bottom: 5px;
}
  
  .reg-img img {
    width: 100%;
}
  .reg-img.login-img img {
    width: 80%;
}

  
  
  
  
  
  
  
  
  

}

/* Tablet layout:768px. */
@media only screen and (min-width: 768px) and (max-width: 991px){

  .my-heading-text>h1 {
    font-size: 16px;
}

.my-heading-text>h2 {
    font-size: 14px;
}

.iv-heading>h1 {
    font-size: 14px;
}

.msp-con-head h1 {
    font-size: 14px;
    margin-bottom: 0;
}

.msp-con-body {
    padding: 7px;
}

.msp-con-body p {
    font-size: 12px;
    margin-bottom: 3px;
}

.msp-con-hhd {
    margin-bottom: 0;
    font-size: 12px;
}

.mspcb-list-item h3 {
    font-size: 12px;
    margin-bottom: 0;
}

.msp-con-button-submit a {
    font-size: 12px;
}

.msp-con-button-submit {
    width: 148px;
    margin-left: 33px;
}

.msp-elements.msp-e-01, .msp-elements.msp-e-02, .msp-elements.msp-e-03 {
    height: 365px;
}
  .msp-con-button {
    bottom: 10px;
}
  
  
  
div#navbarTogglerDemo02 {
    background: #fff;
    text-align: right;
    width: 100%;
    padding: 15px;
    /* border: 1px solid gray; */
    position: absolute;
    width: 100%;
    left: 0;
    top: 70px;
    box-shadow: 0 9px 13px 0 rgb(206 206 206 / 30%);
}

p.my-header-text {
    margin-right: 0;
    margin-bottom: 10px;
}

.my-form {
    width: 100%;
}

.msp-con-head h1 {
    font-size: 20px;
}
  .msp-con-head h1 {
    font-size: 19px;
}
.reg-img.login-img img {
    width: 100%;
}  
  
  
  
  
  
  
  
  
  
  
	
}

/* Mobile layout:320px. */
@media only screen and (max-width: 767px){

div#navbarTogglerDemo02 {
    background: #fff;
    text-align: right;
    width: 100%;
    padding: 15px;
    /* border: 1px solid gray; */
    position: absolute;
    width: 100%;
    left: 0;
    top: 70px;
    box-shadow: 0 9px 13px 0 rgb(206 206 206 / 30%);
}

p.my-header-text {
    margin-right: 0;
    margin-bottom: 10px;
}
  .my-heading-text>h1 {
    font-size: 16px;
    margin-top: 20px;
}

.spacer-30 {
    height: 10px;
}

.my-custom-col {
    padding: 10px;
}

.copy-right-sec p {
    font-size: 14px;
}
  
  .row.my-flexdirection {
    flex-direction: column-reverse;
}

/*.reg-img {
    display: none;
}*/

.my-form {
    width: 100%;
}

.spacer-40 {
    height: 10px;
}
  .my-form.my-forgetpass {
    width: 100%;
}
  
  
  
  
  
  
  

	
}

  
  
  
  
  



/*
	=== Coding ===
	Tarik Hasan
	(+880) 1724-78 66 59
	tarikhasan.info@gmail.com
*/