@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
*{
  font-family: 'Lato', sans-serif;
}
.bizsoft_logo  {
                    width: 50%;
                    
}

.container  {
                                margin-top: 50px;
}

.fixed-top    {
                position: fixed;
}

.navbar-nav li a     {
                        font-weight: bolder;
                        margin-left: 5px;
                        font-size: small;
}
.animate__animated.animate__bounce {
  --animate-duration: 10000ms;
}

.carousel-caption{
            display: inline-block;
            position: absolute;
            /* left: 25%; */
            text-align: left;
            color: black;
            padding: 10px;
            width: 70%;
            /* background-color: #00004062; */
            /* text-shadow: #555; */
}

.carousel-caption .btn-check-out{
          text-align: center;
          display: block;
          margin: auto;
}

body    {
            height: 100%;
            /* max-width: 90%; */
          }

/* top nav button here */
#myBtn {
            display: none; 
            position:fixed; 
            bottom: 20px; 
            right: 30px; 
            z-index: 99; 
            border: none; 
            outline: none; 
            background-color:#28A2E2;
            opacity: 0.5;
            color: white; 
            cursor: pointer; 
            padding: 15px; 
            border-radius: 10px; 
            font-size: 18px;
}

#myBtn:hover {
  background-color: #555; 
}
/* top nav button ends here */
.image_content  {
                    position: relative;
                    left: 70%;
                    top: -45%;
                    width: 25%;
                    text-align: right;
                    font-size: 0.85rem;
                    height: fit-content;
}

.btn-check-out          {
                    background-color: #000040;
                    color: white;
                    font-size: 12px;
                    height: 50px;
                    /* border: 1px solid green; */
}

.btn-check-out:hover  {
                    color: #ffffff;
                    /* border: 1px solid #000040; */
                    background-color: green;
                    transition: 1000ms ease-in all;
}


.learn_more         {
                        color: #000040;
                        text-decoration: none;
}

.business_name      {
                        font-weight: bold;
                        font-size: 18px;
}

/* product section */

.product_section        {
                            margin-top: 1rem;
}
.categories     {
                    text-align: center;
                    color: #28A2E2;
}

.row      {
            color: black;
          }

/* hover effect on product images */
.product_cat:hover      {
                          scale: 1.05;
}

.double_digit:hover     {
                                      font-size: 0.85rem;
}

.hidden_product_feature:hover     {
                                    font-size: 0.85rem;
                                    color: black;
                                  }
/* end of hover properties */
.our_products      {
                        margin-top: -15%;
                        
}

.product_area       {
                        align-content: center;
}

.our_clients        {
                        margin-top: 2.5%;
                        height: 80px;
                        
}

.client_logos{
                display: block;
                margin: auto;
                height: 100px;
                margin-bottom: 20px;
}

.carousel-indicators{
                  display: none;
}

.arrow{
          color: black !important;
}

.others             {
                        padding: 10px;
                        height: 80px;;
}

.nameOfAccordion        {
                            color: rgba(102, 99, 99, 0.61);
}

.accordion-button   {
                        height: 0.5rem;
}

/* product features section  */

.product_features     {
                        margin-top: 1.5rem;
}
.hidden_product_feature        {
                                    font-style: italic;
                                    font-size: 0.65rem;
                                    width: 75%;
                                    position: relative;
                                    top: -100px;
                                    left: 100px;

}

.double_digit        {
                                    font-style: italic;
                                    font-size: 0.65rem;
                                    width: 75%;
                                    position: relative;
                                    top: -75px;
                                    left: 120px;

}

.bold                {font-weight: bolder;}

/* footer content */


a {text-decoration: none;}

.subscribe      {
                  width:35%;
                  height: 2.7rem;
                  border: none;
                  border-radius: 10px;
                  border-radius: 0.2rem;
                  text-align: left;
                  padding-left: 5px;
                }

.social           {
                    width: 40px;
                    margin-left: 10px;
                  }

.socialComment  {
                  font-style: italic;
                  text-align: center;
}

.socialIcons    {
                  display: flex;
                  justify-content: center;
}

.footer_bottom    {
                    background-color: #f1f1f1;
                    margin-top: 163px;
                    width: auto;
                   height: 290px;
}


.footer-menu-list li   {
                      display: block;
                      color: #000000;
                      margin-bottom: 12px;
                      text-align: left;
                      margin-left: 0;
                      padding: 0;
}

