body {color: #073D3D;font-family: "Montserrat";}
.header{background-color: #cdf52d;}
.navmenu li:hover>a, .navmenu .active, .navmenu .active:focus{color: #073D3D;}
.second-sect{background-color: #141418;}
.navmenu a, .navmenu a:focus{color: #073D3D;}
.hero{background-color: #141418;    padding: 140px 0 60px 0;}
.hero .title{font-size:70px;color: white;font-weight: bold;line-height: 71px;}
.sub-txt{font-size: 18px;font-weight: 400;color:white;line-height: 27px; }
.header-video{background-color:#141418;padding: 45px;border-radius: 34px;}
   .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.privacy{background-color:#141418; }
.partnership .heading-title{color: white;}
.partnership{background-color: #141418;color: white;}
    .carousel-item {

      text-align: center;

    }
    .name{
      font-size:16px;
    }
.carousel-indicators{bottom: -24px;margin-bottom: 0px;}
.carousel-dark .carousel-indicators [data-bs-target]{background-color:#DFEC3B;height: 15px;width: 15px; border:none;   border-radius: 35px;}
        .sidebar {
            background-color: white;
            padding: 16px;border-radius: 24px;color: #073D3D;
        }
        
        .header-box {
            background-color: #004d40;
            color: white;
            padding: 15px;
            border-radius: 8px;
            margin-bottom: 20px;
        }
        
        .nav-pills .nav-link {
            color: #073D3D;
            font-size: 22px;
            font-weight: bold;
            padding: 10px 15px;
            margin: 5px 0;
            border-radius: 4px;
        }
        
        .nav-pills .nav-link.active {
               background-color: #cdf52d;
               color: #141418;
               border-radius: 9px;
        }
        
        .tab-content {
            padding: 20px;
        }
        
        .logo-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: 20px;
            margin-top: 20px;
        }
        
        .logo-box {
            background-color: #cdf52d;
            padding: 10px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
.lead {
    font-size: 18px;
    font-weight: 400;
    color: white;
}
.faq{background: #141418;color: white;}
.faq .heading-title{color: white;}
.heading-title{font-size: 36px;font-weight: bold;color: #141418;}
.heading-sub-txt{font-size: 18px;font-weight: 300;}
.verticals{background-color: #cdf52d;}
.tab{font-size:40px;color:#cdf52d;font-weight: bold;}
.inner-heading{font-size: 26px;font-weight: 600;}
.inener-txt{font-size: 16px;}
.verticals .box{background: white;border-radius: 29px;padding: 60px;position: relative;height: 510px;}
.verticals .gif img{position: absolute;right: 64px;top: 37px;width: 28%;}
.auto-gif img{width: 50%!important;right: -24px!important;top: -40px!important;}
.expense-gif img{width: 38%!important;right:-12px!important;top:-29px!important;}
.home-gif img{width: 52% !important;right: -28px !important;top: -56px !important; }
.Earn-Well img{right:37px!important;top:-23px!important;width: 42%!important;}
.Paid-Time-Off-gif img{right: 15px!important;top: 2px!important;width: 36%!important;}
.product .box{background-color: #cdf52d;border-radius: 16px;padding: 20px;color: #141418;}
.Advancing-Careers-gif img{right:7px!important;top: -41px!important;width: 46%!important;}
.Remote-gif img{right:22px!important;top: 5px!important;width: 32%!important;}
.work-gif{right: 36px!important;
    top: -11px!important;
    width: 41%!important;}
.standards .gif img{position:absolute;width: 38%;right:-12px;top:-29px;}
.margin-2{margin-top: -81px;}
.margin-3{margin-top: -168px;}
.product{margin-top: 100px;background-color: #141418;}
.product .heading-title{color: white;}

.comment-box{background-color: #cdf52d;padding: 30px;border-radius: 20px;font-size: 20px;color: #141418;}
.carousel-control-next-icon, .carousel-control-prev-icon{opacity: 0%;}
.partnership .carousel-indicators{bottom: -56px;border-radius: 15px;padding: 17px;width: 15%;margin:0 auto;}
.email-partner{background-color: #cdf52d;}
.email-partner .heading-title{color: #141418;}
.email-partner .heading-sub{color: white;}
        .subscribe-box {
            display: flex;
            align-items: center;
            background-color: #141418;
            border-radius: 50px;
            padding: 10px;
           margin-top:85px;
        }

        .subscribe-box input {
            border: none;
            background: transparent;
            outline: none;
            padding: 10px 20px;
            flex-grow: 1;
            font-size: 16px;
            color: #000;
        }

        .subscribe-box button {
            border:none;
            background: #cdf52d;
            color: #141418;
            padding: 10px 20px;
            border-radius: 50px;
            font-weight: bold;
        }

        .subscribe-box button:hover {
            background: #cdf52d;
            color: #141418;
        }

        .dashed-line {
            border-left: 2px dashed white;
            height: 20px;
            margin-left: 30px;
        }

        .info-box {
               display: flex
;
    align-items: center;
    margin-top: -20px;
    margin-left: 70px;
        }

        .info-box img {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            border: 2px solid white;
            margin-left: -8px;
        }

        .info-text {
            color: #141418;
            font-size: 14px;
            margin-left: 23px;
        }
          .footer {
            background-color: white;
            padding: 40px 0;
            color: #0D3B66;
        }

        .footer a {
            text-decoration: none;
            color: #0D3B66;
            font-size: 14px;
            margin-right: 20px;
        }

        .footer a:hover {
            text-decoration: underline;
        }

        .footer-icons a {
            font-size: 18px;
            margin: 0 10px;
            color: #0D3B66;
        }

        .footer-icons a:hover {
            color: #1c5d99;
        }

        .copyright {
            font-size: 14px;
            color: #6c757d;
            text-align: right;
        }
        .footer .copyright{border: none;padding-bottom: 0px;}
        .tab-pane .title{font-size: 100px;color: #DFEC3B;margin-bottom: -32px;}
         .tab-pane .sub-title{font-size: 50px;color: #DFEC3B;text-transform: uppercase;}
         .faq .faq-container .faq-item{background-color: #cdf52d;border-radius: 21px;color:#141418;}
         .faq .faq-container .faq-active h3{color: white;}
         .faq .faq-container .faq-item h3:hover{color: white;}
         .faq .faq-container .faq-item .faq-toggle:hover{color: #141418;}
         .faq .faq-container .faq-item .faq-toggle{color: #141418;}
         .faq  .inner-heading{font-size: 27px;font-weight: 500;}
         .standards .box{background: white;border-radius: 32px;padding: 50px;position: relative;}
         .team-gif img{width: 30% !important;
    right: -12px !important;
    top: -61px !important;}
    .Direction-gif img{width: 22%!important;
    right: 21px!important;
    top: -11px!important;}
    .Flexible-Execution-gif img{    width: 17% !important;
    right: 18px !important;
    top: 15px !important;}
            .content {
            display: none;
            margin-top: 10px;
        }

        .read-more-btn {
                background: #dfec3b;
                color: #073D3D;
                padding: 10px 50px;
                border-radius: 50px;
                font-weight: bold;
                display: block;
                margin-top: 10px;
                border:none;
                font-size: 19px;
        }

        .read-more-btn:hover {
            background-color: #dfec3b;
        }
        .search-box {
            display: flex;
            align-items: center;
            background-color: #cdf52d; /* Adjust color to match your design */
            padding: 20px;
            border-radius: 50px;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        }

        .dropdown {
            border: none;
            background: transparent;
            font-size: 25px;
            padding: 10px;
            cursor: pointer;
            width: 35%;
        }

        .dropdown:focus {
            outline: none;
        }

        .divider {
            height: 25px;
            width: 2px;
            background-color: black;
        }

        .search-button {
            background-color: #141418;
            color: white;
            border: none;
            padding: 19px 82px;
            border-radius: 50px;
            font-size: 19px;
            cursor: pointer;
            margin-left: auto;
        }

 .custom-file-upload {
    display: inline-block;
    padding: 10px 20px;
   background-color: #cdf52d;
    color: #141418;
    border-radius: 5px;
    cursor: pointer;
  }
   #myfile {
    display: none;
  }

.apply-now{background-color: #141418; float: right;margin-top: -13px;
    color: white;
    border: none;
    padding: 12px 45px;
    border-radius: 50px;
    font-size: 16px;
    cursor: pointer;}
        .search-button:hover {
            background-color: #141418;
        }
        .careers .box{background-color: #F5F5F5; padding: 35px;border-radius: 17px;}
        .careers .inner-heading{font-size: 20px;}
        .careers .inener-txt {font-size: 18px;}
        .skills {
    background-color: #DFEC3B;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 5px;
    font-weight: 600;
}
.standards .freedom-gif img{    width: 28% !important;
    right: -14px;
    top: -51px;}
.meet-our-team .carousel-dark .carousel-indicators [data-bs-target]{background-color: #cdf52d;}
.team .social-icons{float: right;}

.award .box{height: 650px;}
.contnt .heading{font-size: 25px;color: #cdf52d;}
.contnt  .sub-txt{font-size: 20px;color: white;}
.cont-form form{background-color: white;border-radius: 34px;padding: 60px;}
.cont-form input{background-color: #CFDDBC;border-radius: 7px;padding: 20px;color: #073D3D;}
.cont-form textarea{background-color: #CFDDBC;border-radius: 7px;padding: 20px;color: #073D3D;}
.cont-form .inener-txt{color: #073D3D;}
.cont-form .inner-heading{color: #073D3D;}
.submit button{background: #141418;width: 50%;
    color: white;
    margin:0 auto;
    padding: 20px 122px;
    border-radius: 50px;
    font-weight: bold;}
.btn-gen button {background: #073d3d;color: #DFEC3B;
    color: white;
    margin:0 auto;
    padding: 20px 92px;
    border-radius: 50px;
    font-weight: bold;}
    .box .number{font-size: 200px;font-weight: bold;color: black;opacity: 4%;position: absolute;
    right: 64px;
    top: -63px;}
    .social-media .box {height:439px; }
    .privacy{color: white;}
    .privacy .heading-title{color: white;}
       @keyframes smoothMotion {
            0% {
                transform: translateY(0) scale(1) rotate(0deg);
            }
            25% {
                transform: translateY(-10px) scale(1.05) rotate(2deg);
            }
            50% {
                transform: translateY(0) scale(1) rotate(0deg);
            }
            75% {
                transform: translateY(10px) scale(0.95) rotate(-2deg);
            }
            100% {
                transform: translateY(0) scale(1) rotate(0deg);
            }
        }

        .logo {
            background: url('your-logo.png') no-repeat center/cover;
            animation: smoothMotion 3s infinite ease-in-out;
        }
    .fireflies svg {
            position: absolute;
            width: 100%;
            height: 100%;
            animation: fireflyMove 6s infinite alternate ease-in-out;
        }
        @keyframes fireflyMove {
            from { transform: scale(1); opacity: 0.5; }
            to { transform: scale(1.3); opacity: 1; }
        }






@media screen and (max-width: 768px) {
  
  .hero .title{font-size: 44px;line-height:63px;}
  .sub-txt{font-size: 16px;}
  .margin-2{margin-top: 0px;}
  .margin-3{margin-top: 0px;}
  .subscribe-box{margin-top: 20px;}
  .verticals .box{height: auto;}
.heading-title {
    font-size: 30px;}
    .header-video{padding: 21px;}
    .team-gif img{top: -41px!important;}
    .standards .freedom-gif img{right: -29px;
    top: -15px;}
    .Flexible-Execution-gif img{top: 14px !important;right: -7px !important;}
    .search-box{    padding: 12px;
    border-radius: 83px;}
    .search-button{ padding: 0px;   padding-top: 10px;
    padding-bottom: 10px;
    width: 30%;}
    .cont-form form{padding: 40px;}


}


@media (max-width: 767px){

.margin-2{margin-top: 30px;}
.margin-3{margin-top: 30px;}
.hero .title{line-height: 54px;}
.partnership .carousel-indicators{width: 25%;}
.copyright{text-align: center;}
.inner-heading {font-size: 20px;}
.team-gif img {top: -28px !important;}
.standards .freedom-gif img{top: -12px;}
.Direction-gif img{top: 2px !important;}
.Flexible-Execution-gif img{right: 30px !important;    width: 22% !important;}
contnt .heading {
    font-size: 22px;}
    .contnt .sub-txt {
    font-size: 16px;}

.submit button{width: 100%;}
.apply-now{float: none;margin-top: 13px;}

}


@media (max-width: 575px) {
.standards .gif img{display: none;}
.auto-gif img{top:3px!important;}
.expense-gif img{top:17px!important;}
.home-gif img{top:-5px!important;}
.footer{padding: 40px 14px;}
.hero .title{font-size: 31px;line-height: 46px;}
.Advancing-Careers-gif img{top: 1px!important;}
team-gif img {
        top: -8px !important;
    }
.search-box {
        padding: 7px;}
.dropdown{font-size: 18px;
    padding: 3px;}
    .search-button{font-size: 14px;}
    .cont-form form {
        padding: 16px;
    }

}

@media (max-width: 375px){

.standards .gif img{display: none;}
inener-txt {
    font-size: 14px;
}
.contnt .heading {
    font-size: 21px;
    font-weight: 500;}
    .cont-form form{border-radius: 11px;}


}