* {
      margin: 0;
      padding: 0;
      /* font-family: Baar Sophia; */
      
  }
  html, body {
      width:100%;
      height:auto;
      overflow-X: hidden;
      font-family: 'Roboto';
      color:#3a3838;
      text-align:justify;
      
      }

      p, li{
            font-size: 15.4px;
            line-height: 20.2px;
            margin-bottom: 0rem!important;
           
      }

.navbar .navbar-links .nav-item .nav-link:hover{
         color: rgb(3, 109, 179)!important;

}
      .card ul li{
            line-height: 24.2px!important;
 
      }

      ul li{
            list-style: none;
      }
      
 .login-btnn{ 
     margin-left:19px;
 }
      


.navbar{
    box-shadow: 0 8px 20px 0 rgb(0 0 0 / 20%);
    background-repeat: no-repeat;
    padding: 13px 46px;
   z-index:1;
   position: relative;
   display: flex;

}

.navbar-links li a {
    text-decoration: none;
    color: #3a3838;
    padding: 20px 20px;
    transition: 0.4s all;
  }
  
  .navbar-links li.navbar-dropdown .dropdown a:hover {
  color: #0163ae!important;
}
  
  .navbar-links{
      margin-left:auto;
      margin-top:10px;
  }


  .navbar-links li.navbar-dropdown {
    position: relative;
  }

  .navbar-links li.navbar-dropdown:hover .dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
  }



  .navbar-links li.navbar-dropdown .dropdown {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    padding: 5px 0;
    top: 100%;
    transform: translateY(50px);
    left: 0;
    width: 172px;
    background-color: #fff;
    box-shadow: 0px 10px 10px 3px rgba(0, 0, 0, 0.3);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    z-index: 111;
    transition: 0.4s all;
  }
  .navbar-links li.navbar-dropdown .dropdown a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
  }
  .navbar-dropdown .dropdown a:hover {
    padding-left: 30px;
  }
  
  
.navbar-brand{
    width: 198px;
    height: 103px;
}
.navbar-links, .nav-item{
    display: flex;
}

.navbar-collapse{
      margin-right: -25px;
}

.nav-item{
display:swap;
font-size: 15px;
}

.navbar-light .navbar-links .nav-link {
      font-weight: 400;
     
      }


.navbar-light .navbar-links .active>.nav-link{
      color: rgb(3, 109, 179)!important;
      /* font-weight: 600!important;   */
}

.vl {
      border-left: 1px solid#027cb5;;
      height: 60px;
    }

.section-1-con, .section-2-con,.section-3-con,.section-4-con,.footer-div{
      padding: 0px 80px;
     /*justify-content:center; */
    
}




.btn-feature {
     margin-top: 25px;
    background-color: #286abd;
    border-radius: 6px;
    text-align: center;
    padding: 4px 14px;
    font-size: 14px;
}
 

.read-more {
            margin: auto;
            height: 25px;
            width: 102px;
}

.section-5-row, .section-6-row{
     margin-left: 20px;
    justify-content: space-evenly;
}


.footer-div{
    display: flex;
   margin: 50px 112px;
    justify-content: space-evenly;
}

.footer-div ul li{
    padding-bottom: 8px;
}




.email-input{
    position: relative;
    width: 385px;
    border-radius: 10px;
    padding: 8px 35px;
    border: none;
}

.try-button{
   
    border: none;
    position: absolute;
    top: 200px;
    right: 272px;
    bottom: 1px;
    padding: 0px 10px;
    border-radius: 6px;
    background-color: #2369c9;
    color: white;
    margin-bottom: 15px;
}

.try-button:hover{
    background-color: #006cff;;
}
.section-7-text{
      padding-right: 50px;
}




  .navbar-light .navbar-toggler {
      border:none;
  }
  
 .section-head{
     margin-top:63px;
 }
 
 /*.section-2-con{*/
 /*       margin-top:63px;*/
  
 /*}*/

.section-2-con{
padding-top: 60px;
    padding-bottom: 60px;}

.section-3-con,.section-4-con{
      padding-bottom: 50px;
}

@media (min-width: 320px) and (max-width: 480px) {
	
	.sec2-row p{
		text-align:left;
	}
	
	 .navbar{
			 padding-right: 116px!important;
		  }
	
     .su{
    margin-right: 0px!important;
    padding-left: 0px!important;
}

.so{
    padding-left: 0px;
}
    
    .section-1-dupe{
        display:block!important;
    }
    
    .section-1{
        display:none!important;
    }

    

.navbar{
     box-shadow:none;
            padding: 0px;
            position:relative;
      }

.navbar-brand{
      width: 144px;
      height: 74px;
}


.navbar-links, .nav-item{
      margin-left:0px;
}
.nav-cont{
      padding-left: 0px!important;
      padding-right: 0px!important;
}

.email-input {
    
    width: 289px;
}

.try-button{

    top: 341px!important;
    right: 22px!important;
    bottom: 1px;
    padding:0px 10px;

}


.login-btn{
      margin-top: 0px;
      position: absolute;
    left: 267px;
}

.btn-feature{
      margin-top: 16px;
}
.card{
      margin-bottom: 50px;
}



.section-5-row,.section-6-row  {
    margin-left: -6px;
}


  .section-7-text{
      padding-right: 0px;
}


.section-1-con, .section-2-con,.section-3-con,.section-4-con,.footer-div{
      padding: 0px 20px;
}



.section-6-con{
      padding-top: 0px!important;
}


.ico5, .ico6, .ic07, .ico8, .ico9{
    width:80px!important;
    height:80px!important;
}


   .footer-div{
       padding: 10px px;
        margin: 0px;
}


  
  .login-btnn{ 
     margin-left:0px;
 }  
 
 .footer-div{
   margin-left: 12px;
    margin-top: 36px;  
 }

.sec2-row{
padding-top: 30px;
    padding-bottom: 30px;
    
}

.para-part{
  padding-top: 25px;
   
}



}