body {
   
   margin: 0px;
   padding: 0px;
   }
   
.banner {
  width: 100%;
  height: 775px;
  position: relative;
  background: url('../images/banner.png') center center / cover no-repeat;
}

.banner-logo-wrapper {
  padding: 26px;
  width: fit-content;
}

.banner-logo-wrapper img {
  display: block;
  max-width: 100%;
  height: auto;
}

.banner-border {
  border-bottom: 1px solid #fff;
  width: 100%;
  position: absolute;
  top: 95px;
  left: 0;
}


.banner-heading {
  position: absolute;
  bottom: 130px;
  left: 0;
  width: 100%;
  text-align: center;
  color: white;
}

.banner-heading h1 {
color: #BBA884;
text-align: center;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 48px; /* 120% */
text-transform: uppercase;
}

h2 {

color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 36px; /* 120% */

}
   h2 span {
   
   color: #405F8A;
text-align: center;
font-family: Poppins;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 36px; /* 120% */
   
   }
   
   .banner-white-block {
  
   overflow: hidden;
  background-color: #fff;
  margin-left:120px;
  margin-right:120px;
  margin-top: 32px;
  padding: 0 30px;
  border-bottom: 4px solid #405F8A;
background: #FFF;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    top: -122px;
}

.swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}

	.main-body {
	
	margin-top: -72px;
	margin-bottom: 50px;
	
	}
	
	.tr-text {
	color: #4A4A4A;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 21px; /* 150% */

}
   
   
   .main-body-2 {
	   
	   width: 100%; 
	   background: #e9e9e9;
	   padding: 31px 0px;
	   
   }
   
   
   
   
   
   
  h3 {
	  color: #405F8A;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 120% */
text-transform: capitalize;
	  
  }
  
  .tr-main-flex {
	  
	       
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; /* or a specific height like 500px */
}

  
  
  .tr-flexbox-1 {
	  
	  display: flex;
    flex-direction: column;
    gap: 13px;
	
	margin-bottom: auto;
  }
  
  
    .tr-flexbox-2 {
	  
	  display: flex;
    flex-direction: column;
    gap: 13px;
	margin-top: auto;
	
	
  }
  
  
  .tr-social-body {
      display: flex;
    gap: 28px;
  
  }
  
 
