.secone-portfolio-banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    display: flex;
    text-align: center;
    padding-top: 282px;
    justify-content: center;
    z-index: 1;
    background-color:#223916;
    height: 1138px;
  }

  
  /* Content Wrapper */
  .container.portfolio-banner-content {
    position: relative;
    z-index: 2;
    max-width: 1200px; /* Ensure content doesn't stretch too wide */
    /* margin: 0 auto; */

  }
  .banner-vector-img
  {
    position: absolute;
    left: -6.5%;
    top: -4.5%;
  }
  
  /* Small Text */
  .banner-small-text {
    text-align: left;
    font-size: 90px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.9px; 
    padding-left: 20%;
   
  }
  
  /* Heading */
  .banner-heading {
    color: #FFF;
    text-align: center;
    font-family: 'Cormorant', serif;
    font-size: 120px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: -6px;
    margin-bottom: 20px; 
    line-height: 53px;
  }
  
  /* Paragraph */
  .banner-paragraph {
    color: #FFF;
    font-family: 'Cormorant', serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    width: 100%; 
    /* height: auto;
    max-height: 169px;  */
    flex-shrink: 0; 
    margin-top: 112px;
    padding-left: 12%;
    padding-right: 3%;
  }
  .banner-paragraph p{
font-size: 21px;
color: #FFF;
font-family: Cormorant;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 36px; /* 171.429% */
  }
  /* contact section 2 */
  .sectwo-portfolio-highlight {
    margin-top: -350px !important;
}
  .sectwo-contents
  {
border-radius: 20px;
background: #FFF;
box-shadow: -4px 33px 74px 0px rgba(0, 0, 0, 0.10);
height: auto;
z-index: 100;
display: flex;
flex-direction: column;
row-gap: 77px;
align-items: center;
padding: 104px 20px 104px 20px;

}
.sectwo-contents form .name,  .sectwo-contents form .email,  .sectwo-contents form .lastname,  .sectwo-contents form .mobile , .sectwo-contents form .message
{
margin-bottom: 25px;
padding-left: 23px;
color: #434343;
font-family: Cormorant;
font-size: 18px;
font-style: normal;
font-weight: 400;
border-radius: 15px;
border: 2px solid #CBDCC2;
  }
  .name,.email
  {
    margin-right: 25px;
  }
  .name,.email,.lastname,.mobile 
  {

max-width: 418px;
height: 60px;
  }
.message
  {
  width: 100%;
  height: 193px;
  padding-top: 23px;
  }
  .submit-btn {
    position: relative;
    transition: background-color 1.3s, color 0.3s;
    cursor: pointer;
    width: 180px;
    height: 80px;
    border-radius: 15px;
    background: #FDB11E;
    color: #454F40;
    font-family: Cormorant;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    background-image: 
      url('https://anapadikkalfamily.sweans.org/wp-content/uploads/2025/01/SVG.svg'),
      url('https://anapadikkalfamily.sweans.org/wp-content/uploads/2025/01/arrow2.svg');
    background-repeat: no-repeat;
    background-position: 80% 51%, 80% 51%; /* Position both images */
    background-size: 18%, 0%; /* Initially show only the first image */
    text-align: left;
    padding-left: 5%;
    margin-left: 50%;
    transform: translate(-50%,0); /* Center the image vertically */
   
    border: 2px solid #fff;

  }
  
  .submit-btn:hover {
    background-color:transparent;
    background-size: 0%, 18%; /* Transition to show the second image */
    border: 2px solid #CBDCC2;

  }
  

/* .submit-btn::before {
    margin-left: 8px;
    background-image: url('https://anapadikkalfamily.sweans.org/wp-content/uploads/2025/01/SVG.svg');
    display: inline-block;
    width: 20px;
    height: 20px;
} */

  .contact-heading.cormorant-with-similar-size-h2
  {
    color: #000!important;
   
  }
  .custom-contact-form .wpcf7-not-valid-tip{
    margin-top: -26px;
    margin-bottom: 20px;
    position: absolute;
    font-size: 15px;
    font-family: Cormorant;
  }
  span[data-name="tel-480"] .wpcf7-not-valid-tip 
  {
    position: absolute;
    right: 0!important;
  }
  /* .wpcf7-response-output
  {
    display: none;
  } */
  .wpcf7 form .wpcf7-response-output
  {
    border:none;
    text-align: center;
    font-size: 18px;
    font-family: Cormorant;
  }
  .wpcf7 form.sent .wpcf7-response-output
  {
    color:green;
  }
 .map iframe
  {
    width: 100%;
  }
