.title{
    margin-top: 90px !important;
}
.content{
    margin-top: 20px;
    color: black;
}
.news-link {
    text-decoration: none !important;
}
.date-link{
    display: flex;
    gap: 15px;
}
.read-link{
    display: flex;
    gap: 5px;
    text-decoration: none !important;
    text-align: center !important;
    justify-content: center !important;

}
  /* our-approach-section End */

  footer .contact-section-in{
    min-height: 54vh;
    background-image: url("../images/white-paper-rectangle.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
  }
  
  footer .contact-section-in .bg-img-box{
    min-height: 55vh;
    width: 90%;
    background-image: url("../images/white-paper-contact.png");
  }
  
  footer .contact-section-in h3 {
    margin: 18px 0px;
    font-style: normal;
    /* font-weight: 700; */
    /* font-size: 48px; */
    font-size: clamp(1.6rem, 3vw, 3rem);
    letter-spacing: 2px;
    word-spacing: 1px;
    line-height: 130.7%;
    color: #393939;
  }
  
  footer .contact-section-in p {
    font-style: normal;
    /* font-weight: 400; */
    /* font-size: 24px; */
    font-size: clamp(1.2rem, 1.6vw, 1.6rem);
    line-height: 130.7%;
    color:rgba(57, 57, 57, 0.7);
  }
  footer .contact-section-in .contact-text{
    color:rgba(57, 57, 57, 0.7);
  }
  .contact-btn {
    display: flex;
    align-items: flex-end;
    justify-content: end;
    width: 90%;
}
  /* media query */
  
  @media (max-width: 1024px) {
    .maintext {
      font-size: 40px;
    }
    .Smallsidetext {
      font-size: 12px;
    }
    .topSideText {
      padding: 220px 0px 0px 0px;
    }
    .maintext1 {
      font-size: 30px;
    }
    .col {
      padding: 10px 0px 0px 100px;
    }
    .secondcol {
      padding: 0px 0px 0px 100px;
    }
    .thirdcol {
      padding: 10px 0px 0px 100px;
    }
  }
  
  @media (max-width: 991px) {
    .our-approach-section .body .body-content .text-box {
      min-height: 14vh;
    }
    .our-approach-section .body .bg-img-box {
      min-height: 60vh;
    }
  
    .topSideText {
      padding: 30px 0px 0px 0px !important;
    }
    .secondcol {
      padding: 10px 10px 0px 10px;
    }
    .secondrow {
      padding: 0px 10px 0px 10px;
    }
    .whatwedo {
      margin-top: 3rem;
    }
    .blackBgImgMarginTop {
      margin-top: 3rem;
    }
    .blackBgImgMarginBtm {
      margin-bottom: 3rem;
    }
    .thirdcol {
      padding: 10px 10px 0px 10px;
    }
    .TechWeMarginTop {
      margin-top: 5rem;
    }
    .footerTopMargin {
      margin-top: 3rem;
    }
  }
  
  @media (max-width: 768px) {
    .maintext {
      font-size: 30px;
    }
    .topmainText {
      padding: 150px 0px 0px 0px;
    }
    .topSideText {
      padding: 20px 0px 0px 0px;
    }
    .secondcol {
      padding: 10px 10px 0px 10px;
    }
    .thirdcol {
      padding: 10px 0px 0px 10px;
    }
    .second {
      padding: 40px 0px 0px 15px;
    }
    .blackright {
      margin-right: 0rem;
    }
  }
  
  @media (max-width: 576px) {
    /* .maintext{
            font-size: 24px;
        }
        .topmainText {
            padding:50px 0px 0px 0px;
        }
        .maintext1{
            font-size: 18px;
        }
        .whatwedo{
            margin-top: 4rem;
            font-size: 12px !important;
        } */
        .get-contact-btn {
          padding: 10px 20px !important;
          background-color: #f88701 !important;
          border: none; 
          border-radius: 25px;
          text-decoration: none; 
         } 
         footer .contact-section-in .bg-img-box{
          display: none !important;
         } 
        .contact-btn {
          justify-content: center !important; 
          text-align: center; 
          width:100% !important
        }
  
        footer .contact-section-in .contact-text{
        color: #ffffff !important; 
        }
  
        /* Hide the arrow icon on mobile */
       .get-started-icon {
          display: none !important;
        }  
      
       footer .contact-section-in{
        min-height: 43vh !important;
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
       }
  
  }
  
  @media (max-width: 425px) {
    .maintext {
      font-size: 24px;
    }
    .maintext1 {
      font-size: 18px;
    }
    .Smallsidetext {
      font-size: 12px;
    }
    .topmainText {
      padding: 50px 10px 0px 10px;
    }
    .topSideText {
      padding: 20px 10px 0px 10px;
    }
    .secondcol {
      padding: 10px 10px 0px 10px;
    }
    .thirdcol {
      padding: 10px 0px 0px 10px;
    }
    .whatwedo {
      margin-top: 4rem;
      font-size: 16px !important;
    }
    .whyCodeFontSize {
      font-size: 16px !important;
    }
    .TechWeMarginTop {
      margin-top: 2rem;
      font-size: 16px !important;
    }
    .fs-3 {
      font-size: 18px !important;
    }
  
    .fs-6 {
      font-size: 16px !important;
    }
    .image {
      margin: 40px 0px 0px 0px;
      width: 100% !important;
      padding: 0px !important;
    }
    .image1 {
      margin: 0px 0px 0px 0px;
      width: 100% !important;
      padding: 0px !important;
    }
    .image2 {
      margin: 30px 0px 0px 0px;
    }
    .card1 {
      background-image: url("../../assets/images/SVG/websitedesigncard1.svg");
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      min-height: 100px;
      padding-bottom: 10px;
      margin-top: 20px;
      /* margin-left: 2rem; */
    }
    .card2 {
      background-image: url("../../assets/images/SVG/websitedesigncard2.svg");
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      min-height: 100px;
      padding-bottom: 10px;
      margin-top: 20px;
      /* margin-left: 2rem; */
    }
    .card3 {
      background-image: url("../../assets/images/SVG/websitedesigncard3.svg");
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      min-height: 100px;
      padding-bottom: 10px;
      margin-top: 20px;
      /* margin-left: 2rem; */
    }
    .card4 {
      background-image: url("../../assets/images/SVG/websitedesigncard4.svg");
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      min-height: 100px;
      padding-bottom: 10px;
      margin-top: 20px;
      /* margin-left: 2rem; */
    }
    .margin {
      margin: 10px 0px 30px 0px;
    }
    .second {
      padding: 40px 10px 0px 15px;
    }
    .logo {
      margin-top: 1rem;
    }
    .blackright {
      margin-right: 0rem;
    }
  }
  
  /* Second Section Styling  */