/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');


.hrabut-sec { padding: 9.7rem 0; position: relative; z-index: 1; overflow: hidden; }
.hrabut-sec:before { width: 100%; height: 100%; top: -20rem; z-index: -1; position: absolute; background-repeat: no-repeat; background-position: top center; background-size: cover; }
.hrabut-sec .h-line { margin: 10rem 0; }
.hrcounter-outer { gap: 20px; }
.hrcounter-col { width: calc(25% - 15px); }
.hrcount-val { font-size: 80px; line-height: 100%; margin-bottom: 2.4rem; }
.hrabut-lf .hero-text p:last-child { margin-bottom: 0; }
.hrabut-lf .hero-text { margin-bottom: 0; }

.logo-img.slick-slide { margin: 0px 20px; display: flex; justify-content: center; align-items: center; }
.logo-img.slick-slide > img { display: inline-block; }
.logo-slider .slick-list, .logo-slider .slick-track { display: flex; }

.ourstory-sec { padding: 10rem 0rem; }
.ourstory-lf h2 { font-size: 50px; line-height: 100%; font-weight: 400; }
.ourstory-lftxt { font-size: 30px; line-height: 36px; }
.ourstory-lf { width: 50%; }
.ourstory-rgth { width: 42%; }  
.ourstory-imges { gap: 15px; padding-top: 10rem; }
.ourstory-imgcols { padding-top: 32%; width: calc(33.33% - 10px); background-repeat: no-repeat; background-size: cover; background-position: top center; }

