body{background-color: #F7FBFF !important;}
/* ...................................................Index..................................... */
/* Header */
.header{margin-top: 50px;}
.header .container-fluid{padding-left: 0; padding-right: 0;}
.nav-item a{font-family: "Inter", sans-serif; font-size: 20px; font-weight:500; color: black;}
.navbar-nav .nav-link.active {text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.nav-item{padding: 0 0 0 20px;}
.header p{font-size: 20px; font-family: "Inter", sans-serif; text-align: center;  transform: translateX(65%); white-space: nowrap;}
/* Claimr - SuiteOp - Officekit */
.main-container{  display:flex;  justify-content:center;   align-items:center;  }
.body-contents{ max-width:1200px; width:100%;}
.portfolio-thumb{margin-top: 100px; padding-bottom: 40px;}
.portfolio-thumb .row{ align-items: center;}
.portfolio-thumb h3{padding-top: 20px; font-size: 30px; font-weight: 500; font-family: "Inter", sans-serif;}
.portfolio-thumb p{color: #595959; font-size: 16px; font-family: "Open Sans", sans-serif;}
.portfolio-thumb a{color: black; font-size: 16px; font-family: "Open Sans", sans-serif; text-decoration: none;}
.portfolio-thumb a:hover{text-decoration: underline; color: black;}
.suiteop-thumb{margin-top: 120px;}
/* Footer */
.footer hr{color: #8a8a8a; margin-top: 100px; margin-bottom: 60px;}
.footer h5{font-size: 25px;font-weight: 500; font-family: "Inter", sans-serif;}
.footer p{font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif; color: #595959; padding-top: 15px; padding-bottom: 15px;}
.footer-info a{font-size: 16px; font-family: "Inter", sans-serif; border: 1px solid#E5E5EA; border-radius: 10px; padding: 10px; color: black;text-decoration: none; transition: 0.4s;}
.footer-info a:hover{background-color: #2A69B1; border: 1px solid #2265B6; color: #fff;}
.copyright{display: flex; padding-top: 95px; padding-bottom: 120px;}
.copyright p{color: black; font-size: 16px; font-family: "Inter", sans-serif;}
.copyright span{  margin-top: 15px; margin-left: 30px; margin-right: 30px;}
.copyright a{text-decoration: none;}
/* ................................................Claimr-case-study.................................. */
/* Claimr */
.case-study{margin-top: 60px; background-color: #fff;}
.case-study-intro {padding-top: 80px;}
.case-study-intro span{font-size: 14px; font-family: "Inter", sans-serif; border: 1px solid#dedede; border-radius: 10px; padding: 8px 15px; }
.case-study-intro h1{font-size: 100px; font-family: "Inter", sans-serif; padding-top: 35px; font-weight: 400;}
.case-study-intro p{font-size: 25px; font-family: "Inter", sans-serif; color: #595959;padding-top: 24px;}
.case-study hr{margin-top: 80px;}
.project-overall{padding-top: 59px; padding-bottom: 60px;}
.project-overall span{font-size: 16px; font-family: "Inter", sans-serif; text-transform: uppercase;  color: #595959;}
.project-overall p{font-size: 16px; font-family: "Inter", sans-serif; font-weight: 500; padding-top: 10px;}
/* Overview and My-role */
.overview-goals, .role-focus{margin-top: 100px;}
.overview-goals .row, .role-focus .row{gap: 100px;}
.overview h6, .business-goals h6, .role h6, .focus h6{font-size: 25px; font-family: "Inter", sans-serif; font-weight: 500; padding-bottom: 14px;}
.overview p, .role p{font-size: 16px; font-family: "Inter", sans-serif; color: #595959; padding-bottom: 10px;}
.business-goals i, .focus i{font-size: 25px; color: #595959;}
.business-goals p, .focus p{color: #000;font-size: 16px; font-family: "Inter", sans-serif;   margin-bottom: 12px;}
/* Challenge */
.challenge-bg{background-color: #E8F4FF; margin-top: 70px;}
.challenge{padding-top: 70px;}
.challenge h6{font-size: 25px; font-family: "Inter", sans-serif; font-weight: 500}
.challenge p{font-size: 16px; font-family: "Inter", sans-serif; padding-top: 15px;}
.challenges{padding-top: 40px;}
.challenges span{color: #595959; font-size: 50px; font-family: "Inter", sans-serif; font-weight: bold}
.challenges p{font-size: 16px; font-family: "Inter", sans-serif; font-weight: 500;}
.opportunity {padding-top: 60px; padding-bottom: 90px;}
.opportunity i{color: #34C759; font-size: 55px; padding-top: 5px;}
.opportunity h2{color: #34C759; font-size: 45px; font-family: "Inter", sans-serif; font-weight: 500;}
.opportunity p{font-size: 16px; font-family: "Inter", sans-serif;}
.opportunity img{padding-top: 20px}
/* Understanding-user-needs & Key-insights */
.user-needs-bg{background-color: #fff; margin-top: 70px;}
.user-needs{padding-top: 80px;}
.user-needs h6, .insights h6{font-size: 25px; font-family: "Inter", sans-serif; font-weight: 500; padding-bottom: 37px;}
.user-needs i{font-size: 32px;}
.user-needs p{font-size: 16px; font-family: "Inter", sans-serif;color: #595959;padding-top: 23px; }
.user-needs .row{gap: 36px;}
.user-needs .col-lg-6 .row{padding-bottom: 50px; gap: 50px;}
.insights{padding-top: 30px; padding-bottom: 100px;}
.insights .row{background-color: #F2F2F7; border: 1px solid #E5E5EA; padding:25px 15px; border-radius: 10px;  box-shadow:0 6px 20px rgba(0,0,0,0.08);}
.icon-box{padding-top: 17px;}
.icon-box i{color: #fff; background-color: #595959; padding: 10px 13px; border-radius: 10px; font-size: 30px;}
.insights span{font-size: 20px; font-family: "Inter", sans-serif; font-weight: 500;}
.insights p{font-size: 16px; font-family: "Inter", sans-serif;color: #595959;}
/* Concept-to-relaity */
.concept{padding-top: 80px}
.concept h6{font-size: 25px; font-family: "Inter", sans-serif; font-weight: 500; }
.concept p{font-size: 16px; font-family: "Inter", sans-serif;color: #595959;padding-top: 23px;}
.diagrams{padding-top: 40px; align-items: center;}
.diagrams h6, .wireframe h6{font-size: 20px; font-family: "Inter", sans-serif; font-weight: 500;}
.diagrams p, .wireframe p{font-size: 16px; font-family: "Inter", sans-serif;color: #595959;padding-top:10px; padding-right: 40px;}
.wireframe{padding-top: 80px; align-items: center;}
/* Unified-platform */
.unified-platform {margin-top:149px ;}
.unified-platform p{font-size: 25px; font-weight: 500; font-family: "Inter", sans-serif;}
.web-portal{background-size: cover; overflow: hidden;background-repeat: no-repeat; margin-top: 80px;}
.claimr-web-portal .container-fluid{padding-left: 0; padding-right: 0;}
/* Key-takeaways */
.key-takeaways-bg{background-color: #fff;}
.key-takeaways{padding-top: 140px; padding-bottom: 140px;}
.key-takeaways h4{font-size: 40px; font-family: "Inter", sans-serif; font-weight: 500;}
.key-takeaways h6{font-size: 25px; font-family: "Inter", sans-serif; color: #595959; padding-top: 20px; font-weight: 400; line-height: 37px; padding-bottom: 70px}
.key-takeaways span{font-size: 20px; font-family: "Inter", sans-serif; font-weight: 500; }
.key-takeaways p{font-size: 16px; font-family: "Inter", sans-serif; color: #595959;padding-top: 5px;}
.key-takeaways .row:last-child{padding-top: 30px;}
.key-takeaways .row{gap: 60px;}
/* Links */
.multipages-link-bg{background-color: #595959;}
.multipages-link-bg a{text-decoration: none; color: #fff; font-size: 16px; font-family: "Inter", sans-serif; margin-top: 70px; margin-bottom: 70px;}
.multipages-link-bg a:hover{color: #fff;}
/* ................................................Suitop-case-study.................................. */
/* Hospitality */
.hospitality-bg{background-color: #595959; margin-top: 91px;}
.hospitality h6{font-size: 25px; font-family: "Inter", sans-serif;color: #fff; padding-top: 70px; font-weight: 400 ; padding-bottom: 40px;}
.hospitality h6:last-child{padding-top: 44px; padding-bottom: 62px;}
/* My-role */
.my-role{margin-top: 100px;}
.my-role h6{font-size: 25px; font-family: "Inter", sans-serif; font-weight: 500; padding-bottom: 14px;}
.my-role .row{gap: 100px;}
/* Approach */
.approach-bg{background-color: #fff; margin-top: 70px;}
.approach .col-lg-3{padding-left: 0; padding-right: 0;}
.approach .row{padding-top: 80px; padding-bottom: 80px;}
.approach .col-lg-3:first-child{padding-left: 10px;}
.approach h6{font-size: 25px; font-family: "Inter", sans-serif; font-weight: 500; padding-top: 80px;}
.approach i{font-size: 40px; color: #595959;}
.approach hr{margin-top: 30px; margin-bottom: 30px;}
.approach span{font-size: 20px; font-family: "Inter", sans-serif; font-weight: 500;}
.approach p{font-size: 16px; font-family: "Inter", sans-serif; color: #595959;padding-top: 5px; padding-right: 40px;}
/* Operational-flow */
.operational-flow, .experience-evolution{margin-top: 100px;}
.operational-flow h6, .experience-evolution h6{font-size: 25px; font-family: "Inter", sans-serif; font-weight: 500; }
.operational-flow p, .experience-evolution p{font-size: 16px; font-family: "Inter", sans-serif; color: #595959;padding-top: 10px;}
.operational-flow iframe{padding-top: 40px;}
/* Experience-evolution */
.experience-evolution video{width: 100% !important;}
.experience-evolution img{padding-top: 20px; width: 100%;}
.experience-evolution p:last-child{text-align: center; padding-top: 40px;}
/* Suiteop-image */
.suiteop-image{margin-top: 100px;}
.suiteop-image p{font-size: 25px; font-weight: 500; font-family: "Inter", sans-serif;}
.suite-op-img .container-fluid{padding-left: 0; padding-right: 0;}
/* Key-impact */
.key-impact{padding-top: 140px; padding-bottom: 140px;}
.key-impact h4{font-size: 40px; font-family: "Inter", sans-serif; font-weight: 500;}
.key-impact h6{font-size: 25px; font-family: "Inter", sans-serif; color: #595959; padding-top: 20px; font-weight: 400; line-height: 37px; padding-bottom: 70px}
.key-impact .row h6{color: #000; font-weight: 500; padding-bottom: 10px;   font-size: 25px;}
.key-impact-row-1{gap: 111px; }
.key-impact-row-2{padding-top: 60px}
.key-impact p{font-size: 16px; font-family: "Inter", sans-serif; color: #595959;}
.key-impact-points{padding-top: 10px}
.key-impact-points i{font-size: 25px; color: #595959;}
.key-impact-points p{color: #000; padding-right: 90px;}
.smart-device-management{padding-top: 40px}
.property-monitoring{padding-top: 40px;}
.guest-portal{padding-bottom: 40px;}
.guest-portal img, .designed-for-scale img{border: 6px solid#fff; border-radius: 10px;}
/* Key-learnings */
.key-learnings-bg{background-color: #fff;}
.key-learnings{align-items: center; justify-content: center; padding-top: 90px; padding-bottom: 90px; margin: 0 auto; max-width: 700px;}
.key-learnings h6{font-size: 25px; font-family: "Inter", sans-serif;font-weight: 500;padding-bottom: 25px}
.key-learnings span{font-size: 16px; font-weight: 500; font-family: "Inter", sans-serif; padding-top: 40px;}
.key-learnings p{font-size: 16px; font-family: "Inter", sans-serif; padding-top: 15px; color: #595959; padding-bottom: 20px;}
/* .............................................Officekit-case-study..................................... */
/* Problem */
.problem-bg{background-color: #595959; margin-top: 60px;}
.problem{color: #fff; padding-top: 130px; padding-bottom: 100px;}
.problem h6{font-size: 25px; font-family: "Inter", sans-serif;font-weight: 500; padding-bottom: 30px;}
.problem h3{font-size: 44px; font-family: "Inter", sans-serif;font-weight: bold; padding-bottom: 30px;}
.problem p{font-size: 16px; font-family: "Inter", sans-serif;   line-height: 29px; padding-bottom: 40px;}
.problem span{font-size: 20px; font-family: "Inter", sans-serif;font-weight:500;}
.icon-boxs{padding-top: 17px;}
.icon-boxs i{color: #595959; background-color: #fff; padding: 10px 13px; border-radius: 10px; font-size: 30px;}
/* Employee-lifecycle */
.lifecycle-bg{background-color: #fff; margin-top: 70px;}
.lifecycle{ padding-top: 120px; padding-bottom: 150px;}
.lifecycle h6{font-size: 25px; font-family: "Inter", sans-serif;font-weight: 500; padding-bottom: 30px;}
.lifecycle p{font-size: 16px; font-family: "Inter", sans-serif; color: #595959;}
.lifecycle span{font-size: 16px; font-family: "Inter", sans-serif;  font-weight: 600;}
.short-head{font-size: 16px; font-family: "Inter", sans-serif; color: #000 !important;}
.sub-content{font-size: 12px !important; font-family: "Inter", sans-serif; color: #595959; padding-right: 40px; padding-bottom: 0 !important;}
.highlights span{font-size: 12px; font-family: "Inter", sans-serif; color: #595959; background-color: #F2F2F7; border: 1px solid#E5E5EA; border-radius: 4px; padding: 4px 9px !important; font-weight: 400 !important;}
.highlights span:last-child{display: inline-block; margin-top: 10px;}
.lifecycle .row{padding-top: 70px;}
.lifecycle .row img{padding-bottom: 20px;}
/* Operational-flow */
.operational-flow img{padding-top: 30px;}
/* Officekit-image */
.officekit-image{padding-top: 108px;}
.officekit-image h6{font-size: 25px; font-family: "Inter", sans-serif;font-weight: 500; padding-bottom: 15px;}
.officekit-image p{font-size: 16px; font-family: "Inter", sans-serif; color: #595959; padding-right: 416px;}
.officekit-image p:last-child{padding-top: 10px;}
.Officekit-hr .container-fluid{padding-left: 0; padding-right: 0;}
/* Measurable-results */
.measurable-results-bg{background-color: #fff;}
.measurable-results{padding-top: 120px; padding-bottom: 170px;}
.measurable-results h4{font-size: 40px; font-family: "Inter", sans-serif;font-weight: 500;}
.measurable-results h6{font-size: 25px; font-family: "Inter", sans-serif; color: #595959; font-weight: 400;padding-top: 10px; padding-bottom: 10px;   line-height: 37px;}
.measurable-results .row{padding-top: 50px;}
.icon-boxss{padding-top: 6px;}
.icon-boxss img{background-color: #F2F2F7; border: 1px solid#D1D1D6; border-radius: 10px; padding: 10px; width: 46px;}
.measurable-results span{font-size: 20px; font-family: "Inter", sans-serif;font-weight: 500;}
.measurable-results p{font-size: 16px; font-family: "Inter", sans-serif; color: #595959; font-weight: 400; padding-top: 6px;}
.project{padding-top: 120px;}
.project q{font-style: italic; font-size: 20px; font-family: "Inter", sans-serif; color: #595959; padding-right: 409px; margin-top: 18px; display: inline-block;   padding-left: 30px; border-left: 3px solid; border-image: linear-gradient(to bottom, #6a5cff, #ff4d6d); border-image-slice: 1;}
.project p{padding-top: 50px; padding-right: 460px; line-height: 29px;}
/* ...................................................About........................................ */
/* About-intro */
.about-intro{ min-height:100vh; margin-top: 60px;}
.left-content{  background:#000;  color:#fff;  display:flex;  align-items:center;}
.left-content h3{ font-size:46px; font-weight:600; line-height:1.2; letter-spacing:1px;padding-left: 158px;font-family: "Inter", sans-serif;}
.about-intro .col-lg-6{padding-left: 0; padding-right: 0;}
.about-intro img{width: 100%;}
/* About-content */
.about-contents{max-width:800px; width:100%;}
.about-content p b{font-weight: 600;}
.about-content {margin-top: 140px;}
.about-content h5{font-family: "Inter", sans-serif; font-size:30px; font-weight:600; padding-bottom: 20px;}
.about-content p{font-family: "Inter", sans-serif; font-size:20px; color: #595959; line-height: 28px; padding-top: 20px;}
.believe {padding-top: 90px; font-family: "Inter", sans-serif;}
.believe h5{font-size:30px; font-weight:600; padding-bottom: 20px;}
.believe ul{padding-left: 0; padding-top: 20px;}
.believe li{list-style: none; font-size:20px; }
/* Outside-work */
.outside-work-bg{background-color: #000; margin-top: 80px;}
.outside-work{padding-top: 100px; color: #fff; font-family: "Inter", sans-serif; padding-bottom: 100px !important;}
.outside-work h5{font-size:30px; font-weight:600; padding-bottom: 30px;}
.outside-work p{font-size:20px;line-height: 28px; padding-top:16px ;}
/* //////////////////////////////////////////RESPONSIVE///////////////////////////////////////// */
/* Index */
@media (min-width:0) and (max-width:575.98px){
    .navbar-nav{flex-direction: row !important; margin-top: -80px; float: right;}
    .nav-item a{font-size: 17px;}
    .collapse:not(.show){display: block !important;}
    .navbar-brand img{max-width: 88px;}
    .header{  margin-top: 37px;}
    .header p{transform: translateX(0); font-size: 15px;}
    .body-contents{  max-width: 300px;}
    .portfolio-thumb{      margin-top: 36px;   padding-bottom: 18px;}
    .portfolio-thumb img{padding-top: 30px; order: 1;}
    .portfolio-thumb .col-lg-5{order: 2;}
    .footer hr{  margin-top: 62px;}
    .copyright{display: block;   padding-top: 70px; padding-bottom: 50px;}
    .copyright span{display: none;}
    .copyright p{padding-bottom: 0; padding-top: 0;}
}
@media (min-width:576px) and (max-width:767.98px){
    .navbar-nav{flex-direction: row !important; margin-top: -80px; float: right;}
    .collapse:not(.show){display: block !important;}
    .navbar-brand img{max-width: 100px;}
    .header p{transform: translateX(0); transform: translateY(10px);}
    .body-contents{max-width: 486px;}
    .portfolio-thumb{  margin-top: 63px;   padding-bottom: 18px;}
    .portfolio-thumb img{padding-top: 30px; order: 1;}
    .portfolio-thumb .col-lg-5{order: 2;}
    .footer hr{  margin-top: 62px;}
    .copyright{display: block;   padding-top: 70px; padding-bottom: 50px;}
    .copyright span{display: none;}
    .copyright p{padding-bottom: 0; padding-top: 0;}
}
@media (min-width:768px) and (max-width:991.98px){
    .navbar-nav{flex-direction: row !important; margin-top: -59px;  float: right;}
    .collapse:not(.show){display: block !important;}
    .navbar-brand img{max-width: 100px;}
    .header p{    transform: translateX(-190px); font-size: 17px;}
    .body-contents{    max-width: 699px;}
    .portfolio-thumb{  margin-top: 63px;   padding-bottom: 18px;}
    .portfolio-thumb img{padding-top: 30px; float:none !important;}
    .copyright span{margin-left: 15px; margin-right: 15px;}
    .copyright{  padding-top: 74px;  padding-bottom: 73px;}
}
@media (min-width:992px) and (max-width:1199.98px){
    .header p{transform: translateX(75px);}
    .body-contents{  max-width: 890px;}
}
@media (min-width:1200px) and (max-width:1399.98px){
    .body-contents{  max-width: 990px;}
    .header p{transform: translateX(160px);}
}
/* Claimr */
@media (min-width:0) and (max-width:575.98px){
    .case-study-intro h1{  font-size: 50px;}
    .case-study-intro p{font-size: 23px;}
    .case-study-intro p br{display: none;}
    .case-study hr{  margin-top: 74px;}
    .overview-goals .row, .role-focus .row{gap: 30px;}
    .opportunity h2{font-size: 38px;}
    .opportunity p br{display: none;}
    .opportunity img {width: 82% !important;}
    .role-focus{margin-top: 80px;}
    .role-focus .row{gap: 22px;}
    .insights{  padding-top: 61px;}
    .insights span{font-size: 17px;}
    .claimr-portal-mobile{padding-top: 30px;}
    .unified-platform p br{display: none;}
    .unified-platform p{font-size: 22px;}
    .unified-platform{  margin-top: 91px;}
    .web-portal{  margin-top: 54px;}
    .key-takeaways{  padding-top: 95px; padding-bottom: 95px;}
    .key-takeaways h4{  font-size: 33px;}
    .key-takeaways h6 br{display: none;}
    .key-takeaways h6{font-size: 23px;  padding-bottom: 52px;}
    .key-takeaways .row{gap: 25px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .case-study-intro h1{  font-size: 50px;}
    .case-study-intro p{font-size: 23px;}
    .case-study-intro p br{display: none;}
    .overview-goals .row, .role-focus .row{gap: 40px;}
    .challenges p br{display: none;}
    .opportunity img {width: 82% !important;}
    .user-needs p{  padding-top: 16px;}
    .insights{  padding-top: 61px;}
    .unified-platform p br{display: none;}
    .unified-platform{  margin-top: 91px;}
    .key-takeaways{  padding-top: 95px; padding-bottom: 95px;}
    .key-takeaways h4{  font-size: 33px;}
    .key-takeaways h6 br{display: none;}
    .key-takeaways h6{font-size: 23px;  padding-bottom: 52px;}
    .key-takeaways .row{gap: 25px;}
}
@media (min-width:768px) and (max-width:991.98px){
    .overview-goals, .role-focus{  margin-top: 69px;}
    .overview-goals .row, .role-focus .row{  gap: 33px;}
    .user-needs .col-lg-6 .row{gap: 0;}
    .insights{  padding-top: 61px;}
    .unified-platform{margin-top: 97px;}
    .unified-platform p br{display: none;}
    .key-takeaways{padding-top: 90px; padding-bottom: 90px;}
    .key-takeaways h4{  font-size: 40px;}
    .key-takeaways .row{gap: 15px;}
}
@media (min-width:992px) and (max-width:1199.98px){
    .overview-goals .row, .role-focus .row{  gap: 33px;}
    .challenges p br, .opportunity p br{display: none;}
    .opportunity img{width: 74% !important;}
    .user-needs .col-lg-6 .row{gap: 30px;}
    .key-takeaways{padding-top: 120px; padding-bottom: 120px;}
}
@media (min-width:1200px) and (max-width:1399.98px){
    .overview-goals .row, .role-focus .row{  gap: 80px;}
    .user-needs .col-lg-6 .row{gap: 41px;}
    .key-takeaways{padding-top: 120px; padding-bottom: 120px;}
}
/* Suitop */
@media (min-width:0) and (max-width:575.98px){
    .hospitality .row{ display: grid;  grid-template-columns: repeat(2, 1fr); row-gap: 20px;}
    .my-role .row{gap: 10px;}
    .approach .col-lg-3:first-child{padding-left: 0;} 
    .approach .col-lg-3{padding-top: 25px;}
    .approach hr{margin-top: 22px; margin-bottom: 22px;}
    .suiteop-portal-mobile img{width: 100% !important;}
    .suiteop-image p br{display: none;}
    .key-impact-points p{padding-right: 0;}
    .key-impact{  padding-top: 95px; padding-bottom: 95px;}
    .key-impact h4{  font-size: 33px;}
    .key-impact h6 br{display: none;}
    .key-impact h6{font-size: 23px;  padding-bottom: 52px;}
    .key-impact .row{gap: 25px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .hospitality .row .col-lg-3:nth-child(3), .hospitality .row .col-lg-3:nth-child(4){margin-top: 20px;}
    .my-role .row{gap: 10px;}
    .approach .row{  padding-top: 51px;   padding-bottom: 62px;}
    .operational-flow{margin-top: 85px;}
    .approach hr{margin-top: 22px; margin-bottom: 22px;}
    .approach .col-lg-3:first-child{padding-left: 0;} 
    .approach .col-lg-3{padding-top: 25px;}
    .key-impact .row{gap: 25px;}
    .key-impact-row-2, .smart-device-management, .property-monitoring{padding-top: 0;}
    .key-impact-row-2 .col-lg-6{margin-top: 0;}
    .key-impact{  padding-top: 100px;   padding-bottom: 96px;}
    .key-learnings{padding-bottom: 51px;}
}
@media (min-width:768px) and (max-width:991.98px){
    .my-role .row{gap: 10px;}
    .approach .col-lg-3:first-child{padding-left: 0;} 
    .approach hr{margin-top: 22px; margin-bottom: 22px;}
    .key-impact h6 br{display: none;}
    .key-impact-row-1{gap: 46px;}
    .key-impact{  padding-bottom: 103px;}
}
@media (min-width:992px) and (max-width:1199.98px){
    .my-role .row {  gap: 62px;}
    .key-impact-points p{padding-right: 0;}
    .key-impact-row-2{padding-top: 0;}
    .key-impact-row-2 .col-lg-6:first-child{margin-top: 0;}
}
@media (min-width:1200px) and (max-width:1399.98px){
    .my-role .row {  gap: 62px;}
    .key-impact-points p{padding-right: 0;}
    .key-impact-row-2 {padding-top: 0;}
    .key-impact-row-2 .col-lg-6:first-child{margin-top: 0;}
}
/* Officekit */
@media (min-width:0) and (max-width:575.98px){
    .problem{padding-top: 88px; padding-bottom: 48px;}
    .problem h3{  font-size: 30px;}
    .lifecycle {  padding-top: 83px;   padding-bottom: 97px;}
    .lifecycle h6 br{display: none;}
    .lifecycle .row{gap: 60px;}
    .officekit-image p{padding-right: 0;}
    .measurable-results{padding-bottom: 80px;}
    .measurable-results h4 {  font-size: 33px;}
    .measurable-results h4 br{display: none;}
    .measurable-results h6 {font-size: 23px;}
    .measurable-results h6 br{display: none;}
    .icon-boxss img {width: 83px;}
    .project q{padding-right: 0;}
    .project p{padding-right: 0;}
}
@media (min-width:576px) and (max-width:767.98px){
    .problem{padding-top: 122px; padding-bottom: 72px;}
    .problem p br{display: none;}
    .lifecycle{padding-top: 98px; padding-bottom: 103px;}
    .lifecycle .row{gap: 60px;}
    .officekit-image p{padding-right: 0;}
    .measurable-results{padding-bottom: 80px;}
    .measurable-results h4 {  font-size: 33px;}
    .measurable-results h4 br{display: none;}
    .measurable-results h6 {font-size: 23px; padding-bottom: 40px;}
    .measurable-results h6 br{display: none;}
    .measurable-results p br{display: none !important;}
    .measurable-results .row{padding-top: 0;}
    .icon-boxss img {width: 85px !important;}
    .project q{padding-right: 0;}
    .project p{padding-right: 0;}
}
@media (min-width:768px) and (max-width:991.98px){
    .case-study-intro p br, .problem h3 br{display: none;}
    .problem p br{display: none;}
    .problem{padding-top: 97px;  padding-bottom: 55px;}
    .lifecycle{padding-top: 94px; padding-bottom: 94px;}
    .lifecycle .row{padding-top: 0;}
    .lifecycle .highlights span:last-child{margin-bottom: 40px; display: inline-block;}
    .officekit-image p{padding-right: 0;}
    .measurable-results{padding-bottom: 80px;}
    .measurable-results .row{padding-top: 0;}
    .measurable-results h6 { padding-bottom: 40px;}
    .project q{padding-right: 0;}
    .project p{padding-right: 0;}
}
@media (min-width:992px) and (max-width:1199.98px){
    .problem p br{display: none;}
    .problem{padding-bottom: 50px;}
    .lifecycle{padding-bottom: 115px;}
    .officekit-image p{padding-right: 94px !important;}
    .project q{padding-right: 120px;}
    .project p{padding-right: 112px;}
    .measurable-results{padding-bottom: 80px;}
}
@media (min-width:1200px) and (max-width:1399.98px){
    .officekit-image p{padding-right: 188px;}
    .project q{  padding-right: 249px;}
    .project p{  padding-right: 161px;}
    .measurable-results{padding-bottom: 110px;}
}
/* About */
@media (min-width:0) and (max-width:575.98px){
    .about-intro{  min-height: 92vh;}
    .left-content h3{  font-size: 29px;  padding-left: 39px; padding-top: 30px; padding-bottom: 30px; }
    .left-content{order: 1;}
    .about-intro img{order: 2 !important;}
    .about-contents{max-width:300px; width:100%;}
    .about-content{margin-top: 0;}
    .about-content h5 , .believe h5{  font-size: 27px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .left-content h3{  font-size: 29px;  padding-left: 39px; padding-top: 30px; padding-bottom: 30px; }
    .left-content{order: 1;}
    .about-intro img{order: 2 !important;} 
    .about-contents{max-width:446px; width:100%;}
}
@media (min-width:768px) and (max-width:991.98px){
    .left-content h3{ padding-left: 35px; padding-top: 30px; padding-bottom: 30px; font-size: 37px; margin-bottom: 0;}
    .left-content h3 br{display: none;}
    .left-content{order: 1;}
    .about-intro img{order: 2 !important;} 
    .about-contents{max-width:600px; width:100%;}
}
@media (min-width:992px) and (max-width:1199.98px){
    .left-content h3{  padding-left: 79px;}
    .about-contents{max-width:800px; width:100%;}
    .about-content {margin-top: 0;}
}
@media (min-width:1200px) and (max-width:1399.98px){
    .left-content h3{  padding-left: 50px;}
    .about-contents{max-width:1000px; width:100%;}
    .about-content {margin-top: 50px;}
}