Landing and inner pges Changes with css

This commit is contained in:
sujan
2024-08-30 13:11:20 +05:45
parent c2b342b694
commit 8e9ebda3b8
44 changed files with 523 additions and 1067 deletions

View File

@ -3005,8 +3005,8 @@ img {
width: 100%;
height: 100%;
content: "";
/* background: url(../images/slider/bg-shape.svg) no-repeat;*/
background: linear-gradient(rgb(0 0 0 / 24%), rgb(0 0 0 / 48%));
/* background: url(../images/slider/bg-shape.svg) no-repeat;*/
background: linear-gradient(rgb(0 0 0 / 24%), rgb(0 0 0 / 48%));
z-index: -1;
}
@media (max-width: 991px) {
@ -4812,7 +4812,7 @@ img {
text-decoration-line: none;
text-transform: uppercase;
position: relative;
/* padding-left: 20px;*/
/* padding-left: 20px;*/
}
.wpo-about-section .about-content .title h2::before, .wpo-about-section-s4 .about-content .title h2::before {
position: absolute;
@ -4821,7 +4821,7 @@ img {
width: 14px;
height: 16px;
transform: translateY(-50%);
/* content: url(../images/title-shape.svg);*/
/* content: url(../images/title-shape.svg);*/
}
.wpo-about-section .about-content .title h3, .wpo-about-section-s4 .about-content .title h3 {
color: #042127;
@ -5020,7 +5020,7 @@ img {
border-radius: 100px;
color: #0B3742;
margin: 0 5px;
background: #FFF;
background: #eee;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.06);
transition: all 0.3s ease-in-out;
overflow: hidden;
@ -5032,7 +5032,7 @@ img {
}
}
.service-slider .owl-dot.active {
background: #0B3742;
background: #991b4e;
}
.service-card {
position: relative;
@ -5231,7 +5231,7 @@ img {
}
.wpo-funfact-section .titel-image {
text-align: center;
margin-bottom: 65px;
/* margin-bottom: 65px;*/
}
@media (max-width: 767px) {
.wpo-funfact-section .titel-image {
@ -5294,13 +5294,11 @@ img {
font-family: "Plus Jakarta Sans";
font-size: 50px;
font-weight: 700;
line-height: 48px;
line-height: 70px;
letter-spacing: -1px;
max-width: 286px;
height: 100px;
line-height: 100px;
border-radius: 100px;
background: linear-gradient(107deg, rgba(11, 55, 66, 0.12) 38.02%, rgba(28, 140, 168, 0) 89.08%);
/* background: linear-gradient(107deg, rgba(11, 55, 66, 0.12) 38.02%, rgba(28, 140, 168, 0) 89.08%);*/
margin: 0 auto;
}
@media (max-width: 1199px) {
@ -7405,9 +7403,9 @@ img {
/*5.3 wpo-funfact-section-s2 */
.wpo-funfact-section-s2, .wpo-funfact-section-s3 {
position: relative;
background: url(../images/funfact-bg.png) no-repeat center/cover;
/* background: url(../images/funfact-bg.png) no-repeat center/cover;
padding-top: 315px;
margin-top: -230px;
margin-top: -230px;*/
}
@media (max-width: 991px) {
.wpo-funfact-section-s2, .wpo-funfact-section-s3 {
@ -7422,7 +7420,7 @@ img {
}
.wpo-funfact-section-s2 .wraper, .wpo-funfact-section-s3 .wraper {
border-radius: 8px;
background: #0B3742;
background: #991b4e;
box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 991px) {
@ -14424,23 +14422,54 @@ img {
.apply-btn:hover {
color: #fff;
}
/*Hero section Video */
@media (max-width: 570px) {
.video-holder {
display: none;
.video-holder {
display: none;
}
}
}
@media (max-width: 932px) {
.video-holder {
position: absolute;
left: 45%;
top: 50%;
transform: translate(-50%, -50%);
.video-holder {
position: absolute;
left: 45%;
top: 50%;
transform: translate(-50%, -50%);
}
}
.wpo-funfact-section .titel-image h1 {
background: url("../images/access-images/text-bg.jpg") center/cover no-repeat;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: "Plus Jakarta Sans";
font-size: 200px;
font-weight: 700;
margin-bottom: 0;
padding-bottom: 60px;
margin-top: -20px;
}
@media (max-width: 1199px) {
.wpo-funfact-section .titel-image h1 {
font-size: 150px;
}
}
@media (max-width: 767px) {
.wpo-funfact-section .titel-image h1 {
font-size: 100px;
padding-bottom: 20px;
}
}
@media (max-width: 499px) {
.wpo-funfact-section .titel-image h1 {
font-size: 50px;
padding-bottom: 20px;
}
}
/*Hero section Video */
.fact{
font-size: 100px !important;
}
.paragraph-padding{
padding: 20px 0px;
}
/*extra css*/