.awards-sec { padding: 5.1rem 0rem; }
.awards-content { margin: 0px 11px; display: flex !important; justify-content: center; align-items: center; }
.awards-list { position: relative; padding-left: 50px; font-size: 15px; line-height: 100%; }  
.awards-slider button.slick-arrow { width: 66px; height: 66px; background: #E6E6E9; font-size: 0; border-radius: 50% !important; box-shadow: 0px 4px 4px 0px #00000040; top: 50%; position: absolute; transform: translateY(-50%); z-index: 1; }
.awards-slider button.slick-arrow:before, .team-slider button.slick-arrow:before { content: ''; background: url(https://9232031.fs1.hubspotusercontent-na1.net/hubfs/9232031/Assets%20MM%20Website%20-%202025/arrow.svg) no-repeat center / contain; width: 25px; height: 28px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-left: -3px; }
.awards-slider button.slick-arrow.slick-prev {left: -86px;}
.awards-slider button.slick-arrow.slick-next {right: -86px;}
.awards-slider button.slick-next:before, .team-slider button.slick-next:before { transform: translate(-50%, -50%) rotate(180deg); margin-left: 3px; }
.awards-slider button.slick-arrow:hover, .team-slider button.slick-arrow:hover { background: #FF5E52; }
.awards-slider button.slick-arrow:hover:before, .team-slider button.slick-arrow:hover:before { filter: brightness(0) invert(1); }
.awards-content:not(last-child) .awards-list:before { content: ''; width: 28px; height: 28px; background: url(https://9232031.fs1.hubspotusercontent-na1.net/hubfs/9232031/icon.svg) no-repeat center / contain; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.awards-slider .slick-list, .awards-slider .slick-track { display: flex; }

.team-sec { padding: 9.5rem 0 10rem; }
.team-heading { margin-bottom: 52px; }
.team-img { background-position: top center; background-size: cover; background-repeat: no-repeat; border-radius: 3px; padding-top: 100%; margin-bottom: 20px; }
.team-col { margin: 0 7.5px; }  
.team-slider button.slick-arrow { width: 66px; height: 66px; background: #E6E6E9; font-size: 0; border-radius: 50% !important; box-shadow: 0px 4px 4px 0px #00000040; top: calc(40% - 20px); position: absolute; transform: translateY(-50%); z-index: 1; }
.team-slider button.slick-arrow.slick-prev {left: -80px;}
.team-slider button.slick-arrow.slick-next {right: -80px;}
.team-name { font-weight: 700; }
.team-linked { padding-top: 26px; }
.team-linked a { text-decoration: none; display: flex; align-items: center; gap: 9.5px; transition: all 0.15s linear; }
.team-linked a > svg path { transition: all 0.15s linear; }

.location-sec { padding: 10rem 0 11rem; }
.location-heading { margin-bottom: 93px; }
.location-row { column-gap: 14px; row-gap: 50px; }
.location-col { width: calc(33.33% - 9.66px); }
.location-content { padding-bottom: 31px; flex-grow: 1; }
.location-content h3 { margin-bottom: 9px; }
.location-text p:last-child { margin-bottom: 0; }
.location-text a { color: inherit; text-decoration: none; vertical-align: unset; }
.location-iframe { position: relative; padding-top: 77.66%; }
.location-iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.location-expand { padding-top: 40px; }

.commitment-sec { padding: 10rem 0 12.3rem; position: relative; z-index: 1; }
.commitment-sec:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: bottom right; z-index: -1; }
.commitment-txt { font-size: 30px; line-height: 36px; }
.commitment-txt p:last-child { margin-bottom: 0; }
.commitment-lf { width: 48%; }
.commitment-rgth .button-style:not(:last-child) { margin-bottom: 15px; }
.commitment-rgth .button-style a { min-width: 299px; }

.contacta-sec { padding: 9.8rem 0 9.2rem; position: relative; z-index: 1; }
.contacta-inn { max-width: 600px; margin: 0 auto; }
.contacta-btn { margin-top: 45px; }
.contacta-inn h2 { margin-bottom: 10px; }
.contacta-shape { position: absolute; right: 0; bottom: 0; z-index: -1; }
.contacta-txt p: last-child { margin-bottom: 0;}


.keymilest-sec { padding: 10rem 0 5.5rem; position: relative; z-index: 1; }
.keymilest-heading { margin-bottom: 8.3rem; }
.keymilest-step { font-size: 80px; line-height: 100%; margin-bottom: 0.8rem; font-weight: 800; }
.keymilest-inn h3 { font-weight: 700; margin-bottom: 17px; }
.keymilest-top .keymilest-col {width: 21.66%;position: relative;}
.keymilest-top { padding-bottom: 12.4rem; position: relative; }
.keymilest-top:before {content: '';position: absolute;bottom: 0;width: calc(100% - 266px);border-bottom: 3px solid #FFFFFF;left: 50%;transform: translateX(-50%);}
.keymilest-top span.dots-line { width: 3px; height: 66px; position: absolute; background: #fff; bottom: -12.4rem; left: 50%; transform: translateX(-50%); }
.keymilest-top span.dots-line:before { content: ''; width: 30px; height: 30px; position: absolute; bottom: -14px; background: #fff; border-radius: 50%; left: 50%; transform: translateX(-50%); }
.keymilest-top span.dots-line:after { content: ''; width: 16px; height: 16px; background: #fff; position: absolute; border-radius: 50%; top: 0; left: 50%; transform: translateX(-50%); }
.keymilest-bottom { padding-top: 3.4rem; padding-bottom: 1.5rem; position: relative; flex-direction: column; }
.keymilest-bottom:before { content: ''; position: absolute; width: 3px; height: 100%; background: #ffffff; left: 50%; transform: translateX(-50%); top: 0; }
.keymilest-sec.katcollap .keymilest-bottom:after { content: ''; position: absolute; width: 16px; height: 16px; background: #fff; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 50%; }
.keymilest-bottom .keymilest-col { width: 50%; position: relative; }
/* .keymilest-bottom .keymilest-col:not(:first-child){ margin-top: 12.6rem; } */
.keymilest-bottom .keymilest-col:not(:first-child) { margin-top: -27px; }
.keymilest-content { max-width: 300px; margin: 0 auto; }
.keymilest-bottom span.dots-line { width: 66px; height: 3px; position: absolute; background: #fff; top: 50%; transform: translateY(-50%); right: 0; }
.keymilest-bottom .keymilest-col:nth-child(even) span.dots-line { left: 0;  }
.keymilest-bottom span.dots-line:before { content: ''; width: 30px; height: 30px; position: absolute; background: #fff; border-radius: 50%; top: 50%; transform: translateY(-50%); right: -15px; }
.keymilest-bottom .keymilest-col:nth-child(even) span.dots-line:before { left: -15px; }
.keymilest-bottom span.dots-line:after { content: ''; width: 16px; height: 16px; background: #fff; position: absolute; border-radius: 50%; top: 50%; left: 0; transform: translateY(-50%); }
.keymilest-bottom .keymilest-col:nth-child(even) span.dots-line:after { left: auto; right: 0; }
.keymilest-bottom .keymilest-col:nth-child(odd) { align-self: flex-start; }
.keymilest-bottom .keymilest-col:nth-child(even) { align-self: flex-end; }
.keymilest-expand { padding-top: 9rem; position: relative; z-index: 1; }
.expand-btn { display: flex; justify-content: center; align-items: center; gap: 20px; margin: 0 auto; } 
.expand-btn.show > svg { transform: rotate(180deg); }
.keymilest-sec:after { content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 24.61%, #000000 41.01%); position: absolute; width: 100%; min-height: 321px; left: 0; bottom: 0; }
.keymilest-sec.katcollap:after { opacity: 0; visibility: hidden; }

.faqsec { position: relative; z-index: 1; }
.faqsec:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background-size: cover; background-position: bottom center; background-repeat: no-repeat; }
.faqheading { margin-bottom: 5.2rem }
.faqanswer { display: none; }
.faqcol { padding: 1.5rem 3rem; background: #fff; margin-bottom: 1rem; border-radius: 3px; }
.faquestion { font-weight: 700; font-size: 18px; line-height: 100%; cursor: pointer; }
.faqicon { transition: all 0.15s linear; }
.faqcol.faqshow .faqicon { transform: rotate(180deg); }
.faqanswer { font-family: "Rubik", sans-serif; margin-top: 1rem; }
.faqanswer ol { padding-left: 22px; }
.faqanswer ul:last-child, .faqanswer ol:last-child, .faqanswer p:last-child { margin-bottom: 0; }
.faqanswer ol li:not(:last-child) { margin-bottom: 2.2rem; }
.faqanswer.underline ol li, .faqanswer.underline ul li  { text-decoration: underline; }
.faqanswer.underline_rm ol li, .faqanswer.underline_rm ul li{ margin-bottom: 0; text-decoration: underline; }


.hrcareer-inn { max-width: 930px; }
.hrcareer-txt { font-size: 25px; line-height: 100%; }
.hrcareer-btn { margin-top: 4.5rem; }

.jobcard-inn { gap: 27px; }
.jobcard-col { padding: 4.5rem 3rem; width: calc(33.33% - 18px); position: relative; border-radius: 0.3rem; }
.jobmeta { padding-top: 4.5rem; }
.jobshare { position: absolute; top: 10px; right: 10px; cursor: pointer; }
.jobcard-btn { padding-top: 2.5rem; }
.jobcard-btn a { max-width: 100%; }
.jobcard-detail{ padding-bottom: 4.5rem; }
.jobexpand { padding-top: 10rem; }
.joboppsec .jobcard-col { display: none; }
.joboppsec { box-shadow: 0px 10px 15px 0px #00000040; position: relative; }

.mmicon-sec { padding: 6.4rem 0 10.1rem; }
.mmicon-heading { margin-bottom: 10rem; }
.mmicon-icon { margin-bottom: 2.4rem; flex-grow: 1; align-items: flex-end; display: flex; justify-content: center; } 
.mmicon-col { width: 22%; display: flex; flex-direction: column; }
.mmicon-rw { gap: 30px; }
 
.testiprple-quotes { line-height: 100%; margin-bottom: 3.9rem; }
.testiprple-sec { padding: 7.9rem 0 8.4rem; position: relative; z-index: 1; }
.testiprple-inn { max-width: 1048px; margin: 0 auto; }
.testiprple-sec:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background-size: cover; background-repeat: no-repeat; background-position: top center; }

.wrksec { padding: 9.4rem 0 10rem; }
.wrkcol h2 { margin-bottom: 1.7rem; }
.wrkcol:first-child { border-top: 2px solid #88CDF6; }
.wrkcol { padding-top: 4.5rem; border-bottom: 2px solid #88CDF6; padding-bottom: 2rem; }
.wrkcol h3 { margin-bottom: 1.5rem; font-size: 40px; }
.wrkheading { margin-bottom: 4.9rem; }
.wrktxt { max-width: 758px; } 
.wrkno { font-weight: 700; font-size: 50px; line-height: 100%; position: absolute; top: 0; left: 0; }
.wrkcontent { position: relative; padding-left: 10.1rem; }

.believe-row { row-gap: 84px; column-gap: 70px; } 
.believe-col { width: calc(33.33% - 46.66px); }
.believe-icon { margin-bottom: 2.4rem; }
.believe-heading { margin-bottom: 9.2rem; }
.believe-col:nth-child(5n) { width: calc(34.33% - 46.66px); }

.plathr-sec { padding: 9.7rem 0; position: relative; z-index: 1;}
.plathr-lf { width: 44%; }
.plathr-rght { width: 50%; } 
.plathr-vdo { position: relative; padding-top: 56.24%; cursor: pointer; }
.plathr-vdo video { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; border-radius: 3px; }
.plathr-txt {  font-size: 25px; line-height: 1.1; }
.plathr-btn { margin-top: 4.4rem; gap: 15px; }
.plathr-btn .button-style { width: calc(50% - 7.5px); }
.plathr-btn .button-style a { max-width: 100%; }
.plathr-playbtn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }

.plathr-sec:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background-size: cover; background-position: bottom center; background-repeat: no-repeat; }
.usecase-sec { padding: 9.7rem 0 10rem; position: relative; z-index: 1; overflow: hidden; }
.usecase-img { position: relative; padding-top: 100%; background-size: cover; background-repeat: no-repeat; background-position: top center; margin-bottom: 3.5rem; border-radius: 3px; }
.usecase-col { margin:0 0.8rem; }
.usecase-heading { margin-bottom: 4.5rem; }
.usecase-col h3 { margin-bottom: 1.4rem; } 
.shareicon { position: absolute; width: 50px; height: 50px;  top: 10px; right: 10px; }
.usecase-slider button.slick-arrow { width: 66px; height: 66px; background: #E6E6E9; font-size: 0; border-radius: 50% !important; box-shadow: 0px 4px 4px 0px #00000040; top: 35%; position: absolute; transform: translateY(-55%); z-index: 1; }
.usecase-slider button.slick-arrow.slick-prev { left: -86px; }
.usecase-slider button.slick-arrow.slick-next {right: -86px;}
.usecase-slider button.slick-arrow:before { content: ''; background: url(https://9232031.fs1.hubspotusercontent-na1.net/hubfs/9232031/Assets%20MM%20Website%20-%202025/arrow.svg) no-repeat center / contain; width: 25px; height: 28px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-left: -3px; }
.usecase-slider button.slick-next:before{ transform: translate(-50%, -50%) rotate(180deg); margin-left: 3px; }
.usecase-slider button.slick-arrow:hover { background: #FF5E52; }
.usecase-slider button.slick-arrow:hover:before { filter: brightness(0) invert(1); }
.usecase-sec .h-line { margin: 10rem 0; }
.usecase-sec:before { position: absolute; width: 100%; height: 100%; left: 0; bottom: -100px; z-index: -1; background-position: bottom left; background-repeat: no-repeat; background-size: cover; }

.compli-lf { width: 45%; }
.compli-rgth { width: 50%; column-gap: 15px; row-gap: 10px; }
.compli-rgth .button-style { width: calc(50% - 7.5px); }
.compli-rgth .button-style a { max-width: 100%; }
.compli-txt { max-width: 522px; }
.compli-subtxt { margin-bottom: 1.6rem; }

 
.setohr-sec { padding: 9.1rem 0 17.7rem; position: relative; z-index: 1; overflow: hidden; }
.setohr-sec:before { content: ''; position: absolute; width: 50%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: top right; top: -200px; right: -120px; z-index: -1; transform: rotate(19.78deg); }
.setohr-inn { max-width: 767px; }
.setohr-text { font-size: 25px; line-height: 1; }
.setohr-text p:last-child { margin-bottom: 0; }
.wrkcollps-heading { margin-bottom: 5rem; }
.wrkcollps-expand { margin-top: 2.5rem; }
.wrkcollps-col { padding: 7.2rem 0; border-top: 2px solid #88CDF6; display: none; }
.wrkcollps-tile { font-size: 40px; line-height: 100%; width: 48%; }
.wrkcollps-txt { width: 32.33%; }
.wrkcollps-txt p:last-child { margin-bottom: 0; }
 
.paltfun-heading { margin-bottom: 4.3rem; } 
.paltfunbtn { margin-top: 4.5rem; } 
.paltfun-animainn { background: #e7e8ec; border-radius: 10px; padding: 10rem 0.1rem 8rem; }
.paltfun-content p:last-child { margin-bottom: 0; }
.paltfun-txt { display: none; font-size: 12px; line-height: 1.2; background: #fff; padding: 10px; border-radius: 5px; box-shadow: 0px 0px 10px rgb(0 0 0 / 10%); margin-top: 10px; position: absolute; width: 100%; left: 50%; min-width: 210px; transform: translateX(-50%); z-index: 1; }
.paltfun-col.revers_content .paltfun-txt { bottom: 100%; margin-bottom: 10px; }
.paltfun-tile h4 { font-size: 20px; margin-bottom: 0.5rem; cursor: pointer; }
.paltfun-subtxt { font-size: 12px; font-style: italic; max-width: 160px; line-height: 1; margin: 0 auto; }
.paltfun-icon img { max-width: 70px !important; } 
.paltfun-anima { width: 18%; justify-content: center; position: relative; z-index: 1; }
.paltfun-col { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 0px 5px; }
.paltfun-anima:nth-child(2n) { width: 26%; row-gap: 95px; }
.paltfun-anima:last-child { width: 15%; }
.circle-shape { position: absolute; width: 200px; top: 48%; transform: translateY(-50%); z-index: -1; }
.paltfun-col.revers_content { flex-direction: column-reverse; }
.paltfun-anima:nth-child(2) .paltfun-col:not(:last-child) { width: 50%; }
.paltfun-anima:nth-child(4){ row-gap: 95px;}
.paltfun-anima:nth-child(3) .paltfun-col:first-child { margin-top: -180px; margin-left: 80px; }
.paltfun-arrow { position: absolute; top: 50%; transform: translateY(-50%); margin-top: -30px; left: 78%; }
.paltfun-anima:nth-child(3) .paltfun-arrow { left: 72%; }
.paltfun-anima:nth-child(2) .paltfun-arrow, .paltfun-anima:nth-child(4) .paltfun-arrow { left: 85%; } 
.top-shape { position: absolute; top: -22px; right: -42%; z-index: -1; width: 100%; max-width: 220px; }
.paltfun-tile h4:after { content: ''; width: 13px; height: 13px; background: url(https://9232031.fs1.hubspotusercontent-na1.net/hubfs/9232031/Assets%20MM%20Website%20-%202025/bottom-arrow.svg) no-repeat center / contain; display: inline-block; margin-left: 5px; }
.paltfun-col:last-child { margin-top: -10px; } 
.paltfun-tile.tt-active h4:after {     transform: scale(-1); }



.blghrtext { font-size: 25px; line-height: 1.1; max-width: 732px; }
.blghrtext p:last-child { margin-bottom: 0; }
.blghrbtn { margin-top: 2.4rem; }


.nwblglst-img {  background-size: cover; background-position: top center; background-repeat: no-repeat; }
.nwblglst-furcontent { padding: 10rem; background: #1D1932; width: 50%; }
.nwblglst-furcontent { padding: 10rem; background: #1D1932; width: 50%; padding-left: calc((100% - 1240px) / 2); }
.nwblglst-tag { margin-bottom: 4.5rem; line-height: 100%; }
h2.nwblglst-title { font-weight: 400; font-size: 30px; line-height: 36px; margin-bottom: 2.4rem; }
h2.nwblglst-title a { text-decoration: none; }
.nwblglst-furcontent .button { margin-top: 4.5rem; }
.nwblglst-featur { padding: 9rem 0; position: relative; z-index: 1; }
.nwblglst-featur .nwblglst-img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; }
.nwblglst-row  { column-gap: 16px; row-gap: 25px; }
.nwblglst-col { width: calc(50% - 8px); background: #1D1932; border-left: 13px solid #FF5E52; border-radius: 3px; padding: 5.9rem 8.6rem; }
.nwblglst-col .button { margin-top: 8rem; }
.nwblglst-col.fullpost { width: 100%; padding: 0; }
.nwblglst-col.fullpost > div { width: 50%; }
.nwblglst-col.fullpost .nwblglst-content-box { padding: 5.9rem 8.6rem;  }
.nwblglst-content-box { height: 100%; display: flex; flex-wrap: wrap; align-content: space-between; }
.nwour-title { margin-bottom: 4.5rem; }
.nwblglst-content-box .button-style { width: 100%; }
.nwblg-bm h3.ncs-tile a { text-decoration: none; }
.nwblglst-bottom { padding: 8.8rem 0 10rem; }
.nwblg-bm { row-gap: 100px; }
.nwblg-bm .ncs-block { margin-bottom: 0 ;}
.nwblglst-title a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.nwblglst-summary  { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }



.blgnw-pstimage img { width: 100%; max-height: 662px; object-fit: cover; }
.blgpst-nwsec { position: relative; overflow: hidden; z-index: 1; }
.blgpst-nwsec:before { content: ''; position: absolute; width: 100%; height: 100%; background: url(https://9232031.fs1.hubspotusercontent-na1.net/hubfs/9232031/Assets%20MM%20Website%20-%202025/dots-bg.png)no-repeat top left /contain; left: 0; top: -90px; z-index: -1; max-width: 859px; }

















/**************************/
/****** Responsive ********/
/**************************/
@media(min-width: 768px){
  .location-col { display: flex !important; flex-direction: column; }
}

@media(max-width: 1420px) {
  .awards-slider, .team-slider, .usecase-slider { padding-left: 5.2rem; padding-right: 5.2rem; }
  .awards-slider button.slick-arrow.slick-prev, .team-slider button.slick-arrow.slick-prev, .usecase-slider button.slick-arrow.slick-prev { left: -16px; }
  .awards-slider button.slick-arrow.slick-next,  .team-slider button.slick-arrow.slick-next, .usecase-slider button.slick-arrow.slick-next { right: -16px; }
}

@media(max-width: 1280px) {
  .hrcount-val { font-size: 60px; }
  .ourstory-lftxt, .commitment-txt { font-size: 26px; }
  .awards-slider, .team-slider, .usecase-slider { padding-left: 2.8rem; padding-right: 2.6rem; }
  .awards-slider button.slick-arrow.slick-prev, .team-slider button.slick-arrow.slick-prev, .usecase-slider button.slick-arrow.slick-prev { left: -50px }
  .awards-slider button.slick-arrow.slick-next, .team-slider button.slick-arrow.slick-next, .usecase-slider button.slick-arrow.slick-next { right: -50px }
  .keymilest-top .keymilest-col { width: 30.66%; }
  .jobmeta { padding-top: 3rem; }
  .jobcard-detail { padding-bottom: 3rem; }
  .plathr-txt { font-size: 20px; }
  .setohr-sec:before { max-width: 495px; }
  .setohr-inn { max-width: 650px; }
  .mmicon-col { width: 20%; }
  .paltfun-tile h4 { font-size: 17px; }
  .paltfun-icon img { max-width: 60px !important; }
  .paltfun-arrow { left: 72%; }
  .paltfun-arrow svg { width: 75px; }
  .circle-shape { width: 180px; }
  .paltfun-anima:nth-child(3) .paltfun-arrow { left: 72%; } 
  .paltfun-anima:first-child { margin-top: 80px; }
  .paltfun-anima:nth-child(3) { margin-top: 70px; }
  .paltfun-anima:nth-child(2) .paltfun-arrow { margin-top: 5px; left: 89%; }
  .paltfun-anima:last-child { margin-top: 90px;}
  .paltfun-anima:nth-child(4) .paltfun-arrow { margin-top: 5px; left: 88%; }
  .paltfun-anima:nth-child(4) .paltfun-arrow svg { width: 68px; }
  .paltfun-sec .content-wrapper { max-width: 1025px; }
  .top-shape { top: 8px; max-width: 170px; }
  .nwblglst-furcontent { padding: 8rem 6rem;  padding-left: calc((100% - 910px) / 2); }
  .nwblglst-col.fullpost .nwblglst-content-box, .nwblglst-col { padding: 4rem 5.6rem; }
}

@media(max-width: 1024px) { 
  .hrabut-sec .h-line { margin: 6rem 0 7rem; }
  .hrcounter-col { width: calc(50% - 10px); } 
  .team-sec, .location-sec, .commitment-sec, .ourstory-sec { padding: 8rem 0; }
  .ourstory-imges { padding-top: 6rem; }
  .awards-slider, .team-slider { padding-bottom: 102px; }
  .team-slider button.slick-arrow, .awards-slider button.slick-arrow { top: auto; bottom: 0; }
  .team-slider button.slick-arrow.slick-prev, .awards-slider button.slick-arrow.slick-prev { left: 50%; transform: translateX(-50%); margin-left: -50px; }
  .team-slider button.slick-arrow.slick-next, .awards-slider button.slick-arrow.slick-next { left: 50%; transform: translateX(-50%); margin-left: 50px; }
  .commitment-txt, .ourstory-lftxt { font-size: 24px; line-height: 30px; }
  .location-heading { margin-bottom: 60px; }
  .awards-slider, .team-slider { padding-left: 0; padding-right: 0; }
  .keymilest-sec { padding-top: 8rem; }
  .keymilest-step { font-size: 60px; }
  .keymilest-inn h3 { font-size: 24px; }
  .keymilest-content { max-width: 100%; margin-right: 68px }
  .keymilest-bottom .keymilest-col:nth-child(even) .keymilest-content { margin-right: 0px; margin-left: 68px; }
  .keymilest-top:before { width: calc(100% - 220px); }
  .keymilest-heading { margin-bottom: 6rem; }
  .faqsec.p-100 { padding: 8rem; }
  .jobcard-col { width: calc(50% - 13.5px); }
  .mmicon-heading { margin-bottom: 6rem; }
  .mmicon-rw { column-gap: 21px; row-gap: 44px; }
  .mmicon-col { width: calc(50% - 10.5px); }
  .hrcareer-sec.p-100, .believe-sec.p-100,.usecase-sec, .wrksec, .compliance-sec.p-100, .setohr-sec, .wrkcollps-sec.p-100, .paltfun-sec.p-100, .blghr-sec.p-100, .nwblglst-center.p-100, .nwblglst-bottom { padding: 8rem 0; }
  .hrcareer-txt { font-size: 20px; line-height: 100%; }
  .jobexpand { padding-top: 6rem; }
  .plathr-lf, .plathr-rght { width: 100%; }
  .plathr-inn { gap: 20px; }
  .believe-col, .believe-col:nth-child(5n) { width: calc(50% - 35px); }
  .usecase-slider button.slick-arrow { top: 30%; }
  .usecase-slider button.slick-arrow.slick-prev { left: 0; }
  .usecase-slider button.slick-arrow.slick-next { right: 0; }
  .usecase-sec .h-line { margin: 8rem 0; }
  .compli-lf, .compli-rgth { width: 100%; }
  .compli-txt { max-width: 100%; }
  .compli-inn { gap: 30px; }
  .setohr-text { font-size: 20px; }
  .setohr-inn { max-width: 500px; } 
  .wrkcollps-tile { font-size: 30px; }
  .wrkcollps-txt { width: 48%; }
  .wrkcollps-col { padding: 5rem 0; } 
  .wrkcollps-tile br { display: none; }
  
  .paltfun-animainn { flex-direction: column; row-gap: 80px; padding-top: 8rem; }
  .paltfun-anima { width: 100%; margin-top: 0 !important; }
  .paltfun-anima:nth-child(2n), .paltfun-anima:nth-child(4n) { width: 100%; max-width: 380px; }
  .paltfun-arrow { top: 100%; left: 50% !important; margin: 40px 0 0 ; transform: translateX(-50%) rotate(90deg) !important; }
  .paltfun-col:last-child { margin-top: 0; }
  .circle-shape { width: 200px; } 
  .paltfun-anima:nth-child(3) .paltfun-col:first-child { position: absolute; right: 120px; }
  .top-shape { top: 40%; max-width: 180px; transform: rotate(90deg); right: -16%; }
  .paltfun-anima:nth-child(4n) .paltfun-col { width: 100%; }
  .paltfun-anima:nth-child(4) { row-gap: 125px; }
  .paltfun-anima:nth-child(3) { padding: 30px 0px; }
  .paltfun-anima:first-child .paltfun-arrow { top: 110%; }
  .paltfun-arrow svg { width: 90px; }
  .paltfun-anima:nth-child(2) .paltfun-arrow { margin-top: 40px; }
  .paltfun-anima:nth-child(3) .paltfun-arrow { margin-top: 12px; }
  .paltfun-anima:nth-child(4) .paltfun-arrow { margin-top: 30px; }
  .paltfun-sec .content-wrapper { max-width: 750px; } 
  
  .blghrtext { font-size: 20px; }
  .nwblglst-furcontent { padding-left: calc((100% - 700px) / 2); width: 62%;  } 
  .nwblglst-col { width: 100%; }
  .nwblglst-col .button { margin-top: 5rem; }
  .nwblglst-tag.h2 { font-size: 25px; line-height: 100%; margin-bottom: 2.5rem; }
  h2.nwblglst-title { font-size: 25px; line-height: 30px; }
  
}
@media(max-width: 991px){
  .awards-slider, .team-slider { padding-left: 0; padding-right: 0; }
  .location-col { width: calc(50% - 7px); }
}
@media(max-width: 767px) {
  .hrabut-sec { padding: 3.4rem 0 4rem; }
  .hrcounter-col:first-child, .hrcounter-col:nth-child(4n) { width: 100%; }
  .hrcount-val { margin-bottom: 0.9rem; }  
  
  .logo-slider { padding: 1.5rem 0; }
  
  .ourstory-sec, .team-sec, .location-sec, .commitment-sec, .keymilest-sec, .plathr-sec, .believe-sec.p-100, .paltfun-sec.p-100, { padding: 3.4rem 0 4rem; }
  .ourstory-heading h2 { margin-bottom: 14px; }
  .ourstory-lf { width: 100%; }
  .ourstory-lftxt { font-size: 20px; font-weight: 700; line-height: 1.2; }
  .ourstory-rgth { font-size: 15px; width: 100%; }
  .ourstory-imges { padding-top: 0rem; } 
  .ourstory-imgcols { width: calc(50% - 7.5px); padding-top: 46.66%; }
  .ourstory-imgcols:nth-child(3n) { width: 100%; padding-top: 97.7%; }
  .team-slider { margin: 0px -25px; }
  .team-heading { margin-bottom: 36px; }

  .location-heading { margin-bottom: 27px; text-align: left !important; }
  .location-col { width: 100%; display: none;}
  .location-content h3 { margin-bottom: 16px; }
  .location-text { font-size: 15px; }
  .location-expand a { display: flex; justify-content: center; align-items: center; gap: 20px; max-width: 100%; } 
  .location-expand a.active > svg { transform: rotate(180deg); }
  
  .commitment-lf { width: 100%; margin-bottom: 36px; }
  .commitment-rgth { width: 100%;} 
  .commitment-rgth .button-style a { min-width: 100%; width: 100%; }
  .commitment-txt { font-size: 20px; line-height: 100%; }
  
  .team-heading h2 { font-size: 20px; }
  .contacta-sec.p-100 { padding: 3.3rem 0 15rem; }
  .contacta-btn { margin-top: 37px; }
  .contacta-inn h2 { margin-bottom: 13px; }
  .contacta-shape { max-width: 196px; }
  .awards-slider .slick-list { padding-right: 110px; margin: 0 -25px; } 
  
  .keymilest-heading { margin-bottom: 3.2rem; }
  .keymilest-top:before { display: none; }
  .keymilest-top { padding-bottom: 0; flex-direction: column; }
  .keymilest-top .keymilest-col:first-child { width: 100%; max-width: 300px; margin: 0 auto; padding-bottom: 9.2rem; }
  .keymilest-top .keymilest-col:first-child .dots-line:after { display: none; }
  .keymilest-top .keymilest-col:first-child .dots-line {  bottom: 0; transform: translateX(-50%) rotate(180deg); }
  .keymilest-top .keymilest-col:nth-child(odd) { width: 50%; align-self: flex-end; padding-left: 1.5rem;  }
  .keymilest-top .keymilest-col:nth-child(even) { width: 50%; align-self: flex-start; padding-right: 1.5rem;  } 
  .keymilest-top .keymilest-col:not(:first-child) span.dots-line { transform: rotate(-90deg); left: auto; right: 43px; top: -40px; height: 92px; }
  .keymilest-top .keymilest-col:nth-child(odd):not(:first-child) span.dots-line { transform: rotate(90deg); left: 43px; }
  .keymilest-top .keymilest-col:not(:first-child):before { content: ''; position: absolute; width: 3px; height: 100%; top: 0; right: 0; background: #fff; transform: translateX(1.5px); }
  .keymilest-top .keymilest-col:nth-child(odd):before { left: 0; transform: translateX(-1.3px);}
  .keymilest-bottom { padding-top: 0; }
  .keymilest-bottom .keymilest-col:not(:first-child) { margin-top: 0; }
  .keymilest-content {  margin-right: 0; padding-right: 1.5rem; }
  .keymilest-bottom .keymilest-col:nth-child(even) .keymilest-content { padding-right: 0px; margin-left: 0;  padding-left: 1.5rem; }
  .keymilest-bottom span.dots-line { top: 0px; transform: none; width: 92px; }
  .keymilest-inn h3 { font-size: 20px; margin-bottom: 10px; }
  .keymilest-text { font-size: 15px; }
  .keymilest-col { padding-top: 20px; padding-bottom: 3.7rem; }
  
  .faqsec.p-100 { padding: 3.5rem 0 4rem; }
  .faqsec:before { transform: rotate(180deg); }
  .faqheading { margin-bottom: 3.2rem; }
  .faqcol { padding: 1rem 1.5rem }
  .faqanswer, .faquestion { font-size: 15px; }
  
  .hrcareer-inn h1 br { display: none; }
  .hrcareer-sec.p-100 { padding: 3.2rem 0 4rem; }
  .hrcareer-txt { font-size: 15px; line-height: 100%; }
  .hrcareer-btn { margin-top: 3.7rem; }
  .jobcard-col { width: 100%; padding: 3.5rem 2.6rem 3.7rem; font-size: 15px; line-height: 1.15; }
  .jobcard-col h4 { margin-bottom: 3.5rem; }
  .jobshare svg { width: 43.2px; height: 43.2px; }
  .jobmeta { padding-top: 2.1rem; }
  .jobcard-detail { padding-bottom: 2.1rem; }
  .jobcard-inn { gap: 25px; } 
  .jobexpand { padding-top: 3.5rem; } 
  
  .mmicon-sec { padding: 3.4rem 0 3.6rem; }
  .mmicon-title h3 { font-size: 2rem; }
  .mmicon-icon { margin-bottom: 2rem; }
  .mmicon-icon img { max-width: 87px !important; }
  .testiprple-inn { text-align: center; }
  .testiprple-sec { padding: 5.5rem 0; }
  .testiprple-quotes { margin-bottom: 3.1rem; }
  
  .plathr-lf h1 br { display: none; }
  .plathr-txt { font-size: 16px; } 
  .plathr-lf h1 { margin-bottom: 1rem; }
  .plathr-btn { margin-top: 4rem; }
  .plathr-btn .button-style { width: 100%; }
  .plathr-vdo { margin: 0px -25px; }
  
  .wrksec { padding: 3.8rem 0 4rem; }
  .wrkheading { margin-bottom: 3.9rem; }
  .wrktxt, .believe-txt { font-size: 15px; line-height: 100%; }
  .wrkcol h3 { font-size: 35px; padding-left: 7.4rem; }
  .wrkcontent { padding-left: 0; }
  .wrkno { font-size: 35px; }
  .wrkcol { padding-top: 3.2rem; }
  
  .believe-heading { margin-bottom: 3.3rem; }
  .believe-row { gap: 38px; }
  .believe-col, .believe-col:nth-child(5n) { width: 100%; padding: 0px 10px; }
  .believe-icon { margin-bottom: 1.7rem; }
  .believe-col h3 { margin-bottom: 0.5rem; }
  
  .usecase-heading h2 { font-size: 2rem; }
  .usecase-slider  { padding: 0; }
  .shareicon, .shareicon svg { width: 43px; height: 43px; }
  .usecase-sec .h-line { margin: 3.7rem 0; }
  .usecase-sec { padding: 3.6rem 0 4rem; }
  .usecase-img { margin-bottom: 4.8rem; min-height: 327px; padding: 0; }
  .usecase-slider button.slick-arrow { top: 290px; left: 50%; transform: translateX(-50%); }
  .usecase-slider button.slick-arrow.slick-prev { left: 50%; margin-left: -54px; }
  .usecase-slider button.slick-arrow.slick-next { right: 50%; margin-left: 54px; }
  .usecase-txt, .usecase-faqtxt, .wrkcollps-txt { font-size: 15px; line-height: 100%; }
  
  .compliance-sec.p-100, .wrkcollps-sec.p-100 { padding: 3.5rem 0 4rem; }
  .compli-txt { font-size: 15px; line-height: 100%; }
  .compli-rgth .button-style { width: 100%; }
  .compli-subtxt { font-size: 2rem; line-height: 100%; }
  .compli-inn { gap: 8px; }
  
  .setohr-sec { padding: 3.4rem 0 3.7rem; }
  .setohr-text { font-size: 15px; line-height: 115%; }
  .setohr-sec:before { max-width: 210px; top: -110px; right: -60px; }
  .wrkcollps-heading h2 { font-size: 25px; }
  .wrkcollps-heading { margin-bottom: 3.5rem; }
  .wrkcollps-tile { width: 100%; margin-bottom: 13px; font-size: 35px; }
  .wrkcollps-txt { width: 100%; }
  .wrkcollps-col { padding: 3.2rem 0 3.8rem; }
  
  
  .paltfun-animainn { padding: 3rem 0; max-width: 430px; margin: 0 auto; }
  .paltfun-anima:nth-child(3) .paltfun-col:first-child { right: 34px; }
  .paltfun-tile h4 { font-size: 15px; }
  .top-shape { top: 44%; max-width: 150px; right: -7%; }
  .paltfun-anima:nth-child(3) .paltfun-col:first-child { right: 22px; margin-top: -190px; } 
  .paltfun-heading { margin-bottom: 2rem; }
  
  .blghr-sec.p-100 { padding: 6rem 0 6.2rem; }
  .blghrtext { font-size: 15px;}
  .nwblglst-furcontent { width: 100%; padding: 5rem 2.5rem; }
  .nwblglst-tag.h2 { font-size: 20px;  } 
  .nwblglst-featur h2.nwblglst-title { font-size: 20px; line-height: 26px; margin-bottom: 2rem; }
  .nwblglst-summary { line-height: 23px; }
  .nwblglst-featur { padding: 0; }
  .nwblglst-featur .nwblglst-img { position: static; min-height: 555px; }
  .nwblglst-center.p-100, .nwblglst-bottom { padding: 5rem 0;  }
  .nwblglst-col { padding: 5rem 3.2rem 5rem 3.8rem; }
  .nwblglst-col .button { margin-top: 3.2rem; }
  .nwblglst-bottom .nwour-title h2 { font-size: 20px; line-height: 26px; }
  .nwour-title { margin-bottom: 1.4rem; }
  .nwour-title h2 > span { display: block; }
}
 

@media(max-width: 480px){
  .usecase-heading h2 { max-width: 281px;  margin: 0 auto 3.6rem; }
  .paltfun-animainn { max-width: 270px; }
  .paltfun-anima:nth-child(3) .paltfun-col:first-child { margin-top: -100px; right: 5px; }
  .top-shape { width: 96%; border-top: 2px dashed #92d6fd; height: 4px; top: 62%; max-width: 100%; right: -38%; }
  .top-shape > img { display: none; }
  .top-shape:before { content: ''; top: 3px; position: absolute; left: 0; width: 2px; height: 20px; border-left: 2px dashed #92d6fd; }
  .top-shape:after { content: ""; position: absolute; right: -10px; top: -6px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #80caff; }

  .nwblglst-row { margin: 0 -2.5rem; }
}