body {
      margin: 0;
      padding: 0;
      font-family: 'Conv_muli.regular';
      font-weight: 400;
      color: #151618;
    }
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Poppins', sans-serif;
    }


    .family_counter{
        width: 20%;
        text-align: center;
    }
    .number_counter{
        text-align: center;
        font-size: 55px;
        color: #1f1a17;

        line-height: .8;

    }
    .counter_txt{

        font-size: 16px;
        color: #1f1a17;
        text-align: center;
        line-height: 1.1;
        margin-top: 12px;
    }

    .fade-up {
        opacity: 0;
        transform: translateY(40px);
        transition: opacity 1.0s ease-out, transform 1.0s ease-out;
  }

  .fade-up.visible {
    opacity: 1;
    transform: translateY(0);
  }
  #imageSlider .carousel-inner img{
    height: 90vh;
  }
  .textCenter{
    text-align: center;
  }
  .about_content_position{
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .sec_1_banner img{
    width: 100%;
    height: auto;

  }

  .section_2{

        padding: 60px 110px 10px 110px;
    }
    .section_2 .sec2_row1 p{

        font-weight: 400;

        font-size: 12px;


    }
    .section_2 .sec2_row1{
        padding-bottom: 30px;
    }
    .section_2 .sec2_row1 h2{
        font-size: 36px;
        font-weight: 600;
        margin-bottom: 40px;

    }

  .section_3{
/*    background: #f8f8f8;*/
    padding: 20px 110px 40px 110px;
/*    position: relative;*/
/*    height: 456px;*/
/*    margin-bottom: 260px;*/
  }
  .section_3 .row_1 p{
    font-family: 'Conv_muli.regular';
    font-weight: 400;
    color: #151618;
    font-size: 18px;
    text-align: center;
       
    }

   .section_3 .row_1 h2{
    font-size: 36px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #151618;
    margin-bottom: 40px;
   }
   .section_3 .sec3_inner_col{
    background: linear-gradient(to right, #ffffff 50%, #000000 50%);
   }

   .section_3 .sec3_inner_col img{
    width: 100%;
    height: 86%;
    border-radius: 15px 0 0 15px;
   }
   .sec3_slider_title{
/*    z-index: 9;*/
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    padding: 15px 0px;
   }
   .sec3_inner_col_2 li{
    font-size: 14px;
    color: #ccc;
    font-family: 'Poppins', sans-serif;
   }

   .sec3_inner_col_2{
    background:#000000;
    padding: 15px;
   }
   .section_3 .row_2{
    position: relative;
   }
    
    .leftArrow{
        cursor: pointer; 
        width:100px; 
        height:100px; 
        object-fit: contain; 
        position: absolute;
        top: 50%;
          left: -90px;
          transform: translate(0, -50%);

    }
    .righArrow{
        cursor: pointer; 
        width:100px; 
        height:100px; 
        object-fit: contain;
        position: absolute;
        top: 50%;
        right: -90px;
        transform: translate(-0, -50%);
    }
   .section_title {
      position: relative;
      display: inline-block;
    }

    .section_title::after {
      content: "";
      position: absolute;
      bottom: -10px;
      right: 0;         /* Aligns to the right */
      width: 50px;
      height: 5px;      /* Thickness of the "border" */
      background-color: #4cb79e;
    }



    .section_4{
/*    background: #f8f8f8;*/
    padding: 40px 110px;
/*    position: relative;*/
/*    height: 456px;*/
/*    margin-bottom: 260px;*/
  }
  .section_4 .row_1 p{
    font-family: 'Conv_muli.regular';
    font-weight: 400;
    color: #151618;
    font-size: 18px;
    text-align: center;
       
    }

   .section_4 .row_1 h2{
    font-size: 36px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #151618;
    margin-bottom: 40px;
   }
   .section_4 .sec3_inner_col{
    background: linear-gradient(to left, #ffffff 50%, #000000 50%);
   }

   .section_4 .sec3_inner_col img{
    width: 100%;
    height: 86%;
    border-radius: 0 15px 15px 0;
   }
   .section_4 .row_2{
    position: relative;
   }

   .section_5{

    padding: 40px 110px;

/*    height: 456px;*/
/*    margin-bottom: 260px;*/
/*    margin-top: 320px;*/
  }
  .section_5 .row_1 p{
    font-family: 'Conv_muli.regular';
    font-weight: 400;
    color: #151618;
    font-size: 18px;
    text-align: center;
       
    }

   .section_5 .row_1 h2{
    font-size: 36px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #151618;
    margin-bottom: 40px;
   }
   .section_5 .sec3_inner_col{
    background: linear-gradient(to right, #ffffff 50%, #000000 50%);
   }

   .section_5 .sec3_inner_col img{
    width: 100%;
    height: 86%;
    border-radius: 15px 0 0 15px;
   }
   .section_5 .row_2{
    position: relative;
   }

   @media screen and (max-width: 768px){
    .section_1{
        margin-top: 80px;
    }
    .section_3{
        padding: 20px 14px 40px 14px;
    }
    .section_4, .section_2, .section_5{
        padding: 20px 14px 40px 14px;
    }

    .section_3 .sec3_inner_col {
        background: linear-gradient(to right, #ffffff 100%, #000000 0%);
    }
    .section_5 .sec3_inner_col{
      background: linear-gradient(to right, #ffffff 100%, #000000 0%);  
    }
    .section_4 .sec3_inner_col{
      background: linear-gradient(to right, #ffffff 100%, #000000 0%);  
    }
    .section_3 .sec3_inner_col img{
        border-radius: 15px 15px 0 0;
    }
    .section_4 .sec3_inner_col img{
        border-radius: 15px 15px 0 0;
    }
    .section_5 .sec3_inner_col img{
        border-radius: 15px 15px 0 0;
    }
    .about_content_position{
        align-items: end !important;
      }

    .slider_div_reverse .row{
        flex-direction: column-reverse;
    }
    .righArrow{
        display: none;
    }
    .leftArrow{
       display: none; 
    }
    .section_title::after{
       right: 150px;
    }

   }

   .section_12{
            background: #212325;
            background: linear-gradient(to right, #1d1f21 40%, #212325 40%);
            padding: 20px 110px;
        }

        .section_12 img{
            height: 60px;
            margin-right: 20px;
        }

        .section_12 h3{
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 1px;
        line-height: 28px;
        color: #fff;
        text-transform: uppercase;  
        }

        .section_12 h3 strong{
        font-weight: 600;
        font-size: 30px;
        letter-spacing: 1px;  
        }

        .section_12 .sec_12_col_2 div{
            position: relative;
            border-radius: 30px;
            background: #fff;
            
            
            width: 70%;
            
            border: none;
            outline: none;
            padding: 0 20px;
            height: 70%;
        }

        .section_12 .sec_12_col_2 input{
            border-radius: 30px;
            background: #fff;
            
            
            width: 100%;
            
            border: none;
            outline: none;
            padding: 0 20px;
            height: 100%;
        }

        .section_12 .sec_12_col_2 button{

            position: absolute;
            top: 0;
            right: 0;
            height: calc(100% - 8px);
            width: 120px;
            border: none;
            border-radius: 60px;
            outline: none;
            margin: 4px;
            padding: 0 20px;
            cursor: pointer;
            background: #4cb79e;
            color: #FFFFFF;
            transition: width .35s ease-in-out, background .35s ease-in-out;

        }
   

    
    

    

    .slider-container {
/*    width: 900px; /* Adjust width to fit 3 content blocks */*/
    overflow: hidden;
}


    #features_div img {
      transition: transform 0.6s ease-in-out;
    }

    /* Only the hovered .content_position changes */
    #features_div .content_position:hover {
      background: #4cb79e;
    }

    #features_div .content_position:hover img {
      animation: bounce 1s infinite;
    }

    /* Bounce animation */
    @keyframes bounce {
      0%, 100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-10px);
      }
    }

    #features_div {
      overflow-x: auto;
      scroll-behavior: smooth;
      white-space: nowrap;
      -ms-overflow-style: none;     /* IE and Edge */
      scrollbar-width: none;        /* Firefox */
    }

    #features_div::-webkit-scrollbar {
      display: none;                /* Chrome, Safari, and Opera */
    }


    #features_div .content_position {
      min-width: 30%; /* 3 items visible at a time */
      flex: 0 0 auto;
      padding: 10px;
      box-sizing: border-box;
    }

    
    .fade-slide-right {
      opacity: 0;
      transform: translateX(50px);
      transition: opacity 0.8s ease, transform 0.8s ease;
    }

    .fade-slide-right.in-view {
      opacity: 1;
      transform: translateX(0);
    }
    .fade-slide-right {
      opacity: 0;
      transform: translateX(50px);
      transition: opacity 0.8s ease, transform 0.8s ease;
    }

    .fade-slide-right.in-view {
      opacity: 1;
      transform: translateX(0);
    }
    .slider-container {
      overflow: hidden;
      position: relative;
      width: 100%;
    }

    #sliderTrack {
      display: flex;
      flex-wrap: nowrap;
      transition: transform 0.5s ease-in-out;
      width: 100%;
    }

    .slider_div {
      flex: 0 0 100%;
      max-width: 100%;
    /*  margin-right: 10px;*/
    padding-right: 10px;
    }





