a{text-decoration: none !important;}
ul{list-style-type:none !important;padding: 0 !important;}
a:hover{text-decoration: none !important;}
a:focus{outline:none;}
.container{max-width:1300px !important;}
input{outline:none;box-shadow: none;}
.form-control{outline: none;box-shadow: none;}

/* navbar css */
.flag-item { display: inline-block; margin-right: 5px; }
.flag img { width: 24px; height: 24px; }
.center-links { justify-content: center; gap: 15px; }
.right-links { justify-content: flex-end; gap: 10px; }
.dropdown-item.active, .dropdown-item:active { background-color: #fdbf00 !important; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #fff !important; }
#homepage .navbar { position: absolute !important; z-index: 9999; }
.flages-container { display: none; }
.navbar { padding: 0 20px !important; top: 0; width: 100%; z-index: 9999; display: flex !important; justify-content: space-between !important; transition: background 0.3s ease-in-out; }
.navbar .navbar-brand img { width: 180px; height: auto; }
.navbar-nav { gap: 20px; }
.navbar .nav-item a.nav-link { color: #fdbf00; font-size: 16px; font-weight: 500; padding: 0 !important; transition: background-color 0.3s ease, color 0.3s ease; }
.navbar .center-links .nav-item { padding: 5px 10px; background-color: #434e52; border-radius: 16px; }
.navbar .center-links .nav-item.active { background-color: #fdbf00; }
.navbar .center-links .nav-item.active a.nav-link { color: #ffffff; }
.navbar .center-links .nav-item:hover { background-color: #fdbf00; }
.navbar .nav-item:hover a.nav-link { color: #fff; }
.navbar .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; border: none; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); border-radius: 16px; padding: 10px; display: none; width: auto; }
.navbar .dropdown:hover .dropdown-menu { pointer-events: auto; display: block; margin-top: 2px; }
.navbar-nav .dropdown .nav-link::after { content: none; }
.navbar-nav .dropdown .nav-link img { margin-left: 5px; width: 12px; transition: transform 0.2s ease; display: none; }
.navbar-nav .dropdown:hover .nav-link img { filter: invert(0) brightness(5) grayscale(1); transition: filter 0.2s ease-in-out; transform: rotate(180deg); }
.dropdown-item { padding: 10px !important; transition: background-color 0.3s ease; }
.dropdown-item:hover { border-radius: 16px; background-color: #fdbf00; color: #ffffff; }
.navbar .right-links .nav-item .flag { padding: 0; background-color: transparent; }
.navbar .right-links .nav-item .flag img { width: 40px; height: 40px; }
.free-consultation { display: block; width: auto; background-color: #434e52; color: #fdbe00; padding: 5px 10px; border-radius: 16px; border: none; font-size: 16px; font-weight: 600; transition: background-color 0.3s ease, color 0.3s ease; text-align: center; }
.free-consultation:hover { color: #fff; background-color: #fdbe00; }
.navbar .right .flag { width: 40px; height: 34px; display: block; overflow: hidden; background-color: #fff; }
.navbar .right .flag img { width: 100%; height: 100%; object-fit: cover; }


section{padding:80px 0;}

/* /navbar css */
#homepage .first{padding:0;}
#homepage .first .carousel-inner{height: 100vh;display: inline-block;}
#homepage .first .carousel-inner img{object-fit: cover;}
#homepage .carousel {height: 100vh !important;}
#homepage .second .home-demo .owl-item{display: flex;align-items: center;justify-content: center;}
#homepage .second .home-demo .item{width:113px;height: 168px; display: inline-block;overflow: hidden;display: flex;justify-content: center;align-items: center;}
#homepage .second .home-demo .item img{width: 100%;}
#homepage .second .rating-card{background-color:#fdbf00;border-radius: 16px;padding: 40px 20px;width: 100%;text-align: center;}
#homepage .second .rating-card p{font-size: 18px;font-weight: 400; color: #434E52;}
#homepage .second .text h5{font-size: 24px;font-weight: 400; color: #434E52;text-align: center;padding: 50px 0;}
#homepage .second .text h5 span{font-size: 24px;font-weight: 600; color: #fdbf00;}

#homepage .second .rating-no { position: relative; display: inline-block; }
#homepage .second .rating-no h1 { position: relative; display: inline-block; margin: 0 0 20px 0; padding: 0; }
#homepage .second .rating-no .number { font-size: 57px; font-weight: 600; color: #434E52; }
#homepage .second .rating-no .top-right { position: absolute; top: 5px; right: -25px; font-size: 30px; font-weight: 500; color: #434E52; }

#homepage .third{background-color: #434E52;}
.heading {text-align: center;margin:0 0 50px;}
.heading h6{font-size: 24px;font-weight: 400; color: #fdbf00;}
.heading h5{font-size: 42px;font-weight: 600; color: #434E52;}
#homepage .third .heading h5{color:#fff;}
#homepage .third .row .col-lg-4{margin-bottom: 20px;}
#homepage .footer{margin: 0;}

.third .parent { position: relative; width: 100%; height: 380px; overflow: hidden; text-align: center; border: 1px solid transparent; transition: border 0.5s ease; border-radius: 20px; }
.third .child { position: absolute; width: 100%; height: 100%; }
.third .child.first { background: #333; color: white; display: flex; align-items: center; justify-content: center; z-index: 1; background-image: url; background-size: cover; background-position: center; }

.third .child.first.permanent-placement{
background-image:url("../images/permanent-placement.png");
}
.third .child.first.temporary-staffing{
background-image:url("../images/Temporary-staff.png");
}

.third .child.first.management{
background-image:url("../images/management.png");
}

.third .child.first.consulting{
background-image:url("../images/Consulting.png");
}

.third .child.first.rpo-services{
background-image:url("../images/RPO-Services.png");
}
.third .child.first.facility-management{
background-image:url("../images/facility-hospitality.png");
}
.third .child.second { background: #ffffff; color: #000000; bottom: -100%; z-index: 2; transition: bottom 0.5s ease; padding: 0px 20px !important; background-image: none !important; display: flex; flex-direction: column; gap: 20px; justify-content: center; }

.third .child.second h2{font-size: 24px;font-weight: 600;color: #434E52;margin:0;}
.third .child.second ul{display: flex;align-items: flex-start;flex-direction: column;margin:0;}
.third .child.second li{display: flex;width: 100%;margin-bottom: 10px;gap:5px;}
.third .child.second li img{width: 24px; height: 24px;}
.third .child.second li h6{font-size: 17px;font-weight: 600;color: #000000;margin:0;}
.third .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.623); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 1; }

.third .overlay h1 { font-size: 34px; font-weight: 600; color: #fff; }
.third .overlay p { font-size: 17px; font-weight: 500; color: #fff; }
.third .child.first:hover~.child.second { bottom: 0; }
.third .parent:hover .child.second { bottom: 0; transition: 0.8s; }
.third .parent:not(:hover) .child.second { bottom: -100%; }
.third .parent:hover { border: 1px solid #fff; }
.third .child.second .learn-more { background-color: #ffffff; border: 2px solid #000000; border-radius: 100px; padding: 17px 33px; width: 160px; margin: 0 auto; color: #000000; font-size: 16px; font-weight: 600; display: block; transition: 0.2s all ease-in-out; }
.third .child.second .learn-more:hover { border-color: #fdbf00; color: #fdbf00; }
#homepage .fourth .row { justify-content: center; }
#homepage .fourth .heading h6 { color: #fdbf00; }
#homepage .fourth .heading h5 { color: #434E52; }
#homepage .fourth .parent { height: 280px; }
#homepage .fourth .child.second p { color: #434E52; font-size: 17px; font-weight: 600; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
#homepage .fourth .child.first.onsite-management { background-image: url("../images/onsite-management.png"); }
#homepage .fourth .child.first.sales-marketing { background-image: url("../images/sales-marketing.png"); }
#homepage .fourth .child.first.administration { background-image: url("../images/Administration.png"); }
#homepage .fourth .child.first.warehouse { background-image: url("../images/Warehouse-manufacturing.png"); }
#homepage .fourth .child.first.customer-service { background-image: url("../images/custome-service.png"); }
#homepage .fourth .child.first.protect-services { background-image: url("../images/Protective-Services.png"); }

.testinomial{padding:0;}
.testinomial .heading{text-align: center;max-width: 45% !important;margin: auto auto 50px auto !important;}
.testinomial .heading h6{font-size:18px; font-weight:500; color:#fdbf00;}
.testinomial .heading h5{font-size:42px; font-weight:600; color:#434E52;} 
.testinomial .home-demo .testinomial-box{background-color: #fff;border-radius: 20px;padding: 30px;position: relative;margin:30px 0 ;min-height: 420px;box-shadow: 0px 0px 10px 0px #0000002e;}
.testinomial .home-demo .testinomial-box p{font-size:20px; font-weight:400; color:#808187;text-align: center;}
.testinomial .home-demo .item .profile{background-color: #fff;border-radius: 50%;padding:10px;display: flex;justify-content: center;align-items: center;}
.testinomial .home-demo .item .profile span{width:85px;height: 85px;border-radius: 50%;display: inline-block;background-color: #fff;overflow: hidden;}
.testinomial .home-demo .item .profile span img{width: 100%; height: 100%;object-fit: cover;}
.testinomial .home-demo .item .comment-bio{display: flex;flex-direction: column;align-items: center;gap:10px;position: absolute;bottom:-3%;left:50%;z-index: 10;transform: translate(-50%,-50%);width: 100%;flex-wrap: wrap;}
.testinomial .home-demo .item .comment-bio ul{display:flex;flex-direction: row;margin-bottom: 0;gap:2px;}
.testinomial .home-demo .item .comment-bio li img{width: 15px; height: 15px;}
.testinomial .home-demo .item .comment-bio h5{font-size:18px; font-weight:600; color:#434E52;}
.testinomial .home-demo .item .comment-bio h6{font-size:14px; font-weight:400; color:#808187;}
.testinomial .home-demo .item .icon-content{position:absolute; top:5px; right:10px;background-color:#434E52;border-radius: 30px;width: 60px;height: 43px;display: inline-block; }
.testinomial .home-demo .item .icon-content img{width: 100%; height: 100%;object-fit: cover;}
.owl-theme .owl-dots{margin-top:20px;}
.owl-carousel .owl-dots{display: block !important;}
.owl-carousel .owl-nav{display: none;}
.owl-theme .owl-dots .owl-dot.active span{background-color:#fdbf00 !important;}

.work-with-us .row{margin-top:50px;justify-content: center;}
.work-with-us .heading {text-align: center;}
.work-with-us .heading h6{font-size:18px; font-weight:500; color:#fdbf00;}
.work-with-us .heading h5{font-size:42px; font-weight:600; color:#434E52;}
.work-with-us .get-in-touch{padding: 40px;border-radius: 20px;min-height:300px;text-align: center;}
.work-with-us .get-in-touch.green{background-color: #434E52;width: 100%;}
.work-with-us .get-in-touch .subtitle{margin:0 0 40px 0}
.work-with-us .get-in-touch .subtitle h5{font-size:18px; font-weight:500; color:#fdbf00;margin-bottom: 15px;}
.work-with-us .get-in-touch .subtitle h6{font-size:18px; font-weight:500; color:#fff;}

.work-with-us .get-in-touch.blue{background-color: #434E52;width: 100%;}
.work-with-us .get-in-touch ul li { list-style: none; padding: 0; }
.work-with-us .get-in-touch ul li a { padding: 0 0 10px 0; text-decoration: none; font-size: 20px; font-weight: 500; color: #fff; display: inline-block; border-bottom: 1px solid #ffffff6e; transition: border-color 0.1s; }
.work-with-us .get-in-touch ul li a img { filter: invert(0) brightness(5) grayscale(1); transition: filter 0.1s; }
.work-with-us .get-in-touch ul li:hover a { border-bottom: 1px solid #fdbf00; }
.work-with-us .get-in-touch ul li:hover a img { filter: none; }
#homepage .seventh { position: relative; background-image: url(../images/happt-staff.jpg); background-size: cover; background-color: transparent; border-radius: 30px; min-height: 700px; }
#homepage .seventh::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.659); border-radius: 30px; z-index: 1; }
#homepage .seventh .container { position: relative; z-index: 2; }
#homepage .seventh .heading h5 { font-size: 42px; font-weight: 600; color: #fff; }
#homepage .newsletter{padding: 0;bottom:160px;max-height:230px;}
.newsletter{position: relative;z-index: 5;padding-bottom:0;}
.subscribe-form .subscribe{width: auto;} 
#homepage .footer{padding:0;}
.sign-up{background-color: #434E52;padding: 70px; border-radius: 20px;}
.sign-up .left h1{font-size:36px; font-weight:700; color:#fff;margin-bottom: 30px;}
.sign-up .left ul{display: flex;align-items: center;gap:50px;}
.sign-up .left ul li{display: flex;align-items: center;gap:5px;}
.sign-up .left ul li h6{font-size:18px; font-weight:600; color:#ffffff77;}
.sign-up .left ul li h6:hover{color:#fdbf00; transition: 0.3s;}
.sign-up .right input{border: 0.5px solid #ffffff2e;width: 100%;padding: 18px 10px;background-color: #ffffff40;border-radius: 10px;outline: none; box-shadow: none;
color: #ffffff;font-size: 20px;font-weight: 500;}
.sign-up .right input::placeholder{color: #ffffff; font-size: 20px;font-weight: 500;}
.sign-up .right button{border:none; border-radius: 40px; background-color: #fdbf00; color:#434E52; font-size: 20px; font-weight: 600;padding: 15px 40px;margin:15px 0 0;}
.sign-up .right button:disabled{opacity:0.5;}

.footer{padding-bottom:0;}
.footer .services h1{color:#fdbf00; font-size: 20px;font-weight: 600;margin:0 0 30px 0;}
.footer .services p{color:#808187; font-size: 18px;font-weight: 400;margin: 0px 0 60px 0;max-width: 70%;}
.footer .services .social{display: flex;align-items: center;gap:15px;}

.footer .services .social li {width:40px; height:40px;display: inline-block;overflow: hidden;background-color:#1C24361F;border-radius: 50%;padding: 7px 10px;background-color:#434E52;cursor: pointer;}
.footer .services .social li img{width: 100%;height: 100%; object-fit: cover;}
.footer .services .social li:hover{background-color:#fdbf00;}
.footer .services .social li:hover img{ filter:invert(0) brightness(5) grayscale(1);}
.footer .services .links li a{font-size:16px; font-weight:500; color:#434E52;text-decoration: none;}
.footer .services .links li a:hover{color:#fdbf00;}
.footer .services .links li.margin {margin-bottom:20px;}
.footer .services .contact-us li h5{font-size:16px; font-weight:500; color:#808187;}
.footer .services .contact-us li a{font-size:16px; font-weight:600; color:#304E49;}
.footer .top{padding:0 0 50px 0;border-bottom:0.5px solid #00000028;}
.footer .bottom{display: flex;justify-content: space-between;align-items: center;padding: 20px 0;}
.footer .bottom .logo{width: 180px; height: 100px;overflow: hidden; display: inline-block;}
.footer .bottom .logo img{width: 100%; height: 100%;}
.footer .bottom p{font-size: 14px;font-weight: 400; color: #808187;}


.section-with-overlay { position: relative; background-size: cover; background-color: transparent; }
.section-with-overlay::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(238, 237, 237, 0.6); z-index: 1; }
.section-with-overlay > * { position: relative; z-index: 2; }
#homepage .second { background-image: url("../images/Dotted-bg.png"); background-position: center center; }
#homepage .fourth { background-image: url("../images/Dotted-bg.png"); background-color: transparent; }
#homepage .fifth { background-image: url("../images/Dotted-bg.png"); }
#homepage .work-with-us { background-image: url("../images/Dotted-bg.png"); }

.toast{background-color: green  !important;}
.toast .toast-body{font-size:14px;font-weight:400; color:#ffffff;}
.btn-close.btn-close-white.me-2.m-auto{border:0.5px solid #ffffff ;border-radius:5px;  background: none;color:#ffffff;}

/*--------------------------------------------------------------------About Page CSS Start------------------------------------------------------------------------------*/
#about .first{background-color: #F8F9FA;}
#about .second{background-color: #F8F9FA;}
#about .heading{max-width:60%;margin:auto;}

#about .details-section{padding: 30px;border-radius: 20px;background-color: #fff;margin-top: 50px;}
#about .details-section .row{align-items: stretch;}
#about .details-section .row .col-lg-4{display: flex;}

#about .details-section .text{padding: 30px;border-radius: 20px;height:100%;display: flex; flex-direction: column;justify-content: center; gap:20px; background-color:#434F52;}
#about .details-section .text h1{font-size:16px; font-weight:500; color:#fdbf00;margin:0}
#about .details-section .text h2{font-size:22px; font-weight:500; color:#FFFFFF;margin:0;}
#about .details-section .text p{font-size:16px; font-weight:400; color:#FFFFFF7A;margin:0;}
#about .details-section .image{border-radius:20px; width: 100%; height:100%;overflow: hidden; background-color: #fff; display: flex;align-items: stretch;}
#about .details-section .image img{border-radius:20px; width: 100%; height:100%; object-fit: cover;}

#about .third{max-height:211px;}
#about .third .sign-up{bottom:160px;}
#about .footer{margin:0;}
#about .testinomial{padding-bottom:250px;}
#about .newsletter{bottom:160px;padding: 0;max-height: 230px;}
#about .footer{padding:0;}

/* /About page */

/*--------------------------------------------------------------------Carrers Page CSS Start------------------------------------------------------------------------------*/
#carrers .job-search{background: #f6f6f6;border: 1px solid #f2f2f2;padding:15px;display: flex;gap:20px;justify-content: center;align-items: flex-end;}
#carrers .job-search select,  #carrers .job-search input{width: 100%;padding:6px 10px;background-color: #fff;border:0.5px solid #00000059;outline:none; box-shadow: none;border-radius: 6px;}
#carrers .job-search label{font-size: 16px; font-weight:600;color:#111827;}
#carrers .job-search input{border-radius: 16px;}
#carrers .job-search button{background-color:#ABC4FA;border-radius: 100px;padding:14px;font-size: 20px; font-weight:600;color:#1C3F3A;border:none;width: 153px;}
#carrers .job-search select {color:#494949;}
#carrers .support{box-shadow:0px 0px 6px 0px #00000017;max-width: 1000px; margin:auto auto; padding: 20px;}
#carrers .support a.heading{font-size:30px; font-weight:500; color: #fdbf00;margin-bottom: 20px;}
#carrers .support .meta-data{padding: 20px 20px 10px 20px;font-size: 0.8em;text-transform: uppercase;background: #f6f6f6;border-radius: 5px;}
#carrers .support h2{font-size:20px; font-weight:600; color: #808187;}
#carrers .support .meta-data ul{display: flex;gap:10px;align-items: center;flex-wrap: wrap;max-width: 80%;margin:0;}
#carrers .support .meta-data ul li h6{font-size:14px; font-weight:400; color:#808187;margin-bottom: 5px;}
#carrers .support .meta-data .work-type h6{font-size:14px; font-weight:400; color:#808187;margin-bottom: 5px;}
#carrers .support .meta-data .date {margin-top:10px;position: relative;}
#carrers .support .meta-data .date h5{font-size:14px; font-weight:400; color:#808187;margin-left: 15px;}
#carrers .support .meta-data .date h5::before{content: "";position: absolute;width: 10px; height: 10px;border:1px solid #fdbf00;left: 0;top: 4px;}
#carrers .support .right h5{font-size:16px; font-weight:400; color:#808187;}
#carrers .support .right a.more{float: right;border:none; display: block;border-radius: 3px;color: #fff;background: #fdbf00; box-sizing: border-box;margin:10px 0 0 ;
padding: 5px 15px}
#carrers .third{padding: 0 0 100px 0;;}

/* /carrers page */

/*--------------------------------------------------------------------Carrers More Page CSS Start------------------------------------------------------------------------------*/
.carrers-more .heading { font-size: 60px; font-weight: 500; color: #000000;margin:0; } 
.carrers-more .job-container .title { font-size: 30px; font-weight: 500; color: #fdbf00; }
.carrers-more .job-container .meta-data { border-top: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6; padding: 10px 0; }
.carrers-more .job-container ul{margin-left:10px !important;}
.carrers-more .job-container ul li { font-size: 16px; font-weight: 400; color: #0000008f; margin:10px 0;} 
.carrers-more .job-container strong{ color: #0000008f;}
.carrers-more .job-container .date {position: relative;}
.carrers-more .job-container .date h5 {font-size:14px; font-weight:400; color:#808187;margin-left: 15px;} 
.carrers-more .job-container .date h5::before{content: "";position: absolute;width: 10px; height: 10px;border:1px solid #fdbf00;left: 0;top: 4px;}
.carrers-more .job-container h3 { font-size: 20px; margin: 20px 0 10px; color: #808187; } 
.carrers-more .job-container p, .carrers-more .job-container a, .carrers-more .job-container button { font-size: 16px; line-height: 1.6; color: #0000008f; }  
.carrers-more .apply-now { background-color: #fdbf00; color: white; padding: 10px 20px; border: none; border-radius: 40px; cursor: pointer;display: inline-block; }
.carrers-more .apply-now:hover { background-color: #fdbe00b0; } /* Button hover */
.carrers-more .inner-category{display: flex;gap:20px;}
.why-join-us{list-style-type:disc !important;}
.responsibilities{list-style-type:disc !important;}
.qualifications{list-style-type:disc !important;}
p.apply-today{display: block;}
.carrers-more .back-link{color:#fdbf00 !important;text-decoration: underline !important;display: block;}
.page-link{color:#fdbf00 !important;}
.carrers-more .exigences li img{width: 20px; height:20px;}
.pagination .number.active{background: #fdbf00;color: white;border-color: #fdbf00;}
.carrers-more ul{padding-left: 2rem !important;}
/* /carrers more page */

/*--------------------------------------------------------------------Partnerships Page CSS Start------------------------------------------------------------------------------*/
#partnership .first .text{padding: 30px 0 0;}
#partnership .first .text h1{font-size:45px; font-weight:500; color:#1C3F3A;margin:0 0 20px 0;}
#partnership .first .text p{font-size:16px; font-weight:500; color:#808187;}
#partnership .project-cult-staffing{padding: 100px 0;}
#partnership .partnership .item{overflow: hidden;border-radius: 20px;height: 352px;}
#partnership .partnership .item img{width: 100%; height: 100%;object-fit: cover;}

#partnership .owl-theme .owl-dots .owl-dot span{width: 7px;height: 7px;}
#partnership .project-cult-staffing .item{overflow: hidden;border-radius: 20px;height: 549px;}
#partnership .project-cult-staffing .owl-carousel .owl-item img{height: 100%;}
#partnership .project-cult-staffing .text{padding: 100px 0 0;}
#partnership .new-office .item{overflow: hidden;border-radius: 20px;height: 549px;}
#partnership .new-office .owl-carousel .owl-item img{height: 100%;}
#partnership .new-office .text{padding: 100px 0 0;}
#partnership .second{padding: 0 0 100px 0;}

/* /Partnerships Page */

/*--------------------------------------------------------------------Blogs & PR Page CSS Start------------------------------------------------------------------------------*/
#blogs .first{background-color:#f8f9fa;}
#blogs .first .heading h6{font-size:18px; font-weight:500; color:#808187;}
#blogs .first .heading h5{font-size:45px; font-weight:500; color:#1C3F3A;}
#blogs .first .heading h5{font-size:45px; font-weight:500; color:#1C3F3A;}


#blogs .first .image-card { position: relative; width: 100%; height: 300px; background-size: cover; background-position: center; border-radius: 16px; overflow: hidden; }

#blogs .first .first-img{background-image: url("..//images/playground.jpg");}
#blogs .first .second-img{background-image: url("../images/priortizing.jpg");}
#blogs .first .third-img{background-image: url("../images/strong-company-structure.jpg");}
#blogs .first .fourth-img{background-image: url("../images/leveraging-technology.jpg");}
#blogs .first .fifth-img { background-image: url("../images/flexible-work.jpg"); }
#blogs .first .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 25px 0 0 40px; }
#blogs .first .top-link { font-size: 14px; font-weight: 500; color: #1C3F3A; text-decoration: none; background-color: #ABC4FA; border-radius: 20px; padding: 5px 10px; position: relative; }
#blogs .first .bottom-link { font-size: 16px; font-weight: 600; color: #ffffff; text-decoration: none; border-radius: 20px; margin-bottom: 5px; text-decoration: none; }
#blogs .first .bottom-link:hover{color:#ABC4FA;text-decoration: none;}
#blogs .first .text {font-size: 14px;color: #FFFFFFAD;font-weight: 500;margin-top: 5px;}
#blogs .second-row .image-card  {height: 471px; }
#blogs .second-row{margin: 50px 0 0;}
#blogs .second-row .prev-next{display: flex;justify-content: space-between;align-items: center; margin-top:20px;}
#blogs .second-row .prev-next button{border:none; border-radius: 50px; padding: 10px 30px;}
#blogs .second{padding:0 0 30px 0;}
#blogs .second .sign-up{bottom:50px;}


/* / Blogs Page */


/*--------------------------------------------------------------------FAQs Page CSS Start------------------------------------------------------------------------------*/
#faqs .first .left .custom-accordion { max-width: 800px; margin: 0 auto; }
#faqs .first .left .accordion-item { border: 1px solid #00000024 !important; border-radius: 15px !important; margin-bottom: 10px; overflow: hidden; transition: all 0.3s ease; }
#faqs .first .left .accordion-header { background-color: #f8f9fa; color: #fdbf00; display: flex; align-items: center; padding: 19px; cursor: pointer; border: none; outline: none; font-size: 16px; width: 100%; transition: background-color 0.3s ease, color 0.3s ease; position: relative; }
#faqs .first .left .accordion-header:hover { background-color: #e6e6e6; }
#faqs .first .left .accordion-header.active { background-color: #434F52; color: white; }
#faqs .first .left .accordion-icon { font-size: 20px; font-weight: bold; margin-right: 15px; color: #434E52; transition: color 0.3s ease; background-color: #ddd; padding: 5px 10px 10px 10px; border-radius: 6px; }
#faqs .first .left .accordion-header.active .accordion-icon { color: #173f3f; background-color: #fdbf00; }
#faqs .first .left .accordion-header.active ~ .accordion-content { background-color: #434E52; color: #FFFFFF7A; padding: 0px 60px 35px 60px; }
#faqs .first .left .accordion-title { font-size: 18px; font-weight: 600; text-align: left; }
#faqs .first .left .accordion-content { height: 0; overflow: hidden; background-color: #ffffff; color: #FFFFFF7A; transition: height 0.3s ease; }
#faqs .first .left .accordion-content p { margin: 0; padding: 10px 0; font-size: 16px; font-weight: 400; }
#faqs .first .right{padding:0 0 0 90px;}
#faqs .first .right h5{font-size: 18px;font-weight:500; color: #808187;}
#faqs .first .right h1{font-size: 45px;font-weight:600; color: #434E52;}
#faqs .first .right .question {margin: 50px 0 30px 0;}
#faqs .first .right .question h6{font-size: 20px;font-weight:600; color: #434E52;}
#faqs .first .right .question p{font-size: 16px;font-weight:400; color: #808187;}
#faqs .first .right button{background-color:#fdbf00;padding: 13px 28px 13px 28px;font-size: 16px;font-weight:600; color: #434E52;border-radius: 100px;border:none;}
#faqs .second{padding: 0 0 70px 0;}
/* /FAQs page */

/*--------------------------------------------------------------------Contact Page CSS Start------------------------------------------------------------------------------*/
#map {height: 400px;width: 100%;}
.contact-us-form {padding:40px;border-radius: 20px;background: linear-gradient(150deg, rgb(253, 191, 0) 20%, rgb(67, 78, 82) 75%);}
.contact-us-form .contact-heading {text-align: center;margin-bottom:40px;}
.contact-us-form .contact-heading h5{font-size: 18px;font-weight:500; color: #434E52;}
.contact-us-form .contact-heading h1{font-size: 45px;font-weight:500; color: #ffffff;}
.contact-us-form .contact-heading h6{font-size: 16px;font-weight:400; color: #ffffff;}
.contact-us-form textarea{background-color: #ffffff !important;color:#434E52 !important;outline:none !important; box-shadow: none !important;}
.contact-us-form textarea{min-height: 200px;}
form .form-group{margin-bottom: 2rem;}
form .note p{font-size: 16px;font-weight:500; color: #ffffff;margin:20px 0 30px 0;}
form .note p input{width: auto;display: inline-block;margin-right:5px;}
form button{background-color: #fdbf00;width: 100%;border-radius: 100px;border:none;padding: 12px; font-size: 16px;font-weight:600; color: #434E52;}
form .message:disabled{opacity: 0.5;}

#contact .fourth .offices h1{font-size: 45px;font-weight:500; color: #1C3F3A;text-align: center;margin: 0 0 40px 0;}
#contact .fourth .offices .details{border:1px solid #000; border-radius:20px;padding: 20px;margin: 0 0 30px 0;min-height:191px}
#contact .fourth .offices .details h2{font-size: 18px;font-weight:500; color: #1C3F3A;}
#contact .fourth .offices .details a{text-decoration: none;}
#contact .fourth .offices .details a h3{font-size: 16px;font-weight:400; color: #85868c;margin:20px 0;}
#contact .fourth .offices ul{margin: 0;}
#contact .fourth .offices ul h4{font-size: 16px;font-weight:400; color: #293787;}
#contact .fifth{padding: 50px 0 100px 0;}


/* /Contact page */



/*-------------------------------------------------------------------- Employee Page CSS Start------------------------------------------------------------------------------*/
.page-info {background-color: #f8f9fa;padding: 50px 0;}
.page-info h1{font-size: 60px;font-weight:500; color: #434E52;}
.page-info .title{display: flex;align-items: center;gap:15px;}
.page-info .title{ h4{font-size: 18px;font-weight:400; color: #808187;}
h5{font-size: 18px;font-weight:400; color: #808187;}
h6{font-size: 18px;font-weight:400; color: #808187;}
}
.employee .second .col-lg-6{display: flex;justify-content: center; flex-direction: column;}
.employee .left.text {padding: 0 50px 0 0;}
.employee .right.text {padding: 0 0 0 50px;}
.employee .second .text h1{font-size: 45px;font-weight:500; color: #434E52;}
.employee .second .text p{font-size: 16px;font-weight:500; color: #808187;margin:20px 0;}
.employee .second .image{width: 100%;height:420px; overflow:hidden;border-radius: 16px; display: inline-block;}
.employee .second .image img{width: 100%; height: 100%; object-fit: cover;}
.employee .third .placement-details{border:1px solid #00000047; border-radius:16px;padding:30px;background-color:#f8f9fa;min-height:366px;}
.employee .third .placement-details h2{font-size: 22px;font-weight:500; color: #434E52;margin:0 0 20px 0;}
.employee .third .placement-details p{font-size: 16px;font-weight:400; color: #808187;margin:0;}
.employee .fourth .get-touch{border-radius:20px;background-color:#434E52;overflow: hidden;}
.employee .fourth .left-image{overflow: hidden;display: inline-block;background-color: #ffffff;width: 100%; height: 100%;position: relative;}
.employee .fourth .left-image img{width: 100%; height: 100%;object-fit: cover;}
.employee .fourth .left-image::before{content:"";position: absolute;width: 100%; height: 100%;top:0;background-color: #00000065;}
.employee .fourth form .contact-heading{text-align: left;}
.employee .fourth .image-data{position: absolute;bottom:50px;font-size: 26px;font-weight:600; color: #ffffff;z-index:2;padding: 0 50px;}
.employee .fourth .image-data::after {content: "";position: absolute;width: 45px;height: 3px;background-color: #fdbf00;bottom: -20px; left: 53px; }
.employee .sixth{padding:0 0 100px 0;}
#hospitality-staffing .second .row:first-of-type{margin-bottom:100px;}
#hospitality-staffing .third .placement-details{min-height:423px;}
.p-b-0{padding-bottom: 0;}


/* /Employee Page */



.hospitality-staffing .second .row:first-of-type{margin-bottom:100px;}
.hospitality-staffing .third .placement-details{min-height:423px !important;}



/*-------------------------------------------------------------------- Candidates Page CSS Start------------------------------------------------------------------------------*/
.candidates .third h1{font-size: 35px;font-weight:600; color: #434E52;margin-bottom: 50px;text-align: center;}
.candidates .third .resume-card {border:1px solid #00000051; border-radius: 16px; padding: 20px;min-height:256px;background-color: #f8f9fa;margin-bottom: 30px;}
.candidates .third .resume-card h2{font-size: 22px;font-weight:500; color: #434E52;margin-bottom: 20px;}
.candidates .third .resume-card  p{font-size: 16px;font-weight:400; color: #808187;margin: 0;}
.candidates .third .second-row{margin-top:50px;}
.candidates .third .second-row .resume-card {min-height:200px;}

.candidates .left.text{padding:0px 30px 0 30px;}
.candidates .right.text{padding:100px 0 0 50px;}

#interview-praparation .second .second-row {margin-top:100px;}
#interview-praparation .second .image{height:100%;}
#interview-praparation .second .second-row ul{list-style-type:disc !important;color: gray !important;}
#interview-praparation .second .second-row .text{padding:0 0 0 50px;}
#interview-praparation .second .second-row h3{font-size: 16px;font-weight:600; color: #808187;margin:20px 0;}
#interview-tips .second .left.text{padding: 0 50px 0 0;}
.candidates .second ol h1{font-size: 45px;font-weight:500; color: #434E52;margin:0 0 30px 0;}
.candidates .second ol{color:#7c7c82;font-weight:700;}
.candidates .second ol li{margin-bottom:30px;}
.candidates .second ol li h6{font-size: 16px;font-weight:500; color: #808187;margin:0;}
.candidates .second ol h2{font-size: 22px;font-weight:500; color: #434E52;}
.candidates .second .right.image{height: 100%;}

#questions-in-interview .left.text{padding: 0 50px 0 0;}

#behavior-based-interview .second-row{margin:100px 0;} 
#behavior-based-interview .text{padding-top:0;}
.candidates .second ul{list-style-type: disc; color:#808187;}


#interview-do-not ul{list-style-type: none;}
#interview-do-not{ 
.second ul li{display:flex; justify-content: flex-start;gap:5px;align-items: flex-start;margin-bottom: 20px;}
.third ul li{display:flex; justify-content: flex-start;gap:5px;align-items: flex-start;margin-bottom: 20px;}
}

/* #interview-do-not ul li img{width: 10px; height: 10px;} */
#interview-do-not ul h1{font-size: 45px;font-weight:500; color: #1C3F3A;margin:0 0 30px 0;text-align: left;}
#interview-do-not ul li h6{margin:0;font-size: 16px; font-weight:400; color:#808187;}



/*-------------------------------------------------------------------- Onsite management Page CSS Start------------------------------------------------------------------------------*/
.employee.our-service .second{padding:50px 0;}
/* .employee.our-service .second .text{padding: 0px 50px 0 0;} */


/*-------------------------------------------------------------------- Lasor Operator Page CSS Start------------------------------------------------------------------------------*/

#laser-operator form{background: none;width: 100%; margin: auto;}
#laser-operator form .header h1{font-size: 21px;color: #333;}
#laser-operator form .header p{font-size: 14px;color: #333;}
#laser-operator form .apply-method{display: flex; gap:30px; justify-content: flex-start;  align-items: center;border-bottom:1px solid #00000026; padding-bottom: 10px;}
.jotform-form{padding:0 !important;}
.form-section.page-section{padding: 0 !important;}
.page-section{padding: 0 !important;}
.resume-upload { display: inline-block; position: relative; cursor: pointer; font-family: Arial, sans-serif; font-size: 16px; color: #444444; border: 1px solid #e1e1e1; padding: 5px 20px; background-color: #e8e8e8; border-radius: 5px; }
.resume-upload input[type="file"] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.apply-or span { color: #aaa; font-weight: 600; display: inline-block; background: #f9f9f9; border: solid 1px #e1e1e1; border-radius: 50%; width: 30px; height: 30px; text-align: center; }

button.apply-later{border:1px solid #e1e1e1; color:#aaa;background-color: transparent;padding: 0;padding: 5px 30px;border-radius: 5px;}
#laser-operator .form-center {padding: 10px 0 0;}
#laser-operator .form-control{border: 1px solid #ccc;padding: 2px 10px;background-color: #fff;border-radius: 3px;width: 100%;}
#laser-operator form .form-group { margin-bottom: 1rem;}
.form-group { display: flex; flex-direction: column; align-items: flex-start; position: relative; margin-bottom: 1rem; }
.navbar .dropdown { display: flex; align-items: center; padding: 5px 10px; cursor: pointer; background-color: #fff; border-radius: 4px; position: relative; flex: 1; }
.dropdown img { width: 20px; height: 15px; margin-right: 5px; }
.dropdown-arrow { margin-left: auto; border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); }
.dropdown-menu { position: absolute; top: 40px; left: 0; width: 100%; border: 1px solid #ccc; background-color: #fff; z-index: 1000; display: none; border-radius: 4px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.dropdown-menu.active { display: block; }
.dropdown-menu li { list-style: none; padding: 10px; cursor: pointer; display: flex; align-items: center; }
.dropdown-menu li:hover { background-color: #f0f0f0; }
.dropdown-menu img { width: 20px; height: 15px; margin-right: 5px; }
input[type="text"] { width: 100%; padding: 5px 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; }
.dropdown-input { width: 100%; display: flex; gap: 5px; }
#laser-operator ul.page-section { max-width: inherit; max-height: calc(100vh - 250px); overflow: auto; scrollbar-width: thin; }
.radio-group { display: flex; align-items: center; gap: 15px; margin-top: 10px; }
.radio-group label { display: flex; align-items: center; gap: 5px; cursor: pointer; white-space: nowrap; }
.form-bottom input[type="file"], .form-bottom textarea { display: none; margin-top: 10px; width: 100%; padding: 10px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; resize: none; }
.apply-now { margin-top: 15px; background-color: #007bff; color: white; border: none; padding: 10px 15px; font-size: 16px; cursor: pointer; border-radius: 4px; }
.form-bottom textarea { min-height: 100px; outline: none; box-shadow: none; } 
button.apply-now{border:1px solid #e1e1e1; color:#aaa;background-color: transparent;padding: 0;padding: 5px 30px;border-radius: 5px;width:150px;}


/*-------------------------------------------------------------------------- Accessibility page CSS  ------------------------------------------*/
#accessibility-policy .second h3{font-size:26;font-weight:700;color:#434E52;margin:10px 0;}
#accessibility-policy .second p{font-size:16;font-weight:400;color:#808187;margin:10px 0;}
#accessibility-policy .second h4{font-size:22;font-weight:700;color:#434E52;margin-block:8px 16px;}
#accessibility-policy .second ul{list-style-type: disc !important;padding-left: 30px !important;}

/*-------------------------------------------------------------------------- Privacy Policy page CSS  ------------------------------------------*/
#privacy-policy .second p strong{font-size:16px;color:#808187;margin:10px 0;}
#privacy-policy .second p{margin:0 0 14px 0;font-size:16px;font-weight:400;color:#808187;}
#privacy-policy .second h2{margin:0 0 14px 0;font-size:30px; font-weight:500;color:#434E52;text-align: left;}
#privacy-policy .second h3{margin:0 0 14px 0;font-size:26px; font-weight:500;color:#434E52;}
#privacy-policy .second h4{margin:0 0 14px 0;font-size:22px; font-weight:500;color:#434E52;}
#privacy-policy .second ul{list-style-type: disc !important;padding-left: 30px !important;}
#privacy-policy .second a{color:#fdbf00;font-size: 16px;font-weight: 400;}

/*-------------------------------------------------------------------------- Free Consultation page CSS  ------------------------------------------*/

#free-consultation .modal-dialog{max-width: 446px;border-radius: 7px;}
#free-consultation .modal-title{font-size:30px;font-weight:500; color:#000000;text-align: center;}
#free-consultation .modal-body{overflow-x: hidden;overflow-y: auto;max-height: calc(100vh - 100px);}
#free-consultation .modal-body form{background-color:#ffffff;background:none;padding:0;margin-top:20px;}
#free-consultation .modal-body .form-group{margin-bottom:15px;}
#free-consultation .modal-body form input{font-size: 16px;width: 100%;color: #000000;background-color: #FFFFFF2B;border:1px solid #00000029;border-radius: 10px 10px 10px 10px; padding: 12px 12px 12px 12px;margin: 0px 0px 0px 0px;}
#free-consultation .modal-body form input:focus{outline:none; box-shadow: none; }
#free-consultation .modal-body form textarea{height: 90px;border:1px solid #00000029;border-radius: 10px 10px 10px 10px;padding:12px;width: 100%;}
#free-consultation .modal-body .form-group p input{width: auto;margin-right:5px;}
#free-consultation .modal-body .form-group p{font-size: 14px;font-weight: 400;color:#00000080;}
#free-consultation .modal-body .form-group .send-message{font-size:20px;font-weight: 600;}
#free-consultation .close-btn{position: absolute;top:-10px; right:-10px;border:none; background:none;z-index:1;}
#free-consultation .close-btn img{width: 35px;height: auto;}
/*----------------------------------------------------------------------- Responsive CSS Start -----------------------------------------------------------------------------*/

@media screen and (max-width:1440px){
.navbar .navbar-nav{gap:10px;}
}

@media screen and (max-width:1280px){
.navbar .navbar-brand img {
width: 150px;
height: 70px;
}
#homepage .navbar .nav-item.links {
padding: 5px 5px;
}
#homepage .eighth {
max-height: 200px;
}
.navbar .navbar-nav{flex-wrap: wrap;}
}


@media screen and (max-width:1024px){
#homepage .carousel {
height: auto !important;
}
#homepage .first .carousel-inner {
height: auto !important;
}
.rating-no .number {
font-size: 42px;
}
.third .parent{height: 300px;}
.third .overlay h1{font-size: 28px;}
.sign-up .left h1{font-size: 32px;}
#partnership .first{padding: 50px 0;}
#partnership .first .text{padding: 0;}
#partnership .first .text h1{font-size: 38px;}
#faqs .first .right{padding: 0 0 0 50px;}
.page-info{padding: 20px 0;}
.page-info h1{max-width: 100%;}
#homepage .third{padding: 50px 0;}
#homepage .second{padding: 30px 0;}
#homepage .second .text h5{padding: 20px 0;}
.third .child.second{gap:10px;}
.third .child.second li{margin-bottom:0;}
.third .child.second li h6{text-align: left;}
.third .child.second  ul{padding: 0;}
.third .child.second .learn-more{padding: 10px 10px;width: 120px;}
.work-with-us .get-in-touch{padding: 20px;}
.employee .third .placement-details{padding: 10px;}
.employee .third .placement-details h2{font-size: 20px;}
.employee .third .placement-details p{font-size: 14px;}
.employee .third .placement-details{min-height: 300px;}
form textarea{min-height: 150px;}
.free-consultation{width: auto;}
.navbar{padding: 0 !important;}
.free-consultation{width: 170px;}
#homepage .second .rating-no .number{font-size: 42px;}
#homepage .second .rating-card{word-break: break-all;}
.navbar .navbar-nav {gap: 5px;}
.navbar .center-links .nav-item{padding: 5px 7px;}
.navbar{padding: 0 5px !important;}
#homepage .seventh{min-height: 500px;padding: 30px 0;}

}

@media screen and (max-width:991px){
.navbar{padding:0 10px !important;background-color: #fff !important;}
.navbar .right .nav-item {display:inline-block !important;}
/* #navbarMenu{padding:10px 5px;} */
#homepage .second .rating-card{margin-bottom:15px;}
.work-with-us .get-in-touch.blue{margin-bottom:15px;}
.sign-up{padding:20px;}

.navbar .nav-item a.nav-link {
color: #ffffff;
font-size: 16px;
font-weight: 500;
padding: 0 !important;
transition: background-color 0.3s ease, color 0.3s ease;
}
.navbar-nav .dropdown .nav-link img{filter: invert(0) brightness(5) grayscale(1);}
.right-links {
justify-content: flex-start;
flex-wrap: wrap;
flex-direction: row !important;
}
.center-links{padding-top:10px !important;}
.button-container {padding: 10px 0;}
.navbar .right-links{display:none;}
.flages-container{display:flex;margin: 0 20px 0 auto;gap:10px;}
.flages-container .flag-item{width:30px; height:25px; overflow:hidden;display: inline-block;margin:0;}
.flages-container .flag-item img{width: 100%; height:100%; object-fit: cover;}

.testinomial .home-demo .testinomial-box{min-height: 400px;box-shadow: 0px 0px 10px 0px #0000002e;}
.testinomial .home-demo .item .comment-bio{bottom: -17%;}
.testinomial .home-demo .testinomial-box p{-webkit-line-clamp: 10;}
/* .testinomial .home-demo .item {height: 550px;} */
.employee .testinomial .item{box-shadow:none;}
}

@media screen and (max-width:820px){
#homepage .second .col-lg-3{width: 50%; margin-bottom:20px;}
#homepage .third .col-lg-4{width: 50%;}
.testinomial .heading{max-width: 70% !important;}
.work-with-us .col-lg-4{width: 50%;margin-bottom:20px;}
.sign-up .left h1{font-size: 28px;}
.sign-up .right input{padding: 10px 10px;width: 50%;}
.sign-up .right button{padding: 11px 20px;margin-left:10px;}
#homepage .eighth {max-height: 150px;}
.footer .top{padding: 0;}
.footer .row:first-of-type .col-lg-4{margin-bottom:30px;}
.footer .col-lg-8 .col-lg-4{width:33%;}
.footer .services p{margin: 0px 0 20px 0;}
.footer .bottom .logo{width: 150px;height: 70px;}
.footer .bottom{padding: 10px 0;}
#about .first {padding: 50px 0;}
.row.reverce{flex-direction: column-reverse;}
#about .first .row{gap:20px;}
#carrers .job-search{flex-wrap: wrap;justify-content: flex-start;}
#carrers .second .row{gap:20px;}
#blogs .first{padding: 50px 0;}
#blogs .first-row .row{gap:20px;}
#blogs .second-row .row{gap:20px;}
#blogs .second .sign-up{bottom:0;}
#faqs .first .right{padding: 20px 0 0 0;}
.work-with-us .row .col-lg-4{width: 50%;}
#contact .offices .col-lg-3{width: 50%;}
#hospitality-staffing .second .row:first-of-type{margin-bottom:0px;}
#hospitality-staffing .third .placement-details{min-height: auto;}
.employee .right.text {padding: 0 0 0 50px;}
.employee .third .row {gap:20px 0;}
.employee .third .row .col-lg-3{max-width: 50%;flex: 0 0 50%;}
.employee .third .placement-details{min-height:auto;}
.employee .second .text{padding: 0;}
.candidates .third .row .col-lg-4{max-width: 50%;flex: 0 0 50%;}
.candidates .third .placement-details{min-height:auto;}
.footer .row:last-of-type .col-lg-6{width: 50%;}
textarea.form-control{height: 150px !important;}
.sign-up .left ul{margin:0;}
}
@media screen and (max-width:480px){
#homepage .second .rating-card{padding: 20px 20px;}
#homepage .second .rating-no .number{font-size: 42px;}
#homepage .second .rating-card p{font-size: 16px;margin: 0;}
#homepage .second .rating-no h1{margin:0 0 10px 0;}
#homepage .second .row .col-lg-3{width: 100%;}
#homepage .second .text h5{font-size: 22px;}
.heading h5{font-size: 26px;}
.heading h6{font-size: 20px;}
.third .overlay h1{font-size: 26px;}
.third .overlay p{font-size: 16px;}
.testinomial .heading h6{font-size: 20px;}
.testinomial .heading h5 {font-size: 26px;}
#homepage .third{padding: 50px 0px 30px;}
#homepage .third .col-lg-4{width: 100%;}
.testinomial .heading{max-width: 100% !important;}
.work-with-us .row .col-lg-4{width: 100%;}
#homepage .seventh{min-height:auto;padding: 30px 0 80px;}
#homepage .seventh .heading h5{font-size: 26px;}
#homepage .eighth{max-height: 310px;}
#homepage .sign-up{bottom:50px;}
.sign-up {bottom: 20px;}
.sign-up .left h1 {font-size: 24px;}
.sign-up .left ul{gap: 10px;}
.sign-up .left ul li{gap:0px;align-items: flex-start;}
.sign-up .left ul li h6{font-size: 16px;}
.sign-up .right input{width: 100%;}
#homepage .seventh{border-radius: 10px;}
#homepage .seventh::before{border-radius: 10px;}
.testinomial .home-demo .testinomial-box p{font-size: 16px;}
#homepage .work-with-us{padding: 50px 0;}
.work-with-us .heading h5{font-size: 26px;}
.work-with-us .heading h6{font-size: 20px;}
.footer{padding: 20px 0 0;}
.footer .bottom{flex-direction: column;gap:20px;}
.heading{margin: 0px !important;}
#homepage .work-with-us .row{margin:0}
#about .heading{max-width: 100%;}
#about .details-section{padding: 10px;margin-top: 10px;}
#about .details-section .text{padding: 15px;}
#faqs .first{padding: 10px 0 50px 0;}
#faqs .first .left .accordion-header.active ~ .accordion-content{padding: 0px 30px 20px 60px;}
#faqs .first .right h5{font-size: 20px;}
#faqs .first .right h1{font-size: 26px;}
#faqs .first .right .question{margin: 20px 0 30px 0;}
#faqs .second{padding: 0;}
.sign-up {bottom: 0px;padding:15px;}
.footer .services ul{padding: 0;}
.footer .services h1{margin: 0 0 5px 0;}
.footer .services p{max-width: 100%; margin: 0px 0 10px 0;}
.footer .row:first-of-type .col-lg-4{margin-bottom: 10px;}
#contact .maps{height:400px !important;}
.page-info h1{font-size: 32px;}
.page-info .title h4, h5, h6{font-size: 16px;}
#contact .third{padding: 30px 0;}
form{padding: 20px 10px;}
form .contact-heading{margin-bottom: 20px;}
form .form-group{margin-bottom: 1rem;}
#contact .fifth{padding: 0;}
.employee .second{padding: 20px 0;}
.employee .second .text h1{font-size: 26px;margin: 0;}
.employee .second .text p{margin: 10px 0;}
.employee .third{padding: 20px 0;}
.employee .third .row .col-lg-3{max-width: 100%;flex: 0 0 100%;}
.employee .fourth .image-data{padding: 0 20px;bottom: 30px;font-size: 20px;}
.employee .fourth .image-data::after{left: 20px;}
.testinomial .heading{margin: auto auto 10px auto !important;}
.employee .sixth{padding: 0 0 20px 0;}
#hospitality-staffing .row.reverce{margin-top:10px;}
.employee .fourth .left-image::before{background-color: #000000b5;}
.candidates .third h1{font-size: 26px;}
.candidates .third .row .col-lg-4 { max-width: 100%; flex: 0 0 100%;}
.candidates .third h1{margin-bottom: 10px;}
.candidates .third .resume-card{margin-bottom: 0px;padding: 10px;min-height: fit-content;}
.candidates .third .resume-card h2{margin-bottom:5px;}
.employee .second .text{padding:0px 0 10px 0;}
.employee .second .text p{margin:0;}
#interview-praparation .second .second-row{margin-top: 10px;}
#interview-praparation .second .second-row .text{padding: 10px 0 0 10px;}
#interview-praparation .second .second-row h3{margin: 10px 0;}
#interview-praparation .second .third-row{margin-bottom: 0px;}
.candidates .second ol h1{font-size: 26px;margin: 0 0 10px 0;}
.candidates .second ol{padding: 0 0 0 20px;}
.candidates .second ol li {margin-bottom: 10px;}
#questions-in-interview .left.text{padding: 10px 0px 0 0;}
#questions-in-interview .second .text h1{margin: 0px 0 10px;}
#behavior-based-interview .second-row{margin: 0;}
#behavior-based-interview .text{padding: 10px 0;}
#interview-do-not .second{padding:0 0;}
#interview-do-not ul h1{font-size: 26px;margin: 0 0 10px 0;}
#interview-do-not ul li{margin-bottom: 5px;}
.page-info .title{gap:10px;}
.testinomial .owl-carousel .owl-stage{gap:0;}
.employee.our-service .second{padding: 20px 0;}
#onsite-management, #customer-service .second .text h1{margin:0 0 10px;}
#customer-service .second .text{padding: 0px 0 10px 0;}
.employee .second .image{height: 300px;}
.work-with-us .get-in-touch{min-height: 200px;}
.footer .row:last-of-type .col-lg-6{width: 100%;}
.sign-up .right button{width: 100%;margin:10px 0 0;}

}

@media screen and (max-width:430px){
.navbar-nav .dropdown-menu{position: absolute !important;}
#carrers .job-search .form-container {width: 100%;}
#carrers .job-search button{font-size: 18px;padding: 10px;}
}

/*Responsive CSS Close */