File: /var/www/html/old-beta-ccc/v2/assets/css/style.css
.video-responsive {
width: 100%;
}
.small-nav-links {
background: #229FD9;
}
.small-nav-links div {
background: #229FD9;
padding: 4px 0;
text-align: center;
}
.small-nav-links div a {
background: #229FD9;
text-decoration: none;
/* border-bottom: 1px solid #fff; */
}
.small-nav-links div a span {
background: #229FD9;
color: white;
font-size: 20px;
padding-left: 10px;
}
.small-nav-links div a img {
background: #229FD9;
}
a.nav-link {
color: #229FD9;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 23.245px;
text-transform: uppercase;
}
.contact-btn {
color: #FFF;
border-radius: 4px;
border: 1px solid #229FD9;
background: #229FD9;
font-size: 14px;
font-style: normal;
padding: 12px 23px;
justify-content: center;
align-items: center;
font-weight: 700;
line-height: 12.745px;
/* 91.035% */
text-transform: uppercase;
}
nav.navbar.navbar-expand-lg {
background: #FFF;
/* padding: 14px 80px 14px 80px; */
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
}
.navbar-expand-lg {
background: #FFF;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
}
button.btn.contact-btn {
margin-left: 40px;
margin-right: 40px;
}
a.navbar-brand {
margin-left: 40px;
}
li.nav-item {
padding-right: 10px;
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.footer-links-btn {
color: #4E4F4C;
/* font-family: Kanit; */
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
margin-bottom: 16px;
}
.transform-your-business-section {
/* padding: 0% 10%; */
margin-bottom: 100px;
}
.transform-your-business-section div.container-fluid {
/* background-image: url('../images/transform-your-business-section-image.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 24px; */
/* padding-bottom: 100px; */
}
.transform-your-business-section div h4 {
color: #FFF;
/* font-family: Kanit; */
font-size: 39px;
font-style: normal;
font-weight: 500;
line-height: 175.454%;
}
.transform-your-business-section div p {
color: #FFF;
/* font-family: Kanit; */
padding: 20px 90px 20px 0px;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 175.454%;
}
.transform-your-business-section div button {
/* font-family: Kanit; */
color: #229FD9;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 175.454%;
border-radius: 6px;
background: #FFF;
padding: 7px 40px;
justify-content: center;
align-items: center;
gap: 10px;
border-color: #fff;
}
.transform-your-business-section div.transform-col {
padding: 57px 86px 72px 86px;
}
.footer-btn {
color: #303030;
/* font-family: Kanit; */
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}
.footer-section {
background: #C7E7F5;
}
/*.footer-container {
padding: 30px 0 0 0;
}*/
select.form-select.form-select-lg.mb-3.lang-select {
border-radius: 5.955px;
border: 1.191px solid #229ED8;
width: 251.316px;
height: 45.856px;
flex-shrink: 0;
}
.with-partner-txt {
color: #303030;
/* font-family: Kanit; */
font-size: 22px;
font-style: normal;
margin-bottom: 12px;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
text-align: left;
}
section.careers-section {
padding-top: 120px;
}
.footer-last-row {
padding: 0 00px 60px 0;
}
.request-call-input {
background: #C7E7F5;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
margin-bottom: 10px;
padding: 22px 0 22px 0;
}
span.request-a-btn {
background-color: #229FD9;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
color: white;
padding: 22px 27px;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.6px;
}
.request-input {
height: 80px;
flex-shrink: 0;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.ind-txt {
color: #000;
display: inline-block;
/* font-family: Kanit; */
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.28px;
}
.countries-flag-section {
background-color: #229ED8;
margin: 0 0 10px 0;
padding: 24px 84px;
gap: 186px;
}
.countries-col-4 {
background-color: #229ED8;
}
.countries-col {
border-radius: 4px;
/* background: #FFF; */
}
.flags-box {
border-radius: 4px;
padding: 10px;
}
.flags-box img {
margin-right: 5px;
height: 40px;
}
.reviews-section {
border-radius: 75px;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(34, 159, 217, 0.25), 4px 0px 4px 0px rgba(34, 159, 217, 0.25);
padding: 1% 10%;
margin-bottom: 80px;
}
.social-links-row {
padding: 5px 10px;
border-radius: 12px;
border: 1px solid #229FD9;
background: #C7E7F5;
}
.input-group>.form-control {
position: inherit !important;
}
.input-group {
position: inherit !important;
}
.featured-testimonial-section div h2 {
color: #343434;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 54.864px;
text-align: center;
line-height: 1.2em;
margin-bottom: 65px;
}
iframe {
width: 800px;
height: 400px;
margin-bottom: 40px;
}
.featured-testimonial-section {
background-image: url('../images/featured-testimonial-bg-image.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.we-are-ready-section {
background-image: url('../images/we-are-ready-bg-image.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-top: 100px;
}
.get-started-btn {
border-radius: 6.041px;
background: #229FD9;
padding: 11px 79px;
align-items: center;
gap: 10px;
margin-top: 56px;
color: #FFF;
/* font-family: Kanit; */
font-size: 30.204px;
font-style: normal;
font-weight: 500;
line-height: 51.388px;
}
.get-started-btn:hover {
color: #FFF;
}
.we-are-ready-section div h2 {
padding: 56px;
color: #000;
/* font-family: Kanit; */
font-size: 39px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.39px;
}
/* Our Valuable Clients css start */
.slider-main {
height: 150px;
margin: auto;
margin-top: 10px;
/* position: relative; */
width: 100%;
display: grid;
place-items: center;
overflow: hidden;
}
.slide-track-12 {
display: flex;
width: calc(400px * 18);
animation: scroll 40s linear infinite;
}
.slide-track-12:hover {
animation-play-state: paused;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-250px * 9));
}
}
.slide-123 {
height: 100px;
width: 250px;
display: flex;
align-items: center;
padding: 15px;
perspective: 200px;
}
.slide-123 img {
width: 100%;
transition: transform 1s;
border: 1px solid #7A7A7A !important;
}
.slide-123 img:hover {
transform: translateZ(20px);
}
.slider-main::before,
.slider-main::after {
content: '';
height: 100%;
/* position: absolute; */
width: 15%;
z-index: 2;
}
.slider-main::before {
left: 0;
top: 0;
}
.slider-main::after {
right: 0;
top: 0;
transform: rotateZ(100deg);
}
.main-container-section h1 span {
color: #343434;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 54.864px;
}
.main-container-section h1 {
text-align: center;
margin-top: 20px;
font-size: 40px;
margin-bottom: 50px;
}
/* Our Valuable Clients css end */
.border-line {
background: #343434;
margin-left: 45%;
}
hr:not([size]) {
height: 2px;
opacity: 0.8;
width: 140px;
}
.border-nav-line {
background: #fff;
margin-top: 0px !important;
margin-bottom: 0px !important;
/* margin-left: 42%; */
}
.our-valuable-customers-section {
margin-top: 4%;
background: #229FD9;
/* margin-bottom: 150px; */
padding: 70px 70px 70px 44px;
}
.our-valuable-customers h4 {
color: #FFF;
border-left: 2px solid #fff;
padding-left: 30px;
/* font-family: Kanit; */
font-size: 60px;
font-style: normal;
font-weight: 600;
line-height: 62.364px;
}
.industries-we-serve-section.row {
margin-bottom: 20px;
}
.industries-we-serve-section div h3 {
color: #343434;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
text-align: center;
padding-bottom: 30px;
font-weight: 600;
line-height: 44.245px;
/* 110.612% */
}
.health-care-col {
text-align: center;
background-color: #fff;
width: 355px;
/* position: relative; */
height: auto;
border: 2px solid white;
border-top-right-radius: 50px 50px;
border-bottom-left-radius: 50px 50px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
/* filter: drop-shadow(0px 2px 25px rgba(0, 0, 0, 0.25)); */
}
.health-care-col img {
text-align: center;
width: 64px;
margin: 10px 0 0 0;
height: 64px;
flex-shrink: 0;
}
.health-care-col h2 {
color: #229ED8;
margin: 6px 0 0 0;
/* font-family: Kanit; */
font-size: 30px;
font-style: normal;
text-align: center;
font-weight: 600;
line-height: 44.245px;
/* 147.483% */
text-transform: capitalize;
}
.health-care-col p {
color: #343434;
text-align: center;
background-image: url('../images/cloud-2.png');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
/* font-family: Kanit; */
margin: 20px 0 0 0;
padding: 0 16px 56px 16px;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 35.245px;
/* 176.224% */
}
/* h4 {
width: 40.606px !important;
height: 40.606px !important;
transform: rotate(4.068deg);
flex-shrink: 0;
border-radius: 4px;
position: absolute;
left: 34.4%;
border: 2.03px solid #229FD9;
} */
.e-commerce-care-col {
text-align: center;
background-color: #fff;
width: 355px;
position: relative;
height: 342px;
border: 2px solid white;
border-top-left-radius: 50px 50px;
border-bottom-right-radius: 50px 50px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
/* filter: drop-shadow(0px 2px 25px rgba(0, 0, 0, 0.25)); */
}
.e-commerce-care-col img {
text-align: center;
width: 64px;
margin: 10px 0 0 0;
height: 64px;
flex-shrink: 0;
}
.e-commerce-care-col h2 {
color: #229ED8;
margin: 6px 0 0 0;
/* font-family: Kanit; */
font-size: 30px;
font-style: normal;
text-align: center;
font-weight: 600;
line-height: 44.245px;
/* 147.483% */
text-transform: capitalize;
}
.e-commerce-care-col p {
color: #343434;
text-align: center;
background-image: url('../images/cloud-2.png');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
/* font-family: Kanit; */
margin: 20px 0 0 0;
padding: 0 16px 56px 16px;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 35.245px;
/* 176.224% */
}
.second-row-industries-section {
gap: 8%;
/* margin-top: 4%; */
padding-bottom: 40px;
}
.our-salesforce-services-section {
background-image: url('../images/our-salesforce-section-bg.png');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 150px;
margin-top: 10%;
margin-bottom: 10%;
}
section.industries-we-serve-section {
background-image: url('../images/industries-bg-image.png');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.our-salesforce-col-first {
background-color: #C7E7F5;
padding: 35px 22px;
/* border-top-left-radius: 10px; */
}
.our-salesforce-col-first img {
width: 44.047px;
height: 56.688px;
flex-shrink: 0;
margin-right: 4%;
/* margin-right: 30px; */
text-align: left;
}
.our-salesforce-col-first span {
color: #343434;
/* font-family: Kanit; */
font-size: 20px;
font-style: normal;
font-weight: 600;
/* margin-right: 16%; */
line-height: 27.274px;
/* 136.371% */
}
.our-salesforce-col-first p {
color: #4E4F4C;
text-align: center;
font-family: Kanit;
font-size: 16px;
font-style: normal;
margin-top: 6%;
font-weight: 500;
line-height: 20.942px;
/* 130.887% */
}
.our-text-col h4 {
color: #343434;
text-align: right;
/* font-family: Kanit; */
font-size: 40px;
padding-right: 13.4px;
font-style: normal;
font-weight: 600;
line-height: 44.245px;
/* 110.612% */
border-right: 4px solid #00A1E6;
}
.border-radius-col-1 {
border-top-left-radius: 20px;
}
.border-radius-col-2 {
border-top-right-radius: 20px;
}
.border-radius-col-3 {
border-bottom-left-radius: 20px;
}
.border-radius-col-4 {
border-bottom-right-radius: 20px;
}
.turning-your-salesforce-section h4 {
color: #4E4F4C;
/* font-family: Kanit; */
font-size: 40px;
padding: 0 10%;
border-left: 4px solid #00A1E6;
padding-left: 15px;
margin-bottom: 68px;
font-style: normal;
font-weight: 600;
text-align: right;
line-height: 44.4px;
/* 111% */
letter-spacing: 0.8px;
}
.professional-col-1 {
/* border-radius: 10px; */
border-radius: 24px;
background: #FFF;
height: 220px;
box-shadow: 0px 4px 20px 0px rgba(34, 159, 217, 0.25) inset;
padding: 24px 31px 9px 22px;
}
.professional-col-1 h5 {
text-align: left;
margin-bottom: 5px;
color: #229FD9;
/* font-family: Nunito Sans; */
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.professional-col-1 img {
text-align: left;
margin-bottom: 5px;
}
.professional-col-1 p {
color: #343434;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.professional-col-2 {
/* border-radius: 10px; */
border-radius: 24px;
background: #FFF;
height: 250px;
box-shadow: 0px 4px 20px 0px rgba(34, 159, 217, 0.25) inset;
padding: 24px 31px 9px 22px;
}
.professional-col-2 h5 {
text-align: left;
margin-bottom: 5px;
color: #229FD9;
/* font-family: Nunito Sans; */
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.professional-col-2 img {
text-align: left;
margin-bottom: 5px;
}
.professional-col-2 p {
color: #343434;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.badge-logo {
width: 88px;
height: 88px;
}
.badge-section {
margin: 140px 0 140px 0;
padding: 0 6%;
}
.badge-section-container {
border-radius: 10px;
background: #FFF;
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10);
/* filter: blur(1px); */
padding: 32px 70px 10px 70px;
/* filter: blur(1px); */
}
.header-section {
background-image: url('../images/header-image-bg.png');
background-position: bottom;
background-size: cover;
padding-bottom: 140px;
padding-top: 147px;
background-repeat: no-repeat;
}
.header-section h1 span {
margin-top: 12%;
/* padding: 0 85px 0 0; */
/* font-family: Kanit; */
font-size: 46px;
font-style: normal;
font-weight: 600;
line-height: 70.745px;
/* 153.793% */
letter-spacing: 0.23px;
text-transform: capitalize;
}
.header-section h1 {
color: #343434;
margin-top: 12%;
padding: 0 85px 0 0;
/* font-family: Kanit; */
font-size: 46px;
font-style: normal;
font-weight: 600;
line-height: 70.745px;
/* 153.793% */
letter-spacing: 0.23px;
text-transform: capitalize;
}
.header-section p {
color: #343434;
/* font-family: Kanit; */
font-size: 24px;
padding-right: 40px;
margin-top: 25px;
margin-bottom: 25px;
font-style: normal;
font-weight: 400;
line-height: 40.745px;
/* 169.77% */
letter-spacing: 0.12px;
}
.header-section button {
color: #FFF;
/* font-family: Kanit; */
font-size: 21.22px;
font-style: normal;
font-weight: 500;
/* display: inline-flex; */
padding: 9.726px 33.598px;
line-height: 36.024px;
/* 169.77% */
letter-spacing: 0.106px;
border-radius: 24.756px;
border: 0.884px solid rgba(34, 159, 217, 0.29);
background: #229FD9;
box-shadow: 0px 3.5365853309631348px 3.5365853309631348px 0px rgba(0, 0, 0, 0.14);
filter: blur(0.44207316637039185px);
}
/* Clients-testimonial-section CSS Start */
.clients-testimonial-section div h4 {
color: #343434;
/* font-family: Kanit; */
margin-top: 100px;
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 54.864px;
}
/* Clients-testimonial-section CSS End */
/* Our Company CSS Start*/
.our-company-header-section {
background-image: url('../images/our-company-bg-image.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.our-company-header-section div h2 {
color: #343434;
/* font-family: Kanit; */
margin-top: 38%;
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: 54.864px;
margin-bottom: 50px;
}
.our-company-header-section div p {
color: #343434;
/* font-family: Kanit; */
font-size: 24px;
padding-right: 18%;
font-style: normal;
font-weight: 400;
line-height: 156.454%;
}
.our-company-header-section div img {
width: 100%;
padding-top: 87px;
padding-bottom: 107px;
}
.who-we-are-section {
/* background-color: #229FD9; */
margin-bottom: 7%;
}
.mission-col-image img {
position: relative;
top: 5%;
}
.vission-col-image img {
position: relative;
top: 5%;
}
.goals-col-image img {
position: relative;
top: 5%;
}
.who-we-are-section div h2 {
color: #FFF;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
margin-top: 40px;
font-weight: 600;
line-height: 156.454%;
text-align: center;
margin-bottom: 23px;
}
.who-we-are-section div p {
color: #FFF;
text-align: center;
padding: 0 60px 60px 60px;
/* font-family: Kanit; */
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 150.454%;
}
.mission-vission-goal-section div img {
text-align: center;
}
.mission-vission-goal-section {
margin: 120px 0 120px 0;
background-image: url('../images/half-circle-image.png');
background-position: top;
background-repeat: no-repeat;
background-size: cover;
}
.mission-col {
/* margin-bottom: 130px; */
background-image: url('../images/Polygon-bg-1.png');
/* box-shadow: 0 0 6px -1px rgba(0, 0, 0, 0.8); */
/* width: 100%; */
background-position: top;
background-size: cover;
background-repeat: no-repeat;
padding: 15px;
/* padding: 15px;
border-top-left-radius: 150px;
border-top-right-radius: 150px; */
}
.mission-col h2 {
color: #229FD9;
/* font-family: Kanit; */
font-size: 42px;
text-align: center;
font-style: normal;
font-weight: 500;
line-height: 45.612px;
padding-top: 32px;
margin-bottom: 34px;
}
.mission-col p {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26.885px
}
.mission-col a {
text-align: center;
color: #F44533;
/* font-family: Nunito Sans; */
font-size: 15.598px;
font-style: normal;
font-weight: 700;
line-height: 26.771px;
padding-bottom: 11px;
}
.our-team-col {
padding: 128px 10px 128px 128px;
background: rgba(213, 238, 249, 0.28);
}
span.mobile-hr-responsive center hr {
margin-left: 22%;
width: 200px;
}
.our-team-col h3 {
color: #343434;
text-align: left;
/* font-family: Kanit; */
font-size: 38px;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
}
.our-team-col p {
color: #343434;
/* font-family: Kanit; */
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 37.745px;
}
.our-team-col a {
margin-top: 30px;
color: #229FD9;
/* font-family: Kanit; */
font-size: 28px;
font-style: normal;
font-weight: 300;
text-decoration: none;
line-height: 37.745px;
/* 134.803% */
text-transform: uppercase;
}
.choose-section {
margin-bottom: 135px;
}
.choose-section div h2 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 156.454%
}
.why-cloudcentric-infitect-section {
margin-bottom: 135px;
}
.why-cloudcentric-infitect-section div h2 {
margin-bottom: 65px;
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
/* .why-cloudcentric-infitect-row{
background-image: url("../images/bg-frame-why-cloudcentric-1.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
} */
.why-cloudcentric-infitect-col-1 {
padding: 0px;
border: 2px solid red;
border-top: none;
}
.why-cloudcentric-infitect-col-1 img {
width: 100px;
margin-bottom: 4%;
}
.why-cloudcentric-infitect-col-1 h4 {
color: #4E4F4C;
text-align: center;
/* font-family: Kanit; */
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.why-cloudcentric-infitect-col-1 p {
color: #000;
padding: 20px 50px 50px 50px;
text-align: center;
/* font-family: Kanit; */
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
.why-cloudcentric-infitect-col-2 {
padding: 0px;
border: 2px solid red;
border-top: none;
border-bottom: none;
}
.why-cloudcentric-infitect-col-2 img {
margin-bottom: 4%;
}
.why-cloudcentric-infitect-col-2 h4 {
color: #4E4F4C;
text-align: center;
/* font-family: Kanit; */
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.why-cloudcentric-infitect-col-2 p {
color: #000;
padding: 20px 50px 50px 50px;
text-align: center;
/* font-family: Kanit; */
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
.form-col {
background-color: #EBF4FB;
box-shadow: -1px 2px 8px 0px rgba(0, 0, 0, 0.25);
border-radius: 12px;
padding-left: 20px;
margin-bottom: 70px
}
.form-col h4 {
padding: 31px 0 30px 0;
}
.form-col button {
color: #FFF;
border-radius: 70.988px;
background: #229ED8;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
border-color: #229ED8;
padding: 11.644px 57px 11.364px 58px;
/* font-family: Kanit; */
font-size: 25px;
margin-bottom: 30px;
font-style: normal;
font-weight: 500;
line-height: 35.009px;
/* 140.036% */
letter-spacing: 0.25px;
text-transform: uppercase;
}
.faq-section {
margin-top: 120px;
margin-bottom: 45px;
}
.faq-section h3 {
color: #343434;
text-align: center;
margin-bottom: 55px;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.form-col form div input {
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.form-col form div textarea {
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
margin-bottom: 46px;
}
/* FAQ CSS Start */
.accordion {
width: 90%;
max-width: 1000px;
/* margin: 2rem auto; */
}
.accordion-item {
background-color: #fff;
color: #111;
border: none;
border-bottom: 1px solid #E4E4E4;
margin: 1rem 0;
/* border-radius: 0.5rem; */
/* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25); */
}
.accordion-item-header {
padding: 0.5rem 3rem 0.5rem 1rem;
min-height: 3.5rem;
line-height: 1.25rem;
font-weight: bold;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
}
.accordion-item-header::after {
content: "\002B";
font-size: 2rem;
position: absolute;
right: 1rem;
border: 1px solid #E4E4E4;
border-radius: 50%;
padding: 0px 12px 5px 12px;
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 26px;
font-style: normal;
font-weight: 275;
line-height: normal;
}
.accordion-item:first-of-type {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.accordion-item-header.active::after {
content: "\2212";
}
.accordion-item-body {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.accordion-item-body-content {
padding: 1rem;
line-height: 1.5rem;
border-top: 1px solid;
border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}
/* FAQ CSS End */
/* Our Company CSS End*/
/* Contact Us Page CSS Start*/
.contact-header-section {
padding-top: 90px;
background: #EBF4FB;
padding-bottom: 81px;
margin-bottom: 81px;
}
.contact-header-section div .col-lg-6 h4 {
color: #229FD9;
padding-top: 127px;
/* font-family: Kanit; */
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 31.944px;
/* 114.085% */
letter-spacing: 0.28px;
}
.contact-header-section div .col-lg-6 h2 {
color: #343434;
/* font-family: Kanit; */
font-size: 42px;
font-style: normal;
margin-top: 15px;
font-weight: 500;
line-height: 40.462px;
/* 96.338% */
letter-spacing: 0.42px;
}
.contact-header-section div .col-lg-6 p {
color: #4E4F4C;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 156.454%;
margin-bottom: 28px;
margin-top: 25px;
}
.form-col-contact-page {
border-radius: 18px;
margin-top: 70px;
background: #FFF;
box-shadow: 1px 1px 35px 0px rgba(0, 0, 0, 0.08), -1px -1px 35px 0px rgba(0, 0, 0, 0.08);
}
.form-col-contact-page button {
color: #FFF;
border-radius: 70.988px;
background: #229ED8;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
border-color: #229ED8;
padding: 11.644px 57px 11.364px 58px;
/* font-family: Kanit; */
font-size: 25px;
margin-bottom: 30px;
font-style: normal;
font-weight: 500;
line-height: 35.009px;
/* 140.036% */
letter-spacing: 0.25px;
text-transform: uppercase;
}
.form-col-contact-page form div input {
/*box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);*/
padding-top: 20px;
margin-top: 20px;
margin-right: 35px;
margin-right: 35px;
border: none;
background: rgba(95, 163, 226, 0.10);
}
.form-col-contact-page form div input.name-input {
margin-top: 82px;
}
.form-col-contact-page form div textarea {
/*box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);*/
margin-bottom: 50px;
margin-top: 20px;
border: none;
background: rgba(95, 163, 226, 0.10);
}
.form-col-contact-page form {
margin-left: 35px;
margin-right: 35px;
}
.how-can-we-help-section h2 {
color: #343434;
font-family: Kanit;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 48.914px;
}
.how-can-we-help-section h2 span {
color: #343434;
font-family: Kanit;
font-size: 48px;
font-style: normal;
margin-bottom: 65px;
font-weight: 600;
line-height: 48.914px;
}
.how-can-we-help-section {
margin-bottom: 130px;
}
.how-can-we-help-section a {
border-radius: 27.5px;
background: #229FD9;
border: none;
margin-top: 30px;
/* display: inline-flex; */
min-height: 55px;
padding: 9px 32px;
align-items: center;
color: #FFF;
text-decoration: none;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
gap: 13px;
}
.start-project img {
width: 76px;
height: 76px;
/* padding-top: 17px; */
}
.start-project {
border-radius: 6px;
margin-bottom: 30px;
background: rgba(95, 163, 226, 0.18);
padding: 7px 20px 12px 20px;
}
.start-project h3 {
color: #343434;
/* font-family: Kanit; */
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 156.454%;
}
.start-project p {
color: #343434;
/* font-family: Kanit; */
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 156.454%;
}
.visit-our-section {
margin-bottom: 130px;
}
.visit-our-section div h2 {
color: #229FD9;
padding-left: 6%;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
margin-bottom: 30px;
font-weight: 500;
line-height: 48.914px;
}
.visit-our-section div p {
color: #4E4F4C;
padding-left: 6%;
margin-bottom: 30px;
/* font-family: Kanit; */
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 156.454%;
}
.visit-our-section div a {
text-decoration: none;
/* padding-left: 6%; */
margin-left: 6%;
border-radius: 34.5px;
border: 3px solid #229FD9;
background: #FFF;
padding: 10px 0 10px 41px;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
color: #229FD9;
font-family: Kanit;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 48.914px;
}
.visit-our-section div a img {
padding-right: 41px;
}
.visit-us-col button {
color: #F3F3F3;
/* font-family: Kanit; */
font-size: 26px;
border: none;
font-style: normal;
padding: 4px 48px 4px 48px;
font-weight: 500;
position: relative;
top: 6%;
left: 20%;
line-height: 39.914px;
border-radius: 40.723px;
background: #F4A93F;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.opening-days {
padding: 40px;
border-radius: 27.149px;
background: #229FD9;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.opening-days h4 {
color: #FFF;
/* font-family: Kanit; */
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 39.914px;
text-align: center;
}
.opening-days p {
color: #FFF !important;
/* font-family: Kanit; */
font-size: 24px !important;
font-style: normal;
font-weight: 500;
text-align: center;
line-height: 39.914px;
}
/* Contact Us Page CSS End*/
/* Careers Page CSS Start*/
.blogs-header-section div img {
padding-top: 5%;
}
.recent-blogs-section {
background-color: #fff;
}
.become-a-salesforce-developer {
background-image: url('../images/recent-blog2.png');
background-position: center;
background-repeat: no-repeat;
margin-bottom: 30px;
background-size: contain;
object-fit: contain;
aspect-ratio: 3/2;
padding: 50px 100px 100px 20px;
}
.become-a-salesforce-developer p {
color: #4E4F4C;
/* font-family: Kanit; */
font-size: 28px;
text-align: left;
padding: 0px 0 0 0px;
font-style: normal;
padding-left: 29px;
margin-top: 5%;
font-weight: 400;
margin-left: 10%;
/* display: inline-block; */
line-height: normal;
}
.become-a-salesforce-developer img {
width: 62px;
/* display: inline-block; */
/* margin-bottom: 86px; */
height: 62px;
position: absolute;
right: 24%;
}
.become-a-salesforce-developer h4 {
color: #4E4F4C;
text-align: left;
padding-left: 26px;
margin-top: 7%;
/* padding: 0px 0 0 40px; */
margin-left: 10%;
/* font-family: Kanit; */
font-size: 30px;
font-style: normal;
font-weight: 600;
/* display: inline-block; */
line-height: normal;
}
.recent-blogs-section h3 {
color: #343434;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 119.9%;
}
.become-a-salesforce-developer-1 {
background-color: rgba(178, 232, 255, 0.20);
padding: 40px 0 0 0;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.recent-blog-col-1 {
margin-top: 6%;
}
.recent-blog-col-1 button img {
width: 55px;
height: 55px;
}
.recent-blog-col-1 button {
color: #0088C8;
margin-top: 36px;
border-radius: 56.53px;
border: 1.346px solid #D5EEF9;
background: #FFF;
box-shadow: 0px 3.3648648262023926px 3.3648648262023926px 0px rgba(0, 0, 0, 0.25);
padding: 4px 26px 0px 26px;
/* font-family: Nunito Sans; */
font-size: 23.554px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
}
.articles-resources-col-1 {
padding-right: 50px;
padding-bottom: 50px;
}
.articles-resources-col-2 {
padding-left: 50px;
padding-bottom: 50px;
}
.articles-from-news-section {
margin-top: 120px;
margin-bottom: 150px;
}
.recent-blog-col-1 p {
color: #000;
/* font-family: Kanit; */
/* padding-right: 28%; */
font-size: 30px;
margin-top: 50px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.we-have-challenge-section {
margin-bottom: 110px
}
.we-have-challenge-container {
border-radius: 24px;
background: #E8F2FA;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
padding: 23px 0px 0 0px;
}
.communicate-col {
background-image: url('../images/communicate-bg-image-1.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
/* padding: 100px 0 150px 0; */
}
.communicate-col div span {
color: #000;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.24px;
}
.communicate-col div p {
color: #343434;
margin-top: 6%;
text-align: center;
/* font-family: Kanit; */
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 0.16px;
}
.learn-col {
background-image: url('../images/learn-bg-image.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
padding: 150px 0 150px 0;
}
.learn-col div span {
color: #000;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.24px;
}
.learn-col div p {
color: #343434;
margin-top: 6%;
text-align: center;
/* font-family: Kanit; */
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 0.16px;
}
.grow-col {
background-image: url('../images/grow-bg-image.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
/* padding: 100px 0 150px 0; */
}
.grow-col div {
margin-top: 30%;
padding: 14%;
}
.grow-col div span {
color: #000;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.24px;
}
.grow-col div p {
color: #343434;
margin-top: 6%;
text-align: center;
/* font-family: Kanit; */
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 0.16px;
}
.search {
width: 300px;
/*height: 640.404px;*/
flex-shrink: 0;
border-radius: 4px;
background: rgba(43, 171, 227, 0.12);
columns: #2BABE3;
}
#search-content {
color: #000;
font-family: Nunito Sans;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20.5px;
/* 146.429% */
letter-spacing: 0.14px;
}
* {
box-sizing: border-box;
}
.btn-search-btn {
margin: 80px 19px 0 15px;
border-radius: 6px;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.we-have-challenge-section-1 {
margin-bottom: 154px;
}
.we-have-challenge-section-1 div h4 {
color: #343434;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.4px;
}
.communacating-col-1 {
background-image: url('../images/communicate-bg-image-1.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
padding: 100px 0 100px 0;
}
.communacating-col-2 {
background-image: url('../images/learn-bg-image-1.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
padding: 100px 0 100px 0;
}
.communacating-col-3 {
background-image: url('../images/grow-bg-image.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
padding: 100px 0 100px 0;
}
.communacating-col p {
padding: 46px 80px 0 80px;
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 0.16px;
}
.our-product-header-section {
background-image: url('../images/our-product-bg-image.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 120px 0 120px 0;
}
.about-fieldblaze-section {
margin-top: 120px;
}
.about-fieldblaze-section div h3 {
color: #343434;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 44.245px;
}
span.field-cls {
color: #002248;
background-image: url('../images/fieldblaze-arrow-icon.png');
background-position: bottom;
background-repeat: no-repeat;
padding-top: 50px;
background-size: cover;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 44.245px;
}
span.blaze-cls {
color: #3EC59A;
font-family: Kanit;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 44.245px;
}
.our-product-header-section div h2 {
color: #343434;
/* font-family: Kanit; */
margin-top: 40px;
margin-bottom: 29px;
font-size: 50px;
font-style: normal;
font-weight: 600;
line-height: 73.745px;
/* 147.49% */
text-transform: capitalize;
}
.our-product-header-section div img {
margin: 0 0px 50px 0px;
}
.our-product-header-section div p {
color: #343434;
font-family: Kanit;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.communacating-col span {
color: #000;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.24px;
}
.example input[type=text] {
padding: 10px 0 10px 10px;
font-size: 17px;
border: none;
/* float: left; */
width: 80%;
border-radius: 6px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
box-shadow: none;
background: #FFF;
}
.search-btn-col {
border-radius: 4px;
background: rgba(43, 171, 227, 0.12);
}
.search-btn-col h6 {
color: #000;
padding-bottom: 50px;
margin: 25px 19px 0 15px;
/* font-family: Nunito Sans; */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20.5px;
/* 146.429% */
letter-spacing: 0.14px;
}
.opening-col-2 {
padding-left: 40px;
}
.opening-col-2 h5 {
color: #343434;
/* font-family: Nunito Sans; */
margin-top: 9px;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 34px;
/* 130.769% */
letter-spacing: 0.26px;
}
.opening-col-2 button {
border-radius: 41px;
background: #229FD9;
padding: 14px 57px;
border: none;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
color: #FFF;
/* font-family: Nunito Sans; */
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20.5px;
letter-spacing: 0.14px;
margin-bottom: 25px;
margin-top: 25px;
}
.search-btn-row {
border-top: 2px solid #F4A93F;
}
.opening-col-2 h3 {
color: #000;
/* font-family: Nunito Sans; */
font-size: 32px;
font-style: normal;
font-weight: 700;
/* border-bottom: 2px solid #F4A93F; */
line-height: 33px;
/* 103.125% */
letter-spacing: 0.32px;
margin-bottom: 36px;
}
.opening-col-2 img {
margin-bottom: 36px;
}
.opening-col-2 h3 sup {
color: #000;
/* font-family: Nunito Sans; */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 33px;
/* 206.25% */
letter-spacing: 0.16px
}
.example button {
float: right;
width: 20%;
padding: 8px 8px 8px 0px;
border: none;
border-radius: 6px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
box-shadow: none;
background: #FFF;
color: #5D5D5D;
font-size: 20px;
border-left: none;
cursor: pointer;
}
.current-opening-section {
padding: 0 6% 0 6%;
}
.current-opening-section div h4 {
color: #343434;
font-family: Nunito Sans;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 34px;
/* 94.444% */
letter-spacing: 0.36px
}
.experience-content {
border-radius: 6px;
border-bottom: 1px solid #F4A93F;
background: #FFF;
height: 250px;
}
.experience {
border: none;
width: 175px;
height: 37.023px;
border-radius: 41px;
background: #229FD9;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
color: #FFF;
font-family: Nunito Sans;
font-size: 12px;
font-style: normal;
font-weight: 600;
/*line-height: 20.5px; /* 146.429% */
letter-spacing: 0.14px;
}
.arrow {
float: right;
border: none;
width: 50px;
height: 50px;
border-radius: 50%;
background: #229FD9;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
color: #FFF;
}
/* Careers Page CSS End*/
/* Our Products CSS Start */
.responsive {
width: 100%;
}
.new-product-section{
background-image: url('../images/our-product-new-image-1.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
padding: 180px 26px 170px 26px;
/* background: url(<path-to-image>), lightgray 50% / cover no-repeat; */
/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
}
.new-product-section div h2{
color: #343434;
/* padding-top: 220px; */
/* font-family: Kanit; */
font-size: 50px;
font-style: normal;
font-weight: 600;
line-height: 152.5%;
}
.new-product-section div p{
color: #343434;
padding: 0px 260px 0px 260px;
text-align: center;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.para {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 28px;
margin-bottom: 60px;
font-style: normal;
font-weight: 500;
line-height: 152.5%;
/* 42.7px */
}
.mobile-app-rectangle {
position: relative;
text-align: center;
}
.mobile-app {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mobile-app img {
position: absolute;
margin-left: -10%;
width: 35%;
}
.about-fieldblaze {
color: #229FD9;
font-family: Kanit;
font-size: 28.789px;
font-style: normal;
font-weight: 600;
line-height: 23.193px;
margin-top: 50%;
}
.para1 {
color: #003C58;
text-align: center;
font-family: Kanit;
font-size: 25.424px;
font-style: normal;
font-weight: 400;
line-height: 152.5%;
/*margin-top: 50%;*/
}
.web-app-rectangle {
position: relative;
text-align: center;
}
.web-app {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.web-app img {
position: absolute;
margin-left: -18%;
width: 35%;
}
.para2 {
color: #003C58;
text-align: center;
font-family: Kanit;
font-size: 25.424px;
font-style: normal;
font-weight: 400;
line-height: 152.5%;
/*margin-top: 40%;*/
}
.support-rectangle {
position: relative;
text-align: center;
}
.support {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.support img {
position: absolute;
margin-left: -30%;
width: 55%;
margin-top: -20%;
}
.para3 {
color: #003C58;
text-align: center;
font-family: Kanit;
font-size: 25.424px;
font-style: normal;
font-weight: 400;
line-height: 152.5%;
/*margin-top: 40%;*/
}
.about-fieldblaze3 {
color: #229FD9;
font-family: Kanit;
font-size: 28.789px;
font-style: normal;
font-weight: 600;
line-height: 23.193px;
margin-top: 20%;
}
.content-para {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 26px;
margin: 60px 0 50px 0;
font-style: normal;
font-weight: 400;
line-height: 152.5%;
/* width: 93%; */
}
.view-website-button {
border: none;
margin-bottom: 50px;
height: 37.023px;
border-radius: 10px;
background: #229FD9;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
color: #FFF;
/* font-family: Nunito Sans; */
font-size: 22px;
font-style: normal;
/* margin-bottom: 100px; */
font-weight: 600;
letter-spacing: 0.14px;
/* margin-left: 40%; */
padding: 13px 38px 45px 34px;
}
span.about {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 900;
line-height: 44.245px;
}
span.c3 {
color: #199CD8;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 900;
line-height: 44.245px;
}
span.im {
color: #2C3691;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 900;
line-height: 44.245px;
}
.about-C3IM {
color: #000;
font-family: Kanit;
font-size: 28px;
font-style: normal;
font-weight: 300;
margin-bottom: 67px;
line-height: 152.5%;
/* 42.7px */
}
.about-view-website-button {
border: none;
width: 250px;
height: 37.023px;
border-radius: 10px;
background: #229FD9;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
color: #FFF;
font-family: Nunito Sans;
font-size: 22px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.14px;
}
.question-form form {
border-radius: 12px;
background: #EBF4FB;
padding: 30px;
}
.question-form form input {
border-radius: 5.592px;
border-bottom: 0.932px solid #E4E4E4;
border-left: 0.932px solid #E4E4E4;
background: #FFF;
height: 65px;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.question-form form textarea {
border-radius: 5.592px;
border-bottom: 0.932px solid #E4E4E4;
border-left: 0.932px solid #E4E4E4;
background: #FFF;
height: 120px;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.question-form form .submit {
border: none;
width: 105px;
margin-top: 20px;
padding: 5px;
color: #FFF;
border-radius: 20px;
background: #229ED8;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
margin-left: 74%;
}
.accordion-button::after {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: auto;
content: "";
background-image: url('../images/plus-icon.png');
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform .2s ease-in-out;
}
.accordion-button:not(.collapsed)::after {
background-image: url('../images/sub-icon.png');
transform: rotate(-180deg);
}
/* Our Products CSS End */
/* Blogs CSS Start */
.recent-content {
/*color: #000;*/
/*font-size: 30px;
font-style: normal;
font-weight: 400;*/
font-family: Kanit;
line-height: normal;
}
.recent-content-button {
position: relative;
border: none;
width: 185px;
height: 37.023px;
border-radius: 50px;
color: #0088C8;
background: #ffffff;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
font-family: Nunito Sans;
font-size: 22px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.14px;
float: left;
text-align: left;
padding-left: 20px;
}
.recent-arrow {
position: absolute;
top: -31%;
left: 72%;
width: 40px;
}
.recent-blog-rectangle {
position: relative;
text-align: center;
width: 275px;
}
.recent-blog1 {
position: absolute;
top: 4%;
left: 8%;
color: #4E4F4C;
text-align: justify;
font-family: Kanit;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
/*transform: translate(-50%, -50%);*/
}
.recent-icon1 {
position: absolute;
top: -8%;
left: 115%;
}
.step1 {
position: absolute;
top: 47%;
left: 14%;
color: #4E4F4C;
text-align: justify;
font-family: Kanit;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.step2 {
position: absolute;
top: 51%;
left: 9%;
color: #4E4F4C;
text-align: justify;
font-family: Kanit;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.step3 {
position: absolute;
top: 55%;
left: 5%;
color: #4E4F4C;
text-align: justify;
font-family: Kanit;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.recent-icon2 {
position: absolute;
top: 78%;
left: 10%;
}
.demo-img {
position: absolute;
top: 63%;
left: 50%;
width: 119px;
}
.article-box {
border-radius: 10.336px;
background: rgba(213, 238, 249, 0.50);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
padding: 10px;
}
.article-head {
color: #000;
font-family: Kanit;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.article-text {
color: #4E4F4C;
font-family: Kanit;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.article-more {
color: #4E4F4C;
font-family: Kanit;
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
}
/* Blogs CSS End */
/* Development Services CSS Start */
.with-our-experties-section h2 {
color: #343434;
/* margin-top: 110px; */
text-align: center;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 139%;
}
.with-our-experties-section {
margin-top: 70px;
}
.with-our-experties-section p {
color: #000;
text-align: center;
margin-bottom: 60px;
/* font-family: Kanit; */
padding: 0 3% 0 3%;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 130%;
}
.our-salesforce-crm-integration-col h6 {
color: #343434;
text-align: center;
padding-top: 20px;
/* font-family: Kanit; */
font-size: 34px;
font-style: normal;
font-weight: 500;
line-height: 130%;
}
.our-salesforce-crm-integration-section {
background-image: url('../images/our-salesforce-crm-integration-bg-image.png');
background-position: bottom;
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 100px;
}
.our-salesforce-crm-integration-col p {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 18px;
padding: 10px 32px 10px 32px;
font-style: normal;
font-weight: 300;
line-height: 130%;
}
.dev-service-header-img {
position: relative;
text-align: center;
}
.dev-service {
position: absolute;
}
.dev-service-heading {
position: absolute;
color: #343434;
font-family: Kanit;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 73.745px;
text-transform: capitalize;
margin-top: 14%;
margin-left: 14%;
}
.dev-service-para {
position: absolute;
color: #343434;
font-family: Kanit;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 130%;
margin-top: 19%;
margin-left: 14%;
/*width: 19%;*/
}
.dev-background-img-1 {
background-image: url('../images/Rectangle-1.png');
background-position: top;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 110px !important;
}
.dev-background-img-2,
.faq-section-1,
.why-cloud-centric-infotech-iamge-section {
background-image: url('../images/Rectangle-2.png');
background-position: top;
background-repeat: no-repeat;
background-size: cover;
/* width: 100%; */
/* margin-top: 54px; */
}
.dev-rectangle-img1-1 {
background: #FFF;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
padding: 0 10px 0 10px;
border-top-right-radius: 20px;
width: 23% I !important;
}
.dev-rectangle-img1-2 {
background: #FFF;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
padding: 0 10px 0 10px;
/* border-top-right-radius: 20px; */
}
.dev-rectangle-img1-3 {
background: #FFF;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
padding: 0 10px 0 10px;
border-top-left-radius: 20px;
width: 23% I !important;
}
.dev-rectangle-img1 img {
color: #FFF;
text-align: center;
padding: 15px 0 0 0;
/* font-family: Nunito Sans; */
font-size: 50.051px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.dev-rectangle-img1 h2 {
color: #4E4F4C;
margin: 17px 0 0 0;
/* padding: 0 5px 0 5px; */
text-align: left;
/* font-family: Kanit; */
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.dev-rectangle-img1 p {
color: #000;
margin: 31px 0 0 0;
text-align: left;
padding: 0 0 70px 0;
/* font-family: Kanit; */
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 130%;
}
.dev-rectangle-img2 {
position: relative;
text-align: center;
/*width: 35%;*/
margin-left: 1%;
margin-top: 5%;
}
.dev-box2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.dev-box2 img {
position: absolute;
margin-left: -62%;
margin-top: -81%;
}
.dev-box-heading2 {
color: #4E4F4C;
text-align: center;
font-family: Kanit;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: -61%;
margin-left: -26%;
}
.dev-para2 {
position: absolute;
color: #000;
text-align: left;
font-family: Kanit;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 130%;
/* 26px */
}
.dev-rectangle-img3 {
position: relative;
text-align: center;
/*width: 35%;*/
margin-left: 2%;
margin-top: 5%;
}
.dev-box3 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.dev-box3 img {
position: absolute;
margin-left: -74%;
margin-top: -97%;
}
.dev-box-heading3 {
color: #4E4F4C;
text-align: center;
font-family: Kanit;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: -71%;
margin-left: -49%;
}
.dev-para3 {
position: absolute;
color: #000;
text-align: left;
font-family: Kanit;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 130%;
/* 26px */
}
.dev-rectangle-img4 {
position: relative;
text-align: center;
/*width: 35%;*/
margin-left: -5%;
margin-top: 1%;
}
.dev-box4 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.dev-box4 img {
position: absolute;
margin-left: -50%;
margin-top: -66%;
}
.dev-box-heading4 {
color: #4E4F4C;
text-align: center;
font-family: Kanit;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: -51%;
margin-left: -16%;
}
.dev-para4 {
position: absolute;
color: #000;
text-align: left;
font-family: Kanit;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 130%;
/* 26px */
}
.dev-rectangle-img5 {
position: relative;
text-align: center;
/*width: 35%;*/
margin-left: 1%;
margin-top: 1%;
}
.dev-box5 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.dev-box5 img {
position: absolute;
margin-left: -50%;
margin-top: -65%;
}
.dev-box-heading5 {
color: #4E4F4C;
text-align: center;
font-family: Kanit;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: -49%;
margin-left: -8%;
}
.dev-para5 {
position: absolute;
color: #000;
text-align: left;
font-family: Kanit;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 130%;
/* 26px */
}
.dev-rectangle-img6 {
position: relative;
text-align: center;
/*width: 35%;*/
margin-left: 2%;
margin-top: 1%;
}
.dev-box6 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.dev-box6 img {
position: absolute;
margin-left: -50%;
margin-top: -66%;
}
.dev-box-heading6 {
color: #4E4F4C;
text-align: center;
font-family: Kanit;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: -51%;
margin-left: -21%;
}
.dev-para6 {
position: absolute;
color: #000;
text-align: left;
font-family: Kanit;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 130%;
/* 26px */
}
.why-ccc-infotech-img {
position: relative;
text-align: center;
/*margin-left: -5%;
margin-top: 5%;*/
}
.ccc-box1,
.ccc-box2,
.ccc-box3,
.ccc-box4,
.ccc-box5,
.ccc-box6 {
position: absolute;
}
.ccc-box1 img {
position: absolute;
margin-top: 75px;
margin-left: -31%;
}
.ccc-box-heading1 {
position: absolute;
color: #4E4F4C;
text-align: center;
font-family: Kanit;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: 14%;
margin-left: 14%;
}
.ccc-para1 {
position: absolute;
color: #000;
text-align: center;
font-family: Kanit;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: normal;
margin-top: 17%;
margin-left: 14%;
width: 19%;
}
.ccc-box2 img {
position: absolute;
margin-top: 75px;
margin-left: -5%;
}
.ccc-box-heading2 {
position: absolute;
color: #4E4F4C;
text-align: center;
font-family: Kanit;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: 14%;
margin-left: 41%;
}
.ccc-para2 {
position: absolute;
color: #000;
text-align: center;
font-family: Kanit;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: normal;
margin-top: 17%;
margin-left: 39%;
width: 19%;
}
.ccc-box3 img {
position: absolute;
margin-top: 75px;
margin-left: 19%;
}
.ccc-box-heading3 {
position: absolute;
color: #4E4F4C;
text-align: center;
font-family: Kanit;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: 14%;
margin-left: 66%;
}
.ccc-para3 {
position: absolute;
color: #000;
text-align: center;
font-family: Kanit;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: normal;
margin-top: 17%;
margin-left: 63%;
width: 19%;
}
.ccc-box4 img {
position: absolute;
margin-top: 29%;
margin-left: -29%;
}
.ccc-box-heading4 {
position: absolute;
color: #4E4F4C;
text-align: center;
font-family: Kanit;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: 39%;
margin-left: 17%;
}
.ccc-para4 {
position: absolute;
color: #000;
text-align: center;
font-family: Kanit;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: normal;
margin-top: 42%;
margin-left: 14%;
width: 19%;
}
.ccc-box5 img {
position: absolute;
margin-top: 29%;
margin-left: -5%;
}
.ccc-box-heading5 {
position: absolute;
color: #4E4F4C;
text-align: center;
font-family: Kanit;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: 39%;
margin-left: 40%;
}
.ccc-para5 {
position: absolute;
color: #000;
text-align: center;
font-family: Kanit;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: normal;
margin-top: 42%;
margin-left: 39%;
width: 19%;
}
.ccc-box6 img {
position: absolute;
margin-top: 29%;
margin-left: 19%;
}
.ccc-box-heading6 {
position: absolute;
color: #4E4F4C;
text-align: center;
font-family: Kanit;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: 39%;
margin-left: 64%;
}
.ccc-para6 {
position: absolute;
color: #000;
text-align: center;
font-family: Kanit;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: normal;
margin-top: 42%;
margin-left: 63%;
width: 19%;
}
/* our-team page CSS start */
.social-link-our-team {
width: 48px;
height: 48px;
/* margin-top: 142px; */
}
div.twitter-logo {
margin-top: 90px;
margin-bottom: 38px;
}
.leader-image img {
width: 284px;
border-radius: 147.398px;
background: url(<path-to-image>), lightgray 50% / cover no-repeat;
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
.meet-the-mind-section {
background-image: url('../images/leader-bg-image.png');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.meet-the-mind-section-1 div h2 {
color: #343434;
/* margin-top: 80px; */
font-family: Kanit;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
}
.leader-heading-txt h2 {
color: #000;
text-align: start;
/* font-family: Kanit; */
font-size: 45px;
font-style: normal;
font-weight: 500;
line-height: 47.15px;
margin-bottom: 10px;
}
.leader-heading-txt h6 {
color: #229ED8;
text-align: start;
margin-bottom: 40px;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 28.15px;
}
.leader-heading-txt p {
color: #4E4F4C;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
padding-right: 16%;
font-weight: 400;
line-height: 35.15px;
}
.our-expert-team-section {
background-color: #fff;
}
.our-expert-team-section h2 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
/* margin-bottom: 45px; */
margin-top: 130px;
}
.our-expert-team-section p {
color: #4E4F4C;
text-align: center;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34.245px;
margin-bottom: 60px;
}
.our-expert-team-section center hr,
.with-our-experties-section div center hr,
.articles-from-news-section div center hr,
.hire-certificated-salesforce-experts-section center hr,
.why-hire-salesforce-experts-section center hr,
.recent-blogs-section center hr,
.choose-section div center hr,
.we-work-width-section center hr,
/* .our-strategy-section div, */
.field-implementation-solution-section center hr,
.use-mulesoft-anypoint-section center hr,
.how-we-enhance-section div center hr,
.clients-testimonial-section div center hr,
.underline-center-margin,
.our-services-database-section div center hr,
/* .our-strategy-section div center hr, */
.solutins-we-offer-container center hr,
.elevate-learning-section div center hr,
.education-cloud-features-section center hr,
.and-its-benefits-section div center hr,
.benifites-of-salesforce-section div center hr {
margin-bottom: 60px;
/* width: 120px;
height: 2px; */
color: #343434;
}
.features-of-field-service-section-heading center hr,
.we-are-best-integrating-salesforce-heading center hr,
.we-are-best-integrating-salesforce-heading center hr,
.benefits-sales-cloud-section center hr, .underline-center-margin-1 {
margin-bottom: 90px;
width: 120px;
height: 2px;
color: #343434;
}
.developer-image-1 img {
border-radius: 50%;
background: #ffbdb1;
width: 217px;
text-align: center;
}
.developer-image-2 img {
border-radius: 50%;
background: #95bbe1;
width: 217px;
text-align: center;
}
.developer-image-3 img {
border-radius: 50%;
background: #ffd18c;
width: 217px;
text-align: center;
}
.developer-image-4 img {
border-radius: 50%;
background: #79cfe1;
width: 217px;
text-align: center;
}
.process-interview-section {
margin-top: 120px;
margin-bottom: 100px;
}
.developer-image-5 img {
border-radius: 50%;
background: #e6b3dc;
width: 217px;
text-align: center;
}
.developer-image-6 img {
border-radius: 50%;
background: #90deff;
width: 217px;
text-align: center;
}
.developer-image-7 img {
border-radius: 50%;
background: #fe5572;
width: 217px;
text-align: center;
}
.developer-image-8 img {
border-radius: 50%;
background: #b5adfe;
width: 217px;
text-align: center;
}
.developer-image-9 img {
border-radius: 50%;
background: #c1eadc;
width: 217px;
text-align: center;
}
.developer-image-1 h4,
.developer-image-2 h4,
.developer-image-3 h4,
.developer-image-4 h4,
.developer-image-5 h4,
.developer-image-6 h4,
.developer-image-7 h4,
.developer-image-8 h4,
.developer-image-9 h4 {
color: #4E4F4C;
text-align: center;
margin-top: 28px;
/* font-family: Kanit; */
font-size: 34px;
font-style: normal;
font-weight: 500;
line-height: 110%;
}
.developer-image-1 p,
.developer-image-2 p,
.developer-image-3 p,
.developer-image-4 p,
.developer-image-5 p,
.developer-image-6 p,
.developer-image-7 p,
.developer-image-8 p,
.developer-image-9 p {
color: #229FD9;
text-align: center;
/* font-family: Kanit; */
font-size: 21px;
font-style: normal;
font-weight: 600;
line-height: 130%;
margin-bottom: 105px;
}
.leader-row {
padding: 4rem;
border-bottom: 1px dashed #818181;
background: #FFF;
}
.our-team-ssection {
margin-bottom: 60px;
}
/* our-team page CSS End */
/* Hire Salesforce Consultants page CSS Start */
/* .salesforce-hire-services-section {
background-image: url('../images/hire-salesfor-consultant-header-bg-image.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
padding: 200px 0 200px 0;
} */
/* .salesforce-hire-services-section div h2 { */
/* color: #343434; */
/* font-family: Kanit; */
/* font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 73.745px; */
/* 184.362% */
/* text-transform: capitalize;
margin-top: 87px; */
/* } */
/* .salesforce-hire-services-section div p {
color: #343434;
/* font-family: Kanit; */
/* font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 130%; */
/* margin-bottom: 153px; */
/* } */
.hire-certificated-salesforce-experts-section {
margin-top: 110px;
}
.hire-certificated-salesforce-experts-section div p {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 156.454%;
margin-bottom: 60px;
}
.hire-certificated-salesforce-experts-section div h2 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
}
a.our-services-btn {
margin-top: 80px;
text-align: center;
text-decoration: none;
}
.our-services-btn button {
padding: 16px 51px;
align-items: center;
border-radius: 6px;
background: #229FD9;
color: #FFF;
text-align: justify;
border: none;
font-family: Kanit;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 130%;
gap: 10px;
}
.our-salesforce-hiring-model {
background-color: #fff;
margin-bottom: 140px;
}
.our-salesforce-hiring-model div h2 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
margin: 130px 0 0 0;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
}
.hiring-models-col {
background-image: url('../images/hiring-model-bg-image.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
padding: 100px 0 150px 0;
}
.hiring-models-col h3 {
color: #343434;
/* font-family: Kanit; */
font-size: 30px;
font-style: normal;
font-weight: 500;
margin-bottom: 46px;
line-height: 130%;
}
.hiring-models-col p {
color: #343434;
text-align: center;
padding: 0 13% 0% 13%;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 130%;
}
.our-salesforce-hiring-model hr {
margin-bottom: 60px;
}
div.row.hiring-model-row {
margin-bottom: 122px;
}
.why-hire-salesforce-experts-section {
background-color: #fff;
}
.why-hire-salesforce-experts-section div h3 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
}
.why-hire-salesforce-experts-section div p {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 156.454%;
margin-bottom: 90px;
}
.why-hire-salesforce-experts-section div img {
margin-bottom: 110px;
}
/* Hire Salesforce Consultants page CSS End */
section.experties-in-mobile-app-section {
background-image: url('../images/experties-mobile-app-development-bg-image.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
padding: 100px 0 150px 0;
}
section.experties-in-mobile-app-section div h2 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
}
section.experties-in-mobile-app-section div p {
color: #343434;
margin: 40px 0 0 0;
text-align: center;
/* font-family: Kanit; */
font-size: 34px;
font-style: normal;
font-weight: 300;
line-height: 156.454%;
}
.what-do-our-team-offer-section {
background-color: #fff;
}
.what-do-our-team-offer-section h2 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
margin-top: 31px;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.benifites-of-salesforce-section {
margin: 110px 0 120px 0;
}
.what-do-our-team-offer-section p {
color: #343434;
text-align: center;
/* margin-top: 40px; */
/* font-family: Kanit; */
font-size: 30px;
margin-bottom: 114px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
/* Moble app development page CSS End */
/* Salesforce Implementation page CSS Start */
.salesforce-implementation-services-section,
.salesforce-dev-section,
.salesforce-hire-services-section,
.salesforce-data-migration-header-section,
.mobile-app-development-section {
background-image: url('../images/hire-salesfor-consultant-header-bg-image-1.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
padding: 200px 0 200px 0;
}
.salesforce-dev-section div button,
.mobile-app-development-section div button,
.salesforce-hire-services-section div button,
.salesforce-implementation-services-section div button,
.field-service-lightening-header-section div button,
.heroku-development-header-section div button,
.salesforce-appexchange-header-section div button,
.salesforce-data-migration-header-section div button,
.mulesoft-header-section div button {
color: #229FD9;
/* font-family: Kanit; */
font-size: 24px;
margin-bottom: 100px;
font-style: normal;
margin-top: 40px;
border: none;
font-weight: 500;
line-height: 130%;
border-radius: 9px;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
padding: 10px 45px 9px 44px;
}
.hey-lets-connect-btn {
color: #229FD9;
font-family: Kanit;
font-size: 24px;
font-style: normal;
margin-top: 40px;
border: none;
font-weight: 500;
line-height: 130%;
border-radius: 9px;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
padding: 10px 45px 9px 44px;
}
.salesforce-implementation-services-section div h2,
.salesforce-dev-section div h2,
.field-service-lightening-header-section div h2,
.salesforce-data-migration-header-section div h2,
.salesforce-hire-services-section div h2,
.mobile-app-development-section div h2 {
color: #343434;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 73.745px;
/* 184.362% */
text-transform: capitalize;
margin-top: 40px;
margin-bottom: 30px;
}
.salesforce-implementation-services-section div p,
.salesforce-dev-section div p,
.salesforce-data-migration-header-section div p,
.salesforce-hire-services-section div p,
.mobile-app-development-section div p {
color: #343434;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
padding-right: 12%;
font-weight: 400;
line-height: 130%;
}
.heroku-development-header-section div p,
.mulesoft-header-section div p,
.salesforce-appexchange-header-section div p,
.field-service-lightening-header-section div p {
color: #343434;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
/* padding-right: 12%; */
font-weight: 400;
line-height: 130%;
}
.end-to-end-salesforce-implementation-section div h2,
.smart-service-field-lightening-section div h2,
.salesforce-appexchange-platform-section div h2,
.data-migration-platform-section div h2 {
color: #343434;
text-align: center;
margin-top: 110px;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
}
.end-to-end-salesforce-implementation-section div p,
.smart-service-field-lightening-section div p,
.data-migration-platform-section div p {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 30px;
margin-top: 40px;
margin-bottom: 148px;
font-style: normal;
padding: 0 2%;
font-weight: 300;
line-height: 156.454%;
}
.salesforce-appexchange-platform-section div p {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 30px;
margin-top: 40px;
margin-bottom: 56px;
font-style: normal;
padding: 0 2%;
font-weight: 300;
line-height: 156.454%;
}
.we-work-width-section {
fill: linear-gradient(180deg, rgba(43, 171, 227, 0.00) 28.12%, rgba(43, 171, 227, 0.20) 100%);
}
.we-work-width-section h2 {
color: #343434;
/* font-family: Nunito Sans; */
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 156.454%;
}
.we-work-with-col {
background-image: url('../images/services-bg-image.png');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 6px;
/* background: #229ED8; */
}
.we-work-with-col h4 {
color: #F3F3F3;
/* font-family: Nunito Sans; */
font-size: 26px;
font-style: normal;
font-weight: 700;
padding: 15px 40px 18px 40px;
line-height: 22px;
}
.we-work-with-col img {
padding: 14px 120px;
}
.we-work-width-section {
background-image: url('../images/we-are-work-bg-image.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 12%;
}
.our-strategy-section {
margin-top: 130px;
}
.our-strategy-section div h3 {
font-weight: bold;
color: #343434;
/* font-family: Kanit; */
font-size: 40px;
/* font-style: normal; */
/* font-weight: 600; */
line-height: normal;
}
/* .why-cloud-centric-infotech-section {
margin-top: 170px;
} */
.why-cloud-centric-infotech-section div h2 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.what-do-our-team-offer-section {
margin-top: 170px;
}
/* Salesforce Implementation page CSS End */
/* Field Service Lightening page CSS Start */
.achieve-unified-business-section,
.optimaze-your-roadmap-section-1 {
background-image: url('../images/base-image.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
}
.features-of-field-service-section,
.we-are-best-mulesoft-section,
.our-transformative-solutions-section {
background-image: url('../images/feutres-of-field-service-bg-image.png');
padding-top: 52px;
}
.features-of-field-service-section-heading h3,
.we-are-best-integrating-salesforce-heading h3,
.what-do-our-team-offer-section-heading h3 {
color: #343434;
text-align: center;
/* font-family: Nunito Sans; */
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 156.454%;
}
.what-do-our-team-offer-section-heading {
margin-top: 67.5px;
}
.what-do-our-team-offer-section-heading p {
color: #343434;
text-align: center;
font-family: Kanit;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
.features-of-field-col,
.we-are-best-integrating-col {
background: #FFF;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
margin-bottom: 50px;
border-radius: 5px;
}
.features-of-field-row {
gap: 10rem;
margin-top: 52px;
}
.features-of-field-col-1,
.we-are-best-integrating-col-1 {
border-radius: 5px;
border-top-right-radius: 30px;
}
.features-of-field-col-3,
.we-are-best-integrating-col-3 {
border-radius: 5px;
border-top-left-radius: 30px;
}
.features-of-field-col img,
.we-are-best-integrating-col img {
padding: 15px 0 0 0;
}
.features-of-field-col h4,
.we-are-best-integrating-col h4 {
margin-top: 5px;
padding-left: 15px;
margin-bottom: 25px;
padding-right: 15xp;
color: #343434;
text-align: center;
/* font-family: Nunito Sans; */
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 156.454%;
}
.features-of-field-col p,
.we-are-best-integrating-col p {
padding: 0 15px 14px 15px;
color: #343434;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 156.454%;
}
.field-implementation-solution-section h2 {
margin-top: 130px;
color: #343434;
text-align: center;
/* font-family: Nunito Sans; */
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 156.454%;
}
.field-implementation-solution-section p {
color: #343434;
/* font-family: Nunito Sans; */
font-size: 34px;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
}
.field-implementation-solution-section img {
margin-top: 60px;
}
/* Field Service Lightening page CSS End */
/* Heroku Development page CSS Start */
.your-app-needs-section {
margin-top: 99px;
margin-bottom: 58px;
}
.your-app-needs-section div h3 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
}
.your-app-needs-section div p {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 156.454%;
}
.your-app-need-columns {
background-image: url('../images/feutres-of-field-service-bg-image.png');
padding-top: 52px;
}
.your-app-need-columns img {
width: 61px;
padding: 15px;
height: 61px;
border-top-left-radius: 12px;
background-color: #fff;
}
.your-app-need-columns h4 {
color: #4E4F4C;
text-align: center;
/* font-family: Kanit; */
font-size: 27px;
font-style: normal;
margin-bottom: 28px;
text-align: center;
font-weight: 600;
line-height: 156.454%;
}
.your-app-need-columns p {
color: #343434;
text-align: center;
padding-bottom: 77px;
padding-left: 32px;
padding-right: 32px;
/* font-family: Kanit; */
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
.your-app-need-col-1 {
/* background: #FFF; */
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
border-top-right-radius: 30px;
}
.your-app-need-col-2 {
/* background: #FFF; */
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
border-top-left-radius: 30px;
}
.heroku-with-salesforce-section {
margin-top: 131px;
}
.heroku-with-salesforce-section div h3 {
color: #343434;
/* font-family: Kanit; */
font-size: 40px;
text-align: center;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
}
.simplicity-and-speed-col-1 {
border-right: 2px solid #B9B9B9;
border-width: 50%;
padding-right: 33px;
padding-left: 33px;
}
.simplicity-and-speed-col-2 {
border-right: 2px solid #B9B9B9;
border-width: 50%;
/* padding-left: 20px; */
padding-right: 33px;
padding-left: 33px;
}
.simplicity-and-speed-col-3 {
/* border-right: 2px solid red; */
border-width: 50%;
padding-left: 20px;
padding-right: 33px;
padding-left: 33px;
}
.simplicity-and-speed-col img {
width: 64px;
height: 61px;
text-align: center;
margin-bottom: 14px;
}
.simplicity-and-speed-col h4 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 24px;
margin-bottom: 32px;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
}
.simplicity-and-speed-col p {
color: #343434;
/* font-family: Kanit; */
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 156.454%;
}
.simplicity-and-speed-section {
background-image: url('../images/simplicity-and-speed-section-bg-image.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
padding: 100px 0 200px 0;
}
.heroku-development-header-section,
.salesforce-appexchange-header-section,
.mulesoft-header-section,
.field-service-lightening-header-section {
background-image: url('../images/hire-salesfor-consultant-header-bg-image.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
padding: 150px 0 150px 0;
}
.heroku-development-header-section div h2,
.mulesoft-header-section div h2,
.salesforce-appexchange-header-section div h2,
.field-service-lightening-header-section div h2 {
color: #343434;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 73.745px;
/* 184.362% */
text-transform: capitalize;
margin-top: 18%;
margin-bottom: 30px;
}
/* .mulesoft-header-section {
background-image: url('../images/hire-salesfor-consultant-header-bg-image.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
padding: 150px 0 150px 0;
} */
/* Heroku Development page CSS End */
/* mulesoft page CSS Start */
.use-mulesoft-anypoint-section {
background-image: url('../images/use-anypoint-platform-bg-image.png');
background-position: bottom;
/* background-position: bottom; */
background-repeat: no-repeat;
background-size: cover;
padding: 30px 0 150px 0;
margin-top: 149px;
margin-bottom: 131px;
}
.use-mulesoft-anypoint-section h3 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
}
.use-mulesoftefficient-col-1 {
border-right: 1.5px dashed #B9B9B9;
border-width: 50%;
padding-right: 33px;
padding-left: 33px;
}
.use-mulesoftefficient-col-2 {
border-right: 1.5px dashed #B9B9B9;
border-width: 50%;
/* padding-left: 20px; */
padding-right: 33px;
padding-left: 33px;
}
.use-mulesoftefficient-col-3 {
/* border-right: 2px solid red; */
border-width: 50%;
padding-left: 20px;
padding-right: 33px;
padding-left: 33px;
}
.use-mulesoftefficient-col h4 {
color: #343434;
text-align: center;
margin-top: 20px;
/* font-family: Kanit; */
font-size: 26px;
margin-bottom: 32px;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
}
.use-mulesoftefficient-col p {
color: #343434;
/* font-family: Kanit; */
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 156.454%;
}
.we-are-best-mulesoft-section {
background-image: url('../images/feutres-of-field-service-bg-image.png');
padding-top: 52px;
}
.we-are-best-integrating-salesforce-heading h3 {
color: #343434;
text-align: center;
/* font-family: Nunito Sans; */
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 156.454%;
}
.we-are-best-integrating-col {
background: #FFF;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
margin-bottom: 50px;
border-radius: 5px;
}
.features-of-field-row {
gap: 10rem;
margin-top: 52px;
}
.we-are-best-integrating-col-1 {
border-radius: 5px;
border-top-right-radius: 30px;
}
.we-are-best-integrating-col-3 {
border-radius: 5px;
border-top-left-radius: 30px;
}
.we-are-best-integrating-col img {
padding: 15px 0 0 0;
}
.we-are-best-integrating-col h4 {
margin-top: 5px;
padding: 22px 15px 29px 15px;
color: #343434;
text-align: center;
/* font-family: Nunito Sans; */
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 156.454%;
}
.mulesoft-implementation-services-section {
margin: 50px 0 100px 0;
}
.we-are-best-integrating-col p {
padding: 0 26px 128px 26px;
color: #343434;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 156.454%;
}
.mulesoft-implementation-services-col h4 {
color: #343434;
text-align: left;
/* font-family: Kanit; */
font-size: 34px;
font-style: normal;
margin: 53px 0 0 0;
font-weight: 600;
line-height: 156.454%;
}
.mulesoft-implementation-services-col p {
color: #343434;
/* font-family: Kanit; */
font-size: 28px;
text-align: left;
padding: 0 50px 0 0;
font-style: normal;
font-weight: 400;
line-height: 156.454%;
}
.mulesoft-implementation-services-col-2 h4 {
color: #343434;
text-align: right;
/* font-family: Kanit; */
font-size: 34px;
font-style: normal;
margin: 53px 0 0 0;
font-weight: 600;
line-height: 156.454%;
}
.mulesoft-implementation-services-col-2 p {
color: #343434;
/* font-family: Kanit; */
font-size: 28px;
text-align: left;
margin-top: 40px;
padding: 0 0 0 84px;
font-style: normal;
font-weight: 400;
line-height: 156.454%;
}
/* mulesoft page CSS End */
/* Salesforce Conulting page CSS Start */
.optimaze-your-roadmap-col h4 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
}
.optimaze-your-roadmap-col p {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 30px;
margin-bottom: 60px;
font-style: normal;
font-weight: 300;
line-height: 156.454%;
}
.our-transformative-salesforce-section {
margin-top: 120px;
}
.our-transformative-salesforce-section h3,
.how-we-enhance-section div h4 {
color: #343434;
/* font-family: Nunito Sans; */
font-size: 40px;
font-style: normal;
text-align: center;
font-weight: 700;
line-height: 156.454%;
}
.how-we-enhance-section {
margin-top: 80px;
}
.our-transformative-salesforce-section p {
color: #343434;
text-align: center;
margin-top: 30px;
/* font-family: Nunito Sans; */
font-size: 34px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
/* Salesforce Conulting page CSS End */
/* Salesforce appexchange page CSS Start */
.is-benfits-section-1 {
background-image: url('../images/Rectangle 19847.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 110px !important;
padding: 0 20%;
}
.is-benfits-section-2 {
background-image: url('../images/Rectangle 19848.png');
background-position: top;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 110px !important;
padding: 0 20%;
}
.is-benfits-section div h4 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 34px;
font-style: normal;
font-weight: 600;
line-height: 130%;
}
.is-benfits-heading-col{
margin-top: 84px;
}
.is-benfits-heading-col h6 {
color: #343434;
/* font-family: Kanit; */
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.is-benfits-heading-col-1 h6 {
color: #343434;
/* font-family: Kanit; */
font-size: 28px;
margin-top: 26px;
font-style: normal;
text-align: right;
font-weight: 400;
line-height: normal;
}
.is-benfits-heading-col-2 h6 {
color: #343434;
margin-top: 160px;
/* font-family: Kanit; */
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.is-benfits-image-col img {
width: 222px;
height: 265px;
margin-top: 48px;
text-align: right;
}
.is-benfits-image-col-1 img {
width: 307px;
height: 203px;
margin-top: 0px;
}
.is-benfits-image-col-2 img {
width: 390px;
margin-top: 130px;
height: 294px;
/* margin-top: 48px; */
}
.navigating-the-salesforce-migration {
margin-bottom: 76px;
background-position: top;
background-image: url('../images/navigation-bg-image-1.png');
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 255px;
}
.navigating-the-salesforce-migration div h6 {
color: #343434;
/* font-family: Kanit; */
font-size: 28px;
margin-top: 16%;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
img.responsive-1 {
width: 62px;
height: 62px;
}
.cost-effective-cols {
padding: 0 10%;
margin-top: 123px;
}
.cost-effective-cols-1 {
padding: 0 10%;
margin-top: 63px;
}
.cost-effective-cols div h5,
.cost-effective-cols-1 div h5 {
color: #343434;
text-align: left;
/* font-family: Kanit; */
font-size: 30px;
margin-top: 15px;
font-style: normal;
font-weight: 500;
line-height: 130%;
}
.our-services-database-section div h5 {
color: #343434;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 130%;
}
.our-services-database-section-1 {
background-image: url(../images/Rectangle-2.png);
background-position: top;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 120px;
}
.our-services-database-section-1 div h4 {
color: #343434;
/* font-family: Kanit; */
font-size: 26px;
margin-bottom: 50px;
padding: 27px 28px 0 28px;
font-style: normal;
font-weight: bold;
line-height: 29.516px;
}
.our-services-database-section-1 div p {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 25px;
font-style: normal;
padding: 0 26px 65px 26px;
font-weight: 300;
line-height: 29.516px;
}
.migration-col-div {
background-color: #D9D9D9;
}
.migration-col {
/* background: #F6F6F6;
box-shadow: 8px 6px 4px 0px rgba(0, 0, 0, 0.25);
border-top-left-radius: 32px; */
background-image: url('../images/data-migration-columns-image.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.need-analysis-col{
text-align: end;
}
.why-choose-section {
margin-bottom: 131px;
}
/* Salesforce appexchange page CSS End */
/* Salesforce cloud page CSS Start */
.salesforce-cloud-header-section {
background-image: url('../images/sales-cloud-bg-image.png.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
padding: 180px 0 120px 0;
margin-bottom: 110px;
}
.salesforce-cloud-header-section div h2 {
color: #343434;
margin-top: 10%;
margin-bottom: 30px;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 156.454%;
}
.salesforce-cloud-header-section div p {
color: #343434;
/* font-family: Kanit; */
font-size: 24px;
padding-right: 35px;
margin-bottom: 37px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.salesforce-cloud-header-section div button {
margin-bottom: 87px;
}
.responsive-image-1 {
width: 80%;
}
.responsive-image-2 {
width: 70%;
}
span.blue-color-txt {
color: #229FD9;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
}
.sales-cloud-imaplementation-section div h3,
.sales-cloud-implementation-section div h3,
.briding-healthcare-section div h3 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
}
.personalized-customer-col {
background-image: url('../images/personalized-customer-bg-image.png');
background-position: top;
background-repeat: no-repeat;
background-size: contain;
padding: 34px 34px 34px 34px;
margin-top: 121px;
}
.boost-employee-col {
background-image: url('../images/boost-employee-bg-image.png');
background-position: top;
background-repeat: no-repeat;
background-size: contain;
padding: 34px 34px 34px 34px;
margin-top: 121px;
}
.empower-anywhere-col {
background-image: url('../images/employee-anywhere-bg-image.png');
background-position: top;
background-repeat: no-repeat;
background-size: contain;
padding: 34px 34px 34px 34px;
margin-top: 71px;
}
.personalized-customer-col h4,
.empower-anywhere-col h4,
.boost-employee-col h4 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 26px;
font-style: normal;
padding: 34px 34px 35px 34px;
font-weight: 500;
line-height: 29.516px;
}
.personalized-customer-col p,
.empower-anywhere-col p,
.boost-employee-col p {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 22px;
padding: 0 11px 80px 11px;
font-style: normal;
font-weight: 300;
line-height: 29.516px;
}
.why-salesforce-sales-section {
background-image: url('../images/why-salesforce-sales-bg-image.png');
background-position: top;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 150px;
}
.sales-integration-section div h5,
.benefits-sales-cloud-section div h5 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
}
.sales-integration-img-section {
margin-bottom: 104px;
}
.benefits-sales-cloud-section-1 {
background-color: #fff;
/* margin-bottom: 120px; */
}
.saving-time-col {
background-image: url('../images/saving-time-bg-image.png');
background-position: top;
background-repeat: no-repeat;
background-size: contain;
padding: 100px 100px 200px 100px;
}
.drive-innovation-col {
background-image: url('../images/drive-innovation-bg-image.png');
background-position: top;
background-repeat: no-repeat;
background-size: contain;
padding: 100px 100px 200px 100px;
}
.ai-powered-col {
background-image: url('../images/ai-powered-bg-image.png');
background-position: top;
background-repeat: no-repeat;
background-size: contain;
padding: 100px 100px 200px 100px;
}
.saving-time-col img,
.drive-innovation-col img,
.ai-powered-col img {
width: 43px;
height: 51px;
}
.saving-time-col p,
.drive-innovation-col p,
.ai-powered-col p {
color: #343434;
text-align: center;
padding-top: 50px;
font-family: Kanit;
font-size: 24.133px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.sales-cloud-implementation-section {
background-image: url('../images/services-optimaze-bg-image.png');
background-position: top;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 300px;
}
.sales-cloud-implementation-section div p {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 26px;
padding: 60px 17% 0 17%;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.offering-key-section div h5 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 156.454%;
}
.efficient-lead-mgt-col,
.personalized-lead-nurturing-col {
margin-bottom: 6%;
}
.efficient-lead-mgt-col h4,
.personalized-lead-nurturing-col h4 {
color: #343434;
/* font-family: Kanit; */
font-size: 32px;
margin-top: 15%;
font-style: normal;
font-weight: 500;
line-height: 156.454%;
}
.efficient-lead-mgt-col p,
.personalized-lead-nurturing-col p {
color: #343434;
/* font-family: Kanit; */
padding-top: 29px;
font-size: 26px;
font-style: normal;
font-weight: 300;
line-height: 156.454%;
}
.servics-cloud-consulting-col {
background-image: url('../images/services-consulting-bg-image.png');
background-position: top;
background-repeat: no-repeat;
background-size: contain;
padding: 34px 24px 34px 24px;
margin-top: 121px;
}
.servics-cloud-implementation-col {
background-image: url('../images/services-implementation-bg-image.png.png');
background-position: top;
background-repeat: no-repeat;
background-size: contain;
padding: 34px 24px 34px 24px;
margin-top: 121px;
}
.servics-cloud-support-col {
background-image: url('../images/services-support-bg-image.png');
background-position: top;
background-repeat: no-repeat;
background-size: contain;
padding: 34px 24px 34px 24px;
margin-top: 121px;
}
.servics-cloud-integration-col {
background-image: url('../images/cloud-integration-bg-image.png');
background-position: top;
background-repeat: no-repeat;
background-size: contain;
padding: 34px 24px 34px 24px;
/* margin-top: 121px; */
}
/* .our-services-section{
background-image: url('../images/our-services-bg-image.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
} */
.servics-cloud-migration-col {
background-image: url('../images/cloud-migration-bg-image.png');
background-position: top;
background-repeat: no-repeat;
background-size: contain;
padding: 34px 24px 34px 24px;
/* margin-top: 121px; */
}
.servics-cloud-consulting-col p,
.servics-cloud-implementation-col p,
.servics-cloud-support-col p,
.servics-cloud-integration-col p,
.servics-cloud-migration-col p {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 130%;
padding: 0 0px 80px 0px;
margin-bottom: 80px
}
.servics-cloud-consulting-col h4,
.servics-cloud-implementation-col h4,
.servics-cloud-support-col h4,
.servics-cloud-integration-col h4,
.servics-cloud-migration-col h4 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 130%;
padding: 34px 20px 35px 20px;
}
/* Salesforce cloud page CSS End */
/* Health cloud page CSS Start */
.health-cloud-col-bg,
.salesforce-community-cloud-col-bg {
margin-bottom: 70px;
background: #FFF;
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.health-cloud-col-bg h4,
.salesforce-community-cloud-col-bg h4 {
color: #343434;
/* font-family: Kanit; */
font-size: 28px;
padding: 33px 80px 10px 80px;
font-style: normal;
font-weight: 500;
line-height: 175.454%;
}
.health-cloud-col-bg p,
.salesforce-community-cloud-col-bg p {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 28px;
font-style: normal;
padding: 0 36px 37px 36px;
font-weight: 300;
line-height: 175.454%;
}
.briding-healthcare-section {
padding-bottom: 52px;
}
.healthcare-gaps-container,
.solutins-we-offer-container,
.market-cloud-section {
padding: 0% 10%;
}
.ol-list,
.ol-list-community-cloud {
background-color: #D9D9D933;
padding: 10px 18px 10px 150px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
margin-bottom: 20px;
}
.ol-list li,
.ol-list-community-cloud li {
list-style: disc;
color: #343434;
text-align: left;
/* font-family: Kanit; */
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 156.454%;
}
.solutins-we-offer-container h4 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 156.454%;
}
.solution-we-offer-col-image {
margin-top: 8%;
}
.solutins-we-offer-section {
margin-bottom: 120px;
margin-top: 140px;
}
/* Health cloud page CSS End */
/* Market cloud page CSS Start */
.market-cloud-container {
padding: 0% 8%;
}
.market-cloud-col-bg-1 {
background: #FFF;
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.market-cloud-col-bg-2 {
background: #FFF;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.market-cloud-col-bg-3 {
background: #FFF;
box-shadow: -4px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.market-cloud-col-bg h4 {
color: #000;
/* font-family: Kanit; */
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: 175.454%;
}
.market-cloud-col-bg p {
color: #000;
text-align: center;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 175.454%;
}
.salesforce-cloud-header-conatiner {
padding: 0% 10%;
}
.elevate-business-section,
.education-cloud-features-section {
margin-top: 130px;
}
.elevate-business-section h3,
.education-cloud-features-section h3 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 130%;
}
.elevate-business-container {
border-radius: 32px;
background: rgba(34, 158, 216, 0.16);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
padding: 50px 123px 50px 123px;
}
.studio-col {
border-radius: 10px;
background: #FFF;
box-shadow: -4px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.studio-col h5 {
color: #343434;
/* font-family: Kanit; */
font-size: 28px;
font-style: normal;
text-align: center;
font-weight: 500;
padding: 37px 84px 10px 84px;
line-height: 175.454%;
}
.studio-col p {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 22px;
font-style: normal;
padding: 10px 18px 37px 18px;
font-weight: 300;
line-height: 175.454%;
}
/* Market cloud page CSS End */
/* Education cloud page CSS Start */
.elevate-learning-section {
margin-top: 110px;
margin-bottom: 130px;
}
.elevate-learning-section div h4 {
color: #343434;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.elevate-learning-section div p {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.studio-col-1 h5 {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 25px;
font-style: normal;
font-weight: 500;
line-height: 175.454%;
/* 43.864px */
padding: 36px 20px 10px 20px;
}
.studio-col-1 p {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 175.454%;
padding: 10px 18px 37px 18px;
}
.and-its-benefits-section h4 {
color: #343434;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.student-row {
background: #DBEFF9;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
margin-bottom: 50px;
margin-left: 0px;
}
.student-col h5 {
color: #343434;
margin-top: 61px;
/* font-family: Kanit; */
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.row.student-row .col-lg-4 img {
padding: 17px 57px 17px 57px;
}
.student-col p {
color: #343434;
margin-top: 25px;
padding: 0px 21px;
text-align: center;
/* font-family: Kanit; */
font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
/* Education cloud page CSS End */
.content-banner {
color: #ffffff;
background-image: url(./img/banner.png);
min-height: 400px;
height: 100%;
position: relative;
background-position: center center;
background-size: cover;
padding-top: 125px;
}
.dropdown-custom-item {
width: 300px;
margin-left: 15px;
margin-top: 15px;
margin-bottom: 15px;
border-right: 2px dashed rgba(0, 0, 0, 0.25);
}
.dropdown-custom-item-1 {
width: 300px;
margin-left: 15px;
margin-top: 15px;
margin-bottom: 15px;
/* border-right: 2px dashed rgba(0, 0, 0, 0.25); */
}
.dropdown-custom-item h4 {
margin-left: 15px;
margin-bottom: 15px;
}
.dropdown-custom-item a img {
margin-right: 8px;
/* margin-bottom: 20px; */
}
.dropdown-custom-item a {
color: #343434;
/* font-family: Kanit; */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 27.434px;
margin-bottom: 8px;
}
.dropdown-custom-item-1 h4 {
margin-left: 15px;
margin-bottom: 15px;
}
.dropdown-custom-item-1 a img {
margin-right: 8px;
/* margin-bottom: 20px; */
}
.dropdown-custom-item-1 a {
color: #343434;
/* font-family: Kanit; */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 27.434px;
margin-bottom: 8px;
}
.dropdown-service.dropdown-menu.show {
display: flex;
/* width: 598px;
height: 492px; */
background: #fff;
}
.dropdown-menu.about-dropdown-list {
width: 182px;
}
.dropdown-menu.about-dropdown-list a {
color: #4E4F4C;
padding: 15px;
/* font-family: Kanit; */
font-size: 18px;
margin-bottom: 10px;
font-style: normal;
font-weight: 500;
line-height: 16.012px;
/* 88.958% */
letter-spacing: 0.09px;
}
.dropdown-menu.about-dropdown-list a img {
margin-right: 15px;
}
.content-banner:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-color: rgba(57, 49, 49, 0.7);
top: 0;
left: 0;
z-index: 1;
}
.content-banner .first-title {
font-size: 44px;
font-weight: 400;
line-height: 1.2;
position: relative;
z-index: 2;
margin: 0px 0px 12px;
}
.content-banner .banner-des {
font-size: 12px;
line-height: 150%;
letter-spacing: 0;
position: relative;
z-index: 2;
font-weight: 400;
margin-top: 0;
}
.banner-btn {
padding: 0 34px;
z-index: 1;
margin: 30px auto 25px;
line-height: 56px;
position: relative;
border-radius: 6px;
height: 56px;
font-size: 16px;
background-color: #fe4066;
display: inline-block;
color: #ffffff;
transition: 5s;
text-align: center;
}
.banner-btn:hover {
text-decoration: none;
color: #fe4066;
background-color: white;
}
.header {
position: relative;
width: 100%;
}
.header-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 99;
background-color: transparent;
}
.logo {
color: #ffffff;
}
.nav-item .nav-link {
display: block;
color: #4E4F4C;
/* font-family: Kanit; */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23.245px;
/* 145.28% */
text-transform: uppercase;
}
.nav-item .nav-link:hover {
color: #FE4066;
}
.header-btn {
color: #ffffff;
border-radius: 30px;
background-color: gray;
border: none;
font-weight: 500;
outline: none;
font-size: 15px;
padding: 7px 22px;
transition: 5s;
}
.header-btn:hover {
background-color: #FE4066;
cursor: pointer;
}
.navbar-scroll {
background-color: #ffffff;
padding: 0;
position: fixed;
top: 0;
z-index: 99;
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4);
transition-duration: 10s;
}
.navbar-scroll .nav-item .nav-link {
color: black;
}
.navbar-scroll .header-btn {
color: #ffffff;
background-color: #fe4066;
}
.navbar-scroll .logo {
color: #000;
font-weight: 500;
}
.first-title {
text-transform: capitalize;
}
section {
background-color: white;
/* padding: 4rem 0rem 4rem; */
}
/* section:nth-of-type(even){background-color: #fe4066;
color: white;} */
.header-container {
padding: 0 10%;
}
.header-image {
padding-bottom: 35px;
}
/* Case Study page CSS Start */
section.case-study-section {
padding: 220px 0 350px 0;
margin-top: 5%;
background-image: url('../images/case-study-header-image-2.png');
background-position: top;
background-repeat: no-repeat;
background-size: cover;
}
.case-study-row {
/* background-image: url('../images/case-study-header-row-image.png');
background-position: top; */
}
.case-study-section div h2 {
color: #343434;
/* font-family: Kanit; */
margin-bottom: 30px;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 36.193px;
}
.case-study-section div p {
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.how-a-look-section h4 {
color: #343434;
/* font-family: Kanit; */
font-size: 40.592px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.health-cloud-h4 {
position: relative;
top: -10%;
width: 80%;
left: 10%;
padding: 13px 20px;
border-radius: 6.937px;
background: #FFF;
box-shadow: 0px 3.4686391353607178px 16.389320373535156px 0px rgba(0, 0, 0, 0.25);
}
div.google-api-col,div.manufacturing-cloud-col {
padding: 26px 6px;
}
.how-a-look-section-1 div.img-heath {
border-radius: 12.819px;
padding: 8px;
border: 3.469px solid #229FD9;
box-shadow: -3.4686391353607178px 3.4686391353607178px 12.140236854553223px 0px rgba(0, 0, 0, 0.25);
}
section.how-a-look-section-1 a{
text-decoration: none !important;
}
div.img-heath img {
border-radius: 12.14px;
background: url(<path-to-image>), lightgray 50% / cover no-repeat;
}
.health-cloud-h4 h4 {
color: #229FD9;
text-align: center;
/* font-family: Kanit; */
font-size: 20.508px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
/* Case Study page CSS End */
/* cloud case study CSS Start */
.cloud-case-study-section{
/* padding: 207px 50px 0px 50px; */
/* background-color: #0088C8; */
}
.cloud-case-header-txt-col{
background-image: url('../images/health-cloud-study-header-bg-image-1.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 270px 148px 80px 100px;
}
.cloud-case-header-txt-col-1{
background-image: url('../images/commerce-cloud-cs-header-bg-image.png');
}
.cloud-case-header-txt-col-2{
background-image: url('../images/manu-cloud-cs-header-bg-image.png');
}
.cloud-case-header-txt-col h2{
color: #FFF;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 130%;
}
.cloud-case-header-txt-col p{
color: #FFF;
padding: 30px 0 172px 0;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.cloud-case-header-img-col{
/* background-color: red; */
background: rgba(34, 159, 217, 0.10);
padding: 180px 0px 120px 80px;
}
.cloud-case-header-img-col img{
/* position: relative;
right: -20%; */
}
.case-study-introducation-section{
margin: 174px 0 0 0;
/* padding: 0 16%; */
}
.case-study-introducation-section div h4{
color: #343434;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 130%;
}
.case-study-introducation-section div p{
color: #343434;
text-align: center;
padding: 35px 50px;
background-image: url('../images/case-study-intro-p-bg-image.png');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.cloud-case-study-overview-section{
margin:170px 0 0 0;
}
.cloud-case-study-overview-section h4{
color: #343434;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 130%;
}
.overview-row{
margin: 0 0 110px 0;
}
.challenges-case-study-col{
/* background-image: url('../images/overview-challenegs-bg-image.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
padding: 0px 0 100px 100px; */
}
.challenges-case-study-col h6{
color: #343434;
/* font-family: Kanit; */
font-size: 36px;
font-style: normal;
font-weight: 500;
line-height: 130%;
}
.challenges-case-study-col p{
color: #343434;
/* padding: 0 24px 0 0px; */
/* font-family: Kanit; */
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.cloud-case-study-implementation-process{
padding: 0 10%;
margin-bottom: 150px;
}
.cloud-case-study-implementation-process h3{
color: #343434;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 130%;
}
.cloud-study-implemetaion-col{
background: #FFF;
box-shadow: 4px 4px 4px 0px rgba(43, 171, 227, 0.14);
margin-bottom: 60px;
}
.cloud-study-implemetaion-col h4{
color: #343434;
padding: 40px 0px 20px 0px;
/* font-family: Kanit; */
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 175.454%;
}
.cloud-study-implemetaion-col p{
color: #343434;
padding: 0 28px 39px 28px;
text-align: center;
/* font-family: Kanit; */
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 130%;
}
.cloud-study-result-section{
padding: 0 6%;
margin-bottom: 170px;
}
.cloud-study-result-section h3{
color: #343434;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 130%;
}
section.cloud-study-result-section.text-center div.col-lg-12 ol {
list-style: none !important;
}
section.cloud-study-result-section.text-center div.col-lg-12 ol li{
padding: 21px 0px 20px 0px;
}
section.cloud-study-result-section.text-center div.col-lg-12 ol li h5 img{
width: 8px;
height: 8px;
margin-right: 15px;
}
section.cloud-study-result-section.text-center div.col-lg-12 ol li h5{
color: #343434;
/* padding-left: 20px; */
/* font-family: Kanit; */
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: 130%;
}
section.cloud-study-result-section.text-center div.col-lg-12 ol:nth-child(1){
background: #F2FAFD;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
margin-bottom: 36px;
}
section.cloud-study-result-section.text-center div.col-lg-12 ol:nth-child(2){
background: #FFFDFF;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
margin-bottom: 36px;
}
section.cloud-study-result-section.text-center div.col-lg-12 ol:nth-child(3){
background: #FFFCF3;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
margin-bottom: 36px;
}
section.cloud-study-result-section.text-center div.col-lg-12 ol:nth-child(4){
background: #FCFFF8;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
margin-bottom: 36px;
}
section.cloud-study-result-section.text-center div.col-lg-12 ol:nth-child(5){
background: #FEF9F0;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
margin-bottom: 36px;
}
section.cloud-study-result-section.text-center div.col-lg-12 ol li p{
color: #343434;
padding: 33px 25px 20px 0px;
/* font-family: Kanit; */
font-size: 28px;
/* margin: 33px 0 0 0; */
font-style: normal;
font-weight: 300;
line-height: 130%;
}
.cloud-study-conclusion-section div h4{
color: #343434;
/* font-family: Kanit; */
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 130%;
}
.cloud-study-conclusion-section div p{
color: #343434;
text-align: center;
/* font-family: Kanit; */
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 130%;
background-image: url('../images/cloud-study-conslusion-bg-image.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 81px 250px 288px 250px;
margin-bottom: 100px;
}
/* cloud case study CSS End */
@media screen and (max-width: 580px) {
div.twitter-logo,
div.linkdin-logo {
display: inline-block;
margin: 20px;
margin-top: 40px;
}
}
@media screen and (max-width: 580px) {
div.leader-image-col {
text-align: center;
}
}
@media screen and (max-width: 580px) {
div.leader-row-1,.overview-col-reverse{
flex-direction: column-reverse;
}
.challenges-case-study-col{
/* flex-direction: column-reverse; */
text-align: left !important;
/* margin-left: 0px; */
}
.challenges-case-study-col hr{
margin-left: 0px !important;
}
}
@media only screen and (min-width:1200px) {
.nav-item>.nav-link {
padding: 5px 20px !important;
display: block !important;
}
}
@media only screen and (max-width:992px) {
.header-inner {
background-color: white !important;
}
.nav-item>.nav-link {
color: black !important
}
.logo {
color: #000 !important;
font-weight: 600 !important;
}
.content-banner .first-title {
font-size: 30px !important;
}
}
@media screen and (max-width: 580px) {
.reviews-col {
text-align: center !important;
margin: 10px;
}
.elevate-business-container {
padding: 50px 16px 50px 30px !important;
}
.responsive-2,
.responsive-image-2 {
width: 100% !important;
}
.ol-list,
.ol-list-community-cloud {
padding: 20px 1px 20px 47px !important;
}
.healthcare-gaps-container, .case-study-introducation-section,.cloud-study-result-section {
padding: 0% 2% !important;
}
.health-cloud-col-bg p,
.salesforce-community-cloud-col-bg p {
padding: 0 10px 37px 10px !important;
}
}
@media screen and (max-width: 580px) {
.countries-flag-section {
padding: 21px 54px !important;
}
nav.navbar.navbar-expand-lg {
padding: 14px 25px 14px 0px !important;
}
div#navbarSupportedContent {
margin-left: 10%;
}
}
@media screen and (max-width: 580px) {
.countries-col-4,
.is-benfits-section-2,
.is-benfits-section-1{
padding: 0px !important;
}
.cloud-case-study-implementation-process {
padding: 10px 20px !important;
}
.is-benfits-image-col-2 img,
.is-benfits-section-1 img,
.is-benfits-image-col-1 img {
width: 100% !important;
height: auto !important;
}
}
@media screen and (max-width: 580px) {
.flags-box {
margin: 10px !important;
}
}
@media (max-width: 767px) {
.our-team-col,.navigating-the-salesforce-migration div h6 {
padding: 20px;
}
.professional-col-2,
.professional-col-1 {
margin-top: 20px !important;
}
span.mobile-hr-responsive center hr {
margin-left: 30% !important;
}
}
@media (max-width: 767px) {
html {
font-size: 14px;
}
.new-product-section div p,.cloud-study-conclusion-section div p{
padding: 0 10px 90px 10px;
}
.new-product-section{
padding: 200px 26px 40px 26px;
}
.cloud-case-header-txt-col {
padding: 236px 20px 0px 20px !important;
}
.cloud-case-header-img-col{
padding: 100px 0 100px 30px !important;
}
.cloud-case-header-txt-col p {
padding: 30px 0 100px 0 !important;
}
}
@media (max-width: 767px) {
.mw-100 {
width: 100% !important;
}
.header-section div img {
width: 100% !important;
padding-top: 40px;
}
}
@media screen and (max-width: 580px) {
.flex-sm-1-column-reverse {
flex-direction: column-reverse;
}
.leader-heading-txt p,
.leader-heading-txt h2,
.leader-heading-txt h6 {
padding-right: 0px;
padding-left: 20px;
text-align: center;
}
}
@media (min-width: 992px) {
.col-lg-3 {
flex: 0 0 auto;
width: 23%;
/* padding: 0 10% 0 10%; */
}
.px-10 {
padding: 0 10% 0 10%;
}
}
@media (max-width: 767px) {
.articles-resources-col-1,
.header-section h1,
.header-section h1 span,
.header-section p {
padding-right: 0px;
}
.is-benfits-image-col-2 img,.is-benfits-heading-col-2 h6{
margin-top: 0px !important;
}
.articles-resources-col-2 {
padding-left: 0px;
}
.need-analysis-col{
text-align: center !important;
margin-bottom: 18% !important;
}
section.is-benfits-section-1 div div.row, section.is-benfits-section-2 div div.row.empower-row {
flex-direction: column-reverse;
}
.is-benfits-heading-col h6,.is-benfits-heading-col-2 h6,.is-benfits-heading-col-1 h6{
text-align: left;
padding-left: 20px;
margin-bottom: 32%;
}
.is-benfits-heading-col-1,.is-benfits-heading-col-2 {
margin-top: 84px;
}
}
@media (max-width: 767px) {
.mulesoft-row-area {
flex-direction: column-reverse;
/* margin: 30px; */
}
.our-team-row {
flex-direction: column-reverse;
margin-top: 30px;
}
.mulesoft-row-area hr {
flex-direction: column-reverse;
float: none !important;
margin-left: 20px;
}
}
@media (max-width: 767px) {
.mulesoft-implementation-services-col h4,
.mulesoft-implementation-services-col hr,
.mulesoft-implementation-services-col p,
.mulesoft-implementation-services-col p,
.mulesoft-implementation-services-col-2 h4,
.mulesoft-implementation-services-col-2 p {
padding-left: 20px !important;
text-align: left !important;
}
.mulesoft-implementation-services-col hr {
margin-left: 20px;
text-align: start;
}
}
@media (max-width: 767px) {
.use-mulesoftefficient-col-1,
.use-mulesoftefficient-col-2 {
border-right: none;
border-width: 0%;
}
}
@media (max-width: 767px) {
.features-of-field-row,
.features-of-field-row {
gap: 0px;
margin-top: 0;
}
.dropdown-service.dropdown-menu.show {
display: inherit !important;
}
.dropdown-service.dropdown-menu.show{
height: 363px;
overflow-y: scroll;
}
.our-company-header-section div h2{
margin-top: 60% !important;
}
}
@media (max-width: 767px) {
div.row.hiring-model-row {
margin-bottom: 0px;
}
}
@media (max-width: 767px) {
.hiring-models-col,
.leader-row {
padding: 60px 0 50px 0;
}
}