*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
    font-family: 'Lato', sans-serif;
    min-width: 400px;
      scroll-behavior: smooth !important;
}


nav{
    display: flex;
    align-items: center;
}
.navbar-brand{
    margin: 0 !important;
    padding: 0 10px !important;
   
    display: flex;
    align-items: center;
}
.navbar-brand img{
    max-width:270px;
    max-height: 20px;
}
.s-sec-box{
    max-width: 996px;
}
.sec-box{
  max-width: 1200px;
  margin: auto;
}
.sec-box-lg{
  max-width: 1200px;
  margin: auto;
 padding: 40px;
}
.navbar{
  margin: auto;
  max-width: 1260px;
  align-items:unset;
  padding: 15px 0;
}
.navbar-nav .nav-item>a{
    font-size: 20px;
color: #232323;
font-weight: 300;
}
.nav-end{
    font-size: 20px;
color:    #4D4D4D;
line-height: 20px;
font-weight: 400;
font-style: normal;
display: flex;
gap: 20px;
align-items: center;
}
.btn-blue{
    max-width: 200px;
height: 40px;
border-radius: 20px;
background: linear-gradient(96.63deg, #349DF2 0.3%, #0F88E9 98.03%), #0096DB;
border: 1px solid rgba(255, 255, 255, 0.2);
font-weight: 600;
font-size: 16px;
line-height: 24px;
font-family: 'Montserrat', sans-serif;
color: #ffffff;

padding: 0 30px;
}
.btn-blue2{
    min-width: 189px;
    height: 40px;
    border-radius: 20px;
    background: linear-gradient(96.63deg, #349DF2 0.3%, #0F88E9 98.03%), #0096DB;
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    text-decoration: none;
    align-items: center;
    text-align: center;
    margin-bottom: 0;
    padding: 0 30px;
    display: flex;
    justify-content: center;
}
.btn-blue3{
    min-width: 117px;
height: 40px;
border-radius: 20px;
background: linear-gradient(96.63deg, #349DF2 0.3%, #0F88E9 98.03%), #0096DB;
border: 1px solid white;
font-weight: 600;
font-size: 16px;
line-height: 24px;
font-family: 'Montserrat', sans-serif;
color: #ffffff;
align-items: center;
display: flex;
padding: 20px 30px;
}
.btn-blue2:hover{
    color: white;
    text-decoration: none;
}
.nav-item{
    display: flex;
    position: relative;
}
.navbar-toggler-icon{
    display: flex;
    gap: 10px;
    align-items: center;
    margin-right: 200px;
}
.navbar-collapse {
padding: 10px 12px;
}
.carousel-item {
    padding: 65px;
}
.carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: transparent;
    border: 2px solid white !important;
  }
  .carousel-indicators .active{
      background: white;
  }
/* ------ first section ----  */
.home-first-sec{
    background: radial-gradient(50% 89.24% at 50% 89.24%, #98D1FF 0%, #309CF2 100%);

    width: 100% !important;
    
}
.section1{
    padding: 0;
    padding-top: 60px; 
}
.center-sec{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.superheading{
    font-weight: 300;
    font-style: normal;
    font-size: 64px;
    line-height: 76.8px;
    align-items: center;
    color: #ffffff;
}
.superheadingbold{
    font-weight: 700;
}
.superpara{
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 32px;
    align-items: center;
    color: #ffffff;
}
.home-second-sec{
    padding: 60px 0;
}
.home-para{
    font-weight: 400;
    font-style: normal;
    align-items: center;
    line-height: 24px;
    font-size: 16px;
    color: #4D4D4D ;
}
.home-title{
    font-weight: 700;
    font-size: 36px;
    color: #2E2E30;
    line-height: 44px;
    font-style: normal;
    align-items: center;
}
.home-subtitle{
    font-weight: 700;
    font-size: 20px;
    color: #2E2E30;
    line-height: 28px;
    align-items: center;
    font-style: normal;
}
.home-third-sec{
    background: #F7F8FA;
    padding: 40px 0;
}
.home-third-sec .home-title{
    margin-bottom: 30px;
}
.logoDiv{
    padding: 40px 0;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}
.logo-box img{
    width: 83px !important;
    height: auto;
}
.logo-box{
    display: block;

    padding: 10px 10px;
    text-align: center;
}
.logo-box-lg{
    display: block;
  
    padding: 10px 10px;
    text-align: center;
}
.logoDiv-sm{
    padding: 40px 0;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}
.logo-box-sm{
    display: block;
    max-width: 275px;
    flex: 300px;
    padding: 10px 10px;
    text-align: center;
}
.logo-box-sm img{
margin-bottom: 20px;
width: 83px;
}
.logo-box h1 {
    margin: 25px 0;
}
.home-forth-sec{
    padding: 40px 0;
}
.home-forth-sec h1{
    margin-bottom: 15px;
}
.featureDiv{
    margin-top: 30px;
    display: flex;
    flex-direction: column;
 
}
.featurePDiv{
    width: 100%;
    min-height: 85px;
}
.featureinnerDiv{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.featureDiv img{
    max-width: 73px;
}
.home-titlemd{
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 32px;
    align-items: center;
    color: #2E2E30    ;
}

.home-titlemd-bold{
    font-weight: 700;
}
.home-paramd{
    font-size: 16px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
    color: #7E7E7E;
    max-width: 95%;
}
.home-paramd strong{
    font-weight: 700;
    color: black;
}
 .right-txt{
    text-align: right;
}

 .left-txt{
    text-align: left;
}
.featurePara{
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 70px;
}
.home-fift-sec{
    padding: 40px 0;
    background: #F7F8FA;
}
.planDiv{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.planContent {
    text-align: left;
 width: 50%;
}
.planContent h1 {
margin-bottom: 20px;
}
.planimg img{
    max-width: 450px;
}
.home-para a{
    color:  #0096DB;
    text-decoration: none;
    font-weight: 700;
}
.home-seventh-sec{
    padding: 40px 0;
}
.home-sixth-sec{
    padding: 40px 0;
}
.home-eight-sec{
    padding: 40px 0;
    background: #F7F8FA;
}
.multiColorDiv{
    padding: 10px;
    display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
.multiColorBox{
    border-radius: 4px;
    max-width: 308px;
  
    display: block;
    margin: auto;
    margin: 10px;
    text-align: center;
    align-items: center;

}
.blueBox{
    background: #C9EEFF;
    padding: 20px;
    height: 55%;
}
.greyBox{
    background: #F7F8FA;
    padding: 20px;
height: 45%;
}

.multiColorBox p{
    margin: 0;
}
.multiColorBox h1{
    margin-bottom: 5px;
}
.home-ten-sec{
    padding: 40px 0;
    background: #F7F8FA;
}
.home-eleven-sec{
    padding: 40px 0;
}
.home-testimonials-sec{
    padding: 40px 0;
    background: linear-gradient(96.63deg, #349DF2 0.3%, #2393EE 45.79%, #0F88E9 98.03%);
}

.home-testimonials-sec h1,
.home-testimonials-sec p{
     color: white !important;
}
.testimonialsDiv{
    padding: 40px 0;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}
.testimonialsBox{
    display: block;
    max-width: 480px;
    padding: 10px 10px;
    text-align: left;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 4px;
align-items: center;
padding: 20px;
margin: 10px;
}

.testimonialsBox img{
    width: 37px;
    margin-bottom: 10px;
}
.buisnessplanImg img{
    max-width: 450px;
}
.home-autore-sec{
    padding: 40px 0;
}
.authoreDiv{
    display: flex;
    text-align: left;
   
    justify-content: center;
    width: 100%;
    align-items: center;
}
.authoreContent{
    width: 50%;
}
.authoreTextimg{
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 20px 0;
}
.authoreTextimg img{
    width: 60px;
    height: 60px;
}
.home-contact-sec{
    padding: 40px 0;
    background: #F7F8FA;
}
.contact-form{
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 20px;
}
.contact-div{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 80px;
    width: 90%;
}
.contact-img img{
    max-width: 433px;
}
.inputs{
    display: flex;
    gap: 20px;
}
.inputs input{
    background: #FFFFFF;
border: 1px solid #EFEFEF;
border-radius: 4px;
width: 278px;
height: 48px;
padding: 10px;
}
.contact-div textarea{
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 4px;
    max-width: 585px;
    height: 110px;
    padding: 10px;
}
.copyright{
    text-align: center;
    padding: 20px 0;
}
.copyright p {
    margin: 0;
}