.footer-menu-list li a{
    color: #000000 !important;
    text-align: left;
    margin-left: 0;
}

.companyoptions{
    margin-left: 30px;
}

.aboutUs_img      {
                    width: 79%;
                    display: block;
                    margin: auto;

}

.testimony{
                  color: #28A2E2;
}

/* label           {
                  font-weight: bold;
} */

.aboutUsBody     {
                    margin-bottom: 5rem;
}

.trialBody{
              margin-top: 100px;
}

/* free trial Page */

.freeTrial      {
                  margin-top: 5%;
                  border: 3px solid #28A2E2;
                  box-shadow: inset;
                  margin-bottom: 10%;
                  border-radius: 10px;
                  padding: 35px;
                  box-shadow: -12px 8px 16px -6px rgba(0,0,0,0.68);
                  -webkit-box-shadow: -12px 8px 16px -6px rgba(0,0,0,0.68);
                  -moz-box-shadow: -12px 8px 16px -6px rgba(0,0,0,0.68);
}
.trialImage     {
                  margin-top: 25%;
}

.submit     {
              margin-bottom: 2%;
              width: 100%;
}

.freeTrialImage    {
                    height: 250px;
                    display: block;
                    position: fixed;
                    border: none;
}

.active{
        font-weight: bolder;
}

.freeTrialheader      {
                        margin-top: 1%;
}

.ContactImage     {
                      width: 120%;
}

/* cloudsense */

.cloudsense     {
                  width:100%;
                  margin-top: 3rem;
}

figcaption      {
                  text-align: center;
                  font-size: small;
}

.hidden_product_feature2        {
                                    font-style: italic;
                                    font-size: 0.65rem;
                                    width: 75%;
                                    position: relative;
                                    top: -140px;
                                    left: 80px;
                                    text-align: right;

}

.hidden_product_feature3        {
                                    font-style: italic;
                                    font-size: 0.65rem;
                                    width: 75%;
                                    position: relative;
                                    top: -140px;
                                    left: 80px;
                                    text-align: right;
                                    

}

/* package comparison page */
.packageComparison      {
                            height: 50px;
                         
}

td       {
              text-align: center;
              color: black;
}

.comparisonTable      {
                        margin-top: 3rem;
                        margin-bottom: 5rem;
}

tr:hover      {
                  font-weight: bolder;
}

select      {
              width: 15rem;
              opacity: 0.5;
              margin-top: 1rem;
              font-size: 1rem;
              font-weight: bold;
              border-radius: 5px;
}

.carousel-item{
      height: 500px;
}

.heroHeaderImg{
      background-image: url('../img/heroBgImg.png');
      background-repeat: no-repeat;
      background-position: right;
      height: 500px;
      width: 50%;
}

.productInAbout{
                  margin-top: 100px;
                  background-image: url('../img/Picture1.png');
                  background-repeat: no-repeat;
                  background-position:left-top;
                  background-size: 15%;
}

.credentialsClients, .credentialsUsers{
  text-align: center;
  font-weight: bolder;
  font-size: xx-large;
}

.clientDetails{
      position: relative;
      top: 200px;
}

.credentialsRow{
    height: 500px;
}

