@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

.inter { font-family: "Inter", sans-serif;}
  
body { padding: 0; margin: 0; font-family: "Inter", sans-serif; color: var(--bs-black); font-size: 16px; }

:root {
    --bs-red: #e84656;
    --bs-black: #121212;
    --bs-grey: #717071;
    --bs-white: #fff;
    --bs-yellow: #f1bc1b;
    --bs-green: #10a17f;
    --bs-blue: #4169b2;
    --bs-light-yellow: #dacc30;
    --bs-light-red: #ef436d;
    --bs-second-red: #fef0f0;
    --bs-light-grey: #f7f8f8;
    --bs-second-light-grey: #8f8f8e;
    --bs-footer-btn: #222323;
    --bs-dark-btn: #000;
    
}


p { padding: 0; margin: 0; font-size: 16px; }
a { text-decoration: none; transition: 0.5s; display: inline-block;}
h1, h2, h3, h4, h5 { padding: 0; margin: 0; }
h2  { font-size: 50px; font-weight: 700; text-transform: uppercase; }
h3  { font-size: 40px; font-weight: 700; }
h4 { font-size: 26px; }
h5 { font-size: 22px; } 
ul, li { padding: 0; margin: 0; }
html { scroll-behavior: smooth;}
.modal { z-index: 100000; }
.form-control:focus, .form-select:focus { border-color: var(--bs-red);  box-shadow: 0 0 0 .25rem rgba(232,36,86,.10);}
.red-btn { background-color: var(--bs-red); padding: 18px 25px; border-radius: 50px; font-size: 16px; line-height: 16px; font-weight: 500;
    color: var(--bs-white); transition: 0.5s; }
.red-btn:hover { background-color: var(--bs-black); color: var(--bs-white);  }
.black-line {  padding: 18px 25px; border-radius: 50px; font-size: 16px; line-height: 16px; font-weight: 500;
    color: var(--bs-black); transition: 0.5s; border: solid 1px var(--bs-black); background-color: transparent; }
.black-line:hover { color: var(--bs-black); transition: 0.5s; border: solid 1px var(--bs-black); background-color: var(--bs-black);
    color: var(--bs-white); }
 .container { max-width: 1420px; } 
 .black-color { color: var(--bs-black); }
.home-page { background-image: url(../jpg/home-top-bg.jpg); background-repeat: no-repeat; background-size: contain; background-position: top center; }
.header-box { width: 100%; }
.header-box .container { max-width: 1640px; }
.header-menu { display: flex; flex-wrap: wrap; width: 100%; }
.phone-first { background-color:var(--bs-white) ; width: 55px; height: 55px; border-radius: 50%; }
.phone-first img { height: 18px; }
.header-phone { display: flex; flex-wrap: wrap; align-items: center; }
.phone-text p  { color: var(--bs-red); font-size: 16px; line-height: 16px; font-weight: 300;  }
.phone-text a  { color: var(--bs-black); font-size: 18px; line-height: 18px; font-weight: 300;  }
.header-cont { display: flex; flex-wrap: wrap; }
.phone-text a:hover  { color: var(--bs-red); transition: 0.5s; }
.header-box .navbar-light .navbar-nav .nav-link { color: var(--bs-black); transition: 0.5s;}
.header-box .navbar-light .navbar-nav .nav-link:hover { color: var(--bs-red);}
.header-box .navbar-expand-lg .navbar-nav .nav-link { padding-right: 15px; padding-left: 15px; font-size: 18px; }
.banner { position: relative; padding: 100px 0;}
.banner .container { max-width: 1640px; }
.second-box { position: relative; height: 70px; }
.banner-text { position: relative; }
.banner h1 {  display: flex; flex-direction: column; position: relative;}
.banner-first { font-size: 30px; color: var(--bs-black); font-weight: 300; width: 100%; line-height: 60px; }
.banner-second { font-size: 60px; color: var(--bs-red); font-weight: 800; width: 100%; line-height: 70px; }
.banner-third { font-size: 55px; color: var(--bs-black); font-weight: 500; width: 100%; line-height: 70px; }
.banner-fourth { font-size: 55px; color: var(--bs-black); font-weight: 100; width: 100%; line-height: 70px; }
.banner-btn { margin-top: 30px; display: flex; gap: 20px; }
.floating { animation-name: floating; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}


@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}

.key-metrics { width: 100%; margin-top: 140px; min-height: 650px;}
.key-box { background-color: var(--bs-white); min-height: 300px; padding: 50px; border-radius: 50px; -webkit-box-shadow: 3px 8px 48px 18px rgba(212,212,212,0.7);
  -moz-box-shadow: 3px 8px 48px 18px rgba(212,212,212,0.7); box-shadow: 3px 8px 48px 18px rgba(212,212,212,0.7); transition: all 0.3s ease 0s; }
