@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,500;0,600;0,700;0,800;0,900;1,400&display=swap");
.site__btn4 {
height: 60px;
padding: 0 30px;
background: #ff5e14;
border: 1px solid #ff5e14;
font-size: 14px;
font-weight: 700;
color: #fff;
line-height: 60px;
display: inline-block;
text-transform: uppercase;
position: relative;
}
.site__btn4:hover {
color: #fff;
}
.site__btn4-icon {
padding-left: 30px;
position: relative;
display: inline-block;
width: 44px;
}
.site__btn4-icon:before {
position: absolute;
content: "";
width: 1px;
height: 20px;
background: #dddedf;
left: 14px;
top: 19px;
}
.site__btn4-icon i {
font-size: 16px;
color: #fff;
}
.site__btn4-icon i:first-child {
position: absolute;
top: 20px;
right: 20px;
opacity: 0;
visibility: hidden;
transition: 0.4s ease-out;
transition-delay: 0.1s;
}
.site__btn4:hover i:first-child {
right: 0;
opacity: 1;
visibility: visible;
}
.site__btn4-icon i:last-child {
opacity: 1;
transition: 0.2s;
position: relative;
right: 0;
}
.site__btn4:hover i:last-child {
right: -35px;
opacity: 0;
visibility: hidden;
}
.site__btn4.site__btn4-border {
border-color: #dddedf;
background: #fff;
color: #919191;
transition: 0.5s ease-in;
}
.site__btn4.site__btn4-border:hover {
color: #fff;
background: #ff4328;
border-color: #ff4328;
}
.site__btn4.site__btn4-border i {
color: #919191;
}
.site__btn4.site__btn4-border:hover i {
color: #fff;
}
.site__btn4.site__btn4-border i:after {
background: #dddedf;
}
.p-relative {
position: relative;
}
.section-title-o {
font-size: 60px;
font-weight: 700;
color: #00235a;
line-height: 1.17;
font-family: "Exo 2", sans-serif;
text-transform: uppercase;
} .slider2__height {
height: 900px;
position: relative;
}
.slider-oil-title {
font-size: 80px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
line-height: 1.125;
font-family: "Exo 2", sans-serif;
}
.slider-oil-content p {
font-size: 16px;
line-height: 29px;
color: #d5ddee;
} .about-img {
display: block;
}
.about-img::before {
position: absolute;
content: "";
width: 180px;
height: 290px;
border: 15px solid #ff5e14;
top: -35px;
left: -35px;
}
.about-single-img {
display: block;
}
.about-content > p {
color: #7d8a9d;
}
.about-author {
display: flex;
align-items: flex-start;
}
.about-author-img {
float: left;
width: 70px;
height: 70px;
border-radius: 50%;
}
.about-author-nd {
display: block;
}
.about-author-name {
font-size: 18px;
color: #00235a;
font-weight: 400;
margin-bottom: 6px;
line-height: 1;
}
.about-author-designation {
font-size: 15px;
color: #7d8a9d;
font-weight: 400;
display: inline-block;
}
.about-author-signature::after {
position: absolute;
content: "";
width: 60px;
height: 2px;
background: #ff5e14;
top: -20px;
left: 0;
} .service-area {
display: block;
}
.single-service {
display: block;
}
.service-img {
display: block;
}
.service-content {
padding: 25px 0 10px 0;
}
.service-content > p {
font-size: 16px;
font-weight: 400;
color: #7d8a9d;
line-height: 28px;
margin-bottom: 18px;
}
.service-title {
font-size: 22px;
font-weight: 700;
color: #00235a;
margin-bottom: 18px;
}
.service-icon {
height: 90px;
width: 90px;
text-align: center;
line-height: 90px;
color: service-icon;
font-size: 45px;
background: #fff;
position: absolute;
top: -90px;
left: 0;
color: #ff5e14;
}
.site__btn4.no-bg {
color: #7d8a9d;
padding: 0;
line-height: 19px;
height: 20px;
background: none;
border: none;
}
.site__btn4.no-bg:hover {
color: #ff5e14;
}
.site__btn4.no-bg .site__btn4-icon i {
font-size: 16px;
color: #fff;
color: #7d8a9d;
}
.site__btn4.no-bg:hover .site__btn4-icon i {
color: #ff5e14;
}
.site__btn4.no-bg .site__btn4-icon:before {
background: #7d8a9d;
top: 0;
}
.site__btn4.no-bg:hover .site__btn4-icon:before {
background: #ff5e14;
}
.site__btn4.no-bg .site__btn4-icon i:first-child {
top: 0px;
} .companies-area {
background: #00235a;
}
.company-area-tag {
display: inline-block;
width: 430px;
background: #ff5e14;
padding: 22px 50px;
text-align: center;
border-radius: 0 0 20px 20px;
position: relative;
margin-top: -35px;
}
.company-area-tag:before {
position: absolute;
content: "";
width: 27px;
height: 35px;
background: #e1ac94;
clip-path: polygon(100% 0, 100% 100%, 0 100%);
top: 0;
left: -27px;
}
.company-area-tag:after {
position: absolute;
content: "";
width: 27px;
height: 35px;
background: #e1ac94;
clip-path: polygon(0 0, 100% 100%, 0 100%);
top: 0;
right: -27px;
}
.company-area-tag h4 {
font-size: 30px;
color: #fff;
line-height: 40px;
margin-bottom: 0;
font-family: "Exo 2", sans-serif;
} .testimonial-area {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.testimonial-area-bg {
background: #f5f7f9;
}
.testimonial-area-img {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
opacity: 0.09;
}
.testimonial-wrapper {
display: block;
}
.single-testimonial {
display: block;
}
.test-a-img {
display: inline-block;
margin-bottom: 13px;
}
.test-a-img-main {
width: 85px;
height: 85px;
border-radius: 50%;
overflow: hidden;
}
.test-a-img-quote {
width: 34px;
height: 34px;
background: #fff;
border-radius: 50%;
font-size: 14px;
color: #ff5e14;
text-align: center;
line-height: 34px;
bottom: 3px;
right: -10px;
position: absolute;
}
.test-a-nd {
display: block;
}
.test-a-name {
font-size: 22px;
font-weight: 400;
line-height: 1;
color: #00235a;
margin-bottom: 8px;
font-family: "Exo 2", sans-serif;
}
.test-a-designation {
font-size: 16px;
font-weight: 400;
color: #7d8a9d;
}
.test-a-text {
font-size: 16px;
line-height: 28px;
color: #7d8a9d;
padding: 0 100px;
}
.test-a-rating {
display: inline-block;
}
.test-a-rating li {
display: inline;
}
.test-a-rating li i {
color: #ff5e14;
font-size: 16px;
}
.testimonial-active .owl-dots {
text-align: center;
margin-top: 50px;
}
.testimonial-active .owl-dot {
margin: 0 4px;
}
.testimonial-active .owl-dot span {
height: 12px;
width: 12px;
background: #c6ccd5;
border: 2px solid #c6ccd5;
border-radius: 50%;
transition: all 0.3s;
display: inline-block;
}
.testimonial-active .owl-dot.active span {
border-color: #ff5e14;
background: none;
}
.testimonial-active .owl-nav {
}
.testimonial-active .owl-prev i,
.testimonial-active .owl-next i {
color: #c6ccd5;
font-size: 17px;
font-weight: 500;
transition: all 0.3s;
}
.testimonial-active .owl-prev:hover i {
color: #ff5e14;
}
.testimonial-active .owl-next:hover i {
color: #ff5e14;
}
.testimonial-active .owl-prev {
position: absolute;
bottom: 0;
left: 44%;
}
.testimonial-active .owl-prev::after {
position: absolute;
content: "";
width: 2px;
height: 25px;
background: #c6ccd5;
right: -10px;
transition: all 0.3s;
top: -2px;
}
.testimonial-active .owl-prev:hover:after {
background: #ff5e14;
}
.testimonial-active .owl-next {
position: absolute;
bottom: 0;
right: 44%;
}
.testimonial-active .owl-next::after {
position: absolute;
content: "";
width: 2px;
height: 25px;
background: #c6ccd5;
left: -10px;
transition: all 0.3s;
top: -2px;
}
.testimonial-active .owl-next:hover:after {
background: #ff5e14;
} .overview2-area {
}
.overview-certification-title {
font-size: 24px;
line-height: 1;
color: #00235a;
font-family: "Exo 2", sans-serif;
text-transform: uppercase;
}
.certificate-list {
}
.certificate-list li {
display: inline-block;
float: left;
width: 62px;
height: 62px;
margin-right: 20px;
}
.certificate-list li:last-child {
margin-right: 0;
}
.overview2-content {
}
.overview2-list {
}
.overview2-list li {
list-style: none;
margin-bottom: 52px;
}
.overview2-list li:last-child {
margin-bottom: 0;
}
.overview2-list-number {
float: left;
width: 145px;
position: relative;
}
.overview2-list-number:after {
position: absolute;
content: "";
width: 1px;
height: 50px;
background: #d9dfe8;
right: 22px;
top: 2px;
}
.overview2-list-number span {
font-size: 60px;
font-weight: 400;
color: #ff5e14;
line-height: 1;
font-family: "Exo 2", sans-serif;
display: inline-block;
margin-top: -7px;
}
.overview2-list-text {
overflow: hidden;
}
.overview2-list-text h4 {
font-size: 20px;
font-weight: 400;
color: #00235a;
line-height: 1;
font-family: "Exo 2", sans-serif;
margin-bottom: 7px;
}
.overview2-list-text p {
font-size: 16px;
font-weight: 400;
color: #7d8a9d;
margin-bottom: 0;
} .gallery-area {
}
.explore-gallery {
width: 600px;
float: left;
}
.gallery-slider {
overflow: hidden;
}
.single-gallery {
}
.gallery-img {
}