.my-section {
    font-size: 15px;
    color: #003054;
    
    font-family: Arial, Helvetica, sans-serif;
}

.highlight-heading-part{
    color:#D38E25;
}
.highlight-text{
   color: rgb(229,178,10);
}

.my-section .heading{
    color: rgb(26, 24, 24);
    margin: 10px;
    font-size: 20px;  
    font-weight: bold;
   
}

.my-section .para{
    font-size: 14px;
    color: rgb(26, 24, 24);
    text-align: center;
}

.about-section{
  margin-bottom: 20px;
}

.point-heading{
    padding:5px 0px;
}

.main-div{
  background-color:rgb(244,244,244);
  margin: 10px;
  border-left: 5px solid #003054;
  margin-bottom: 10px;
}


.point-heading h2{
    color: #003054;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.point-heading p{
  margin-bottom: 0;
}



#top-heading{
    font-size: 34px;
    font-weight: bold;
    color: #003054;
    margin-bottom: 15px;
    
}
.top-para{
  color: #000000;
  width: 80%;
  margin: auto;
  margin-top: 20px;
}

.about-us .main-title{
  color: #003054;
}

.serviceIndCard{
    width: 90%;
    margin:24px auto;
}



  .image{
    width:80px;
  }

  .custom-card {
    margin-bottom: 20px;
    margin-top: 20px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
    padding: 12px;
    position: relative;
  }
  .custom-card2{
    margin-bottom: 20px;
    margin-top: 20px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #D38E25;
    color: white;
  }

  .custom-card2 a{
    color: #fff;
    font-size:21px;
  }

  .cta-card .card-title{
    font-size: 25px;
  }

  .custom-card::before{
   content: '';
   width: 100%;
   height:5px;
   position: absolute;
   display: block;
   bottom: 0px;
   left: 0px;
   background:#D38E25;
   transition: all .5s ease-in;
   cursor: pointer;
   z-index:1;
  }

  .custom-card:hover::before{
    height: 100%;

  }

  .card-body-2{
    position: sticky;
    z-index: 2;
  }

  .main-row{
    background-color: rgb( 2000,245,243);
  }

  .icon-part{
    width:80px;
    
  }

  .services-outer-box{
    display: flex;
    justify-content: center;
  }

  /* our industries*/

  .main-content{
    display:flex;
    justify-content:center;
    margin: 0px 74px 
  }
  .outer-div{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:#FFFFFF;
    border-right: 2px solid #f0f0f0; 
    border-bottom: 2px solid #f0f0f0;
    padding: 12px;
  }

.outer-div:nth-child(3n){
  border-right: 0;
}

.outer-div:nth-last-child(-n+4) {
 border-bottom: 0;
}

  
  .industry-para{
    margin-bottom: 56px;
    margin-top: 20px;
  }
  .image-part{
    width: 100%;
    
  
  }

  .title-heading{
    font-size: 16px;
    font-weight: bold;
  }
 
  .img-circle{
    width: 100px;
    height: 100px;
    border-radius: 50%;
   margin: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   
  }
  .img-circle img{
    border: 1px dashed;
    border-radius: 100%;
  }

  

  .heading-part{
    display: flex;
    justify-content: center;
    align-items: center;
  }
.main-section{
  padding-right: 97px;
  padding-left: 97px;
}
  .support-section{
    background-color:#faf4ea;
    padding:20px;
    margin-top:20px;
    border: 5px solid rgb(25,51,71);
  }

  .phn-icon{
    display: flex;
    justify-content: center;
  }
  .support-para{
    width: 90%;
    margin:30px auto;
  }

  .support-highlight{
    color: rgb(211,143,38);
  }

  .about-list{
    display: flex;
  }
  .check-icon{
    margin-top: 5px;
  }
  .list-text{
    margin-left: 6px;
    text-align: start !important;
  }

  .about-bottom-box{
    border: 1px solid rgb(218, 214, 214);
    width: 96%;
    margin-left: 10px;
  }
  .icon-desc{
    display: flex;
    align-items: center;
    justify-content: center;
  }
   #border-right{
    border-right: 1px  solid rgb(218, 214, 214);
  }
  .text-size{
    font-size:15px;
  }

  .btn-quote{
    width: 150px;
    margin-top: 25px;
    background-color: rgb(227,11,8);
    color: white;
    margin-right: 35px;
  }
  .btn-part{
    display: flex;
    align-items: center;
    gap:40px;
  }

  .about-section .call-info-container span{
   color: #000000;
  }

  .about-section .call-info-container a{
    color: #1d1c1c;
}
/* .about-section .icon-area {
  background: transparent;
}

.about-section i {
  color: #D38E25;
  font-size: 30px;
  animation: unset;
} */

.support-section .call-info-container span{
  color: #000000;
  font-size: 20px;
 }

.support-section .call-info-container a {
  color: #D38E25;
  font-size: 25px;
}

.support-section .icon-area {
  width: 50px;
  height: 50px;
}

.support-section i{
  animation: unset;
  font-size: 25px;
}
  /* .about-section  */
  .phn-icon{
    margin-top: 20px;
  }

  .contact-section{
    display: flex;
   width: 400px;
    background-color:rgb(211,143,38);
    margin:30px;
  }
  .ring-icon{
    width: 20px;
  }

  .phone-volume{
   display: flex;
   align-items: center;
   margin: 10px;
  }
  .contact-text{
    margin: 27px;
  }
  .card-title{
    margin:10px;
    font-weight: bold;
  }

  .service-section-para{
    font-size: 16px;
  }

  .input{
    width: 100%;
    padding: 20px 16px;
    outline: none;
    border-radius: 2px;
    margin: 15px;
    color: #fff;
    font-size: 16px;
  }
  .submit-btn{
    margin-top: 32px;
    margin-right: 15px;
    border-radius: 0;
    padding: 11px 22px;
  }
  .button-box{
    width: 100%;
    display: flex;
    justify-content:end;
  }

  .content-container p{
    text-align: justify;
  }

    @media (max-width: 773px) and (min-width: 320px) {
      #call-icon{
       width: 70px;
      }
    }

    @media (max-width: 773px) and (min-width: 320px) {
      .main-section{
        padding-right:20px;
        padding-left: 20px;
      }
    }

    @media (max-width: 986px) and (min-width: 320px) {
      .right-border{
       border-right:none;
      }
    }
    @media (max-width: 986px) and (min-width: 320px) {
      #box-3{
        border-right: 2px solid  #f0f0f0;
      }
    }

    @media (max-width: 986px) and (min-width: 320px) {
      .main-content{       
        margin: 0px 10px 
      }
    }
   
    @media (max-width:992px) {
      .custom-card {
        width: 100%;
      }
      .custom-card2 {
        width: 100%;
      }
    }
    
@media (max-width:767px) {
.my-section .heading {
    font-size: 15px;
}
.my-section .para {
    font-size: 12px;
    text-align: justify;
}
    }

    @media (max-width:448px) {
     .serviceIndCard br{
        display:block;
         }

         .my-section .heading {
         line-height: 15px;
        }
    }