*{
box-sizing:border-box;
  margin:0;
  padding:0;
}
body{
font-family: 'Montserrat', sans-serif;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



  .dnd-section{
    padding:px 1rem
  }

.header {
 
  padding:10px;
}
.header *{
  color: #3574E3;
}
.header .dnd-section {
  padding:0
}
/* 
.footer {
  background-color: #425b76;
}

.hs-menu-wrapper ul li{
  display: inline-block;
  list-style-type: none;
  margin-right: 15px;
}

.hs-menu-wrapper ul li a{
  text-decoration: none;
} */

/*form css*/
form fieldset{
max-width:100% !important;
}

form .hs-fieldtype-text .hs-input,
form .hs-fieldtype-email .hs-input,
form .hs-fieldtype-select .hs-input,
form .hs-fieldtype-textarea .hs-input,
form .hs-fieldtype-phonenumber .hs-input{
	height:50px;
  width:100% !important;
  border:1px solid #ffffff;
	font-size: 15.3333px !important;
	margin-bottom: 29px !important;
    margin-top: 16px !important;
    padding-bottom: 10px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 10px !important;
	outline: none;
}

	form .hs-form-field .hs-input::placeholder{
	    color: #fff;
	}

form .inputs-list{
	margin-top:20px;
}

form .inputs-list li{
	list-style-type:none;
  color:#ffffff;
	margin-bottom:10px;
}

form .hs-form-field ul li label{
    display: flex;
	align-items: center;
}

form ul li label input{
	height:35px !important;
	max-width:35px;
width:100% !important;
}

form .hs-form-field ul li label span a{
color:#ffffff;
}

form .form-columns-3 .hs-form-field:last-child .input{
margin-right:0 !important;
}

/* form ul .hs-form-booleancheckbox label .hs-input{
	height:35px !important;
width:100% !important;
} */

@media (max-width: 991.98px) {   
	form .hs-form-field .hs-input{
		height:45px;
		margin-bottom: 15px !important;
	}
}

form ul li label span{
 padding-left:20px;
}

form textarea{
	height:150px !important;
	resize:none !important;
}

@media (max-width: 480px) {
  form .input{
  margin-right:0 !important;
  }
/* 	form .hs-input{
	  margin-bottom: 10px !important;
		
} */
}

@media (min-width: 480px) {
  form .input{
  margin-right:20px !important;
  }
}

/*banner*/

  .hero-banner{
  min-height:400px;
    display:flex;
    align-items:center;
    padding:50px;
  }

@media (max-width: 991.98px) {
     .hero-banner.for-mobile{
    padding:0;
	 padding-top:80px;
		 margin-top:60px;
  }
}
   @media (min-width: 992px) {
     .hero-banner{
     min-height:668px;
     }
}

.container .container,
.services .container .container{
	padding: 0;
	padding-left: 0;
	padding-right: 0;
}

.dnd-section #hs_cos_wrapper_widget_1717084517526_ h2{
	font-size: 30px;
}

@media (min-width: 992px) {
	.dnd-section #hs_cos_wrapper_widget_1717084517526_ h2{
		font-size: 40px;
	}
}

@media (min-width: 1200px) {
	.dnd-section #hs_cos_wrapper_widget_1717084517526_ h2{
		font-size: 54px;
	}
}

p {
	line-height: 1.75;
}

.apart-features-ul .apart-features-li .icon-img img { 
	min-width: 30px;
	max-width: 30px;
}


<!-- 



<!-- Default loop count set to 1 -->
 
 


<div class="team-section">
  <div class="row-fluid-wrapper row-depth-1 row-number-3 ">
    
      
      <div class="row-fluid my-team">
         
           
              <div class="span4">
                
             </div>
         
           
              <div class="span4">
                
             </div>
         
           
              <div class="span4">
                
             </div>
        
      </div>
    
  </div>
</div>
 -->

 /* .my-team img{
  max-height: 400px;
  object-fit: cover;
  width: 100%;
}

.team-section .row-fluid .span4 {
  margin-bottom: 20px;
}
   */