.what-we-do{padding:110px 0} .title-bar { padding-top: 100px; } .business-growth-p1 { padding-bottom: 100px; } .business-growth-p1>.container>.row>.service-padding { padding: 0; } .service-item { padding: 40px 0 0 0; margin: 0; border-right: 0px; position: relative; overflow: hidden; cursor: pointer; text-align: center; transition: padding .5s ease; } .team-section .section-title p { font-size: 15px; line-height: 26px; color: #777; font-weight: 400; margin: 0 auto; max-width: 560px; } .service-item:hover { padding: 20px 0 20px 0; margin: 0; transition: all .5s ease; } .service-item-icon { width: 102px; height: 102px; margin: 0 auto; margin-bottom: 30px; border: 6px solid #f6f6f6; border-radius: 100%; } .service-item-icon i { color: #F59C1A; height: 90px; line-height: 90px; width: 90px; border: 1px solid #e0e0e0; border-radius: 100%; text-align: center; } .service-item:hover .service-item-icon i { color: #fff; background-color: #F59C1A; } .service-item-title h3 { font-size: 20px; text-align: center; font-weight: 400; margin: 0 0 10px 0; text-transform: capitalize; } .service-item-desc p { margin: 20px auto; width: 70%; text-align: center } ul.service-spec { list-style: none; padding-left: 0; margin: 10px 0 40px 0; } ul.service-spec li p { font-weight: 300; text-transform: uppercase; padding-bottom: 10px; } @media (max-width: 767px) { .business-growth-p1 { padding: 0 40px 100px 40px; } } .service-p1-emp-img{ background-size: auto 100%; } .service-p1-emp-desc-d { display: block; } .service-p1-pos { padding: 150px 50px; background: #fff; } .service-p1-pos .service-p1-cont { padding-left: 70px; } .service-p1-pos .service-p1-cont b{ color:#666; } .service-p1-pos .service-p1-cont h3 { font-weight: 700; text-transform: uppercase; padding:5px 0 10px 0; color:#F59C1A; padding-bottom: 15px; } .service-p1-pos .service-p1-cont p { font-size: 1.2em; line-height: 1.5; color:#333; } .slogan{ font-size: 1.2em; color:#01b169;text-align: right; padding-top:1.2em; } @media (max-width: 767px) { .service-p1-emp-desc-u { display: block; } .service-p1-emp-desc-d { display: none; } .service-p1-emp-img { height: 300px; } .service-p1-pos { width: 100%; padding: 50px 50px; background: #fff; } } @media (max-width: 420px) { .service-p1-pos .service-p1-cont { padding-left: 10px; } } @media (min-width: 1600px) { .service-p1-pos .service-p1-cont p { font-size: 16px; } } .service-p5 .title-bar h1 { color: #fff; text-align: center; font-weight: 700; margin: 20px auto 10px auto; } .service-p5 .what-we-desc { text-align: center; padding: 0 10px; color: #fff; } .service-p5 .what-we-desc i { float: none; font-size: 65px; height: 85px; line-height: 85px; } .service-p5 .what-we-desc h4 { text-transform: uppercase; } .service-p5 .what-we-desc h4, .service-p5 .what-we-desc p { color: #fff; } .service-p6 { padding: 100px 0; } .service-p6 .service-p6-cont { padding-top: 10px; padding-left: 50px; } .service-p6 .service-p6-cont h2{ font-size: 28px; font-weight: 700; text-transform: uppercase; color:#555; } .service-p6 .service-p6-cont p{ padding-bottom: 20px; } @media (max-width: 767px) { .service-p6 .service-p6-cont { padding-left: 20px; } } @media (min-width: 1600px) { .service-p5 .what-we-desc p { font-size: 16px; } .service-p6 .service-p6-cont p{ font-size: 16px; padding-bottom: 20px; } }