.form-body {

margin-top: 82px;
}	
  
  
  
  
  .form-body h3 {
	  color: #405F8A;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 21px; /* 87.5% */
text-transform: uppercase;
margin-bottom: 20px;
	  
  }
  
  
 /* form */ 
 
 label {
	 color: #242424;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px; /* 131.25% */
max-width: 436px;
 }
 
 form {
	 display: flex;
    flex-direction: column;
    gap: 18px;
 }
 
  select, input {
	  border: 1px solid #B0AFAE;
	  display: inline-flex;
padding: 10px 10px 10px 16px;
align-items: center;
gap: 10px;
max-width: 436px;
	  
  }
  
  
  select  {
	    -webkit-appearance: none; /* for Safari */
  -moz-appearance: none;    /* for Firefox */
  appearance: none; 
   background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9' fill='none'%3E%3Cpath d='M8.50155 8.30478L15.8099 1.52717C15.9319 1.41408 16 1.26384 16 1.1076C16 0.951356 15.9319 0.801112 15.8099 0.688024L15.8017 0.680727C15.7425 0.625714 15.6713 0.581909 15.5924 0.551975C15.5135 0.522041 15.4285 0.506604 15.3427 0.506604C15.2568 0.506604 15.1718 0.522041 15.0929 0.551975C15.014 0.581909 14.9428 0.625714 14.8837 0.680726L8.00193 7.06309L1.12297 0.680725C1.06382 0.625713 0.992627 0.581907 0.913717 0.551973C0.834807 0.52204 0.74983 0.506603 0.663955 0.506603C0.578081 0.506603 0.493105 0.522039 0.414195 0.551973C0.335285 0.581907 0.264091 0.625712 0.204945 0.680725L0.196686 0.688023C0.07468 0.801111 0.00661916 0.951355 0.00661915 1.10759C0.00661913 1.26383 0.07468 1.41408 0.196686 1.52717L7.50507 8.30478C7.56934 8.36439 7.64664 8.41184 7.73229 8.44427C7.81793 8.47669 7.91014 8.49341 8.00331 8.49341C8.09648 8.49341 8.18869 8.47669 8.27433 8.44427C8.35997 8.41184 8.43727 8.36439 8.50155 8.30478Z' fill='%23C1BFBB'/%3E%3C/svg%3E") no-repeat right 10px center;
  background-size: 16px 9px;
  padding-right: 30px;
	 color: #C1BFBB;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 21px; /* 150% */
	  
  }
  
 
  
  
  select:hover {
	  
	  color: #242424;
  }
  
  textarea {
	  
	  
	  display: flex;
width: 436px;
height: 169px;
padding: 10px 16px;
align-items: flex-start;
gap: 10px;
flex-shrink: 0;
border: 1px solid #B0AFAE;

  }
  
  
  .tr-submit {
	  
	  display: flex;
width: 295px;
padding: 21px 40px 12px 40px;
justify-content: center;
align-items: center;
gap: 10px;
background: #CFBE9C;
color: #FFF;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 22.4px */
text-transform: uppercase;
margin: 0 auto;
  }
  
  
  .case-study {
	  
	  stroke-width: 1px;
stroke: #CFBE9C;
	  
  }
  
  .case-heading {
	  color: #BBA884;
text-align: center;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 48px; /* 120% */
text-transform: uppercase;
margin-top: 102px;
  }
  
  
  .case-btn {
	  
	  display: flex;
width: 295px;
padding: 12px 40px;
justify-content: center;
align-items: center;
gap: 10px;
background: #CFBE9C;
color: #FFF;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 22.4px */
text-transform: uppercase;
  }
  
  .tr-flex-case-main {
	      display: flex;
    gap: 55px;
    margin-top: 42px;
  }
  
  
 footer {
overflow: hidden;
background: #CFBE9C;
padding: 54px 100px 35px;
margin-top: 60px;

 }	 
  
  
  
  
  footer p {
	  
	  color: #4A4A4A;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 21px; /* 150% */
width: 350px;

  }
  
  .footer-logo {
	  margin-bottom: 16px;
  }
  
  
  footer h3 {
	  
	  color: #4A4A4A;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 100% */
margin-bottom: 16px;

  }
  
  
  footer a {
	  
	  color: #4A4A4A;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 21px; /* 150% */
text-decoration: none;

  }
  
  
  .footer-main-flex {
	  
	  display: flex;
	  gap: 212px;
	  
  }

  
  .footer-menu {
	  display: flex;
	  flex-direction: column;
  }
  
   .footer-div-1 {
	   padding-left: 100px;
   }
   
   .footer-div-2 {
	    padding-left: 200px;
   }
   
   
  .footer-social {
	       display: flex;
    gap: 24px;
   }
   
   .footer-social-2 {
	   
	   color: #AA9874;
font-family: Poppins;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 21px; /* 161.538% */
   }
   
   
   .tr-flex-footer-main {
	   
	   display: flex;
	   
   }
   
   
   .footer-social {
	   
	    margin-right: auto;
	   
   }
   
   
      
   .footer-social-2 {
	   margin-left: auto;
	  
	   
   }
   
   .case-study {
	   
	   margin-bottom: 76px;
	   
   }
   
   .services-margin {
	   
	    margin-top: 76px;
   }
   
   
   .sub-text {
	   
	   margin-top: 17px;
	   margin-bottom: 28px;
   }
   
   .case-study h3 {
	   margin-top: 38px;
	   
   }
   
   
   
   
   .contact-details {
	   
	   margin: 30px 0px 30px 0px !important;
	   
	   
   }
   
   
   .services-heading {
	   
	   margin-top: 60px !important;
	   
   }
   
   
   
      .partner-heading {
	   
	   margin-top: 103px !important;
	   
   }
   
   
   .tr-flex-case-two {
	   width: 587px;
	   
   }
   
     .img-case-one {
	   width:  586px;
   }
   
   .img-case-one-2 {
	   width: 618px;
   }
   
   @media only screen and (max-width: 600px) {
	   
   .tr-flex-case-main {
   flex-direction: column;
}

   .img-case-one {
	   width:  100% !important;
   }
   
   .img-case-one-2 {
	 width:  100% !important;
   }
   
   .tr-flex-case-two {
     width:  100% !important;
}


.banner-white-block {
    
    margin-left: 20px !important;
    margin-right: 20px !important;
    
}

		.main-body img {
			
			margin-bottom: 30px !important;
			
		}


				.main-body-2 h3 {
					margin-top: 30px !important;
					
				}



				form h3 {
					margin-top: 30px !important;
					
				}
				
				
				.form-body h3 {
     
    margin-top: 60px !important;
}



.services-margin {
    margin-top: auto !important;
}
 

footer {
     
     
    padding: 54px 0px 35px !important;
    
}

.footer-div-1 {
    padding-left: 12px !important;
}

.footer-div-2 {
    padding-left: 12px !important;
	margin-top: 30px;
	margin-bottom: 30px;
}



   }