File: /home/imensosw/www/imenso.co/imenso-case-study-powerbi/css/styles - Copy.css
.cs-banner-heading h1 {
margin-bottom: 45px;
font-size: 4.2rem;
}
.cs-banner-heading p{
font-size: 1.4rem;
line-height: 1.6em;
padding: 10px 30px;
font-weight: 500;
opacity: .7;
}
.cs-client-info {
display: flex;
align-items: center;
justify-content: center;
margin-left: 60px;
}
.cs-client-info li {
margin-right: 50px;
position: relative;
list-style: none;
}
.cs-client-info li:before {
content: "•";
position: absolute;
left: -1em;
color: #fd2e35;
}
.cs-banner-img img {
border-radius: 10px;
}
.cc_bg2 {
background-color: #20376A;
color: #fff;
}
.cc_gray_bg1 {
background-color: #f0f4f7;
}
.info-section p {
font-weight: 500;
font-size: 20px;
opacity: .8;
}
.big-heading {
font-size: 4rem;
}
.sol_img {
background-color: #26468d;
padding: 50px;
border-radius: 10px 10px 0px 0px;
min-height: 370px;
display: flex;
justify-content: center;
align-items: center;
}
.sol_img img {
width: 80%;
}
.sol_des {
background-color: #274382;
padding: 50px;
color: #fff;
border-radius: 0px 0px 10px 10px;
}
.solution_points .card {
border:none;
background-color: transparent;
min-height: 720px;
}
.small_heading h5 {
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 20px;
}
.small_heading h6 {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 20px;
}
.common p {
color: #757575;
font-size: 20px;
font-weight: 600;
}
.common_white p {
color: #b9b9b9;
font-size: 20px;
font-weight: 600;
}
.high_black {
color: #000;
}
.primary_heading {
color: #20376A;
}
.feature_icon {
width: 65px;
margin-bottom: 20px;
}
.key_points li {
padding: 20px 0px 20px;
border-top: 2px solid #c8c8c8;
list-style: none;
position: relative;
font-weight: 600;
display: flex;
font-size: 20px;
color: #808080;
}
.key_points_icon {
margin-right: 20px;
width: 40px;
}
.key_points_icon img {
border-radius: 0;
width: 35px;
margin-right: 40px;
}
.key_points p {
display: block;
}
.inner_list {
padding-left: 80px;
}
.inner_list li {
border-top: none;
display: list-item;
padding: 5px 10px;
list-style: circle;
font-size: inherit;
position: relative;
}
.bg-holder {
position: absolute;
width: 100%;
min-height: 100%;
top: 0;
left: 0;
background-size: 100% auto;
background-position: right;
overflow: hidden;
background-repeat: no-repeat;
border-radius: 0px 10px 10px 0px;
}
.sm_main_heading {
font-weight:bold;
display:block;
margin-bottom:25px;
font-size: 36px;
}
.custom_bg {
/*background: #f3f3f3;
padding: 50px;
border-radius: 8px;*/
position: relative;
}
.custom_bg:before{
content: "";
position: absolute;
height: 110%;
width: 100%;
left: 0;
top: -30%;
background-color: #f8edcc;
z-index: -1;
}
.main_points {
padding-left: 20px !important;
border-top: 2px solid #c8c8c8;
color: #808080;
font-weight: 600;
font-size: 20px;
}
.main_points li {
padding: 10px;
}
.card_box {
padding: 0 15px;
}
.card_box p {
margin-top: 30px;
}
.border_heading {
border-bottom: 3px solid #333;
padding-bottom: 15px;
}
.text-big{font-size:1.5rem !important;}
.text-yellow{color:#fedc86}
.bg-primary2{background: #274382;}
.rounded-4{ border-radius:10px }
.text-big-2{font-size:1.25rem !important;}
.cc-img {border-radius: 10px;}
@media (max-width: 992px) {
.custom_bg:before{ top: -30%; height: 130%;}
.big-heading {font-size: 3.2rem;}
.cs-banner-heading h1{ font-size: 3.6rem;}
}
@media (max-width: 767px) {
.custom_bg:before{ top: -30%; height: 130%;}
.big-heading {font-size: 2.6rem;}
.cs-banner-heading h1{ font-size: 3rem;}
.text-big {font-size: 1.25rem !important;}
.sol_des, .sol_img{ padding: 30px;}
.big-h2 {font-size: 2.2rem;}
}
@media (max-width: 576px) {
.cs-banner-heading h1{ font-size: 2.3rem;}
.cs-client-info{ display:block; margin-left:0 }
.cs-client-info li{ margin-right:0 }
.cs-client-info li:before{ position: relative;}
.sol_des{ padding: 1rem;}
.custom_bg:before { top: -150px; height: calc(100% + 100px);}
.big-heading {font-size: 2.2rem;}
.sol_img{ padding: 0px;}
.big-h2 {font-size: 2rem;}
.banner_sub{ margin-top:3.5rem !important }
}