.dashboardPreview{
    background-image: url('../img/Group7.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

ol{
  font-weight: bold;
  list-style-position: outside;
  line-height: 35px;
  list-style-type: square;
}

ol li{
  padding-left: 9px;
}

.actionBtn{
      position: relative;
      top: 50%;
      left: 50%;
      
}

.SercviceBenefits{
        width: 100px;
}

#success-notification{
      display: none;
      text-align: center;
      background-color: #000040;
      color: #ffffff;
      padding: 5px;
      border-radius: 5px;
}

.MTopReveal{
    margin-top: 10%;
    margin-bottom: 6px;
    height: auto;
}

.heroText{
    width: 80%;
    height: 263px;
    margin-left: 2%;
    margin-top: 10%;
}

.heroText h2{
  font-size: 54px;
  line-height: 59.4px;
  font-weight: 600;
}

.heroText button{
  width: 182px;
  height: 47px;
  padding: 14px 24px;
  border-radius: 4px;
  font-size: 15px;
  line-height: 19.5px;
  margin-top: 5%;
}

.dashboardAnimation{
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
    background-color: #ffffff;
}

.carouselElevate{
    margin-top: 96px;
}

.ElevateText{
  width: 68%;
  font-size: 32px;
  line-height: 35.2px;
  text-align: center;
  display: block;
  margin: auto;
  color: #ffffff;
  margin-top: 62px;
}

.MarketingFeatures{
  background-color: #ffffff;
  width: 512px;
  height: 790px;
  border-radius: 16.57px;
  margin-top: 94px;
  margin-bottom: 154.69px;
  padding-bottom: 75px;
  margin-left: calc(50% - 256px);
  transition: 1000ms ease-out;
}

.MarketingFeaturesText{
    margin-left: 38.11px;
    margin-top: 34.73px;
    width: 387.47px;
    font-weight: 400;
    font-size: 15px;
}

.MarketingImage{
  width: 395px;
  height: auto;
  display: block;
  margin: auto;
  margin-top: 36.5px;
  margin-bottom: 35.25px;
}

.carouselElevate{
  background-image: url('../img/BizsoftLandingPageAssets/Background1.png');
  background-size:cover;
  background-repeat: no-repeat;
}

.MyIndicators{
    position: relative;
    top: 10px;
    left: 89%;
    width: 100px !important;
}

.indicatorDiv a{
  border: 1px solid #ffffff;
  border-radius: 35px;
  width: 35px;
  height: 35px;
}


.MyIndicators{
  width: 100%;
}

.WeHelp{
  display: block;
  margin: auto;
  width: 80%;
  font-weight: 600;
  line-height: 22.4px;
  font-size: 16px;
  margin-top: 76px;
  margin-bottom: 54px;
}

.HowWeHelp{
    height: auto;
    padding-bottom: 119px;
    background-image: url('../img/BizsoftLandingPageAssets/background2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    margin-top: 187.66px;
}

.CustomerHelp{
    width: 299px;
    height: 252px;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0px 2px 6px 0px #00000026;
    margin-right: 50px;
    margin-top: 60px;
    display: flex;
    color: #2b2b2b;
}

.helpHeader{
    font-weight: 600;
    font-size: 32px;
    line-height: 35.2px;
    margin-top: 87px;
}

.helpContent h3{
    width: 151px;
    height: 56px;
    font-weight: 400;
    line-height: 27.5px;
    font-size: 25px;
    /* margin-top: 25px;
    margin-left: 19px; */
    color: #2b2b2b;
}

.helpContent{
    margin-left: 19px;
    margin-top: 25px;
    width: 266px;
    padding-right: 14px;
    height: 156px;
}

.helpContent p{
  line-height: 21px;
}

.helpIcon{
    width: 72.01px;
    height: 70.86px;
    transform: rotate(-5deg);
    float: right;
    margin-top: -70px;
}

.fa-circle{
    margin-right: 5.82px;
}

.fa-circle:last-child{
  margin-right: 0;
}

.CheatsheetCover{
    width: 80%;
    height: auto;
    margin-top: 14%;
    margin-left: 12%;
}

.CheatSheetArea{
    background-image: url('../img/BizsoftLandingPageAssets/Group103.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size:auto;
    margin-top: 0;
}

.CheatSheetInfo{
    width: 460px;
    height: 361px;
    box-shadow: 0px 3.634779214859009px 9.08694839477539px 0px #00000026;
    margin-top: 15%;
    position: relative;
    z-index: 10;
}

.CheatCheetTopic{
    width: 80%;
    height: 54px;
    font-weight: 700;
    line-height: 27.24px;
    font-size: 20px;
    margin-top: 47px;
    margin-left: 5%;
}

.CheatSheetDetails{
    width: 80%;
    height: 110px;
    font-weight: 400;
    font-size: 16px;
    line-height: 21.79px;
    margin-top: 24px;
    margin-left: 5%;
}

.Cheatsheetbtn{
    width: 205px;
    height: 47px;
    border-radius: 4px;
    padding: 1, 3px;
    margin-left: 5%;
    margin-top: 30px;
    font-weight: 600;
    font-size: 15px;
    line-height: 30.5px;
}

.semiFooter{
    background-color: #060F59;
    background-image: url('../img/BizsoftLandingPageAssets/Group104.png'), url('../img/BizsoftLandingPageAssets/Group103.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left, right top;
    height: 346px;
    border-radius: 12px;
    color: #ffffff;
}

.semiFooter h3{
    margin-top: 93px;
    text-align: center;
    font-weight: 600px;
    font-size: 32px;
    line-height: 35.2px;
}

.semiFooter p{
    margin-top: 25px;
    display: block;
    margin: auto;
    width: 824px;
    font-size: 16px;
    line-height: 22.4px;
}

.lightCallbackBtn{
    margin-top: 34px;
    display: block;
    margin: auto;
    width: 182px;
    height: 47px;
    margin-top: 34px;
    padding: 14px, 24px;
    font-size: 15px;
    font-weight: 600;
    line-height: 30.5px;
}

.Companyidentity{
    margin-top: 34px ;
    /* margin-left: 97px; */
}

.OurSocials{
  margin-top: 28px;
  margin-right: 14px;
  margin-bottom: 25px;
}

.CompanyMenu{
    margin-top: 28px;
}

.footerColumn{
    width: 25%;
}

.modal{
    width: 712px;
    max-width: 100%;
    position: fixed;
}

.cheatsheetdownload{
    margin-bottom: 30px;
    width: 80%;
    height: 44px;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
}

.modal-body{
    margin-left: 2%;
}

.cheatsheetdownloadBtn{
    width: 80%;
    height: 44px;
    margin-top: 4%;
}
.modal-body div label{
    /* padding: 75px !important; */
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    margin-bottom: 12px;
}

/* .notification{
    position: absolute;
    z-index: 2;
    display: block;
    left: 25%;
    right: 25%;
    top: 12%;
    text-align: center;
    padding: 5px 10px;
    line-height: 35px;
    border-radius: 5px;
}

.success, .error{
  box-shadow: 4px 4px 12px -3px rgba(0,0,0,0.82);
  -webkit-box-shadow: 4px 4px 12px -3px rgba(0,0,0,0.82);
  -moz-box-shadow: 4px 4px 12px -3px rgba(0,0,0,0.82);
  display: none;
}  

.success{
  background-color: rgba(1, 255, 1, 0.1);
}

.error{
    background-color: rgba(255, 0, 0, 0.137);
} */

.errorPage{
    height: 700%;
}

.ImgCenter{
  display: block;
  margin: auto;
}
@media screen and (max-width: 360px){
  body{width: 360px;}
  .MTopReveal{background-image: url('../img/BizsoftLandingPageAssets/Group103.png'); background-position: right; background-size:1065.46px 1094.43px;}
  *{padding: 0; margin: 0;}
  .heroText{font-size: 44px; line-height: 48.4px; width: 364.12px; margin-bottom: 45px; margin-top: 40px;}
  .column1{width: 364.12px; margin-top: 34px;}
  .dashboardAnimation{width: 90%; margin-top: 60px;}
  .MarketingFeatures{ width: 95%; margin-left: 0;}
  .carouselElevate{width: 100%;}
  .MarketingFeaturesText{margin-left: 4%; margin-right: 2%; width: 93%; font-size: 15.05px; line-height: 19.56px;}
  .ElevateText{font-size: 20px; line-height: 22px; width: 95%;}
  .MyIndicators{left: calc(40% - 10px);}
  .CustomerHelp{display: block; margin: auto; margin-bottom: 50px;}
  .CheatsheetCover{width: 98%; display: block; margin: auto; margin-top: 60px;}
  .CheatCheetTopic{font-size: 20px; line-height: 27.24px; width: 96%;}
  .CheatSheetDetails{font-size: 16px; line-height: 21.79px;}
  .CheatSheetInfo{height: 400px;}
  .Cheatsheetbtn{margin-top: 30%;}
  .semiFooter h3{font-size: 32px; font-weight: 600; line-height: 35.2px; display: block; margin: auto; margin-top: 14% !important; width: 100%; text-align: center;}
  .semiFooter p{width: 82%; display: block; margin: auto; text-align: center; margin-bottom: 34px; margin-top: 30px;}
  .semiFooter{height: fit-content; padding-bottom: 61px; width: 100%;}
  .footerColumn{width: 100%; height: auto; padding-left: 20px; margin-left: 0; margin-top: 0;}
  .footer_bottom{height: auto; padding-bottom: 34px; padding-top: 20px;}
  .OurSocials{width:fit-content;}
  .footer-menu-list{margin-left: 0; padding: 0;}
  .companyoptions{margin-left: 0;}
  .navbar-toggler{display: flex; float: right; position: fixed; left: 80%; top: 1%}
  
}

@media screen and (min-width: 990px) {
    .modal{position: fixed; left: calc(30% - 20px);}
}