.footer{
    background: #12161a;
    padding: 20px 110px;
    color: #ffffff;
}

.footer .logo_div a img{
    width: 80%;
    margin-left: -20px;
}
.footer .logo_div h6{
color: #4cb79e;
margin: 20px 0px;
}

.footer .logo_div i{
    color: #ffffff;
    font-size: 25px;
    margin-right: 10px;
}
.footer .logo_div div{
    margin-bottom: 20px;
}

.footer .useful_links h6{
color: #4cb79e;
margin: 20px 0px;
}
.footer .useful_links div{
    margin-bottom:10px;
}
.address_div h6{
color: #4cb79e;
margin: 20px 0px;
}
.address_div div{
    margin-bottom: 20px;
}
.address_div i{
    color: #ffffff;
    font-size: 20px;
    margin-right: 10px;
    margin-top: 5px;
}
.copy_right_div{
    padding-left: 0px;
    padding-top: 20px;
}
.footer_section_2 a{
    text-decoration: none;
    color: #ffffff;
    padding-left: 20px;
}
.footer_section_2{
    padding-right: 0px;
}

@media (max-width: 767.98px) {
  .content_position_hide {
    display: none !important;
  }
  .mobile-nav .site_btn {
    width: 50%;
    margin-top: 10px;
    text-align: center;
    padding: 10px 10px;
    border-radius: 30px;
    margin-left: 0px;
    }
  .menu-toggle{
    font-size: 40px;
  }

}