@import url('https://fonts.googleapis.com/css?family=Baloo&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');


 .baloo {
     font-family: baloo;
     font-weight: 400;
     /* text-align: justify; */
 }

 .poppins {
     font-family: poppins;
     font-weight: light;
 }

 .montserrat {
     font-family: Montserrat;
     /* font-weight: bold; */
 }

 .text {
     font-family: Poppins;
     font-size: 20px;
     font-weight: 300;
     line-height: 26px;
     letter-spacing: -0.02em;
     text-align: left;

 }

 .button {
     background: linear-gradient(to right, #008856, #f3f52e);
     border: none;
     border-radius: 11px;
     background: linear-gradient(140deg, #008856 0%, #F3F52E 100%);
     box-shadow: 0px 7px 20px 0px rgba(2, 30, 20, 0.09);
     font-size: 24px;
     width: 220px;
     padding: 15px;
     margin-top: 35px;
 }

 .button-sm {
     background: linear-gradient(to right, #008856, #f3f52e);
     border: none;
     border-radius: 11px;
     background: linear-gradient(140deg, #008856 0%, #F3F52E 100%);
     box-shadow: 0px 7px 20px 0px rgba(2, 30, 20, 0.09);
     font-size: 14px;
     width: 110px;
     padding: 10px;
     /* margin-top: 35px; */
 }

 .button-sm:hover {
     background: #F3F52E;
     color: black;
 }

 .button:hover {
     background: #F3F52E;
     color: black;
 }

 .icon-part img {
     font-size: 26px;
     padding: 20px;
     /* height: 70px;
      width: 70px; */
     background: #e4f292;
     border-radius: 100%;
     margin-left: 30px;
     text-align: center;
 }

 .icon-part img:hover {
     /* font-size: 30px;*/
     background: #e2e3e4;
     transform: scale(1.4);
     transition: all 200ms ease;
 }

 .background {
     background: #fefef6;
 }

 .a-hover:hover {
     background: #cb342b;
     color: white !important;
     transition: all 500ms ease;
 }

 .b-hover:hover {
     background: #00abc9;
     color: white !important;
     transition: all 500ms ease;
 }

 .c-hover:hover {
     background: #e3de00;
     color: white !important;
     transition: all 500ms ease;
 }

 /* .a-hover p:hover{
      color:white;
    } */

 .col-md-3 p {
     font-size: 14px;
     text-align: center;
     padding-bottom: 25px;
     /* color: gray; */
 }

 .col-md-3 h5 {
     text-align: center;
     text-transform: capitalize;
     font-size: 18px;
     padding-top: 20px;
     /* color:black; */
 }

 .col-md-3 {
     color: rgb(75, 73, 73);
 }

 .nav-link {
     /* margin-left:35px ; */
     width: 100px;
 }

 .confirm {
     width: 200px;
 }

 .about-img {
     transform: scale(1.1);
     transition: all 200ms ease;
    max-height: 550px;
    animation: moveToLeft 2s ease-in-out infinite alternate;
 }

 @keyframes moveToLeft {
     0% {
         transform: translateX(0);
     }

     100% {
         transform: translateX(-20px);
         /* Adjust the value as needed */
     }
 }

 .about-img:hover {
     transform: scale(1.5);
     transition: all 200ms ease;
 }
 .page-title{
    height:250px;
    background: url(bg.png) no-repeat;
    background-size: cover;

 }

.page-title h2{
    padding-top:85px;
    font-size: 45px;
    background-position: top center;
}
.padding-md{
    padding:45px;
}
.padding-sm {
    padding: 25px;
}

.background-style{
    background: url(bg-edited.png) no-repeat;
        background-size: cover;
}
.contact-icon {
    font-size: 35px;
}
/* body{
    width:100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
} */
.width-100{
    /* width: 100%; */
    max-width: 100% !important;
}
  body {
      scroll-behavior: smooth;
      /* height: 2000px; */
      /* Example height to demonstrate scrolling */
  }

   .arrow {
        /* width: 40px;
        height: 40px;
        background-color: #ff9900; */
        position: relative;
        animation: bounce 1s infinite;
    }

    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {
            transform: translateY(0);
        }
        40% {
            transform: translateY(-20px);
        }
        60% {
            transform: translateY(-10px);
        }
    }
    .service-img:hover{
        transform: scale(1.2);
        transition: all 500ms ease;
    }