@font-face {
  font-family: "Poppins-regular";
  src: url("../ttf/poppins.regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

body{
    font-family: "Poppins-regular", sans-serif;
    max-width: 2400px; /* or 1440px */
    margin: 0 auto;    /* center horizontally */
}
.full_body {
  height: 100vh;
  min-height: 770px;
  max-height: 1350px;
  background: url("../img/cmn/bg_pattern.png") repeat-x center bottom,
              rgba(255,255,255,0.15);
  background-size: auto;
  background-blend-mode: multiply; /* or overlay, screen, etc. */
}
.left_body{
    padding: 50px 0 50px 50px !important;
    flex-direction: column; 
    height: 100%;
    align-items: start;
    flex-shrink: 0;
}
.logo{
   height: 20%; 
}
.text, .contact_text{
    height: 60%; 
    padding: 0 0 0 40px;
    flex-grow: 1; 
    display: flex;
    flex-direction: column;
    justify-content: center; 
}
.title_text{
    color: #102E52;
    font-weight: 550;
    font-size: 75px;
}
.content_text{
    color:rgba(30, 30, 30, 0.51);
    font-size: 25px;
    margin: 0;
}
.footer{
    height: 20%; 
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.social_grp{
}
.social{
    padding: 10px !important;
    margin: 5px;
    background-color: #102E52;

}
.social img{
    width: 15%;
}
.right_body{
    height: 100%;
    flex-direction: column; 
    align-items: start;
    flex-shrink: 0;
    padding: 50px 0 0 0 !important;
}
.nav{
    height: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    padding-right: 50px;
}
.nav a{
    color: #1E1E1E;
    font-size: 25px;
}
.bg_img{
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.img_wrapper{
    position: relative;
}
.bg_img img{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 85%;
    height: auto;
}


.social-icons {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  gap: 20px; /* space between icons */
  margin-top: 30px;
}

.social-icons .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.social-icons .icon img {
  width: 50%;   /* icon inside circle */
  height: auto;
}

.social-icons .icon:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}


/* Contact Us */
.contact_text .title_text{
    color: #102E52;
    font-weight: 550;
    font-size: 35px;
}
.contact_text .content_title{
    color: #1E1E1E;
    font-size: 20px;
    margin: 5px 0;
}
.contact_text .content_text{
    color:rgba(30, 30, 30, 0.51);
    font-size: 15px;
    margin: 0 0 20px 0;
}