/* ---------- Industry Gallary Start ---------- */
.whats-app-button {
    position:absolute;
    right:-100px;
    top:10%;
    display:flex;
    align-items:center;
    justify-content:center;
    height:60px;
    width:60px;
    background:var(--navy-blue);
    color:var(--theme-color-white);
    z-index:999;
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
    cursor:pointer;
    transition:all 0.4s ease !important;
    opacity: 0;
    visibility: hidden;
}

/*.cta-section{*/
/*    margin-top:0 !important;*/
/*    margin-bottom:120px !important;*/
/*    max-width:fit-content !important;*/
/*    margin-left:auto;*/
/*    margin-right:auto;*/
/*}*/


.left-right-section{
/*background:red !important;*/
min-width:70%;
margin-left:auto;
margin-right:auto;
max-width:80%;
}

.left-right-section-bottom{
    margin-top:20px !important;
    max-width: fit-content;
    text-align: left;
    margin-right:auto;
}

.cta-section a{
    margin-top:0 !important;
}

.left-right-section-inner{
    display:flex;
    justify-content:space-between;
}

.left-right-section-inner h2{
    width:70% !important;
    text-align:left !important;
    padding-right:100px;
}

.left-right-section-inner .cta-section{
    width:50% !important;
    display: flex;
    justify-content: end;
    align-items:center;
}

.project-image-4:hover .whats-app-button{
  right:0;
  opacity: 1;
  visibility: visible;
}

.whats-app-button:hover{
    /*background:var(--cpc-gradient-reverse);*/
    background:var(--theme-color-white);
    color:var(--navy-blue);
}

.whats-app-button:hover i{
color:var(--navy-blue);
}

.whats-app-button i{
    font-size:24px;
    color:var(--theme-color-white);
}


.for-lower-then-tab{
    display:none !important;
}

/* ---------- Industry Gallary End ---------- */

/*#industry-served-placeholder .project-section{*/
/*    padding-top:70px !important;*/
/*}*/

.paragraph-section{
    /*margin-top:70px;*/
    margin-top:120px;
    text-align:center;
    /*max-width:56%;*/
    /*margin-bottom:-0px;*/
}

.project-image-4 {
    height: min(520px, 70vh);
}

.project-image-4 img{
    object-fit:cover;
}

@media (max-width: 991.98px) {
    .paragraph-section{
    margin-top:80px;
    text-align:left;
    max-width:100%;
    margin-left:0 !important;
 }
 
 
 .cta-section{
     width:fit-content !important;
     margin-top:40px !important;
 }
 
 .left-right-section-inner{
     flex-direction:column;
     align-items:left;
 }
 
 .for-lower-then-tab{
     display:block !important;
 }
 
 .for-more-then-tab{
     display:none !important;
 }
 
 .left-right-section-inner h2{
     width:100% !important;
     padding-right:0;
 }

}


.project-image-4 .title2 {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-align:left !important;
}

.industries-image-content{
    position: absolute;
    /*left: 50px;*/
    left:30px;
    right: 50px;
    bottom: -50px;
    display:flex;
    flex-direction:column;
    gap:10px !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    visibility: hidden;
}


.project-image-4:hover .industries-image-content{
  bottom: 30px;
  opacity: 1;
  visibility: visible;
}