.map{
  padding-top: 120px;
  
}
 
  @media screen and (max-width: 1680px) {
    .banner-heading
    {
    text-align: left;
    margin-left: 7%;
    font-size: 90px;
    }
    .banner-small-text,.media-heading 
    {
    font-size: 80px;
    }
    .sectwo-portfolio-highlight {
      margin-top: -346px !important;
  }
  .banner-paragraph
  {
    margin-top: 90px;
    padding-left: 20%;
  }

.container.portfolio-banner-content
{
display: flex;
flex-direction: column;
align-items: center;
}
.banner-small-text 
{
  width:100%;
  padding-left: 32%;

}
.banner-vector-img 
{
  left: 8.5%;
}
.sectwo-contents 
{
  padding-top: 70px;
  padding-bottom: 70px;
  row-gap: 70px;
}
.submit-btn
{
  width: 148px;
  height: 65px;
  padding-left: 3%;
}
}
@media screen and (max-width: 1440px) {

  .banner-vector-img img  {
    width: 80%;
  }
  }
  @media screen and (max-width: 1520px) {
    .submit-btn
{
  width: 148px;
  height: 52px;
  padding-left: 3%;
  font-size: 24px;
}
    .banner-heading {
        font-size: 80px;
      }
      .banner-small-text,.cormorant-with-similar-size-h2,.media-heading {
        font-size: 70px!important;
    }
    .secone-portfolio-banner
{
  height: 1090px;

}
    .banner-paragraph p,.cormorant-p-description
    {
      font-size: 18px!important;
    }
    .banner-paragraph {
      margin-top: 68px;
      padding-left: 18%;
  }
  }
@media screen and (max-width: 1024px) {
/* .secone-portfolio-banner
{
  padding-top: 220px;
} */
.banner-paragraph 
{
  margin-top: 50px;
  padding-left: 15%;
  font-size: 18px;
}
.name, .email, .lastname, .mobile 
{
  max-width: 300px;
  width: 100%;
}
.secone-portfolio-banner {

/* padding-top: 220px; */
height: 817px;
padding-top: 222px;

}
.banner-vector-img {
left: 0%;
top: -57px;
}
.banner-small-text
{
padding-left:  22%;
}
.banner-heading {
margin-left: 0%;
font-size: 60px;
}
.banner-small-text, .cormorant-with-similar-size-h2
{
font-size: 50px!important;
}
/* section2  */
.sectwo-portfolio-highlight {
    margin-top: -171px !important;
  }
.sectwo-contents
  {
    padding: 50px 20px 50px 20px!important;
    row-gap: 50px;
  }
      
}
@media (max-width: 831px) {
  span[data-name="tel-480"] .wpcf7-not-valid-tip 
  {
    position: absolute;
    right: unset;
    left: 0;
  }
}
@media (max-width: 768px) {
  .banner-vector-img img {
    width: 80%;
    width: 149px;
    height: 149px;
    flex-shrink: 0;
}
.banner-heading {
  font-size: 50px;
  margin-left: 0%;
  text-align: center;
}
.secone-portfolio-banner {
  /* padding-top: 220px; */
  height: 842px;
  padding-top: 248px;
}

.container 
    {
      width: 90%!important;
    }
.banner-small-text, .cormorant-with-similar-size-h2, .media-heading {
      font-size: 45px!important;
      
    }
    
.banner-heading {
      font-size: 60px;
      margin-left: 0;
      letter-spacing: -3px;
   
    }
.banner-paragraph
    {
    padding: 0px;
    margin-top: 5%;
  
    line-height: 30px!important;
    font-size: 18px;
    }
    .banner-small-text
    {
      line-height: 35px;
    }

    /* section 2 */
    .sectwo-portfolio-highlight {
      margin-top: -184px !important;
  }
.name,.email,.lastname,.mobile 
      {
    
  max-width: 100%!important;
      }

.submit-btn {
        /* background-size: auto, 0%; Initially show only the first image */
        width: 23%;
        height: 50px;
        font-size: 16px;
      }
      
.submit-btn:hover {
        /* background-size: 0%, auto;  */
      }
.sectwo-contents
      {
        padding: 25px 20px 25px 20px!important;
        row-gap: 35px;
      }
.map{
        padding-top: 74px;
        
    }
    .custom-contact-form .wpcf7-not-valid-tip 
    {
      position: static;
    }
}
@media only screen and ( max-width: 600px) {
    .sectwo-portfolio-highlight {
        margin-top: -117px !important;
      }
      .submit-btn {
        width: 25%;
      }
}
@media only screen and ( max-width: 500px) {
    .banner-heading {
      font-size: 50px;
      
  }
  .banner-paragraph {
    margin-top: 25px;
  
}
.banner-small-text, .cormorant-with-similar-size-h2 {
  font-size: 35px;
}
.submit-btn {
  width: 38%;
  height: 57px;
  padding-left: 5%;
}
}
@media only screen and ( max-width: 425px) {
    .secone-portfolio-banner {
        padding-top: 238px;
    
    }
    
      .contact-heading.cormorant-with-similar-size-h2
      {
        text-align: center;
        line-height: 58px;
      }
      .sectwo-portfolio-highlight {
        margin-top: -75px !important;
    }
    .banner-paragraph
    {
      padding: 0;
     
    }
    
}

@media (max-width: 375px) {
    .sectwo-portfolio-highlight {
        margin-top: -38px !important;
    }
    
  }
    @media (max-width: 320px) {
      .sectwo-portfolio-highlight {
        margin-top: -35px !important;
    }
    .banner-paragraph
    {
      margin-top: 0;
      line-height: 25px!important;
     
    }
    .banner-heading {
      line-height: 44px;
    }
      }