.key-box:hover { transition: all 0.5s ease 0s; margin-top: 20px; }
.key-metrics h2 { margin-bottom: 70px; line-height: 50px; }
.key-box h4 { font-size: 20px; color: var(--bs-red); font-weight: 600; }
.key-box p { font-size: 26px; font-weight: 500; line-height: 28px; }
.recruitment { margin: 0 0 0 0; }
.recruitment h2 { max-width: 500px; margin: 0 auto 100px auto; }
.recruitment h4 { color: var(--bs-red); }
.recruitment-text { width: 100%; }
.recruitment-red { width: 111px; height: 111px; background-color: var(--bs-red);  }
.recruitment-text ul li  { list-style: none; margin-bottom: 20px; }
.recruitment-text ul li a  { color: var(--bs-grey); font-weight: 400; font-size: 26px; margin-left: 30px; transition: all 0.3s ease 0s; }
.recruitment-text ul li a:hover  { color: var(--bs-red); margin-left: 20px; transition: all 0.5s ease 0s; }
.recruitment-margin { margin-bottom: 100px; }
.explore-btn { padding: 25px 40px; }
.corporate-object { position: relative; }
.corporate-left { position: absolute; left: -10%; top: 100px; }
.corporate-right { position: absolute; bottom: 20%; right: 0; }
.hr-left { position: absolute; left: -10%; top: 100px; animation: mymove 5s infinite; }
@keyframes mymove { 50% {transform: rotate(180deg);}}
.hr-right { position: absolute; bottom: 20%; right: -10%; }
.core { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcf8ef+0,fdfcf8+100 */
  background: linear-gradient(to bottom,  #fcf8ef 0%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   margin-top: 300px;}
.core-photo { position: relative; }
.core-photo img { max-width: 715px; height: 975px; width: 100%; object-fit: cover; border-radius: 30px; position: absolute; top: -100px; }
.core-text { padding: 100px 0 0 100px; }
.core-box { display: flex; flex-wrap: wrap; }
.core-box-first { width: 78px; height: 78px; }
.yellow-bg { background-color: var(--bs-yellow); }
.core-box-second { max-width: 500px; width: 100%; padding-left: 30px; }
.core-box-second p {  font-weight: 300;  }
.green-bg { background-color: var(--bs-green); }
.blue-bg { background-color: var(--bs-blue); }
.light-yellow-bg { background-color: var(--bs-light-yellow); }
.light-red-bg { background-color: var(--bs-light-red); }
.home-page-bottom { background-image: url( ../png/home-bottom-bg.png); background-repeat: no-repeat; background-size: auto; background-position: center 80px;}
.process { width: 100%;}
.process-arrow { position: absolute; left: -25px; top:110px; z-index: 100; }
.process-inner { max-width: 1600px; width: 100%; margin: auto; background-image: url(../png/road-map-pro.png); background-repeat: no-repeat; background-size: auto; background-position: right 52%;}
.process h2 { max-width: 780px; width: 100%; margin-bottom: 80px !important; margin-top: 100px; } 
.process-box { position: relative; text-align: center; }
.process-round img { width: 285px; height: 285px; object-fit: cover; }
.process-red { background-color: #e9ebf6; color: #4063ae; position: absolute; left: 0; top: -20px; width: 86px; height: 86px; font-size: 46px; font-weight: 600; }
.industries { width: 100%; margin-top: 140px; }
.industries h2 { margin-bottom: 100px; }
.industries-box { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; }
.content-inner { display: flex; flex-wrap: wrap; align-items: center; padding: 0 20px; height: 100%; }
.content-inner p { font-size: 22px; max-width: 190px; line-height: 25px; }
.content-inner img { height: 40px; }
.industries-left { position: absolute; left: 5%; top: 33%; }
.industries-right { position: absolute; right: 5%; bottom: 10%; }
.content { height: 100px; width: 100%; max-width: 335px; line-height: 100px; /* centering text just for view */ background-color: var(--bs-second-red); border-radius: 20px; display: none;}
#loadMore { width: 200px; color: #fff; display: block; text-align: center; margin: 20px auto; padding: 10px; border-radius: 10px; border: 1px solid transparent; background-color:var(--bs-red); transition: .3s;}
#loadMore:hover { color: var(--bs-white); background-color:var(--bs-black); text-decoration: none;}
.noContent { color: #000 !important; background-color: transparent !important; pointer-events: none;}
.testimonials { width: 100%; margin-top: 140PX; }
.testimonials h2 { width: 100%; max-width: 670px; margin-bottom: 50px; }
.testimonials h4 { color: var(--bs-black);}
.testi-round { position: absolute; left: -5%; bottom: 10%; }
.testi-left { position: absolute; left: 5%; top: 5%; }
.testi-right { position: absolute; right:5%; left: auto !important; bottom: 5%; top: auto; }
swiper-container { width: 100%; height: 100%;}
swiper-slide { text-align: center; font-size: 18px; background: #f7fbfe; display: flex; justify-content: center; align-items: center; border-radius: 15px;}
swiper-slide:hover { background: #e5f4ff;}
.testimonials-box { padding: 30px; display: flex; flex-wrap: wrap;  justify-content: center; }
.testimonials-box p { color: var(--bs-grey); width: 100%; }
.clients { width: 100%; margin-top: 140px; margin-bottom: -15vh; }
.clients-box {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+2,f7f5f1+14,f8f7f2+48,f8f7f2+48,f8f7f2+88,ffffff+97,ffffff+100 */
  background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 2%,#f7f5f1 14%,#f8f7f2 48%,#f8f7f2 48%,#f8f7f2 88%,#ffffff 97%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-radius: 20px; padding: 70px 50px; border: solid 1px #eaeaea; }
.clients-box h3 { font-size: 28px;}
.home-page .clients { width: 100%; margin-top: 50px; margin-bottom: 0;}
 .clients .item { background-color: var(--bs-white); text-align: center; padding: 20px; }
 .clients .item img { width: auto !important; height:40px; margin: auto; filter: grayscale(100%);  transition: 0.3s; }
 .clients .item img:hover { filter: grayscale(0); cursor: pointer; }
 .clients h3 { margin-bottom: 50px;}
 .footer-box { width: 100%; color: #222323; }
 .footer-box-top { background-color: #fafaf7; padding: 100px 0 100px 0; background-image: url( ../png/footer-main-shape.png); background-repeat: no-repeat;
background-position: left bottom; }
.footer-box-top .container { max-width: 1640px; }
 .footer-soc-box { background-color: var(--bs-red); color: var(--bs-white); width: 40px; height: 40px; border-radius: 50px; font-size: 16px;  }
 .footer-soc-box:hover { background-color: var(--bs-grey); color: var(--bs-white);}
 .footer-soc { display: flex; gap: 10px; }
 .link-box h5 { color: #222323; font-size: 26px;   }
 .link-box ul li { list-style: none; }
 .link-box ul li a { color: var(--bs-second-light-grey); font-size: 16px; line-height: 25px; }
 .link-box ul li a:hover { color: var(--bs-white); }
 .red-text { color: var(--bs-red) !important;  }
 .service-footer ul { display: flex; flex-wrap: wrap; }
 .service-footer ul li a { background-color: #fff; padding: 10px 15px; color: #222323; font-size: 16px; }
 .service-footer ul li a:hover { background-color:  #f1f1f1; padding: 10px 15px; color: #222323; }
 .footer-add { display: flex; flex-wrap: wrap; }
 .add-icon { width: 40px; }
 .add-text { width: 80%; }
 .footer-add a { color: #222323; display: contents; }
 .footer-add a:hover { color: var(--bs-red); }
 .footer-box-bottom { background-color: var(--bs-white); padding: 20px; color: #222323;  }
 .footer-box-bottom a { color: var(--bs-light-red); font-weight: 500;}
 .footer-box-bottom a:hover { color: var(--bs-red);}
 #footer-button { display: inline-block; background-color:var(--bs-red); width: 50px; height: 50px; text-align: center; border-radius: 4px;
  position: fixed; bottom: 30px; right: 30px; transition: background-color .3s,  opacity .5s, visibility .5s; opacity: 0; visibility: hidden;z-index: 1000;}
#footer-button::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 2em; line-height: 50px; color: #fff;}
#footer-button:hover { cursor: pointer; background-color: #333;}
#footer-button:active { background-color: #555;}
#footer-button.show { opacity: 1; visibility: visible;}

.banner-inner-big { font-size: 50px; margin-bottom: 20px; font-weight: 700; }
.pre-midd { color: var(--bs-grey);
  font-size: 18px;
  margin-bottom: 30px;
  font-weight: 300;
  line-height: 30px; }

/* Styles for the content section */

.footer-content { width: 77%; margin: 50px auto; font-size: 17px; color: #6c767a; line-height: 1.9;}
@media (min-width: 500px) {
.footer-content { width: 43%;}
#footer-button { margin: 30px; }

}

.dropdown .dropdown-menu { display: none;}
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu { display: block; margin-top: 0.125em; margin-left: 0.125em; transition: 0.5s; background-color: var(--bs-white);}
.dropdown-item:focus, .dropdown-item:hover { color:var(--bs-red); background-color: transparent;}
.dropdown-item { font-size: 18px; display: flex; justify-content: space-between; align-items: center; gap: 20px;  }
.dropdown-menu { border: 0; }

@media screen and (min-width: 769px) {
.dropend:hover > .dropdown-menu { position: absolute; top: 0; left: 100%;}
.dropend .dropdown-toggle { margin-left: 0.5em;}
}


@media all and (min-width: 992px) {
.mega-submenu { left: 100%; top: 0;}
.ktm-mega-menu { position: static;}
.mega-menu {left: 0; right: 0; width: 100%;}
.dropdown-menu li { position: relative;}
.dropdown-menu .submenu { display: none; left: 100%; top: 0;}
.dropdown-menu>li:hover>.submenu, .dropdown:hover>.dropdown-menu { display: block;}

}

/*******/

@media all and (min-width: 992px) {

.mega-submenu { left: 100%; top: 0;}
.ktm-mega-menu { position: static;}
.mega-menu { left: 0; right: 0; width: 100%;}
.dropdown-menu li { position: relative;}
  .dropdown-menu .submenu { display: none; left: 100%; top: 0;}
.dropdown:hover>.dropdown-menu { display: block; padding: 20px; background-color: #ffeaec; }
.dropdown-menu>li:hover>.submenu { display: block; padding: 20px; background-color: #ffdfe2; }

}

/*******/

/* HEADER STYLES */
.page-header { position: relative; top: 0; right: 0; left: 0; z-index: 1; background-color: rgba(255, 255, 255, 0.15);}
.page-header nav { display: flex; align-items: center; justify-content: space-between;}
.page-header button { display: flex; align-items: center; font-size: 16px; font-weight: bold; padding: 14px 20px; border-radius: 10px; color: white; background:var(--bs-light-grey); transition: background 0.3s;}
.page-header button svg { flex-shrink: 0; margin-left: 5px; fill: currentColor;}

/* SECTION STYLES */

/* STICKY STYLES*/
.page-header.is-sticky { position: fixed; box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1); padding: 8px 0; backdrop-filter: blur(10px); animation: slideDown 0.35s ease-out; background-color: rgba(255, 255, 255, 0.9); z-index: 100000;}
.page-header.is-sticky img { max-width: 60%;}
.page-header.is-sticky button { font-size: 14px; padding: 7px 10px;}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

/* FOOTER STYLES */
.page-footer { position: fixed; right: 0; bottom: 50px; display: flex; align-items: center; padding: 5px; z-index: 1; background: white;}

/*** inner page ***/

.inner-page-bg { width: 100%; background-image: url(../png/inner-page-header-bg.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: top center;}
.inner-page-box {  margin-bottom: 210px; }
.inner-page h2 { margin-bottom: 30px; width: 100%; }
.inner-page p { color: var(--bs-grey); font-size: 18px; margin-bottom: 30px; font-weight: 300; line-height: 30px; }
.inner-page-box .container { max-width: 1640px; }
.inner-page-box h2 { margin-bottom: 20px; }
.inner-page-box p { margin-bottom: 30px; max-width: 730px; font-size: 18px; color: var(--bs-black); }
.inner-photo-box { display: flex; justify-content: flex-end; top: 70px; }
.photo-box-round { width: 700px; height: 700px; background-color:#f0efef; border-radius: 50%; position: relative; }
.photo-box-round img { width: 635px; height: 635px; object-fit: cover; position: absolute; right: 0; bottom: 0;  }
.icon-red-box { width: 154px; height: 154px; background-color: var(--bs-red); position: absolute; bottom: 0; left: 0; }
.icon-red-box img { width: auto !important; height: 60px !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.padding100 { padding-top: 100px; padding-bottom: 100px; }
.padding140 { padding-top: 140px; padding-bottom: 140px; }
.mar-t140 { margin-top: 140px; }
.mar-t100 { margin-top: 100px; }
.mar-b100 { margin-bottom: 100px; }
.mar-b80 { margin-bottom: 80px; }
.section-mar-top { margin-top: 140px; }
.section-mar-bottom { margin-bottom: 140px; }
.section-padding { padding-top: 127px; padding-bottom: 140px; }
.header-inner-big-text { font-size: 50px; font-weight: 700; }

/*** inner page ***/


/*** About Us Start ***/
.who-are-we { width: 100%; }
.why-choose { background-color: #f7f8f8; padding: 140px 0;  }
.why-choose-box { width: 100%; max-width: 850px; padding: 80px; border-radius: 30px; position: relative; z-index: 10; }
.why-choose-box h4 { font-size: 32px; font-weight: 500; margin-bottom: 30px; }
.why-choose-box h4 span { color: var(--bs-red); font-weight: 700;}
.why-choose-box p { font-size: 20px; font-weight: 600; color: var(--bs-black); margin-bottom: 20px; display: flex; align-items: center;  }
.why-choose-box p:last-child { margin-bottom: 0px;  }
.why-choose-box p img { width: 18px; margin-right: 10px;}
.choose-big-round { width: 55vh; height: 55vh; border: solid 8vh #edf6f8; background-color:#f7f8f8; position: absolute; left: 10px; bottom: 0; z-index: 1; }
.choose-small-round { width: 35vh; height: 35vh; border: solid 8vh #e8eff7; background-color:#f7f8f8; position: absolute; left: 47%; top: 4%; z-index: 1; }
.choose-photo { position: absolute; bottom: 0; right: 5%; z-index: 100; height: 735px; }

/*** About Us End ***/


/*** It Staffing Services Start ***/
.it-staff { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,eaf6f4+12,f8f8f8+48,feeced+90,ffffff+100 */
  background: linear-gradient(to bottom,  #ffffff 0%,#eaf6f4 12%,#f8f8f8 48%,#feeced 90%,#ffffff 100%); position: relative;}
.it-staff::before { content: ""; position: absolute; width: 100%; background-image: url(../png/staff-bg.png); background-repeat: repeat-y;
  background-position: top center; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; }
.it-staffing-data { padding-left: 30px; }
.it-staffing-data a { margin-top: 10px; }
.it-staff h2 { max-width: 880px; margin: auto; position: relative; }
.developer { padding: 20px 20px; position: relative; border-radius: 10px;  }
.developer img { width: 408px; height: 264px; border-radius: 10px; object-fit: cover;  }
.img-wrapper { width: 100%; height: 264px; overflow: hidden;}
.inner-img { transition: 0.3s; transition: all .4s linear; -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -o-transition: all .4s linear;}
.inner-img:hover { transform: scale(1.1);}
.developer-photo { position: relative; margin-bottom: 70px;  }
.developer-photo h4 { max-width: 360px; width: 100%; min-height: 65px; border-radius: 10px; font-size: 22px; background-color: #f7f8f8; text-align: center; position: absolute;
left: 0; right: 0; bottom: -30px; display: flex; align-items: center; justify-content: center; margin: auto; padding: 10px; }




.add-read-more.show-less-content .second-section,
.add-read-more.show-less-content .read-less {
   display: none;
}

.add-read-more.show-more-content .read-more {
   display: none;
}

.add-read-more .read-more,
.add-read-more .read-less {

   margin-left: 2px;
   color:var(--bs-light-red);
   cursor: pointer;
}

.add-read-more{
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}


/*** It Staffing Services End ***/

/*** Entrepreneur personal coaching Start ***/
.entrepreneur-benefits { margin-top: 140px; }
.entrepreneur-coaching h3 { font-weight: 200; font-size: 28px; color: #3d3d3d; margin-bottom: 30px;  }
.entrepreneur-benefits h2 { max-width: 750px; margin: 0 auto 50px auto; }
.entrepreneur-benefits-red { background-color: #fff9f7; border-radius: 10px; padding: 50px 30px; }
.entrepreneur-benefits-box { width: 150px; height: 150px; margin: 0 auto 40px auto; }
.entrepreneur-benefits-red h4 {  margin-bottom: 30px; color: var(--bs-red); font-size: 22px; line-height: 26px; }
.entrepreneur-benefits-red p { font-size: 16px; }
.entrepreneur-benefits-box img {  height: 50px; }
.entrepreneur-benefits-red p:last-child { margin-bottom: 0; }
.areas {  background: linear-gradient(-45deg, #f8f8f8, #fdbaba, #ddebf0, #dff2f2, #ffffff); background-size: 400% 400%;
  animation: areas 3s ease infinite; animation-direction: alternate; padding: 100px 0; margin-top: 140px;}
@keyframes areas {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}


.areas-box { display: flex; flex-wrap: wrap; gap: 20px; }
.areas-text { max-width: 390px; background-color: #eff8f8; width: 100%; padding: 70px 30px; display: flex; height: 100px; align-items: center;}
.areas-text img { width: 50px; margin-right: 20px;}
.areas-text p { font-size: 22px; font-weight: 500; color: var(--bs-black); margin-bottom: 0; }


/*** Entrepreneur personal coaching End ***/

/*** Executive Search Start ***/
.core-expertise  { background-color: #f1f6fc; }
.core-expertise-box { border-radius: 50px; padding: 50px; width: 100%; position: relative; z-index: 100; }
.core-expertise-box h5 {  font-size: 26px; position: relative; z-index: 100; }
.core-expertise h2 { position: relative; z-index: 100; }
.core-expertise p {  font-size: 26px; margin-top: 30px; position: relative; z-index: 100; }
.core-expertise a { position: relative; z-index: 100; }
.core-expertise-box img { width: 50px; }
.executive h2 {  max-width: 500px; margin: 0 auto 50px auto ; }
.executive p { padding: 0 10px 0 10px; margin: 20px 0 0 0; color: var(--bs-black); }
.executive .container { max-width: 1024px; }

/*** Executive Search End ***/

/*** Permanent Staffing Solutions Start ***/
.banner-sub-title { font-size: 28px; margin-bottom: 20px; }

/*** Permanent Staffing Solutions End ***/

/*** Sales Training Start ***/
.sales-team .container { max-width: 1600px; }
.sales-team img { position: relative; z-index: 10; }
.sales-team-box { max-width: 550px; margin: auto; }
.sales-team-box h3 { margin-bottom: 30px; }
.sales-team-box::before { content: ""; width: 593px; height: 878px; position: absolute; background-image: url( ../png/team-shap-left.png);
background-repeat: no-repeat;  left: 0; bottom: 0; z-index: -1; }
.sales-team-box::after { content: ""; width: 508px; height: 832px; position: absolute; background-image: url( ../png/team-shap-red.png);
  background-repeat: no-repeat;  right: 0; bottom: 0; z-index: 0;  }
.sales-training-benefit { position: relative; z-index: 10; }
.sales-training-benefit .container { max-width: 1600px; }
.sales-training-benefit ul li { list-style: none; padding: 0; margin: 0; font-size: 20px; color: var(--bs-grey); display: flex; align-items: start;  }
.sales-training-benefit ul li .fa {  color: #d7ebd1; font-size: 25px; margin-top: 3px; }
.sales-training-data { padding-left: 50px; }
.sales-training-data h3 {  font-weight: 400; color: #1f1e1e; font-size: 28px; margin-bottom: 30px; margin-top: 10px; display: inline-block; }
.sales-prospecting { display: flex; flex-wrap: wrap; }
.prospecting-box { width: 50%; }
.prospecting-icon {display: flex; align-items: center; font-size: 22px; color: var(--bs-grey); margin-bottom: 20px; }
.sales-prospecting a { margin-top: 20px; }
.impact-effective { width: 100%; }
.impact-effective p { margin-bottom: 0; }
.impact-effective h2 { width: 100%; max-width: 600px; margin: auto; margin-bottom: 50px; }
.impact-effective-box { background-color: #f5fafd; padding: 30px; border-radius: 10px; }
.impact-effective-box:hover { background-color: #dff3ff; border-radius: 10px; }
.impact-round { width: 100px; height: 100px; border: solid 1px #4375ba; background-color: #e7f0fa; display: flex; justify-content: center; align-items: center; }
.impact-round-inner { width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; }

/*** Sales Training End ***/

/*** Start-Up Hiring Services start ***/
.customized-hiring p:last-child { margin-bottom: 0; }
.companies-hiring h3 { font-size: 26px; font-weight: 300; margin-bottom: 30px; }
.hiring-services {  display: flex; flex-wrap: wrap; justify-content: end; column-gap: 90px; row-gap: 50px; }
.hiring-services-box { max-width: 330px; width: 100%; position: relative; padding: 50px 30px 30px 70px; border-radius: 20px; }
.hiring-blue { background-color: #f1f9fe; border: solid 1px #d3ecfb; box-shadow: 0px 18px 62px #e5e5e5; }
.hiring-yellow { background-color: #fffbf3; border: solid 1px #f6e8cb; box-shadow: 0px 18px 62px #e5e5e5; }
.hiring-pink { background-color: #fef5f9; border: solid 1px #fbdbe9; box-shadow: 0px 18px 62px #e5e5e5; }
.hiring-lblue { background-color: #f2f9fa; border: solid 1px #d5ede8; box-shadow: 0px 18px 62px #e5e5e5; }
.hiring-icon-box { width: 96px; height: 96px; position: absolute; left: -50px; top: 0; bottom: 0; margin: auto; border-radius: 20px; display: flex;
justify-content: center; align-items: center; }
.hiring-services p { font-size: 16px; line-height: 25px; margin-top: 10px; }
.hiring-no { position: absolute; right: 20px; top: 10px; font-size: 36px; font-weight: 800; }
.hiring-no1 { color: #d7f0fc; }
.hiring-no2 { color: #fff0ce; }
.hiring-no3 { color: #fce4ee; }
.hiring-no4 { color: #d3edef; }
.hiring-services-main:nth-child(2) { margin-top: 50px; }
.hiring-services-main:nth-child(4) { margin-top: 50px; }

/*** Start-Up Hiring Services End ***/

/*** Contact Us start ***/
.contact-banner h3 { font-size: 30px; font-weight: 600; margin-bottom: 30px; font-weight: 300; }
.contact-banner h3 span { color: var(--bs-red); font-weight: 600; }
.contact-box { position: relative; background-color: #fafbfc; min-height: 635px; padding: 30px; }
.con-rond-top { position: absolute; top: 0; left: 10%; width: 96px; height: 48px; background-size: contain; z-index: 1; }
.con-rond-small { position: absolute; top: 10%; left: 10%; width: 30px; height: 30px; background-size: contain; z-index: 2; }
.con-plush { position: absolute; top: 10%; right: 10%; width: 64px; height: 24px; background-size: contain; z-index: 3; }
.con-rond-bottom { position: absolute; bottom: 0; right: 10%; width: 145px; height: 65px; background-size: contain; z-index: 4; }
.con-try { position: absolute; bottom: 30%; right: 10%; left: auto; top: auto; width: 41px; height: 40px; background-size: contain; z-index: 5; }
.con-looking { position: absolute; bottom: 5%; left: 5%; width: 215px; height: 258px; background-size: contain; z-index: 6; }
.contact-banner-data { text-align: right; }
.contact-banner-data h4 { max-width: 400px; width: 100%; margin-left: auto; font-size: 30px; }
.contact-banner-data p { max-width: 350px; width: 100%; margin-left: auto; font-size: 30px; line-height: 40px; margin-top: 20px; }
.contact-form { background-color: #fafbfc; padding: 50px 50px; width: 100%; }
.contact-form input { border: solid 1px #ededed; padding: 20px 20px; margin-bottom: 20px; }
.contact-form select { border: solid 1px #ededed; padding: 20px 20px; margin-bottom: 20px; color: #7b7b7b }
.contact-form button { border: 0; border-radius: 5px; width: 100%; margin-top: 20px; }
.contact-form form { width: 100%; }
.contact-add-box { padding-left: 30px; padding-right: 30px; }
.contact-add a { color: var(--bs-black); }
.contact-add a:hover { color: var(--bs-red); }
.contact-add-con { background-color: #fef5f6; width: 90px; height: 90px; color: var(--bs-red); font-size: 30px; margin: 0 auto 30px auto; }
.contact-add-box h5 { text-align: center; font-size: 26px; margin-bottom: 20px; }
.contact-add-box p { color: var(--bs-black); font-weight: 500;}
.con-border { border-right: solid 1px #ebebeb; }
.map { height: 600px; }

/*** Contact Us End ***/

/*** Client start ***/
.client-box { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f6fc+53,f1f6fc+83,f1f6fc+100 */
  background: linear-gradient(to bottom,  #ffffff 0%,#f1f6fc 53%,#f1f6fc 83%,#f1f6fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   }
.client-box .culd { border-radius: 50px;}
.client-box .core-expertise-box { border-radius: 0; } 
.client-box .core-expertise-box { padding: 10px; height: 100px; }
.client-box .core-expertise-box img { width: auto; height: 30px; }
.delivered-work-box { border: dashed 1px #ff4242; text-align: center; padding: 20px; display: flex;
  align-items: center; flex-wrap: wrap; justify-content: center; width: 100%; column-gap: 10px;  }
.delivered-work-box p { font-size: 22px; margin-bottom: 0; } 

/*** Client End ***/


/*** FAQ start ***/
.faq-box { width: 100%; }
.faq-box .accordion-button:not(.collapsed) { color: var(--bs-black); background-color: #f8fbff; font-size: 22px; }
.faq-box .accordion-button { font-size: 22px; }
.faq-box .agency-box h4 { font-size: 18px; }
.faq-box p .fa { color: var(--bs-light-red); font-size: 16px; }
.faq-software p { margin-bottom: 10px; }
.faq-link { color: var(--bs-red); }

/*** FAQ End ***/

/*** Blog Start ***/

.blog .nav-tabs .nav-link.active { color: var(--bs-white); background-color: var(--bs-light-red); border:0;}
.blog .nav-link { font-size: 22px; color: var(--bs-black); border: 0; }
.blog .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border:0; font-size: 22px;  background-color: var(--bs-light-red); color: var(--bs-white);}
.blog-box { padding: 10px; border-radius: 10px; background-color: #fff; } 
.blog-data { margin-top: 10px; padding: 20px; }
.blog-data h5 { margin-bottom: 10px; }
.blog-data h5 a { color: var(--bs-black); }
.blog-data h5 a:hover { color: var(--bs-light-red); }
.blog-data p { margin-bottom: 20px; }
.blog-box img { width: 100%; height: 264px; object-fit: cover; border-radius: 10px 10px 0px 0px; } 
.blog-data-top { display: flex; justify-content: space-between; margin-bottom: 20px; font-size: 14px;}
.blog-data-top i { color: var(--bs-red);}
.blog-box .black-line { padding: 8px 10px; }

/*** Blog End ***/

/*** Blog Details Start ***/
.blog-details-big { background-color: #f1f2f9; }
.blog-details-big strong { font-weight: 600; }
.blog-details-big-photo { width: 100%; height: 500px; object-fit: cover; }
.blog-details-big ul { padding: 0 0 0 20px; margin: 0; list-style: square; }
.blog-details-big ul li {  padding: 0; margin: 0; line-height: 30px; }

/*** Blog Details End ***/


/*** Leadership training & consulting Start ***/
.one-word h5 { font-weight: 300; margin-bottom: 20px; }
.one-word span { border: solid 1px #ccc; padding: 5px 10px; border-radius: 50px; font-size: 14px; display: inline-block; }

/*** Leadership training & consulting End ***/

/*** Find a job Start ***/
.search-jobs { padding: 7% 0; }
.search-jobs h4 { font-size: 36px; font-weight: 600; }
.search-jobs p { font-size: 28px; color: var(--bs-black); }
.search-jobs-box { max-width: 800px; width: 100%; margin: 0 auto 0 auto; background-color: #fff; border: solid 20px #f1f2f9; border-radius: 90px;
display: flex; padding: 10px 10px 10px 20px; justify-content: center;}
.search-jobs-box .input-group-text { padding: 0; font-size: 16px; font-weight: 600; line-height: 1.5; color:var(--bs-light-red);
background-color: transparent; border: 0; border-radius:0;}
.search-jobs-box .form-control { border: 0; }
.search-jobs-box .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: 0;}
.search-jobs-box form { width: 100%; }
.findjob { color: var(--bs-red); }
.search-jobs-box .form-control:focus, .form-select:focus { border-color: var(--bs-red); box-shadow: none;}
.job-boeder { border-left: solid 1px #d5daff !important; padding-left: 10px !important; }
.trending-jobs-box { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.trending-jobs-box a { color: #2a357a; padding: 10px 20px; border: solid 1px #c4cae6; border-radius: 10px; font-size: 18px; }
.trending-jobs-box a:hover { color: #2a357a; background-color: #e3e5f3; }
.trending-blue { background-color: #e3e5f3; }
.trending-blue:hover { background-color: #2a357a !important; color: var(--bs-white) !important; }
.jobs-location { background-color: #f6f6fb; background-image:url(../png/job-map-bg.png); background-repeat: no-repeat; background-size: contain; background-position: center center; }
.jobs-location h2 { color: #2a357a; }
.jobs-location-link { background-color: var(--bs-white); padding: 15px 30px; font-size: 22px; color: #2a357a; border-radius: 40px;
   display:flex; align-items: center; gap: 10px; }
.jobs-location-link:hover { box-shadow: 0px 0px 10px #0022ff;}
.jobs-location-box {display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; max-width: 1000px; }
.jobs-location-blue { background-color: #2a357a; color: #fff; }
.jobs-location-blue:hover { background-color: var(--bs-light-red); color: #fff;  }
.employers-find-box { display: flex; justify-content: center; flex-wrap: wrap; }
.employers-find-box a { background-color: #e3e5f3; color: #2a357a; border-radius: 30px; padding: 15px 20px; }
.employers-find-box a:hover { background-color: #2a357a; color: #e3e5f3; }
.panel { width: 100%; height: auto; display: none; background: #fff;}
.job-details { width: 100%; }
.job-position { background-color: #f0f0f8;}
.job-position-top { display: flex; flex-wrap: wrap; justify-content: space-between; }

.button_container { display: inline-block; position: relative; cursor: pointer;}
.my_target { background-color: #f3f3f3; padding: 30px; border:1px solid #e5e5e5; width: 300px; display: none; position:absolute;
  z-index:2; bottom: 110%; left: 0; box-shadow: 0 0 8px rgba(0,0,0,0.1);}
.my_target:after { content:''; display: block; height: 0; width: 0; position: absolute; top:100%; left:10%; border-top:12px solid #f3f3f3;
border-left:12px solid transparent; border-right:12px solid transparent; border-bottom: none;}
.close_button { background-color: #000; color: #fff; padding:10px; display: inline-block; cursor: pointer; text-transform: uppercase;
position: absolute; top:0.4em; right: 0.4em; font-size: 0.8em; line-height: 100%; opacity: 0.5; border-radius: 0.2em;}
.close_button:hover { opacity: 1.0;}
.position-description { border-radius: 10px; border: solid 1px transparent; margin-bottom: 10px;}
.position-description:hover { border: solid 1px #00bb2f;}
.dark_popup .my_target { background-color: #1a1a1a; color: #dbdbdb; bottom:0; left:0; width: 300; border:none; border-radius: 0.4em; opacity: 0.90;}
.dark_popup .my_target:after { display: none;}
.position-description h5 { display: flex; justify-content: space-between; flex-wrap: wrap; }
.position-description h5 a { color: #e0e0e0; }
.position-description h5 a:hover { color: #00bb2f; }
.position-grin { color: #708074; }
.position-pera { font-size: 16px !important; line-height: 22px !important; }
.position-link { color: var(--bs-grey); }
.position-mony { padding: 10px; border: solid 1px #6e6e6e; border-radius: 30px; display: inline-block; }
.position-input input { border-radius: 30px 0 0 30px; padding: 10px 15px; }
.position-input button { border-radius: 0 30px 30px 0 !important; background-color: var(--bs-red); color: #fff; padding-left: 20px; padding-right: 20px; }
.position-input button:hover { background-color: var(--bs-dark-btn); color: #fff; }
.position-email { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.position-email .form-check-input:checked { background-color: #2c8b44; border-color: #114e20;}
.position-details { background-color: #f0f0f8;}
.position-details-top { display: flex; flex-wrap: wrap; justify-content: space-between; }
.position-details-left { width: 80%; }
.position-details-right { display: flex; flex-direction: column; gap: 10px;  }
.job-position .page-item.active .page-link { background-color: var(--bs-light-red); border-color:var(--bs-red);}
.job-position .page-link { color: var(--bs-black); background-color: #fff; border: 1px solid #dee2e6;}
.job-position .page-link:hover { color: var(--bs-black); background-color: var(--bs-light-grey); border: 1px solid #dee2e6;}
.position-details-bottom ul { padding: 0; margin: 0;  }
.position-details-bottom ul li { list-style: inside; line-height: 30px; color: var(--bs-grey); }
.position-details-bottom strong { font-weight: 500; }
.position-details-bottom p::first-letter { color: var(--bs-red); }
.job-title-link a { border: solid 1px #333; border-radius: 30px; color: #333; padding: 5px 10px; display: inline-block; margin-top: 10px;}
.job-title-link a:hover { border: solid 1px var(--bs-red); box-shadow: 0px 1px 10px var(--bs-light-red);}
.position-details-bottom .modal-dialog { max-width: 800px;}

.find-job-select { max-width: 300px; }


@-webkit-keyframes ring {
0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
2% { -webkit-transform: rotate(15deg); transform: rotate(15deg);}
4% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg);}
6% { -webkit-transform: rotate(18deg); transform: rotate(18deg);}
8% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg);}
10% { -webkit-transform: rotate(22deg); transform: rotate(22deg);}
12% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg);}
14% { -webkit-transform: rotate(18deg); transform: rotate(18deg);}
16% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg);}
18% { -webkit-transform: rotate(12deg); transform: rotate(12deg);}
20% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
}
@keyframes ring {
0% { -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg);}
2% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg);}
4% { -webkit-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg);}
6% { -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg);}
8% { -webkit-transform: rotate(-22deg); -ms-transform: rotate(-22deg); transform: rotate(-22deg);}
10% { -webkit-transform: rotate(22deg); -ms-transform: rotate(22deg); transform: rotate(22deg);}
12% { -webkit-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg);}
14% { -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg);}
16% { -webkit-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg);}
18% { -webkit-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg);}
20% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
}
.faa-ring.animated, .faa-ring.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-ring {
-webkit-animation: ring 2s ease infinite; animation: ring 2s ease infinite; transform-origin-x: 50%;
transform-origin-y: 0px; transform-origin-z: initial;}



/*** Find a job End ***/

/*** Login Start ***/
.login-box  { width: 100%; display: flex; flex-wrap: wrap; }
.login-box-left { width: 50%; height: 100%; }
.login-box-left img { width: 100%; height: 100vh; object-fit: cover;  }
.login-box-right { width: 50%; padding: 0 50px; }
.login-box-right a { color: var(--bs-red);}
.login-box-right a:hover { color: var(--bs-black);}
.login-box-text-box { padding: 13px 10px;}
.remember { display: flex; justify-content: space-between; }
.social-login a { font-size: 26px; }
.social-login-first  { color: #4368b1;}
.social-login-first:hover  { color: #5686e6;}
.social-login-second { color: #ea4435;}
.social-login-second:hover { color: #ff4635;}
.social-login-third { color: #0278b6;}
.social-login-third:hover { color: #2087be;}
.lock { height: 150px; }
.login-box .input-group-text { background-color: transparent; }
.login-box-header { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 0 0 0; }
.login-box-header img { height: 70px; }
.login-box-header a { display: inline-block; color: #fff; }
.login-box-header a:hover { display: inline-block; color: #fff !important; }
.team-service ul { margin: 0 0 30px 0; padding: 0; }
.team-service ul li { display: flex; width: 100%; margin-bottom: 10px; justify-content: start; align-items: start; color: var(--bs-grey); }
.team-service ul li img { height: 15px; margin-right: 15px; margin-top: 5px;}

/*** Login End ***/


/*** HR Fourm Start ***/
.hr-fourm-left { background-color: #f1f1f9; border-radius: 10px; }
.hr-fourm-right { background-color: #f1f1f9; border-radius: 10px; }
.hr-fourm-left svg { height: 20px !important; }
.hr-fourm-link { color: var(--bs-light-red); }
.hr-fourm-link:hover { color: var(--bs-black); }
.hr-fourm-box ul { padding: 0; margin: 0 0 20px 0; }
.hr-fourm-box ul li { list-style: none; margin-bottom: 10px; }
.hr-fourm-left ul li img { height: 10px; margin-right: 5px; }
.hr-fourm-left ul li a { color: var(--bs-grey); transition: all 0.3s ease 0s; }
.hr-fourm-left ul li a:hover { padding-left: 5px; }
.fourm-stats {  background-color: #f1f1f9; padding: 20px; }
.hr-que-link a { padding: 5px 10px; color: var(--bs-grey); border: solid 1px #ccc; border-radius: 30px; display: inline-block; margin-bottom: 5px; }
.hr-que-link a:hover { border: solid 1px var(--bs-black); border-radius: 30px; display: inline-block; margin-bottom: 5px; }
.que-bg { background-color: #f8f8ff; border: dotted 1px var(--bs-red); }
.hr-fourm-pagination .page-item.active .page-link { color: #fff; background-color:var(--bs-light-red); border-color: var(--bs-red);}
.hr-fourm-pagination .page-link { color: var(--bs-black); }
.toast-box .toast__message img { height: 30px; }
.toast-box .toast:not(.showing):not(.show) { opacity: 9;}
.toast-box .toast__cell{ display:inline-block;}
.toast-box .toast { text-align:left; padding: 5px 0; background-color:#fff; border-radius:4px; width: 100%; top: 0px; position:relative;
  box-shadow: 1px 7px 14px -5px rgba(0,0,0,0.2);}
.toast-box .toast:before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%;}
.toast-box .toast__message { font-size: 14px; margin-top: 0; margin-bottom: 0; color: var(--bs-light-red);}
.toast-box .toast__content{ padding-left:70px; padding-right:60px;}
.toast-box .toast__close { position: absolute; right: 22px; top: 40%; width: 14px; cursor:pointer; height: 14px; fill:#878787; transform: translateY(-50%);}

/*** HR Fourm End ***/


/*** Mumbai Start ***/
.employers-mumbai p { font-size: 18px;}
.employers-mumbai .choose-photo { right: 16%; }
.clients-mumbai {  margin-bottom: 0; }
.industries-box p { margin-bottom: 0; line-height: 25px; font-weight: 500; }
.industries-box p:hover { color: var(--bs-light-red); }
.map-ind .container { max-width: 1024px; }
.mumbai-service { position: relative; padding-top: 140px; padding-bottom: 140px; background-color: #f3f8fd; }
.mumbai-service::before { content: ""; position: absolute; width: 100%;}
.mumbai-service h2 { max-width: 930px; }
.mumbai-service h3 { font-weight: 400; margin-bottom: 70px; }
.mumbai-industries h3 { font-weight: 400; margin-bottom: 30px; }
.mumbai-industries .content { background-color: #fff; border-radius: 50px; border: 1px solid #ccc; }
.mumbai-industries #loadMore { padding: 20px; }
.employers-mumbai .modal-dialog { max-width: 1400px; }
.mumbai-testimonials h2 { max-width: 100%; }
.mumbai-service-box01 { background-color: #dbf1fd; border-radius: 10px; padding: 50px 20px; width: 100%; }
.mumbai-service-box02 { background-color: #f1e1eb; border-radius: 10px; padding: 50px 20px; width: 100%; }
.mumbai-service-box03 { background-color: #d8eee8; border-radius: 10px; padding: 50px 20px; width: 100%; }
.mumbai-blue { background-color: #4496d2; width: 120px; height: 120px; }
.mumbai-pink { background-color: #9f7590; width: 120px; height: 120px; }
.mumbai-green { background-color: #57877b; width: 120px; height: 120px; }
.mumbai-blue-text { color: #4496d2; font-size: 32px; line-height: 32px; text-align: left; }
.mumbai-pink-text { color: #9f7590; font-size: 32px; line-height: 32px; text-align: left; }
.mumbai-green-text { color: #57877b; font-size: 32px; line-height: 32px; text-align: left; }
.mumbai-blue-btn { background-color: #4496d2; max-width: 160px; }
.mumbai-service-box01:hover img, .mumbai-service-box02:hover  img, .mumbai-service-box03:hover img, .content-inner:hover img { animation: mymove 5s infinite; }
@keyframes mymove {
  50% {transform: rotate(180deg);}
}
.mumbai-pink-btn { background-color: #9f7590; max-width: 160px; }
.mumbai-green-btn { background-color: #57877b; max-width: 160px; }
.why-choose-mumbai { background-color: #fcf9ef; padding-top: 140px; padding-bottom: 140px; }
.why-choose-mumbai-left { display: flex; flex-wrap: wrap; }
.why-choose-mumbai-box { width: 50%; }
.why-choose-mumbai-box img { height: 50px; }
.why-choose-orange { width: 100px; height: 100px; background-color: #f1bc1b; }
.why-choose-green { width: 100px; height: 100px; background-color: #14a380; }
.why-choose-blue { width: 100px; height: 100px; background-color: #4169b2; }
.why-choose-red { width: 100px; height: 100px; background-color: #ef436d; }
.why-choose-ligt-blue { width: 100px; height: 100px; background-color: #68b8e8; }
.why-choose-ligt-green { width: 100px; height: 100px; background-color: #aeb964; }
.why-choose-mumbai-box p { padding-right: 20px; }
.why-choose-mumbai-right img { border: dashed 1px #000; padding: 20px; }
.gateway ul { margin-bottom: 30px; }
.gateway ul li { list-style: none; padding: 0; margin: 0 0 5px 0; color: var(--bs-grey); display: flex; align-items: start; line-height: 30px; }
.gatewaytext {  padding: 0; margin: 0; font-size: 16px; font-weight: 400; margin-bottom: 0px; color: var(--bs-black); display: flex; align-items: start; line-height: 30px; }
.gateway ul li .fa {  color: #97d983; font-size: 18px; margin-top: 7px; }
.gateway-midd-title {  border: solid 5px #f5dfdf; border-radius: 50px; padding: 20px 0; text-align: center; font-weight: 600 !important; color: var(--bs-black); }



.header-small-title { font-size: 26px; font-weight: 500; margin-bottom: 10px;}
.mumbai-service-icon img { height: 10px; margin-right: 10px; }
.mumbai-service-box01:hover .mumbai-service-icon img, .mumbai-service-box02:hover .mumbai-service-icon img, .mumbai-service-box03:hover .mumbai-service-icon img { animation: none; }
.mumbai-service-icon { text-align: left; margin: auto; width: 100%;}
.mumbai-service-icon a {  color: var(--bs-dark-btn); }
.mumbai-service-icon a:hover {  color: var(--bs-blue) !important; }
.why-customers-mumbai { background-color: transparent;}
.why-customers-mumbai h2 { max-width: 1000px; }
.why-customers-mumbai h3 { max-width: 1000px; margin-left: auto; margin-right: auto; }
.delivering-chart img { height: 600px; }
.process-mumbai { background-color: #f2f2f2; }
.mumbai-service .container { max-width: 1200px; }


.why-customers-mumbai .table__head{ color: #FFF; font-weight: 700; background: #9b4085;
  background: -moz-linear-gradient(-45deg, #9b4085 0%, #608590 100%);
  background: -webkit-linear-gradient(-45deg, #9b4085 0%,#608590 100%);
  background: linear-gradient(135deg, #9b4085 0%,#608590 100%);
  white-space: nowrap;
  }
  .why-customers-mumbai .table-bordered td, .why-customers-mumbai .table-bordered th{ border: 0px solid #FFF;}
  .why-customers-mumbai .table > :not(caption) > * > * { padding: 20px 30px; }

.mumbai-table { width: 1200px; display: flex; gap: 20px; align-items: baseline; }
.mumbai-table-box { width: 33%; border: solid 1px #ccc; border-radius: 20px 20px 0 0; }
.mumbai-table-box h5 { color: #fff; font-size: 26px; font-weight: 700; }
.mumbai-table-box ul { padding: 0 0 0 0; margin: 0 0 0 0; display: flex; flex-wrap: wrap; flex-direction: column; }
.mumbai-table-box ul li { display: inline-block; margin: 0 0 20px 0; padding: 0 20px 0 20px; font-size: 18px;  }
.mumbai-table-first { background: linear-gradient(to bottom,  #8bfca0 0%,#0ecef5 100%); border-radius: 20px 20px 0 0; padding: 30px 20px; margin-bottom: 30px; }
.mumbai-table-second { background: linear-gradient(to bottom,  #ff3259 0%,#ff998d 100%); border-radius: 20px 20px 0 0; padding: 50px 20px; margin-bottom: 30px; }
.mumbai-table-third { background: linear-gradient(to bottom,  #b029ff 0%,#36b9fd 100%); border-radius: 20px 20px 0 0; padding: 30px 20px; margin-bottom: 30px; }
.mumbai-table-bottom { display: flex; justify-content: baseline; flex-direction: column; }
.why-customers-mumbai .container { max-width: 1400px; }
.mumbai-table-midd { box-shadow: 1px -2px 17px #ccc; }

  @media (max-width: 1024px) {
    .delivering-chart img { height: auto; }

   }  





/*** Mumbai End ***/

/*** Rajkot Start ***/
.employers-rajkot { position: absolute; width: 100%; background-image: url(../jpg/ghandhi-musem.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center center;left: 0; top: 0; z-index: 1; width: 100%; height: 100%;  }
.why-rajkot p { font-weight: 300; font-size: 18px; }
.rajkot-executive h2 { max-width: 600px; }
.rajkot-executive h3 { font-size: 22px; font-weight: 500; min-height: 70px; }
.rajkot-per { background-color: #f27072; }
.rajkot-exe { background-color: #5278bb; }
.rajkot-it { background-color: #7ec680; }
.rajkot-start { background-color: #f8bb19; }
/*** Rajkot End ***/

/*** Ahmedabad Start ***/
.ahm-what-we-do { background: #ecf7fa; overflow: hidden; padding-top: 140px; padding-bottom: 140px; }
.ahm-what-we-do .developer-photo { margin-bottom: 30px; }
.ahm-what-we-do .developer { height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; flex-wrap: wrap; text-align: center; }
.ahm-what-we-do::before { background-image: none;}
.post-requirement { background-color: #eef6ff; display: flex; flex-wrap: wrap; }
.post-requirement-left { width: 50%; }
.post-requirement-right { width: 50%; }
.post-requirement-data { max-width: 500px; width: 100%; text-align: center; }


/*** Ahmedabad End ***/

/*** career Start ***/
.job-description { background-color: #f2f2f2; }
.job-description h3 { font-weight: 200; font-size: 28px; color: #3d3d3d; margin-bottom: 30px; }
.job-description .container {  max-width: 1200px; }
.job-description-accordion h2 { margin-bottom: 0; }
.job-description-accordion h2 button { color: var(--bs-black); font-size: 22px !important; font-weight: 500 !important; }
.job-description-accordion .accordion-button:not(.collapsed) { color: var(--bs-black); font-size: 22px; font-weight: 500; }
.job-description-accordion p { margin-bottom: 10px; }
.job-description-accordion p:last-child { margin-bottom: 0px; }
.job-description-accordion ul {  display: flex; width: 100%; flex-wrap: wrap; }
.job-description-accordion ul li {  display: flex; width: 50%; align-items: baseline; line-height: 30px; }
.job-description-accordion ul li img {  height: 12px; margin-right: 10px; }
.job-description-accordion .accordion-button:not(.collapsed) { color: #fff; background-color: #ea4857;}
.job-description-accordion .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  transition: all 0.5s;
}
.job-description-accordion .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
.job-description-accordion .accordion-button::after {
  transition: all 0.5s;
}
.job-description .modal-dialog { max-width: 1000px;}
.career-resume { font-size: 12px !important; margin-bottom: 20px !important; }



/*** career End ***/






/*** Animation Srart ***/


.zoom-in { -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out;}
.zoom-out { opacity:0; visibility: hidden; -webkit-transform: scale(1.8); transform: scale(1.8); -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out;}
.fade-in { opacity:0; visibility: hidden; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.fade-in-up { opacity:0; visibility: hidden; -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out;}
.fade-in-down { opacity:0; visibility: hidden; -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out;}
@-webkit-keyframes down-right {
  0% {-webkit-transform: rotate(45deg) rotateX(90deg);transform: rotate(45deg) rotateX(90deg);}
  50% {-webkit-transform: rotate(45deg) rotateX(0deg);transform: rotate(45deg) rotateX(0deg);}    
  100% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
}
@keyframes down-right {
  0% {-webkit-transform: rotate(45deg) rotateX(90deg);transform: rotate(45deg) rotateX(90deg);}
  50% {-webkit-transform: rotate(45deg) rotateX(0deg);transform: rotate(45deg) rotateX(0deg);}    
  100% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
}

@-webkit-keyframes reset-down-right {
  0% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
  50% {-webkit-transform: rotate(45deg) rotateX(0deg);transform: rotate(45deg) rotateX(0deg);}    
  100% {-webkit-transform: rotate(45deg) rotateX(90deg);transform: rotate(45deg) rotateX(90deg);}
}
@keyframes reset-down-right {
  0% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
  50% {-webkit-transform: rotate(45deg) rotateX(0deg);transform: rotate(45deg) rotateX(0deg);}    
  100% {-webkit-transform: rotate(45deg) rotateX(90deg);transform: rotate(45deg) rotateX(90deg);}
}
.flip-down-left { opacity:0; visibility: hidden; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-animation: down-left 1.3s; animation: down-left 1.3s; }
.reset-down-left { -webkit-animation: reset-down-left 1.3s; animation: reset-down-left 1.3s;}
@-webkit-keyframes down-left {
  0% {-webkit-transform: rotate(-45deg) rotateX(90deg);transform: rotate(-45deg) rotateX(90deg);}
  50% {-webkit-transform: rotate(-45deg) rotateX(0deg);transform: rotate(-45deg) rotateX(0deg);}    
  100% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
}
@keyframes down-left {
  0% {-webkit-transform: rotate(-45deg) rotateX(90deg);transform: rotate(-45deg) rotateX(90deg);}
  50% {-webkit-transform: rotate(-45deg) rotateX(0deg);transform: rotate(-45deg) rotateX(0deg);}    
  100% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
}

@-webkit-keyframes reset-down-left {
  0% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
  50% {-webkit-transform: rotate(-45deg) rotateX(0deg);transform: rotate(-45deg) rotateX(0deg);}    
  100% {-webkit-transform: rotate(-45deg) rotateX(90deg);transform: rotate(-45deg) rotateX(90deg);}
}
@keyframes reset-down-left {
  0% {-webkit-transform: rotate(0deg) rotateX(0deg);transform: rotate(0deg) rotateX(0deg);}
  50% {-webkit-transform: rotate(-45deg) rotateX(0deg);transform: rotate(-45deg) rotateX(0deg);}    
  100% {-webkit-transform: rotate(-45deg) rotateX(90deg);transform: rotate(-45deg) rotateX(90deg);}
}
.drop-bounce {
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes drop {
  0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}
  100% {-webkit-transform: translateY(0px);transform: translateY(0px);}
} 
@keyframes drop {
  0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}
  100% {-webkit-transform: translateY(0px);transform: translateY(0px);}
}
@-webkit-keyframes bounce {
  0%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);}
}
@keyframes bounce {
  0%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);}
}

@-webkit-keyframes goTop {
  0% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
  100% {-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
}
@keyframes goTop {
  0% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
  100% {-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
}


/*** Animation End ***/

/*** btn Start ***/
.btn-left:hover{cursor: pointer}
.btn-left { position: relative; overflow: hidden; text-align: center; }

/*button:before (attr data-hover)*/
.btn-left:hover:before{opacity: 1; transform: translate(0,0);}
.btn-left:before{ content: attr(data-hover); position: absolute; top: 1.1em; left: 0; width: 100%; opacity: 0; transform: translate(-100%,0); transition: all .3s ease-in-out;}
/*button div (button text before hover)*/
.btn-left:hover div{opacity: 0; transform: translate(100%,0)}
.btn-left div{ transition: all .3s ease-in-out;}

/*** btn End ***/

/***** Round Start  ****/


.round-bg { animation: anim 2s; animation-iteration-count: infinite;}
@keyframes anim {
  0% {
    transform: rotate(0deg) sacle(1);
  }
  25% {
    transform: rotate(0deg) scale(1.1);
  }
  50% {
    transform: rotate(0deg) scale(1.1);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}

/***** Round End  ****/


/**** photo view ****/
.gallery h3 { font-weight: 200; font-size: 28px; color: #3d3d3d; margin-bottom: 30px }

.lightboxpreview {
  transition: all .3s linear;
padding-top:60%;
 cursor:pointer;
 background-size:cover;
}
  
.lightbox-content {
max-height:75vh;
 height:75vh;
 width:100%;
 max-width: 1000px;}

.lightbox-close { 
 cursor:pointer;
   margin-left: auto;
 position:absolute;
 right:-30px;
 top:-30px;
 color:white;
   font-size: 2rem;
   font-weight: 700;
   line-height: 1;}
.modal_inner_image {
   min-height: 400px;
   z-index: 1000;}
.modal-content {
   width: 100%;}


.modalscale {transform:scale(0);
opacity:0;}



.lightbox-container, .lightbox-btn, .lightbox-image-wrapper, .lightbox-enabled{transition:all .4s ease-in-out;}
.lightbox_img_wrap {padding-top:65%;
 position:relative;
 overflow:hidden;
}
.lightbox-enabled:hover {
 transform:scale(1.1)
}
.lightbox-enabled {width:100%;
height:100%;
 position:absolute;
 top:0;
object-fit:cover;
cursor:pointer;}

.lightbox-container {width:100vw;
height:100vh;
position:fixed;
top:0;
left:0;
 display:flex;
 align-items:center;
 justify-content:center;
background-color:rgba(0,0,0,.6);
z-index:100000;
opacity:0;
pointer-events:none;
}

.lightbox-container.active {
 opacity:1;
 pointer-events:all;
}
.lightbox-image-wrapper {
 display:flex;
 transform:scale(0);
 align-items:center;
 justify-content:center;
 max-width:90vw;
 max-height:90vh;
 position:relative;
}
.lightbox-container.active .lightbox-image-wrapper {transform:scale(1);}
.lightbox-btn, #close {
 color:white;
 z-index:9999999;
cursor:pointer; 
 position:absolute;

 font-size:50px;
}

.lightbox-btn:focus {
 outline:none;
}

.left {left:50px; background-image: url(../png/left-arrow.png); width: 100px; height: 100px; background-size: 50px; background-repeat: no-repeat;} 
.right {right:50px; background-image: url(../png/right-arrow.png); width: 100px; height: 100px; background-size: 50px; background-repeat: no-repeat;
background-position: right;}
#close {top:50px; right:50px; background-image: url(../svg/close.svg); width: 100px; height: 100px; background-size: 50px; background-repeat: no-repeat;}

.lightbox-image {
 width:100%;
 -webkit-box-shadow: 5px 5px 20px 2px rgba(0,0,0,0.19); 
box-shadow: 5px 5px 20px 2px rgba(0,0,0,0.19);
 max-height:95vh;
 object-fit:cover;
}

@keyframes slideleft {
 33% {transform:translateX(-300px);
 opacity:0;
 }
 66% {transform:translateX(300px);
 opacity:0;
 }
}


.slideleft {
  animation-name: slideleft;
animation-duration: .5s; 
animation-timing-function: ease; 
}
@keyframes slideright {
 33% {transform:translateX(300px);
 opacity:0;}
 66% {transform:translateX(-300px);
 opacity:0;}
}


.slideright{
  animation-name: slideright;
animation-duration: .5s; 
animation-timing-function: ease; 
}
 

 

/********/

/**** bg-cube ****/
.bg-all { position: relative; width: 100%; height: 100%; overflow: hidden;}
.culd{ position: absolute; top: 100px; left: 100px; width: 50px; height: 50px; border: 10px solid #e1eeff; transform-origin: top left; transform: scale(0) rotate(0deg) translate(-50%,-50%); animation: culd 10s  ease-in forwards infinite;}
.culd:nth-child(2n){ border-color: #e1eeff;}
.culd:nth-child(2){ animation-delay: 2s; top: 70%; left: 10%;}
.culd:nth-child(3){ animation-delay: 4s; top: 50%; left: 50%;}
.culd:nth-child(4){ animation-delay: 6s; top: 10%; left:90%;}
.culd:nth-child(5){ animation-delay: 8s; top: 60%; left: 90%;}
@keyframes culd{
  from{
      transform: scale(0) rotate(0deg) translate(-50%,-50%);
      opacity: 1;
  }
  to{
      transform: scale(20) rotate(360deg) translate(-50%,-50%);
      opacity: 0;
  }
}

/**** bg-cube *****/

/**** footer-animation *****/


/**** footer-animation *****/


@media (max-width: 1800px) { 
  .corporate-left {  left: -5%;}
  .hr-left { left: -5%;}
  .hr-right { right: -5%;}
  .core-text { padding: 50px 0 0 50px;}
  .footer-box-bottom { font-size: 14px; }
  .choose-photo {  right: 2%;}

  }

  @media (max-width: 1600px) { 
    .container {padding-left: 40px; padding-right: 40px; }
    .corporate-left {  left: 0;}
    .hr-left { left: 0;}
    .hr-right { right: 0%;}
    .choose-photo {  right: 0%;}
    .photo-box-round { width: 600px; height: 600px; }
    .photo-box-round img { width: 535px; height: 535px;}
    .choose-photo { height: 635px; }
    .areas-text { max-width: 360px; }
    .areas-text p { font-size: 20px; }
    .contact-box .hr-left { left: auto; }
    .process-arrow { position: absolute; left: -30px; top:110px; }


  }

  @media (max-width: 1400px) {
  .header-box .navbar-expand-lg .navbar-nav .nav-link { padding-right: 10px; padding-left: 10px; font-size: 16px; }
  .banner-first { font-size: 20px; line-height: 30px; }
  .banner-second { font-size: 50px; line-height: 60px;}
  .banner-third { font-size: 45px; line-height: 60px;}
  .banner-fourth { font-size: 45px; line-height: 60px;}
  h2 { font-size: 45px;}
  h3 { font-size: 35px;}
  .key-box { min-height: 250px; padding: 30px;}
  .key-metrics { margin-top: 70px; min-height: 540px;}
  .recruitment-red img { height: 50px; }
  .process-red { left: -5px; top: -20px; width: 70px; height: 70px; font-size: 30px;}
  .content-inner p {  font-size: 16px; line-height: 20px; }
  .recruitment-text ul li a { font-size: 20px; }
  .recruitment-text ul li { margin-bottom: 10px;}
  .recruitment-red { width: 100px; height: 100px;}
  .core-box-first { width: 60px; height: 60px;}
  .core-text { padding: 50px 0 0 30px;}
  .core-box-first img { height: 30px; }
  .core-box-second { padding-left: 20px; }
  h4 { font-size: 20px;}
  p { font-size: 14px; }
  .link-box ul li a { line-height: 20px; }
  .hr-left { left: 0; top: 0; }
  .recruitment-margin { margin-bottom: 80px; }
  .core { margin-top: 200px;}
  .testi-left { left: 40px; top: -60px;}
  .dropdown-item { font-size: 16px;}
  .choose-photo { height: 500px; }
  .areas-text { max-width: 300px;}
  .areas-text img { width: 40px; margin-right: 15px;}
  .areas-text p { font-size: 18px; line-height: 26px; margin-bottom: 0;}
  .sales-team-box::before { top:0 ; }
  .sales-team-box::after { top:0 ; }
  .hiring-services { column-gap: 50px; row-gap: 50px; }
  .hiring-icon-box img { height: 35px; }
  .hiring-icon-box { width: 75px; height: 75px; left: -40px; }
  .hiring-services-box { padding: 50px 30px 30px 50px; max-width: 280px; }
  .hiring-no { font-size: 26px; }
  .hiring-services p { font-size: 14px; line-height: 20px; margin-top: 10px;}
  h5 { font-size: 18px;}
  .companies-hiring h3 { font-size: 22px; }
  .contact-box .hr-left { left: auto; top: auto; }
  .process-inner { background-image: url(../png/road-map-pro-second.png); background-position: right 55%;}
  .process-arrow { left: -40px; top: 110px;}
  .mumbai-service .container { max-width: 1200px; }
  
  }

  @media (max-width: 1300px) {
  .process-inner { background-image: url(../png/road-map-pro-second.png); background-position: right 55%;}
  .process-arrow { left: -50px; top: 120px;}
  .employers-mumbai .choose-photo { right: 0;}

   }

  @media (max-width: 1200px) { 
.banner-first { font-size: 16px; line-height: 20px; }
.banner-second { font-size: 45px; line-height: 55px;}
.banner-third { font-size: 40px; line-height: 55px; }
.banner-fourth { font-size: 40px; line-height: 55px;}
.key-box p { font-size: 20px; line-height: 20px;}
.key-box { min-height: 220px; padding: 30px;}
.key-box img { height: 50px; }
.navbar-brand img { height: 60px; }
.phone-first { width: 50px; height: 50px; }
.phone-text a { font-size: 16px; line-height: 16px; }
.red-btn { padding: 18px 20px; font-size: 14px; line-height: 14px; }
.phone-first img { height:15px; }
.black-line { padding: 18px 30px; font-size: 14px; line-height: 14px;}
.second-box { height: 50px; }
.core-box-first { width: 50px; height: 50px;}
.core-box-first img { height: 25px; }
.core-text { padding: 50px 0 0 30px; }
.core-box-second { max-width: 400px; padding-left: 20px; }
.link-box h5 { font-size: 20px; }
.process-round img { width: 225px; height: 225px; }
.clients-box img { height: 20px !important; }
.clients .item { padding: 20px 10px}
.process-red { left: -10px; top: -10px; }
.header-box .navbar-expand-lg .navbar-nav .nav-link { padding-right: 7px; padding-left: 7px; font-size: 14px; }
.phone-text a { font-size: 15px; line-height: 15px;}
.dropdown-item { font-size: 14px;}
.photo-box-round { width: 400px; height: 400px;}
.photo-box-round img { width: 360px; height: 360px;}
.icon-red-box { width: 100px; height: 100px;}
.icon-red-box img { height: 40px !important; }
.inner-photo-box { top: 20px;}
.inner-page-box p { margin-bottom: 20px; font-size: 16px;}
.inner-page-box h2 { margin-bottom: 10px;}
.inner-page-box { margin-bottom: 70px;}
.inner-page p { font-size: 16px; margin-bottom: 20px; line-height: 25px;}
.choose-big-round { width: 40vh; height: 40vh; border: solid 6vh #edf6f8;}
.choose-small-round { width: 30vh; height: 30vh; border: solid 5vh #e8eff7; background-color: #f7f8f8; position: absolute; left: 50%; }
.why-choose-box h4 { font-size: 28px; margin-bottom: 20px;}
.why-choose-box { padding: 50px; }
.why-choose-box p img { width: 15px; height: 15px;}
.developer-photo h4 { font-size: 18px; }
.areas-photo img { height: 600px; position: relative; bottom: 0; }
.entrepreneur-benefits-box { width: 100px; height: 100px; margin: 0 auto 20px auto;}
.entrepreneur-benefits-red h4 { margin-bottom: 20px; }
.entrepreneur-benefits-red { padding: 30px 30px; }
.entrepreneur-benefits-box img { height: 40px;}
.areas-text p { margin-bottom: 0;}
.areas-text { padding: 50px 20px; max-width: 250px; }
.section-mar-top { margin-top: 70px;}
.section-mar-bottom { margin-bottom: 70px;}
.section-padding { padding-top: 70px; padding-bottom: 70px;}
.core-expertise-box h5 { font-size: 18px;}
.core-expertise-box { border-radius: 30px; padding: 30px; }
.core-expertise-box img { width: 40px;}
.executive h2 { margin: 0 auto 30px auto;}
.clients { margin-top: 70px; }
 .sales-team-box::before { top:0 ; }
.sales-team-box::after { top:0 ; }
.prospecting-icon { font-size: 16px;}
.prospecting-icon img { height: 50px; }
.sales-training-data { padding-left: 30px;}
.sales-training-benefit ul li { font-size: 16px; }
.sales-training-data h3 { font-size: 22px; margin-bottom: 20px; }
.hiring-services-box { max-width: 230px; }
.hiring-services p { font-size: 14px; }
.contact-box { min-height: 500px; }
.contact-banner h3 { font-size: 26px; }
.contact-banner-data h4 { font-size: 22px; }
.contact-form input { padding: 10px 20px; }
.contact-form input::placeholder, textarea::placeholder { color: #9b9a9a !important; }
.contact-form select { padding: 10px 20px; color: #9b9a9a; }
.contact-add-box h5 { font-size: 22px; }
.contact-add-con { width: 70px; height: 70px; }
.contact-add-con img { height: 30px; }
.contact-add-box h5 { margin-bottom: 10px; }
.delivered-work-box p { margin-bottom: 0;}
.search-jobs h4 { font-size: 30px; font-weight: 600;}
.process-inner { background-image: url(../png/road-map-pro-third.png); background-position: right 53%;}
.process-arrow { left: -30px; top: 90px;}
.mumbai-service .container { max-width: 1000px; }
.why-rajkot .choose-photo { height: 350px; }


}

@media (max-width: 1024px) { 
.header-box .navbar-expand-lg .navbar-nav .nav-link { padding-right: 6px; padding-left: 5px; font-size: 14px; }
.banner-second { font-size: 35px; line-height: 45px; }
.banner-third { font-size: 30px; line-height: 45px; }
.banner-fourth { font-size: 30px; line-height: 30px;}
.second-box { height: 40px; }
.phone-first { width: 40px; height: 40px; }
.header-box .navbar-expand-lg .navbar-nav .nav-link { font-size: 13px; }
.banner { padding: 50px 0; }
.key-metrics { margin-top: 50px; min-height: 430px;}
h2 { font-size: 35px;}
.key-metrics h2 { margin-bottom: 50px; }
.key-box p { font-size: 16px; line-height: 16px;}
.key-box { min-height: 190px;}
.recruitment h2 { margin: 0 auto 50px auto;}
h4 { font-size: 16px; }
h3 { font-size: 25px; }
.recruitment-text ul li a { font-size: 16px; margin-left: 20px; }
.recruitment-text li img { height: 10px; }
.recruitment-text ul li a:hover { margin-left: 10px; }
.recruitment-red { width: 70px; height: 70px;}
.recruitment-red img { height: 35px;}
.hr-left { top: -60px; }
.core-box-second { max-width: 350px; }
.core-photo img { top: -60px; }
.core { margin-top: 190px;}
.process-round img { width: 200px; height: 200px;}
.process-red { width: 50px; height: 50px; font-size: 20px;}
.industries { margin-top: 70px;}
.industries h2 { margin-bottom: 50px;}
.testimonials { margin-top: 70px;}
.testimonials-box img { height: 30px; }
.clients { margin-top: 70px;}
.link-box ul li a { line-height: 16px; font-size: 12px;}
.red-btn { padding: 15px 20px; }
.black-line { padding: 15px 30px; }
.footer-box-bottom { font-size: 12px; }
.choose-photo { height: 400px;}
.mar-b80 { margin-bottom: 30px;}
.entrepreneur-benefits h2 { max-width: 630px;}
.entrepreneur-benefits { margin-top: 30px;}
.entrepreneur-benefits h2 { margin: 0 auto 20px auto;}
.areas { margin-top: 70px; }
.banner-sub-title { font-size: 22px; margin-bottom: 10px;}
.con-looking { width: 175px; height: 218px; }
.map { height: 430px;}
.process-inner { background-image: url(../png/road-map-pro-fourth.png); background-position: right 52%;}
.process-arrow { left: -40px; top: 90px;}
.mumbai-service .container { padding-left: 20px; padding-right: 20px; }
.why-rajkot .choose-photo { height: 280px; }
.post-requirement-left { width: 100%; }
.post-requirement-right { width: 98%; padding-top: 50px; padding-bottom: 50px; padding-left: 1%; padding-right: 1%; }
.ahm-what-we-do { padding-top: 50px; padding-bottom: 50px;}



}

@media (max-width: 990px) {


.header-menu {  justify-content: space-between;}
.navbar-collapse { background-color: var(--bs-second-red); padding: 30px; margin-top: 10px; margin-bottom: 30px; }
.header-box .navbar-expand-lg .navbar-nav .nav-link { font-size: 14px; display: block;}
.red-btn { padding: 15px 15px;}
.black-line { padding: 15px 20px;}
.banner-btn { gap: 10px;}
.navbar-toggler:focus { box-shadow: none;}
.dropdown:hover > .dropdown-menu { padding-left: 10px; padding-right: 10px; max-width: 290px; }
.dropdown-item { font-size: 14px;}
.photo-box-round { width: 300px; height: 300px;}
.photo-box-round img { width: 270px; height: 270px; }
.icon-red-box { width: 80px; height: 80px; }
.icon-red-box img { height: 35px !important;}
.inner-page-box { margin-bottom: 83px;}
.mar-t140 { margin-top: 44px;}
.inner-page h2 { margin-bottom: 20px;}
.mar-b100 { margin-bottom: 20px;}
.it-staffing-data { padding-left: 20px;}
.entrepreneur-coaching h3 { font-size: 22px; margin-bottom: 20px; }
.entrepreneur-benefits h2 { margin-bottom: 0; }
.entrepreneur-coaching p:last-child { margin-bottom: 0; }
.prospecting-box { width: 100%;}
.hiring-icon-box { position: relative; left: 0; margin: unset; }
.hiring-services-box { padding: 20px; }
.hiring-services-box h5 { margin-top: 20px; margin-left: 10px; }
.hiring-services { column-gap: 20px; row-gap: 20px; margin-top: 30px; }
.hiring-services-main:nth-child(2) { margin-top: 0px; }
.hiring-services-main:nth-child(4) { margin-top: 0px; }
.hiring-services-box { max-width: 100%; width: 100%; display: flex; flex-wrap: wrap; justify-content: left;}
.companies-hiring h3 { margin-bottom: 20px;}
.clients-box img { height: 30px !important;}
.impact-effective-box {  padding: 20px; }
.jobs-location-link img { height: 30px;  }
.jobs-location-link { font-size: 16px; }
.employers-find-box p { width: 100%; }
.trending-jobs img { margin: auto; }
.employers-find { text-align: center; }
.process-inner { background-image: url(../png/road-map-pro-fourth.png); background-position: right 53%;}
.process-arrow { left: -45px; top: 80px;}
.process-1024 { margin-top: 50px; }
.why-rajkot .choose-photo { height: 250px; }


}

@media (max-width: 900px) { 
.banner-btn { flex-wrap: wrap; }
.core-box-second { max-width: 250px;}
.process-round img { width: 170px; height: 170px;}
.process-red { left: -20px; top: 0; }
.footer-about img { height: 70px; }
.footer-soc { gap: 5px;}
.footer-soc-box { width: 35px; height: 35px; font-size: 15px;}
.photo-box-round { width: 270px; height: 270px;}
.photo-box-round img { width: 240px; height: 240px;}
.choose-photo { height: 320px; }
.areas-text { padding: 50px 20px; max-width: 200px;}
.inner-page p { font-size: 14px; line-height: 20px; }
.sales-training-data { padding-left: 0;}
.process-inner { background-image: none;}
.process-arrow { display: none;}


 
}

@media (max-width: 767px) {
.page-header.is-sticky img { max-width: 100%;}
.container {padding-left: 20px; padding-right: 20px; }  
.banner-photo { margin-top: 30px; }
.key-box:hover { margin-top: 0;}
.key-metrics { min-height: auto;}
.recruitment { margin: 50px 0 0 0; }
.recruitment-margin { margin-bottom: 20px;}
.core-photo img { height: auto; width: 100%; position: relative; top: 0;}
.core { margin-top: 50px; padding-top: 50px; }
.core-text { padding: 50px 0 0 0;}
.core-box-second { max-width: 100%; padding-left: 0;}
.process-round { width: 170px; margin: auto; }
.content { max-width: 215px; }
.footer-about { margin-bottom: 30px; }
.contact-footer { margin-top: 30px; }
.clients { margin-bottom: 50px; margin-top: 50px; }
.footer-box-top { padding: 50px 0 50px 0; }
.banner { padding-bottom: 0; }
.process h2 { padding: 50px 0; }
.process h2 { margin-top: 0; margin-bottom: 0; }
.industries { margin-top: 50px;}
.content { height: 70px; }
.content-inner img { height: 30px;}
.dropdown-item { font-size: 14px; }
.inner-page-box p { max-width: 100%; }
.inner-page h2 { margin-bottom: 10px; margin-top: 50px;}
.photo-box-round { width: 450px; height: 450px;}
.photo-box-round img { width: 400px; height: 400px;}
.inner-photo-box { justify-content: center; padding-right: 0;}
.inner-page p { font-size: 14px; margin-bottom: 10px; line-height: 22px; }
.why-choose-box p img { width: 12px; height: 12px;}
.choose-photo { height: 220px;}
.choose-small-round { left: 30%; }
.choose-big-round { width: 30vh; height: 30vh; border: solid 5vh #edf6f8;}
.it-staffing-data { padding-left: 0px;}
.it-staff h2 { margin-top: 0 !important; }
.entrepreneur-benefits { margin-top: 20px; }
.areas-photo { display: none; }
.areas-box h2 { margin-top: 0; text-align: center; }
.areas-text { max-width: 229px;}
.areas-box { justify-content: center; }
.section-mar-top { margin-top: 50px;}
.executive h2 { margin-top: 0; }
.section-padding { padding-top: 50px; padding-bottom: 50px;}
.core-expertise h2 { margin-top: 0; }
.sales-team { text-align: center;  }
.sales-team-box h3 { margin-bottom: 20px; margin-top: 30px;}
.prospecting-box { width: 50%;}
.impact-effective h2 { margin-top: 0; }
.sales-team-box p, .sales-team-box h3 { position: relative; z-index: 10; }
.prospecting-icon { margin-bottom: 10px; }
.impact-effective p { margin-bottom: 0;}
.sales-team-box::before { background-size: cover; width: 100%; height: 100%; }
.sales-team-box::after { background-size: cover; width: 100%; height: 100%;}
.companies-hiring h2 { margin-top: 0; }
.con-border { margin-bottom: 30px; border: 0; }
.contact-add-con { margin: 0 auto 20px auto; }
.contact-banner h3 { margin-bottom: 20px }
.areas-text p { margin-bottom: 0;}
.developer img { width: 100%;}
.delivered-work-box p { margin-bottom: 0;}
.login-box-left { width: 100%; position: relative;}
.login-box-right { width: 100%; }
.login-box-left img { height: auto;}
.login-box-right { padding: 20px;}
.remember { font-size: 14px;}
.login-box-text-box { padding: 10px 10px;}
.hr-fourm-left ul li a { font-size: 14px; }
.hr-que-link a { font-size: 14px; }
.que-bg { font-size: 14px; }
.process-1024 { margin-top: 0px; }
.why-rajkot .choose-photo { height: 200px; }
.rajkot-executive h3 { min-height: 30px;}
.mumbai-service h2 { margin-top: 0; }
.mumbai-service  { padding-top: 50px; padding-bottom: 50px; }
.mumbai-service h3 { margin-bottom: 50px;}
.why-choose-mumbai h2 { margin-top: 0; }
.why-choose-mumbai { padding-top: 50px; padding-bottom: 50px;}



}

@media (max-width: 570px) { 
.content { max-width: 215px; } 
.key-box { max-width: 300px; margin: auto; margin-bottom: 20px; } 
.key-box { box-shadow: 4px -12px 37px -3px rgb(212, 212, 212); }
h2 { font-size: 28px;}
.banner-second { font-size: 25px; line-height: 25px;}
.banner-third { font-size: 20px; line-height: 20px; }
.second-box { height: 30px;}
.banner-fourth { font-size: 25px; line-height: 25px;}
.banner-btn { gap: 10px; margin-top: 20px; }
.recruitment { margin: 40px 0 0 0;}
.black-line { max-width: 276px; width: 100%; text-align: center; }
.header-cont { margin-top: 20px;}
.phone-first { margin-bottom: 10px; }
.phone-text { margin-bottom: 20px; }
.corporate-right { bottom: -40px;}
.recruitment-text ul li a { font-size: 14px; }
.process-box { margin-bottom: 20px; }
.industries { margin-top: 30px;}
.content-inner p { font-size: 12px; line-height: 16px; }
.content { height: 50px; }
.inner-page h2 { margin-bottom: 10px; margin-top: 20px;}
.inner-page p { margin-bottom: 15px; }
.photo-box-round { width: 300px; height: 300px;}
.photo-box-round img { width: 270px; height: 270px;}
.why-choose-box { padding: 20px; border-radius: 10px; }
.choose-photo { height: 160px;}
.choose-small-round { left: 10%;  width: 20vh; height: 20vh; border: solid 3vh #e8eff7;}
.choose-big-round { width: 20vh; height: 20vh; border: solid 4vh #edf6f8;}
.page-header button { height: 60px; }
.it-staff { display: inline-block; }
.developer-photo { margin-bottom: 50px;}
.areas-box h2 { margin-top: 0; }
.areas { padding: 50px 0; margin-top: 50px; }
.clients { margin-top: 50px; }
.executive h2 { margin-top: 0;}
.core-expertise h2 { margin-top: 0; }
.prospecting-box { width: 100%;}
.sales-team img { height: 300px;}
.impact-effective h2 { margin-top: 0; }
.impact-effective p { margin-bottom: 0;}
.clients-box { padding: 50px 30px; }
#footer-button { bottom: 70px; width: 40px; height: 40px; }
#footer-button::after { font-size: 1em; line-height: 40px;  }
.companies-hiring h2 { margin-top: 0;}
.map { height: 300px;}
.contact-form { padding: 20px 20px; }
.contact-banner h3 { font-size: 20px;}
.contact-banner-data h4 { font-size: 20px;}
.contact-banner-data p { margin-top: 10px; }
.delivered-work-box p { margin-bottom: 0;}
.client-box .core-expertise-box img { height: 25px;}
.login-box-header img { height: 60px;}

.search-jobs-box .input-group {
  display: block;
  flex-wrap: wrap;
}
.search-jobs-box input { width: 100% !important; margin-bottom: 10px; border-radius: 10px !important; }
.job-boeder { border: 0; }
.job-boeder {
  border-left: 0 !important;
  padding-left: 0 !important;
}

.search-jobs-box {
  background-color: transparent;
  border: 0;
  border-radius: 0px;
  padding: 10px 10px 10px 10px;
  
}

.search-jobs-box svg { display: none; }
.search-jobs p { height: 50px; }
.search-jobs .red-btn { width: 100%; }
.why-rajkot .choose-photo { height: 150px; }


}