.home-section-text h3{
        color: #FFD17E;
        font-size: 1.7rem;
        text-align: left;
        font-weight: 500;
        margin: 10px auto;
    }
    .home-section-text p{
        font-size: 0.8rem;
        font-family: 'Poppins';
        text-align: left;
        color: white;
        font-weight: 400;
        margin-bottom: 30px;
    }
    .home-section-text button{
        font-size: 14px;
        font-family: 'Poppins';
        padding: 11px 60px;
        border: none;
        border-radius: 25px;
        /* margin-left: 20px; */
        width: 230px;
    }
    .home-section-text button a{
        color: black;
    }
    .home-section-text img{
        width: 230px;
        border-radius: 40px;
    }
    .mini-heading {
        color: #000000;
        background: transparent;
        border: 2px solid #656775 !important;
        padding: 4px 20px;
        font-size: 13px;
        border-radius: 20px;
        font-weight: 500;
        letter-spacing: 1px;
    }
    .home-section-image{
        position: absolute !important;
        bottom: 0;
        right: 15%;
        width: 57%;
    }
    .resume-template{
        position: absolute !important;
        width: 16%;
        border: 2px solid white;
        border-radius: 15px;
        overflow: hidden;
    }
    .resume1{
        bottom: 37%;
        right: 3%;
        width: 10%;
    }
    .resume2{
        bottom: 63%;
        left: 41%;
        width: 14%;
    }
    .resume3{
        bottom: 63%;
        right: 19%;
        width: 12%;
    }
    .resume4{
        bottom: 38%;
        left: 10%;
        width: 16%;
    }
    .resume5{
        bottom: 7%;
        left: 0%;
        width: 18%;
    }
    .navbar-expand-lg .navbar-collapse .nav-link{
        color: white;
    }
    .navbar-stick:not(.navbar-dark) li a{
       color: rgb(0 0 0 / 55%) !important;
    }
    @keyframes floatLR {
      0% {
        transform: translateX(0px);
      }
      50% {
        transform: translateX(15px);
      }
      100% {
        transform: translateX(0px);
      }
    }
    
    .float-lr {
      animation: floatLR 3s ease-in-out infinite;
    }
    
    @keyframes floatTB {
      0% {
        transform: translateY(0px);
      }
      50% {
        transform: translateY(5px);
      }
      100% {
        transform: translateY(0px);
      }
    }
    
    .float-tb {
      animation: floatTB 3s ease-in-out infinite;
    }


    @keyframes floatRL {
      0% {
        transform: translateX(0px);
      }
      50% {
        transform: translateX(-15px);
      }
      100% {
        transform: translateX(0px);
      }
    }
    
    .float-rl {
      animation: floatRL 3s ease-in-out infinite;
    }
    .features-heading h3 , .job-section-text h1{
        font-size: 28px;
        font-weight: 500;
        font-family: 'Poppins';
        margin-top: 15px;
        margin-bottom: 0;
    }
    
    .features-heading p{
        font-size: 0.8rem;
        font-family: 'Poppins';
        /* color: black; */
        font-weight: 400;
        margin-bottom: 30px;
    }
    .job-section-text p{
        font-size: 0.8rem;
        font-family: 'Poppins';
        /* color: black; */
        font-weight: 400;
        margin-bottom: 10px;
    }
    
    .sticky-img {
        position: sticky;
        top: 100px;
    }
    
    /* CRITICAL: remove any overflow:hidden from parent wrappers */
    .section-frame {
        overflow: visible !important; /* not hidden */
    }
    .features{
        margin-left: 60px;
    }
    .features-section{
        padding-top: 8%;
        background-image: linear-gradient(rgb(255 255 255 / 31%), rgb(255 255 255 / 45%)), url(assets/images/feature-bg.avif);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding-bottom: 5%;
        margin: 0 ;
    }
    .feature-block{
        margin-bottom: 55px;
    }
    .feature-block p{
        padding-right: 15px;
        font-size: 15px;
        font-family: 'Poppins';
        font-weight: 400;
        color: #2b2a2a;
        margin-top: 15px;
    }
    .features-heading p{
        padding-right: 15px;
        font-size: 15px;
        font-family: 'Poppins';
        font-weight: 400;
        color: #2b2a2a;
        margin-top: 15px;
    }
    .search-section-details p , .job-section-text p{
        padding-right: 15px;
        font-size: 15px;
        font-family: 'Poppins';
        font-weight: 400;
        color: #2b2a2a;
        margin-top: 15px;
    }
    .job-num{
        font-size: 15px !important;
        font-weight: 500 !important;
        margin: 0 !important;
        color: #2c373b;
    }
    .job-num span{
        font-size: 25px !important;
        font-weight: 600 !important;
        margin: 0 !important;
    }
    .apply-btn{
        border: none;
        background: #393535;
        border-radius: 40px;
        padding: 5px 10px;
        margin-top: 10px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    .apply-btn a{
        color: white;
        font-size: 14px;
        font-family: 'Poppins';
        padding: 10px 60px;
        letter-spacing: 1px;
    }
    .job-section{
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .job-img img{
        width: 30px;
        height: 30px;
    }
    .jobs{
        color: black;
        padding: 5px 30px;
        background: #393535;
        font-size: 14px;
        font-family: poppins;
        font-weight: 300;
        letter-spacing: 1px;
        border-radius: 5px;
        position: absolute;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    .jobs p{
        color: white;
        margin: 0;
    }
    .job-1{
        left: 9%;
        bottom: 1%;
    }
    .job-2{
        right: 7%;
        bottom: 16%;
    }
    .job-3{
        right: 17%;
        top: 21%;
    }
    .job-4{
        left: 11%;
        top: 1%;
    }
    .job-5{
        left: -1%;
        top: 37%;
    }
    .home-img{
        height: 100%;
    }
    /* .feature-block h3{
        border-bottom: 1px dashed #5b4116;
        width: max-content;
        padding-bottom: 5px;
    } */
    @media (min-width:320px) and (max-width:550px) {
        .container{
            width: 100%;
        }
        .col-6{
            width: 100%;
        }
        .home-img{
            display: none;
        }
        .home-section{
            margin-top: 0 !important;
        }
        .home-section-text h3{
            font-size: 1.3rem;
        }
        .home-section-text button{
            margin-left: 0px;
            width: 200px;
            padding: 7px 40px;
        }
        .home-section-text img{
            width: 200px;
        }
        .col-8{
            width: 100%;
        }
        .features-heading h3, .job-section-text h1{
            font-size: 24px;
        }
        .sticky-img{
            position: static;
            width: 230px;
        }
        .features{
            width: 100%;
            margin-left: 0px;
            margin-top: 40px;
        }
        .feature-block p{
            padding: 0px !important;
        }
        .feature-block h3{
            font-size: 20px;
        }
        .features-text{
            flex-wrap: wrap;
        }
        .job-section-img img{
            width: 80%;
        }
        .jobs{
            font-size: 10px;
            padding: 5px 10px;
        }
        .job-2{
            right: -2%;
        }
        .job-4{
            top: -5%;
        }
        .job-section-text{
            margin-top: 40px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        .feature-block{
            margin-bottom: 20px;
        }
        .job-section{
            padding-bottom: 80px;
        }
        .job-section-block{
            flex-direction: column-reverse;
        }
        .job-section-img{
            margin-top: 50px;
        }
    }
    @media (max-width: 991.98px) and (min-width:550px){
        .image-wrapper.bg-cover{
            max-height: 700px;
        }
        .resume4{
            bottom: 27%;
        }
        .resume3{
            bottom: 38%;
        }
        .resume2{
            bottom: 45%;
        }
        .resume1{
            bottom: 21%;
        }
        .features-heading h3, .job-section-text h1{
            font-size: 22px;
        }
        .jobs{
            font-size: 10px;
            padding: 5px 10px;
        }
        .job-2{
            z-index: 9;
            right: 4%;
        }
        .home-section-text button{
            margin-left: 0px;
            width: 200px;
            padding: 7px 40px;
        }
        .home-section-text img{
            width: 200px;
        }
    }
    .feature-block-2{
         width: 100%; 
         height: 150px; 
         background-position: center; 
         background-repeat: no-repeat; 
         background-size: cover; 
         background-image: linear-gradient(rgb(39 39 39 / 31%), rgb(57 57 57 / 45%)), url(assets/images/bg-features2.jpg); 
    }