:root {
--font-default: 'Outfit', sans-serif;
--font-heading: 'Outfit', sans-serif;
--fontawesome: "Font Awesome 5 Pro";
--black: #000000;
--dark: #1f2b38;
--dark-secondary: #022b6d;
--dark-optional: #3e00a7;
--white: #ffffff;
--color-primary: #246BFD;
--color-secondary: #0846C6;
--color-optional: #ff214a;
--color-style-two: #f94735;
--color-heading: #04000b;
--color-paragraph: #666666;
--box-shadow-primary: -1px 3px 10px 0 rgba(0, 0, 0, 0.6);
--box-shadow-secondary: 0 10px 30px 0 rgba(44, 130, 237, 0.4);
--box-shadow-regular: 0px 2px 12px 0px #e7e7e7;
--bg-gray: #F7F7F7;
--bg-gray-secondary: #D8E7EF;
--bg-gradient: linear-gradient(90deg, var(--color-primary)  0%, var(--dark-optional) 100%);
--bg-gradient-reverse: linear-gradient(90deg, var(--color-style-two)  0%, var(--color-optional) 100%);
} * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
body,
html {
height: 100%;
}
html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
scroll-behavior: smooth;
}
html, body, div, span, img, a, p, h1, h2, h3,
h4, h5, h6, option, legend, label, th, td, tr, article, aside,
caption, figure, footer, header, hgroup,
mark, nav, section, time, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
.wrapper {
height: 100%;
}
img {
border: none;
outline: none;
max-width: 100%;
}
label {
display: inline-block;
font-weight: normal;
margin-bottom: 5px;
max-width: 100%;
}
a {
outline: none;
text-decoration: none;
color: var(--color-heading);
}
a img {
border: none;
}
a:active {
outline: none;
text-decoration: none;
color: var(--color-heading);
opacity: 1;
}
a:focus {
outline: none;
text-decoration: none;
color: var(--color-heading);
}
a:hover {
outline: none;
text-decoration: none;
color: var(--color-primary);
opacity: 1;
}
.color-style-two a:hover {
color: var(--color-style-two);
}
button {
outline: medium none;
}
iframe {
border: none;
}
hr {
margin-top: 0;
margin-bottom: 0;
border: 0;
border-top: 1px solid #eeeeee;
}
pre {
display: block;
margin: 0 0 30px;
padding: 9.5px;
word-wrap: break-word;
word-break: break-all;
color: #333333;
border: 1px solid #ededed;
border-radius: inherit;
background-color: #f9f9f9;
font-size: 13px;
line-height: 1.42857143;
}
input {
border: 1px solid #e7e7e7;
border-radius: inherit;
-webkit-box-shadow: inherit;
box-shadow: inherit;
min-height: 50px;
}
input:focus {
outline: none;
-webkit-box-shadow: inherit;
box-shadow: inherit;
}
textarea:focus {
outline: none;
-webkit-box-shadow: inherit;
box-shadow: inherit;
}
select:focus {
outline: none;
-webkit-box-shadow: inherit;
box-shadow: inherit;
}
b {
font-weight: 600;
}
strong {
font-weight: 600;
}
.row {
--bs-gutter-x: 30px;
}
i::before {
line-height: inherit !important;
} body {
font-family: var(--font-default);
font-size: 16px;
font-weight: 400;
line-height: 1.8;
overflow-x: hidden;
background-color: var(--white);
color: var(--color-paragraph);
}
h1, h2, h3, h4, h5, h6 {
color: var(--color-heading);
font-weight: normal;
line-height: 1.2;
font-family: var(--font-heading);
letter-spacing: 0;
margin: 0;
margin-bottom: 15px;
font-weight: 600;
}
h1 {
font-size: 40px;
margin-bottom: 25px;
}
h2 {
font-size: 36px;
margin-bottom: 25px;
}
h3 {
font-size: 28px;
margin-bottom: 25px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 14px;
}
a, .btn, button {
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
outline: medium none;
text-decoration: none;
font-weight: 600;
line-height: 26px;
}
p {
color: var(--color-paragraph);
margin: 0 0 25px;
text-transform: none;
font-weight: 400;
font-family: var(--font-default);
}
.fa, .fas {
font-family: "Font Awesome 5 Pro" !important;
} .container-full {
padding: 0 15px;
margin: auto;
max-width: 1400px;
}
@media (min-width: 576px) {
.container-full {
max-width: 540px;
width: 100%;
}
}
@media (min-width: 768px) {
.container-full {
max-width: 720px;
width: 100%;
}
}
@media (min-width: 992px) {
.container-full {
max-width: 960px;
width: 100%;
}
}
@media (min-width: 1200px) {
.container-full {
max-width: 95%;
width: 95%;
}
}
.container-fill {
padding: 0 15px;
margin: auto;
max-width: 100%;
}
@media (min-width: 576px) {
.container-fill {
max-width: 540px;
width: 100%;
}
}
@media (min-width: 768px) {
.container-fill {
max-width: 720px;
width: 100%;
}
}
@media (min-width: 992px) {
.container-fill {
max-width: 960px;
width: 100%;
}
}
@media (min-width: 1200px) {
.container-fill {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 1199px) {
.container-fill {
padding: 0 25px;
width: 100%;
}
}
@media only screen and (min-width: 1400px) {
.container-stage {
margin-left: calc((100% - 1320px)/ 2);
width: auto;
min-width: auto;
max-width: inherit;
padding-right: 0;
}
}
@media only screen and (max-width: 767px) {
.row {
--bs-gutter-x: 1.5rem;
}
}
.bg-cover {
background-position: center center !important;
background-size: cover !important;
}
.bg-contain {
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: left top !important;
}
.bg-fixed {
background-attachment: fixed !important;
background-position: center center !important;
background-size: cover !important;
}
.bg-fit {
background-size: 100% 100% !important;
background-position: center !important;
}
.bg-gray {
background: var(--bg-gray);
}
.bg-gray-secondary {
background: var(--bg-gray-secondary);
}
.bg-light {
background-color: var(--white);
}
.bg-dark {
background-color: var(--dark) !important;
}
.bg-theme {
background-color: var(--color-primary);
}
.bg-theme-secodnary {
background-color: var(--color-secondary);
}
.bg-gradient {
background-color: var(--color-primary);
background: var(--bg-gradient) !important;
}
.bg-gradient-secondary {
background-color: var(--color-secondary);
background: var(--bg-gradient-secondary) !important;
}
.gradient-bg {
background-color: var(--color-primary);
background: var(--gradient-bg) !important;
}
.text-light {
color: var(--white);
}
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light p,
.text-light span,
.text-light a {
color: var(--white);
}
.bg-dark p {
color: #cccccc;
}
.shadow {
-webkit-box-shadow: inherit !important;
box-shadow: inherit !important;
}
.shadow.dark {
position: relative;
z-index: 1;
}
.shadow.dark:after {
background: var(--dark);
content: "";
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.shadow.dark-hard {
position: relative;
z-index: 1;
}
.shadow.dark-hard:after {
background: var(--black);
content: "";
height: 100%;
left: 0;
opacity: 0.45;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.shadow.theme {
position: relative;
z-index: 1;
}
.shadow.theme:after {
background: var(--color-primary) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.7;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.shadow.light {
position: relative;
z-index: 1;
}
.shadow.light:after {
background: var(--white) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.6;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.default-padding,
.default-padding-top,
.default-padding-bottom,
.default-padding-mx {
position: relative;
}
.default-padding {
padding-top: 120px;
padding-bottom: 120px;
}
@media only screen and (max-width: 767px) {
.default-padding {
padding-top: 70px;
padding-bottom: 70px;
}
}
.default-padding-big {
padding: 250px 0;
}
@media only screen and (max-width: 767px) {
.default-padding-big {
padding: 70px 0;
}
}
.default-padding-top {
padding-top: 120px;
}
@media only screen and (max-width: 767px) {
.default-padding-top {
padding-top: 70px;
}
}
.default-padding-bottom {
padding-bottom: 120px;
}
@media only screen and (max-width: 767px) {
.default-padding-bottom {
padding-bottom: 70px;
}
}
.default-padding.bottom-less {
padding-top: 120px;
padding-bottom: 90px;
}
@media only screen and (max-width: 767px) {
.default-padding.bottom-less {
padding-top: 70px;
padding-bottom: 40px;
}
}
.default-padding-bottom.bottom-less {
margin-bottom: -30px;
}
@media only screen and (max-width: 767px) {
.default-padding-bottom.bottom-less {
margin-bottom: 0;
}
}
.default-padding-top.bottom-less {
margin-bottom: -30px;
}
@media only screen and (max-width: 767px) {
.default-padding-top.bottom-less {
margin-bottom: -30px;
}
}
@media only screen and (min-width: 1200px) {
.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.relative {
position: relative;
}
.overflow-hidden {
overflow: hidden;
}
.border-top {
border-top: 1px solid #e7e7e7;
}
.border-bottom {
border-bottom: 1px solid #e7e7e7;
}
.border-left {
border-left: 1px solid #e7e7e7;
}
.border-right {
border-right: 1px solid #e7e7e7;
}
.heading {
font-weight: 600;
margin-bottom: 25px;
margin-top: -5px;
font-size: 42px;
line-height: 1.3;
}
.heading span {
font-weight: 400;
}
.site-heading {
margin-bottom: 60px;
}
.title {
font-weight: 600;
font-size: 50px;
}
@media (max-width: 767px) {
.title {
font-size: 36px;
margin-top: 0;
}
}
.site-heading .title {
margin-bottom: 0;
}
.sub-title {
text-transform: uppercase;
color: var(--color-heading);
font-weight: 500;
display: inline-block;
position: relative;
z-index: 1;
background: var(--bg-gray-secondary);
padding: 7px 15px;
font-size: 20px;
border-radius: 4px;
}
.bg-dark .sub-title {
color: var(--color-heading);
}
.color-style-two .bg-gray .sub-title {
background: #ffdedb;
color: var(--color-heading);
}
.bg-gray-secondary .sub-title {
background: rgba(255, 255, 255, 0.5);
}
.site-heading p {
margin-bottom: 0;
margin-top: 25px;
padding: 0 10%;
}
.site-heading .devider {
display: inline-block;
width: 50px;
height: 2px;
background: var(--color-primary);
position: relative;
z-index: 1;
left: 10px;
}
.site-heading.light .devider,
.bg-theme .site-heading .devider,
.bg-gradient .site-heading .devider,
.shadow .site-heading .devider,
.bg-dark .site-heading .devider {
background: var(--white);
}
.site-heading .devider:before {
position: absolute;
left: -15px;
top: 0;
content: "";
height: 2px;
width: 10px;
background: var(--color-primary);
}
.site-heading.light .devider:before,
.bg-theme .site-heading .devider:before,
.bg-gradient .site-heading .devider:before,
.shadow .site-heading .devider:before,
.bg-dark .site-heading .devider:before {
background: var(--white);
}
@media (max-width: 767px) {
.site-heading p {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.site-heading {
margin-bottom: 30px;
}
}
.heading-left {
position: relative;
z-index: 1;
margin-bottom: 60px;
}
.heading-left .heading {
font-weight: 600;
margin-bottom: 0;
}
.heading-left .right-content {
border-left: 1px solid #e7e7e7;
padding-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.heading-left .heading {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.heading-left .heading {
margin-bottom: 15px;
}
}
.heading-left p {
margin-bottom: 0;
}
.heading-left .btn {
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.heading-left {
margin-bottom: 30px;
}
}
.bg-dark .heading-left p {
opacity: 0.8;
}
.sub-heading {
text-transform: uppercase;
color: var(--color-primary);
font-weight: 500;
background: var(--bg-gradient-reverse);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
position: relative;
z-index: 1;
margin-bottom: 20px;
}
.bg-gradient .sub-heading {
color: var(--white);
background: transparent;
-webkit-background-clip: inherit;
background-clip: inherit;
-webkit-text-fill-color: inherit;
opacity: 0.9;
} .video-play-button {
display: inline-block;
position: relative;
height: 120px;
width: 120px;
line-height: 120px;
background: var(--color-primary);
border-radius: 50%;
font-size: 30px;
font-weight: 100;
color: var(--white);
text-align: center;
}
.color-style-two .video-play-button {
background: var(--color-style-two);
}
.color-style-three .video-play-button {
background: var(--color-style-three);
}
.color-style-four .video-play-button {
background: var(--color-style-four);
}
.video-play-button i {
font-weight: 100;
color: var(--white);
}
.video-play-button::after {
position: absolute;
left: 50%;
top: 50%;
content: "";
height: 105%;
width: 105%;
border: 1px solid rgba(255, 255, 255, 0.8);
animation: pulse-border 3s linear infinite;
border-radius: 50%;
}
@-webkit-keyframes pulse-border {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
@keyframes pulse-border {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}  @-webkit-keyframes video-play {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
@keyframes video-play {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
} .zoom-animation {
-webkit-animation: zoom 2000ms ease-out infinite;
animation: zoom 2000ms ease-out infinite;
} @-webkit-keyframes zoom {
from {
-webkit-transform: scale(1, 1);
}
to {
-webkit-transform: scale(1.2, 1.2);
}
}
@keyframes zoom {
from {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
to {
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
} .spiner-animation {
-webkit-animation: spinner 20s infinite linear;
animation: spinner 20s infinite linear;
} @-webkit-keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
@keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
} .spiner-reverse-animation {
-webkit-animation: spinnerReverse 20s infinite linear;
animation: spinnerReverse 20s infinite linear;
} @-webkit-keyframes spinnerReverse {
to {
-webkit-transform: rotateZ(-360deg);
transform: rotateZ(-360deg);
}
}
@keyframes spinnerReverse {
to {
-webkit-transform: rotateZ(-360deg);
transform: rotateZ(-360deg);
}
} @keyframes UpDown {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(-25px);
transform: translateY(-25px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
} .updown-animation {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
-webkit-animation-name: UpDown;
animation-name: UpDown;
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes UpDown {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(-25px);
transform: translateY(-25px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
} .leftRight-animation {
-webkit-animation: fadeLeftRight 10s ease-out infinite;
animation: fadeLeftRight 10s ease-out infinite;
} @keyframes fadeLeftRight {
0%, 100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
}
@-webkit-keyframes fadeLeftRight {
0%, 100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
} .rightLeft-animation {
-webkit-animation: fadeRightLeft 10s ease-out infinite;
animation: fadeRightLeft 10s ease-out infinite;
}
@keyframes fadeRightLeft {
0%, 100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
}
@-webkit-keyframes fadeRightLeft {
0%, 100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
} .zoomUpDown-animation {
-webkit-animation: zoomUpDown 10s ease-out infinite;
animation: zoomUpDown 10s ease-out infinite;
} @keyframes zoomUpDown {
0%, 100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
50% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}
@-webkit-keyframes zoomUpDown {
0%, 100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
} .moving-animation {
-webkit-animation: moving 10s ease-out infinite;
animation: moving 10s ease-out infinite;
} @-webkit-keyframes moving {
0% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
20% {
-webkit-transform: translate(0px, -30px);
transform: translate(0px, -30px);
}
50% {
-webkit-transform: translate(-100px, -30px);
transform: translate(-100px, -30px);
}
70% {
-webkit-transform: translate(-100px, 0px);
transform: translate(-100px, 0px);
}
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
@keyframes moving {
0% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
20% {
-webkit-transform: translate(0px, -30px);
transform: translate(0px, -30px);
}
50% {
-webkit-transform: translate(-100px, -30px);
transform: translate(-100px, -30px);
}
70% {
-webkit-transform: translate(-100px, 0px);
transform: translate(-100px, 0px);
}
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
} @keyframes infinite-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes infinite-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} @-webkit-keyframes open {
0% {
width: 0;
height: 0;
}
50% {
width: 100px;
height: 0;
}
100% {
width: 100px;
height: 55px;
}
}
@keyframes open {
0% {
width: 0;
height: 0;
}
50% {
width: 100px;
height: 0;
}
100% {
width: 100px;
height: 55px;
}
}
@-webkit-keyframes openB {
0% {
width: 0px;
}
100% {
width: 100px;
}
}
@keyframes openB {
0% {
width: 0px;
}
100% {
width: 100px;
}
} @-webkit-keyframes shine {
0% {
margin-right: 0;
}
100% {
margin-right: -100px;
}
}
@keyframes shine {
0% {
margin-right: 0;
}
100% {
margin-right: -100px;
}
}
@-webkit-keyframes infiniteMove {
0% {
border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
}
50% {
border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
}
100% {
border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
}
}
@keyframes infiniteMove {
0% {
border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
}
50% {
border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
}
100% {
border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
}
}
@-webkit-keyframes infiniteMove2 {
0% {
border-radius: 60% 30% 70% 40% / 60% 40% 30% 70%;
}
50% {
border-radius: 50% 60% 30% 60% / 30% 60% 70% 40%;
}
100% {
border-radius: 60% 30% 70% 40% / 60% 40% 30% 70%;
}
}
@keyframes infiniteMove2 {
0% {
border-radius: 60% 30% 70% 40% / 60% 40% 30% 70%;
}
50% {
border-radius: 50% 60% 30% 60% / 30% 60% 70% 40%;
}
100% {
border-radius: 60% 30% 70% 40% / 60% 40% 30% 70%;
}
} .btn {
display: inline-block;
font-weight: 500;
text-transform: capitalize;
transition: all 0.35s ease-in-out;
overflow: hidden;
border-radius: 3px;
border: 2px solid transparent;
-webkit-box-shadow: inherit;
box-shadow: inherit;
font-size: 16px;
letter-spacing: 0;
padding: 13px 30px;
background: #E7EDF8;
position: relative;
z-index: 1;
}
.btn:focus, .btn.active {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-box-shadow: inherit;
box-shadow: inherit;
border: 2px solid transparent;
}
.btn:hover {
background-color: var(--color-primary);
color: var(--white);
}
.btn.radius {
border-radius: 6px;
}
.btn.btn-border {
border: 2px solid var(--color-heading);
background: transparent;
}
.btn.btn-border.btn-md {
padding: 14px 52px;
}
.btn.btn-border:hover {
background: var(--color-primary);
border-color: var(--color-primary);
}
.btn.btn-border.animation::after {
position: absolute;
top: 0;
right: inherit;
bottom: inherit;
left: 0;
content: "";
height: 100%;
width: 0;
z-index: -1;
background: var(--dark);
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.btn.btn-border.animation:hover {
border-color: var(--dark);
color: var(--white);
}
.btn.btn-border.animation:hover::after {
width: 100%;
}
.btn.btn-border-dark {
border: 2px solid var(--dark);
background: transparent;
}
.btn.btn-border-dark:hover {
background: var(--dark);
border-color: var(--dark);
}
.btn.btn-border-dark.animation::after {
position: absolute;
top: 0;
right: inherit;
bottom: inherit;
left: 0;
content: "";
height: 100%;
width: 0;
z-index: -1;
background: var(--dark);
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.btn.btn-border-dark.animation:hover {
border-color: var(--dark);
color: var(--white);
}
.btn.btn-border-dark.animation:hover::after {
width: 100%;
}
.btn.btn-border-theme {
border: 2px solid var(--color-primary);
background: transparent;
}
.btn.btn-border-theme:hover {
background: var(--color-primary);
border-color: var(--color-primary);
}
.btn.btn-border-theme.animation::after {
position: absolute;
top: 0;
right: inherit;
bottom: inherit;
left: 0;
content: "";
height: 100%;
width: 0;
z-index: -1;
background: var(--color-primary);
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.btn.btn-border-theme.animation:hover {
border-color: var(--color-primary);
color: var(--white);
}
.btn.btn-border-theme.animation:hover::after {
width: 100%;
}
.btn.btn-border-light {
border: 2px solid var(--white);
background: transparent;
color: var(--white);
}
.btn.btn-border-light:hover {
background: var(--white);
border-color: var(--white);
color: var(--dark);
}
.btn.btn-border-light.animation::after {
position: absolute;
top: 0;
right: inherit;
bottom: inherit;
left: 0;
content: "";
height: 100%;
width: 0;
z-index: -1;
background: var(--white);
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.btn.btn-border-light.animation:hover {
border-color: var(--white);
color: var(--dark);
}
.btn.btn-border-light.animation:hover::after {
width: 100%;
}
.btn.btn-gradient {
border: none;
color: var(--white);
}
.btn.btn-gradient::after {
position: absolute;
top: 0;
right: inherit;
bottom: inherit;
left: 0;
content: "";
height: 100%;
width: 100%;
z-index: -1;
background-image: linear-gradient(to right, #246BFD , #a200be, #246BFD );
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
background-size: 220%;
}
.btn.btn-gradient:hover::after {
background-position: -70% 0;
}
.btn.btn-gradient.active {
background-position: -70% 0;
}
.btn.btn-theme {
color: var(--white);
border: none;
background: var(--color-primary);
}
.color-style-two .btn.btn-theme {
color: var(--white);
border: none;
background: var(--color-style-two);
}
.btn.btn-theme::after {
position: absolute;
top: inherit;
right: inherit;
bottom: inherit;
left: -5%;
content: "";
height: 150px;
width: 115%;
z-index: -1;
background-color: var(--dark);
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
-webkit-transform: translateY(-45%) skew(25deg) scale(0);
transform: translateY(-45%) skew(25deg) scale(0);
}
.text-light .btn.btn-theme::after {
background-color: var(--white);
}
.text-light .btn.btn-theme:hover {
color: var(--color-heading);
}
.btn.btn-theme:hover::after {
-webkit-transform: translateY(-45%) skew(25deg) scale(1.2);
transform: translateY(-45%) skew(25deg) scale(1.2);
}
.btn.btn-theme.secondary {
color: var(--white);
border: none;
background: var(--color-optional);
}
.btn.btn-theme.secondary::after {
position: absolute;
top: inherit;
right: inherit;
bottom: inherit;
left: -5%;
content: "";
height: 150px;
width: 115%;
z-index: -1;
background-color: var(--dark);
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
-webkit-transform: translateY(-45%) skew(25deg) scale(0);
transform: translateY(-45%) skew(25deg) scale(0);
}
.text-light .btn.btn-theme.secondary::after {
background-color: var(--white);
}
.text-light .btn.btn-theme.secondary:hover {
color: var(--color-heading);
}
.btn.btn-theme.secondary:hover::after {
-webkit-transform: translateY(-45%) skew(25deg) scale(1.2);
transform: translateY(-45%) skew(25deg) scale(1.2);
}
.btn.btn-theme.hover-light::after {
background-color: var(--white);
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.btn.btn-theme.hover-light:hover {
color: var(--dark);
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.btn.btn-theme.hover-light:hover::after {
-webkit-transform: translateY(-45%) skew(25deg) scale(1.2);
transform: translateY(-45%) skew(25deg) scale(1.2);
}
.btn.btn-light {
color: var(--color-heading);
border: none;
background: var(--white);
border: 2px solid transparent;
}
.btn.btn-light.btn-md {
padding: 13px 52px;
}
.btn.btn-light:hover {
color: var(--white);
background: transparent;
border: 2px solid var(--white);
}
.btn.btn-dark {
color: var(--white);
background: var(--dark);
border: none;
}
.btn.btn-dark::after {
position: absolute;
top: 0;
right: inherit;
bottom: inherit;
left: 0;
content: "";
height: 100%;
width: 0;
z-index: -1;
background-color: var(--color-primary);
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.shadow .btn.btn-dark::after {
background-color: var(--white);
}
.shadow .btn.btn-dark:hover {
color: var(--color-heading) !important;
}
.btn.btn-dark:hover::after {
width: 100%;
}
.btn.btn-dark.secondary {
color: var(--white);
border: none;
background: var(--dark-optional);
}
.btn.btn-dark.secondary::after {
position: absolute;
top: inherit;
right: inherit;
bottom: inherit;
left: -5%;
content: "";
height: 150px;
width: 115%;
z-index: -1;
background-color: var(--white);
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
-webkit-transform: translateY(-45%) skew(25deg) scale(0);
transform: translateY(-45%) skew(25deg) scale(0);
}
.btn.btn-dark.secondary:hover::after {
-webkit-transform: translateY(-45%) skew(25deg) scale(1.2);
transform: translateY(-45%) skew(25deg) scale(1.2);
}
.btn.btn-dark.secondary:hover {
color: var(--color-heading);
}
.btn i {
position: relative;
margin-left: 5px;
font-weight: 100;
font-size: 20px;
transform: rotate(-45deg);
top: 2px;
}
.btn.text-slide {
min-width: 150px;
height: 55px;
line-height: 55px;
}
.btn.text-slide span {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
text-align: center;
}
.btn.animate-border {
overflow: inherit;
z-index: inherit;
width: 200px;
height: 55px;
line-height: 55px;
padding: 0;
}
.btn.animate-border:hover {
background: transparent;
color: var(--dark);
}
.btn.animate-border:hover .hover-border::after,
.btn.animate-border:hover .hover-border::before {
opacity: 1;
-webkit-animation: open 0.4s; animation: open 0.4s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
-webkit-animation-direction: normal;
animation-direction: normal;
}
.btn.animate-border:hover .hover-border-bottom::after,
.btn.animate-border:hover .hover-border-bottom::before {
opacity: 1;
-webkit-animation: openB 0.4s; animation: openB 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
-webkit-animation-direction: normal;
animation-direction: normal;
}
.btn.animate-border .hover-border {
position: absolute;
left: 0;
top: -1px;
height: 100%;
width: 100%;
}
.btn.animate-border .hover-border::before {
position: absolute;
content: "";
height: 0;
width: 0;
display: block;
opacity: 0;
border-top: solid 2px var(--color-primary);
border-left: solid 2px var(--color-primary);
right: 98px;
top: -1px;
}
.btn.animate-border .hover-border::after {
position: absolute;
content: "";
height: 0;
width: 0;
display: block;
opacity: 0;
border-top: solid 2px var(--color-primary);
border-right: solid 2px var(--color-primary);
left: 98px;
top: -1px;
}
.btn.animate-border .hover-border-bottom {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 1;
}
.btn.animate-border .hover-border-bottom::before {
position: absolute;
content: "";
width: 0;
display: block;
opacity: 0;
height: 55px;
border-bottom: solid 2px var(--color-primary);
right: -1px;
bottom: -2px;
}
.btn.animate-border .hover-border-bottom::after {
position: absolute;
content: "";
width: 0;
display: block;
opacity: 0;
height: 100%;
border-bottom: solid 2px var(--color-primary);
left: 0;
bottom: -2px;
}
.btn.animated-arrow {
border: none;
background: transparent;
min-width: 14rem;
height: auto;
padding: 0;
}
.btn.animated-arrow .circle {
-webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: relative;
display: block;
margin: 0;
width: 3.5rem;
height: 3.5rem;
background: var(--color-primary);
border-radius: 2rem;
}
.btn.animated-arrow .circle .icon {
-webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
left: 15px;
width: 1.125rem;
height: 0.125rem;
background: none;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.btn.animated-arrow .circle .icon::before {
position: absolute;
content: "";
top: -0.25rem;
right: 0.0625rem;
width: 0.625rem;
height: 0.625rem;
border-top: 0.125rem solid var(--white);
border-right: 0.125rem solid var(--white);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn.animated-arrow .button-text {
-webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 15px 0;
margin: 0 0 0 70px;
color: var(--dark);
line-height: 2;
text-align: left;
width: 100%;
font-size: 14px;
}
.btn.animated-arrow:hover {
color: var(--white);
}
.btn.animated-arrow:hover .circle {
width: 100%;
}
.btn.animated-arrow:hover .circle .icon.arrow {
background: var(--white);
-webkit-transform: translate(1.5rem, 0);
transform: translate(1.5rem, 0);
}
.btn.animated-arrow:hover .button-text {
color: var(--white);
}
.btn.circle {
border-radius: 30px !important;
}
.btn-simple {
line-height: 1;
text-transform: uppercase;
display: inline-block;
color: var(--color-paragraph);
}
.btn-simple i {
transform: rotate(-45deg);
display: inline-block;
margin-left: 2px;
}
.btn-simple:hover {
color: var(--color-primary);
}
.video-btn i {
display: inline-block;
height: 55px;
width: 55px;
text-align: center;
line-height: 55px;
background: var(--color-primary);
border-radius: 50%;
position: relative;
margin-right: 20px;
color: var(--white);
}
.text-light .video-btn i {
background: var(--white);
color: var(--color-primary);
}
.video-btn i::after {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: block;
width: 60px;
height: 60px;
background: var(--color-primary) repeat scroll 0 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-animation: pulse-border 1500ms ease-out infinite;
animation: pulse-border 1500ms ease-out infinite;
z-index: -1;
}
.text-light .video-btn i::after {
background: var(--white) repeat scroll 0 0;
}
.text-shine {
background: linear-gradient(to right, var(--dark) 0, var(--white) 10%, var(--color-primary) 20%);
background-position: 0;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: shine 3s infinite linear;
animation: shine 3s infinite linear;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-text-size-adjust: none;
font-weight: 600;
font-size: 16px;
text-decoration: none;
white-space: nowrap;
padding: 12px 48px;
}
.animate-inout {
background: -webkit-gradient(linear, left top, right top, from(#8A6552), to(#472d20));
background: linear-gradient(90deg, #8A6552 0%, #472d20 100%);
color: var(--white);
font-size: 12px;
text-transform: capitalize;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
overflow: hidden;
border: solid 2px var(--color-primary);
cursor: pointer;
}
.btn-icon {
position: relative;
padding-left: 20px;
}
.btn-icon:hover {
color: var(--color-primary);
}
.btn-icon::after {
position: absolute;
right: 10px;
top: 50%;
content: "";
height: 2px;
left: 0;
background: var(--color-heading);
transform: translateY(-50%);
margin-top: -1px;
transition: all 0.35s ease-in-out;
}
.btn-icon:hover::after {
background: var(--color-primary);
}
.btn-icon i {
font-weight: 500;
}
.btn-icon:hover {
padding-left: 40px;
}
.animate-inout span {
z-index: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
line-height: 20px;
}
.animate-inout::before, .animate-inout::after {
width: 0%;
height: 0%;
position: absolute;
content: "";
border-radius: 100%;
}
.animate-inout:after {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: var(--white);
}
.animate-inout:before {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
background: var(--color-primary);
}
.animate-inout.animate-inout-borde {
background: transparent;
color: var(--dark);
}
.animate-inout.animate-inout-borde::after {
background: -webkit-gradient(linear, left top, right top, from(#8A6552), to(#472d20));
background: linear-gradient(90deg, #8A6552 0%, #472d20 100%);
}
.animate-inout.animate-inout-borde:hover {
color: var(--white);
}
.animate-inout.animate-inout-borde:hover::before {
-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.animate-inout.animate-inout-borde:hover::after {
-webkit-transition: all 0.7s ease-in;
transition: all 0.7s ease-in;
}
.animate-inout:hover {
color: var(--dark);
}
.animate-inout:hover::before, .animate-inout:hover::after {
width: 200px;
height: 200px;
border-radius: 4px;
}
.animate-inout:hover::before {
-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.animate-inout:hover::after {
-webkit-transition: all 0.7s ease-in;
transition: all 0.7s ease-in;
}
.btn-md {
padding: 16px 52px;
font-size: 16px;
}
.btn-sm {
padding: 16px 50px;
font-size: 14px;
}
.gutter-xl {
--bs-gutter-x: 150px;
} .nice-select {
-webkit-tap-highlight-color: transparent;
background-color: var(--white);
border: solid 1px #e8e8e8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 16px;
font-weight: normal;
height: 50px;
line-height: 50px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: 100%;
margin-bottom: 15px;
}
.nice-select:hover {
border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #999999;
}
.nice-select::after {
border-bottom: 2px solid #999999;
border-right: 2px solid #999999;
content: '';
display: block;
height: 5px;
margin-top: -6px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 5px;
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
overflow-y: auto !important;
height: auto;
}
.nice-select.open ::after {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.nice-select.disabled {
border-color: #ededed;
color: #999999;
pointer-events: none;
}
.nice-select.disabled::after {
border-color: #96aac1;
}
.nice-select.wide {
width: 100%;
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.nice-select.right {
float: right;
}
.nice-select.right .list {
left: auto;
right: 0;
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px;
}
.nice-select.small::after {
height: 4px;
width: 4px;
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px;
}
.nice-select .list {
background-color: var(--white);
border-radius: 5px;
-webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;
width: 100%;
}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important;
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #f6f6f6;
}
.nice-select .option.selected {
font-weight: 600;
}
.nice-select .option.disabled {
background-color: transparent;
color: #999999;
cursor: default;
}
.no-csspointerevents .nice-select .list {
display: none;
}
.no-csspointerevents .nice-select.open .list {
display: block;
} .top-style-one .logo img {
height: 60px;
}
.top-style-one .social li {
display: inline-block;
}
.top-style-one {
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #e7e7e7;
}
.top-style-one.transparent {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.top-style-one .logo {
text-align: center;
border-left: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
padding: 15px 0;
}
.top-style-one.transparent .logo {
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.top-style-one .social li a {
display: inline-block;
height: 43px;
width: 43px;
text-align: center;
line-height: 45px;
background: var(--bg-gradient);
color: var(--white);
border-radius: 50%;
font-size: 15px;
}
.top-style-one .text-end.social li {
margin-left: 3px;
}
.top-style-one .info i {
font-weight: 100;
font-size: 20px;
position: relative;
top: 2px;
margin-right: 3px;
color: var(--color-primary);
}
.top-style-one .info li {
font-weight: 500;
text-transform: capitalize;
}
@media (min-width: 1024px) {
.top-style-one.transparent {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 9;
}
.navbar .container-full {
max-width: 100%;
}
} .banner-area {
height: 100%;
width: 100%;
position: relative;
}
.banner-area .align-center {
align-items: center;
}
@media (max-width: 1023px) {
.banner-area {
height: auto;
}
}
.banner-area div {
height: 100vh;
}
.banner-area div.swiper-slide .row div {
height: auto;
}
.banner-area.top-pad-80 .content {
padding-top: 80px;
}
@media (max-width: 1023px) {
.banner-area.top-pad-80 .content {
padding-top: 200px;
}
}
@media only screen and (max-width: 767px) {
.banner-area.top-pad-80 .content {
padding-top: 140px;
}
}
.banner-area.top-pad-90 .content {
padding-top: 90px;
}
@media (max-width: 1023px) {
.banner-area.top-pad-90 .content {
padding-top: 200px;
}
}
@media only screen and (max-width: 767px) {
.banner-area.top-pad-90 .content {
padding-top: 140px;
}
}
.banner-area.top-pad-100 .content {
padding-top: 100px;
}
@media (max-width: 1023px) {
.banner-area.top-pad-100 .content {
padding-top: 200px;
}
}
@media only screen and (max-width: 767px) {
.banner-area.top-pad-100 .content {
padding-top: 140px;
}
}
.banner-area.top-pad-110 .content {
padding-top: 110px;
}
@media (max-width: 1023px) {
.banner-area.top-pad-110 .content {
padding-top: 200px;
}
}
@media only screen and (max-width: 767px) {
.banner-area.top-pad-110 .content {
padding-top: 140px;
}
}
.banner-area.top-pad-120 .content {
padding-top: 120px;
}
@media (max-width: 1023px) {
.banner-area.top-pad-120 .content {
padding-top: 200px;
}
}
@media only screen and (max-width: 767px) {
.banner-area.top-pad-120 .content {
padding-top: 140px;
}
}
.banner-area.top-pad-130 .content {
padding-top: 130px;
}
@media (max-width: 1023px) {
.banner-area.top-pad-130 .content {
padding-top: 200px;
}
}
@media only screen and (max-width: 767px) {
.banner-area.top-pad-130 .content {
padding-top: 140px;
}
}
.banner-area.top-pad-150 .content {
padding-top: 150px;
}
@media (max-width: 1023px) {
.banner-area.top-pad-150 .content {
padding-top: 200px;
}
}
@media only screen and (max-width: 767px) {
.banner-area.top-pad-150 .content {
padding-top: 140px;
}
}
.banner-area.auto-height {
height: auto;
}
.banner-area.auto-height div {
height: auto;
}
.banner-area.auto-height .content {
padding: 200px 0;
}
@media only screen and (max-width: 767px) {
.banner-area.auto-height .content {
padding: 60px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner-area.auto-height .content {
padding: 120px 0;
}
}
.banner-area.auto-height .content .thumb {
padding-left: 35px;
}
@media (max-width: 991px) {
.banner-area.auto-height .content .thumb {
padding-left: 0;
margin-top: 50px;
}
}
.banner-area.auto-height.inc-header-transparent .content {
padding-top: 250px;
}
@media only screen and (max-width: 767px) {
.banner-area.auto-height.inc-header-transparent .content {
padding-top: 140px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner-area.auto-height.inc-header-transparent .content {
padding-top: 220px;
}
}
.banner-area.auto-height.inc-header-transparent.double-items.bottom-thumb .content .info {
padding-top: 80px;
}
.banner-area.auto-height.inc-header-transparent.double-items.bottom-thumb .content .thumb {
margin-top: 250px;
}
@media only screen and (max-width: 767px) {
.banner-area.auto-height.inc-header-transparent.double-items.bottom-thumb .content .thumb {
margin-top: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner-area.auto-height.inc-header-transparent.double-items.bottom-thumb .content .thumb {
margin-top: 50px;
}
}
.banner-area .content {
position: relative;
z-index: 9;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
@media (max-width: 1023px) {
.banner-area .content {
padding: 120px 0;
}
}
@media only screen and (max-width: 767px) {
.banner-area .content {
padding: 60px 0;
}
}
.banner-area h4 {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-transform: translate3d(-15%, 0, 0);
transform: translate3d(-15%, 0, 0);
opacity: 0;
visibility: hidden;
}
.banner-area h2 {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
}
.banner-area p,
.banner-area ul {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-transform: translateY(50%);
transform: translateY(50%);
opacity: 0;
padding-right: 25%;
margin: 0;
visibility: hidden;
}
@media (max-width: 1023px) {
.banner-area p {
padding-right: 0;
}
}
.banner-area.text-center p {
padding-left: 13%;
padding-right: 13%;
}
@media (max-width: 1023px) {
.banner-area.text-center p {
padding: 0;
}
}
.banner-area .thumb {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
opacity: 0;
visibility: hidden;
}
.banner-area .button {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-transform: translateY(50%);
transform: translateY(50%);
opacity: 0;
visibility: hidden;
margin-top: 30px;
}
.banner-area .banner-slide h4 {
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.banner-area .banner-slide h2 {
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.banner-area .banner-slide p,
.banner-area .banner-slide ul {
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.banner-area .banner-slide .button {
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.banner-area .banner-slide .swiper-slide.swiper-slide-active h4 {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.banner-area .banner-slide .swiper-slide.swiper-slide-active h2 {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1400ms;
transition-delay: 1400ms;
}
.banner-area .banner-slide .swiper-slide.swiper-slide-active p,
.banner-area .banner-slide .swiper-slide.swiper-slide-active ul {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1600ms;
transition-delay: 1600ms;
}
.banner-area .banner-slide .swiper-slide.swiper-slide-active .button {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1800ms;
transition-delay: 1800ms;
}
.banner-area.double-items .thumb {
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.banner-area.double-items .swiper-slide.swiper-slide-active .thumb {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 500ms;
transition-delay: 500ms;
visibility: visible;
opacity: 1;
}
.banner-area.double-items.bottom-thumb .content {
padding: 0;
}
.banner-area.double-items.bottom-thumb .content .thumb {
margin-top: 120px;
}
@media only screen and (max-width: 767px) {
.banner-area.double-items.bottom-thumb .content {
padding: 50px 0;
}
.banner-area.double-items.bottom-thumb .content .thumb {
margin-top: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner-area.double-items.bottom-thumb .content {
padding: 120px 0;
}
.banner-area.double-items.bottom-thumb .content .thumb {
margin-top: 50px;
}
}
.banner-area.zoom-effect .banner-thumb {
-webkit-transition: 10s ease-out;
transition: 10s ease-out;
-webkit-transform: scale(1.1);
transform: scale(1.1);
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
}
.banner-area.zoom-effect .swiper-slide.swiper-slide-active .banner-thumb {
-webkit-transform: scale(1);
transform: scale(1);
}
.banner-area .swiper-notification {
display: none;
}
.banner-area .swiper-slide.swiper-slide-active h4 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible;
-webkit-transition-delay: 800ms;
transition-delay: 800ms;
}
.banner-area .swiper-slide.swiper-slide-active h2 {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
-webkit-transition-delay: 1600ms;
transition-delay: 1600ms;
}
.banner-area .swiper-slide.swiper-slide-active p,
.banner-area .swiper-slide.swiper-slide-active ul {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
-webkit-transition-delay: 2400ms;
transition-delay: 2400ms;
}
.banner-area .swiper-slide.swiper-slide-active .button {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
-webkit-transition-delay: 3200ms;
transition-delay: 3200ms;
}
.banner-area.banner-style-two .swiper-slide.swiper-slide-active .button {
-webkit-transition-delay: 2400ms;
transition-delay: 2400ms;
}
.banner-area .banner-items {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.banner-area:hover .swiper-button-prev,
.banner-area:hover .swiper-button-next {
opacity: 1;
}
.banner-area:hover .swiper-button-prev {
left: 30px;
right: auto;
}
.banner-area:hover .swiper-button-next {
right: 30px;
left: auto;
}
.banner-area .swiper-button-prev,
.banner-area .swiper-button-next {
height: auto;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
opacity: 0;
}
.banner-area .swiper-button-prev::after,
.banner-area .swiper-button-next::after {
font-size: 28px;
color: var(--color-heading);
}
.banner-area.navigation-circle .swiper-button-prev,
.banner-area.navigation-circle .swiper-button-next {
height: 60px;
width: 60px;
line-height: 60px;
background: rgba(255, 255, 255, 0.8);
border-radius: 50%;
border: 1px solid var(--color-primary);
}
.banner-area.navigation-circle .swiper-button-prev::after,
.banner-area.navigation-circle .swiper-button-next::after {
font-size: 16px;
}
.banner-area.navigation-right-bottom .swiper-button-prev,
.banner-area.navigation-right-bottom .swiper-button-next {
left: auto;
right: 30px;
opacity: 1;
top: auto;
-webkit-transform: inherit;
transform: inherit;
bottom: 50px;
border-radius: inherit;
}
.banner-area.navigation-right-bottom .swiper-button-prev {
right: 92px;
}
.banner-area.navigation-between-bottom .content {
padding-bottom: 105px;
}
@media only screen and (min-width: 829px) and (max-width: 1023px) {
.banner-area.navigation-between-bottom .content {
padding-bottom: 220px;
}
}
.banner-area.navigation-between-bottom .swiper-button-prev,
.banner-area.navigation-between-bottom .swiper-button-next {
left: auto;
right: 30px;
opacity: 1;
top: auto;
-webkit-transform: inherit;
transform: inherit;
bottom: 30px;
border-radius: inherit;
}
.banner-area.navigation-between-bottom .swiper-button-prev {
left: 30px;
right: auto;
}
@media only screen and (max-width: 830px) {
.banner-area .swiper-button-prev,
.banner-area .swiper-button-next {
display: none;
}
}
.banner-area.navigation-custom .swiper-button-prev::after {
font-family: 'ElegantIcons';
content: "\23";
font-size: 22px;
}
.banner-area.navigation-custom .swiper-button-next::after {
font-family: 'ElegantIcons';
content: "\24";
font-size: 22px;
}
.banner-area.navigation-text .swiper-button-prev,
.banner-area.navigation-text .swiper-button-next {
opacity: 1;
top: auto;
-webkit-transform: inherit;
transform: inherit;
left: auto;
right: 0;
bottom: 0;
display: inline-block;
width: 150px;
background: rgba(0, 0, 0, 0.2);
text-align: center;
height: 100px;
line-height: 100px;
}
@media only screen and (max-width: 830px) {
.banner-area.navigation-text .swiper-button-prev,
.banner-area.navigation-text .swiper-button-next {
display: none;
}
}
.banner-area.navigation-text .swiper-button-prev {
right: 151px;
}
.banner-area.navigation-text .swiper-button-prev::after {
font-family: var(--font-heading);
content: "Prev";
text-transform: uppercase !important;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.6px;
}
.banner-area.navigation-text .swiper-button-next::after {
font-family: var(--font-heading);
content: "Next";
text-transform: uppercase !important;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.6px;
}
.banner-area.navigation-icon-solid .swiper-button-prev::after,
.banner-area.navigation-icon-solid .swiper-button-next::after {
font-size: 30px;
}
.banner-area.navigation-custom-large .swiper-button-prev,
.banner-area.navigation-custom-large .swiper-button-next {
min-width: 65px;
height: 30px;
margin: 0;
}
.banner-area.navigation-custom-large .swiper-button-prev::after {
font-family: "Font Awesome 5 Pro";
content: "\f104";
font-weight: 100;
font-size: 30px;
position: absolute;
left: 8px;
}
.banner-area.navigation-custom-large .swiper-button-prev::before {
position: absolute;
top: 50%;
right: inherit;
bottom: inherit;
left: 12px;
content: "";
height: 2px;
width: 50px;
z-index: -1;
background-color: var(--white);
margin-top: -1px;
}
.banner-area.navigation-custom-large .swiper-button-next::after {
font-family: "Font Awesome 5 Pro";
content: "\f105";
font-weight: 100;
font-size: 30px;
position: absolute;
right: 8px;
}
.banner-area.navigation-custom-large .swiper-button-next::before {
position: absolute;
top: 50%;
right: 12px;
bottom: inherit;
left: inherit;
content: "";
height: 2px;
width: 50px;
z-index: -1;
background-color: var(--white);
margin-top: -1px;
}
.banner-area.navigation-right-botom .swiper-button-prev,
.banner-area.navigation-right-botom .swiper-button-next {
position: absolute;
left: auto;
right: 30px;
top: auto;
bottom: 40px;
opacity: 1;
-webkit-transform: inherit;
transform: inherit;
}
.banner-area.navigation-right-botom .swiper-button-prev {
right: 60px;
}
.banner-area.navigation-right-botom.navigation-custom-large .swiper-button-prev,
.banner-area.navigation-right-botom.navigation-custom-large .swiper-button-next {
bottom: 30px;
}
.banner-area.navigation-right-botom.navigation-custom-large .swiper-button-prev {
right: 100px;
}
.banner-area .swiper-pagination {
height: auto;
bottom: 35px;
}
.banner-area .swiper-pagination span.swiper-pagination-bullet {
height: 4px;
width: 50px;
background: rgba(255, 255, 255, 0.5);
opacity: 1;
border-radius: inherit;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.banner-area .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: white;
height: 7px;
}
@media only screen and (max-width: 767px) {
.banner-area.include-pagination .content {
padding-bottom: 100px;
}
}
.banner-area .swiper-pagination-fraction span {
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.banner-area .swiper-pagination-fraction span.swiper-pagination-current {
font-size: 30px;
font-family: var(--font-heading);
font-weight: 600;
} .banner-style-one-area {
position: relative;
z-index: 1;
background-size: 120%, cover;
background-repeat: no-repeat;
background-position: bottom left;
height: 100vh;
}
.banner-style-one-area div {
height: 100%;
}
.banner-style-one .row div {
height: auto;
}
.banner-style-one .row div.banner-one-thumb {
height: 100%;
}
.banner-style-one .thumb img {
object-fit: cover;
height: 100%;
}
.banner-style-one-area .shape-blury {
position: absolute;
right: 5%;
top: 50%;
transform: translateY(-50%);
height: 600px;
width: 600px;
background: red;
z-index: -1;
border-radius: 50%;
filter: blur(80px);
opacity: 0.1;
}
.banner-style-one .content {
padding-top: 100px;
}
.banner-style-one .thumb {
height: 100% !important;
position: relative;
z-index: 1;
display: flex;
align-items: flex-end;
padding-top: 80px;
}
.banner-style-one .thumb::after {
position: absolute;
left: 50%;
top: 50%;
content: "";
height: 500px;
width: 500px;
transform: translate(-50%, -50%);
border: 100px solid var(--color-primary);
z-index: -1;
border-radius: 50%;
opacity: 0.04;
}
.banner-style-one .thumb::before {
position: absolute;
left: 50%;
top: 50%;
content: "";
height: 500px;
width: 500px;
transform: translate(-50%, -50%);
border: 1px solid var(--color-primary);
z-index: -1;
margin-left: 20px;
margin-top: -20px;
border-radius: 50%;
opacity: 0.3;
}
.banner-style-one .row.align-center {
align-items: center;
}
.banner-style-one .strategy .item {
position: absolute;
left: -50px;
bottom: 30%;
display: flex;
background: var(--white);
padding: 25px 30px;
border-radius: 10px;
align-items: center;
border: 1px solid #e7e7e7;
}
.banner-style-one .strategy .item:nth-child(2) {
left: auto;
right: -100px;
top: 50%;
bottom: auto;
margin-top: -160px;
}
.banner-style-one .strategy .item i {
display: inline-block;
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
background: var(--color-primary);
border-radius: 10px;
color: var(--white);
font-size: 30px;
margin-right: 15px;
font-weight: 100;
}
.banner-style-one .strategy .item p {
margin: 0;
}
.banner-style-one .strategy .item strong {
display: block;
font-size: 30px;
letter-spacing: 0.6px;
color: var(--color-heading);
margin-bottom: 3px;
}
.banner-style-one .information {
margin-top: -30px;
}
.banner-style-one .information h2 {
font-size: 70px;
line-height: 1;
font-weight: 500;
margin-bottom: 30px;
}
.banner-style-one .information h4 {
text-transform: uppercase;
font-weight: 600;
}
.banner-style-one .information p {
padding-right: 10%;
line-height: 1.8;
}
.banner-style-one .information h2 strong {
font-weight: 500;
color: var(--color-primary);
}
.banner-style-one .information {
position: relative;
z-index: 1;
padding-bottom: 50px;
}
.banner-style-one .information .animation-shape {
position: absolute;
left: -100px;
top: -100px;
z-index: -1;
}
.banner-style-one .information .animation-shape img {
max-width: 200px;
} .banner-style-two-area {
padding-top: 118px;
}
.banner-style-two-area {
position: relative;
z-index: 1;
}
.banner-style-two .content {
padding-top: 120px;
position: relative;
z-index: 2;
}
.banner-style-two .thumb {
position: relative;
}
.banner-style-two .thumb img {
border-radius: 20px;
}
.banner-style-two .banner-angle-shape .shape-item {
transition: all 0.55s ease-in-out;
transition-delay: 700ms;
visibility: hidden;
opacity: 0;
}
.banner-style-two .banner-angle-shape .shape-item:first-child {
position: absolute;
left: -100px;
top: -100px;
height: 50%;
width: 50%;
z-index: 1;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.banner-style-two.swiper-slide-visible .banner-angle-shape .shape-item {
opacity: 1;
visibility: visible;
}
.banner-style-two.swiper-slide-visible .banner-angle-shape .shape-item:first-child {
left: 0;
top: 0;
}
.banner-style-two .content .shape-circle {
position: absolute;
left: 0;
bottom: -800px;
height: 800px !important;
width: 800px;
background: var(--dark);
z-index: -1;
border-radius: 50%;
margin-left: -25%;
opacity: 0;
visibility: visible;
transition: all 0.55s ease-in-out;
}
.banner-style-two.swiper-slide-visible .content .shape-circle {
visibility: visible;
opacity: 0.5;
bottom: -500px;
}
.banner-style-two h2 {
font-size: 70px;
font-weight: 200;
line-height: 1.1;
}
.banner-style-two h2 strong {
font-weight: 600;
display: block;
color: var(--white);
}
.banner-style-three-area, 
.banner-style-three-area div {
height: 100%;
}
.banner-style-three-area .row div {
height: auto;
}
.banner-style-three-area {
position: relative;
z-index: 1;
}
.banner-style-three-area .banner-shape-right-top {
position: absolute;
right: 0;
top: 0;
height: 650px;
width: 100%;
background-repeat: no-repeat;
background-position: right top;
background-size: contain;
z-index: -1;
opacity: 0.2;
}
.banner-style-three .content {
padding: 120px 0;
padding-top: 200px;
}
.banner-style-three .thumb > img {
border-radius: 50%;
padding: 30px;
background: var(--white);
}
.banner-style-three-area {
background-position: center top !important;
}
.banner-style-three .thumb {
position: relative;
z-index: 1;
border-radius: 50%;
background: #f9f9f9;
padding: 20px;
}
.banner-style-three span:before {
position: absolute;
content: '';
background-image: url(//www.cap-projets.fr/wp-content/themes/gixus/assets/img/shape/6.png);
width: 100%;
height: 30px;
left: 3px;
bottom: -5px;
background-repeat: no-repeat;
z-index: -1;
}
.banner-style-three .sub-title {
text-transform: capitalize;
}
.banner-style-three h2 {
font-size: 70px;
line-height: 1;
font-weight: 500;
margin-bottom: 30px;
}
.banner-style-three .thumb .grow-graph {
background: var(--white);
box-shadow: 0 25px 70px rgb(0 0 0 / 7%);
text-align: center;
width: auto;
display: inline-block;
padding: 30px;
border-radius: 30px;
position: absolute;
right: -100px;
bottom: 120px;
padding-bottom: 15px;
padding-top: 40px;
}
.banner-style-three .thumb .grow-graph img {
height: 100px;
}
.banner-style-three .thumb .grow-graph h5 {
position: absolute;
margin: 0;
left: 50%;
top: 25px;
background: var(--bg-gradient);
color: var(--white);
font-size: 15px;
font-weight: 500;
padding: 8px 15px;
border-radius: 30px;
margin-left: -65px;
} .banner-style-four h4 {
text-transform: uppercase;
font-weight: 500;
color: var(--color-secondary);
}
.banner-style-four h2 {
font-size: 70px;
line-height: 1;
margin-bottom: 40px;
font-weight: 600;
position: relative;
z-index: 1;
}
.banner-style-four h2 strong {
font-weight: 600;
position: relative;
z-index: 1;
display: inline-block;
}
.banner-style-four h2 strong::before {
position: absolute;
content: '';
left: 50%;
top: 50%;
background: url(//www.cap-projets.fr/wp-content/themes/gixus/assets/img/shape/8.png) no-repeat;
width: 100%;
height: 80px;
z-index: -1;
background-size: contain;
background-position: center;
transform: translate(-50%, -50%);
margin-top: 5px;
}
.banner-style-four-area {
height: auto;
}
.banner-style-four {
padding: 250px 0;
position: relative;
z-index: 1;
overflow: hidden;
}
.banner-style-four::after {
left: -20%;
top: 0;
content: "";
height: 100%;
width: 40%;
background: #ffffff;
position: absolute;
transition: all 0.55s ease-in-out;
opacity: 0;
visibility: hidden;
transform: skewX(-30deg);
transition-delay: 2s;
}
.banner-style-four::before {
left: 0;
top: 0;
content: "";
height: 100%;
width: 40%;
background: #ffffff;
position: absolute;
transition: all 0.55s ease-in-out;
transition-delay: 3s;
opacity: 0;
visibility: hidden;
transform: skewX(30deg);
z-index: 1;
}
.banner-style-four.swiper-slide-active::after {
opacity: 0.4;
visibility: visible;
width: 50%;
}
.banner-style-four.swiper-slide-active::before {
opacity: 0.4;
visibility: visible;
width: 400px;
}
.banner-style-four ul li {
display: block;
color: var(--color-heading);
font-weight: 500;
font-size: 18px;
line-height: 30px;
margin-top: 7px;
position: relative;
z-index: 1;
} .banner-style-five {
position: relative;
z-index: 1;
}
.banner-style-five:after {
content: "";
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 0;
border-right: 100vw solid #ffffff;
border-top: 200px solid transparent;
width: 0;
}
.banner-style-five {
overflow: hidden;
}
.banner-style-five .fixed-item {
position: absolute;
right: -500px;
top: 50%;
z-index: 9;
width: 40%;
transform: translateY(-50%);
margin-top: 90px;
transition: all 0.8s ease-in-out;
transition-delay: 0.50s;
opacity: 0;
visibility: hidden;
}
.banner-style-five.swiper-slide-active .fixed-item {
right: 0;
opacity: 1;
visibility: visible;
height: auto;
}
.banner-style-five .logitic-goods {
right: 3%;
bottom: 0;
width: 240px;
z-index: 9;
position: absolute;
opacity: 0;
visibility: hidden;
transition: all 0.8s ease-in-out;
transition-delay: 1.3s;
}
.banner-style-five.swiper-slide-active .logitic-goods {
opacity: 1;
visibility: visible;
bottom: 50px;
height: auto;
}
.banner-style-five h4 {
text-transform: uppercase;
font-weight: 600;
}
.banner-style-five h2 {
font-size: 90px;
font-weight: 600;
margin-bottom: 30px;
letter-spacing: 0.6px;
line-height: 1;
}
.banner-style-five p {
font-size: 18px;
line-height: 34px;
padding-right: 0;
}
.banner-fixed-bg {
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 100% !important;
width: 100%;
background-position: bottom center !important;
z-index: 1;
background-size: cover !important;
transition: all 0.35s ease-in-out;
}
.banner-style-five-area .swiper-pagination {
left: 30px;
top: 50%;
bottom: auto !important;
right: auto;
width: auto;
height: auto;
transform: translateY(-50%);
display: block;
}
.banner-style-five-area .swiper-pagination .swiper-pagination-bullet {
display: block;
height: 10px !important;
width: 10px !important;
margin: 25px 0;
border-radius: 50% !important;
position: relative;
}
.banner-style-five-area .swiper-pagination .swiper-pagination-bullet::after {
position: absolute;
left: -7px;
top: -7px;
content: "";
height: 24px;
width: 24px;
border: 1px solid #ffffff;
z-index: -1;
border-radius: 50%;
opacity: 0.4;
}
.banner-style-five .content p {
padding-right: 20%;
font-size: 20px;
} .banner-style-six-item {
padding-top: 200px;
padding-bottom: 180px;
}
.banner-style-six-item h2 {
font-size: 180px;
text-transform: uppercase;
overflow: hidden;
line-height: 1;
}
.banner-style-six-item h2 strong {
text-align: right;
float: right;
}
.card-style-one {
max-width: 400px;
float: right;
}
.card-style-one .item-author {
border-top: 1px solid #cccccc;
margin-top: 20px;
padding-top: 20px;
display: flex;
justify-content: space-between;
}
.card-style-one .item-author h5 {
margin-bottom: 5px;
}
.card-style-one .item-author span {
text-transform: uppercase;
color: var(--color-primary);
font-weight: 500;
}
.card-style-one .item-author a {
display: inline-block;
height: 100%;
margin-top: 2px;
}
.card-style-one .item-author a i {
font-size: 35px;
transform: rotate(-45deg);
font-weight: 300;
}
.card-style-one p {
font-weight: 600;
}
.banner-style-six-item .video-card {
max-width: 350px;
background: var(--white);
text-align: center;
overflow: hidden;
border-radius: 30px;
position: relative;
top: -50px;
margin-bottom: -50px;
box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
}
.banner-style-six-item .video-card .thumb {
position: relative;
}
.banner-style-six-item .video-card .thumb .video-play-button {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.banner-style-six-item .video-card h4 {
margin: 0;
padding: 20px;
font-weight: 500;
font-size: 20px;
}
.split-text {
overflow: hidden;
position: relative;
}
.split-text .line {
overflow: hidden;
display: none;
} .feature-style-one-area {
position: relative;
top: -70px;
z-index: 1;
margin-bottom: -70px;
}
.feature-style-one-info {
height: 100%;
background: var(--bg-gray-secondary);
padding: 80px;
border-radius: 10px;
position: relative;
z-index: 1;
}
.feature-style-one-cards {
display: grid;
grid-auto-columns: minmax(0, 1fr);
grid-auto-flow: column;
padding: 80px 50px;
padding-right: 40px;
background: var(--dark);
height: 100%;
align-items: center;
border-radius: 15px 0 0 15px;
position: relative;
z-index: 1;
}
.feature-style-one-cards .path {
position: absolute;
left: -1px;
top: -1px;
height: 50px;
width: 50px;
background: var(--bg-gray);
border-bottom-right-radius: 10px;
}
.feature-style-one-cards .path::after {
position: absolute;
right: -15px;
top: 0;
content: "";
height: 15px;
width: 15px;
background: url('data:image/svg+xml,<svg viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-11 h-11"><path d="M11 1.54972e-06L0 0L2.38419e-07 11C1.65973e-07 4.92487 4.92487 1.62217e-06 11 1.54972e-06Z" fill="%23f7f7f7"></path></svg>');
}
.feature-style-one-cards .path::before {
position: absolute;
left: 0;
bottom: -15px;
content: "";
height: 15px;
width: 15px;
background: url('data:image/svg+xml,<svg viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-11 h-11"><path d="M11 1.54972e-06L0 0L2.38419e-07 11C1.65973e-07 4.92487 4.92487 1.62217e-06 11 1.54972e-06Z" fill="%23f7f7f7"></path></svg>');
}
.feature-style-one-item {
border-right: 1px solid rgba(255, 255, 255, 0.1);
padding: 0 35px;
}
.feature-style-one-item:last-child {
border: none;
}
.feature-style-one-item img {
height: 60px;
margin-bottom: 30px;
}
.feature-style-one-item p {
margin: 0;
color: #cccccc;
}
.feature-style-one-info .fun-fact .counter {
display: flex;
font-size: 100px;
line-height: 80px;
color: var(--color-heading);
font-weight: 500;
margin-bottom: 25px;
}
ul.list-style-one {
margin-bottom: 0;
padding: 0;
list-style: none;
}
ul.list-style-one li {
position: relative;
z-index: 1;
padding-left: 30px;
font-weight: 500;
margin-top: 5px;
}
ul.list-style-one li::after {
position: absolute;
left: 0;
top: 50%;
content: "";
height: 18px;
width: 18px;
background: url(//www.cap-projets.fr/wp-content/themes/gixus/assets/img/icon/check.png);
background-repeat: no-repeat;
background-position: center left;
background-size: contain;
transform: translateY(-50%);
}
.feature-style-one-info .path {
position: absolute;
right: 0;
bottom: 0;
height: 50px;
width: 50px;
background: var(--white);
border-top-left-radius: 10px;
}
.feature-style-one-info .path::after {
position: absolute;
right: 0;
top: -15px;
content: "";
height: 15px;
width: 15px;
background: url('data:image/svg+xml,<svg viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-11 h-11"><path d="M11 1.54972e-06L0 0L2.38419e-07 11C1.65973e-07 4.92487 4.92487 1.62217e-06 11 1.54972e-06Z" fill="%23ffffff"></path></svg>');
transform: rotate(180deg);
}
.feature-style-one-info .path::before {
position: absolute;
left: -15px;
bottom: 0;
content: "";
height: 15px;
width: 15px;
background: url('data:image/svg+xml,<svg viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-11 h-11"><path d="M11 1.54972e-06L0 0L2.38419e-07 11C1.65973e-07 4.92487 4.92487 1.62217e-06 11 1.54972e-06Z" fill="%23ffffff"></path></svg>');
transform: rotate(180deg);
}
@media (min-width: 1024px) {
.feature-style-one-content {
padding-left: 0;
}
} .partner-style-one-area {
background-size: contain;
background-repeat: no-repeat;
background-position: top left;
}
.feature-style-two-item {
margin-bottom: 30px;
}
.feature-style-two {
position: relative;
z-index: 1;
border-radius: 10px;
margin-bottom: 30px;
}
.feature-style-two .overlay {
position: absolute;
left: 0;
top: 0;
padding: 37px;
z-index: 1;
height: 80%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.35s ease-in-out;
width: 100%;
visibility: hidden;
opacity: 0;
}
.feature-style-two .thumb .overlay i {
display: inline-block;
font-size: 35px;
color: var(--white);
margin-bottom: 30px;
height: 70px;
width: 70px;
line-height: 80px;
background: var(--bg-gradient);
border-radius: 50%;
background-size: 220% 150%;
}
.feature-style-two .thumb .overlay a {
color: var(--white);
}
.feature-style-two .thumb .overlay p {
margin: 0;
color: #fbf6f6;
}
.feature-style-two .thumb .overlay::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
background: #091d3e;
z-index: -1;
opacity: 0.6;
border-radius: 5px;
transition: all 0.35s ease-in-out;
}
.feature-style-two:hover .thumb .overlay {
top: 0;
opacity: 1;
visibility: visible;
height: 100%;
}
.feature-style-two .thumb .title {
margin-left: 30px;
position: absolute;
border-bottom: 1px solid #e7e7e7;
background: var(--white);
bottom: -30px;
padding: 13px 30px;
border-radius: 8px 0 8px 8px;
transition: all 0.45s ease-in-out;
right: 0;
left: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.feature-style-two .thumb .title h4 {
font-weight: 600;
margin: 0;
}
.feature-style-two .thumb .title a {
color: var(--color-heading);
}
.feature-style-two .thumb .title .top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
}
.feature-style-two .icon {
height: 80px;
width: 80px;
margin: auto auto 30px;
background: var(--white);
padding: 18px;
border-radius: 50%;
}
.feature-style-two .thumb .title img {
height: 55px;
margin-right: 20px;
}
.feature-style-two .thumb .title i {
font-size: 28px;
transform: rotate(-45deg);
position: relative;
font-weight: 100;
}
.feature-style-two .thumb img {
border-radius: 10px;
}
.feature-style-two .thumb .title h4 {
font-size: 20px;
}
.feature-style-two:hover .thumb .title {
bottom: 0;
opacity: 0;
} .partner-style-one-item {
background: #2c3947;
padding: 50px;
height: 300px;
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 10px;
}
.partner-style-one {
padding: 5px;
}
.partner-style-one-item h2 {
margin: 0;
}
.partner-style-one-item.bg-theme {
background: var(--color-primary);
}
.partner-style-one-item.bg-theme {
display: block;
}
.partner-style-one-item img {
max-height: 41px;
max-width: max-content;
margin: auto;
}
.partner-style-one-item.bg-theme {
display: block;
background-repeat: no-repeat !important;
background-position: right bottom !important;
}
.partner-style-one-item.bg-theme h4.sub-title {
background: rgba(255, 255, 255, 0.15);
color: var(--white);
border: 1px solid rgba(255, 255, 255, 0.3);
} .about-style-one-area {
position: relative;
overflow: hidden;
}
@media (min-width: 1024px) {
.about-style-one-area::after {
position: absolute;
right: -50px;
top: -150px;
content: "";
bottom: 0;
width: 52%;
background: var(--bg-gray);
z-index: -1;
}
.about-style-one-area.shape-less::after {
display: none;
}
}
.thumb-style-one {
position: relative;
}
.thumb-style-one img {
border-radius: 10px 10px 0 10px;
}
.thumb-style-one .video-play-button {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.about-style-one-info {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
ul.card-list {
margin-bottom: 0;
list-style: none;
border-top: 1px solid #dddddd;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
padding: 15px 0;
padding-bottom: 30px;
}
ul.card-list li {
display: flex;
align-items: center;
}
ul.card-list li img {
height: 50px;
margin-right: 15px;
}
ul.card-list li h5 {
margin: 0;
}
ul.card-list li p {
margin: 0;
}
ul.card-list li h2 {
margin: 0;
min-width: 120px;
font-size: 50px;
margin-right: 15px;
color: var(--color-primary);
} .about-style-two-thumb .thumb img {
border-radius: 50%;
}
.about-style-two-thumb .thumb {
padding: 50px;
border-radius: 50%;
position: relative;
z-index: 1;
}
.about-style-two-thumb .thumb::after {
position: absolute;
right: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
border-top: 5px solid var(--color-primary);
border-radius: 50%;
border-right: 5px solid var(--color-primary);
z-index: -1;
}
.shape-card {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
height: 300px;
width: 300px;
}
.about-style-two-thumb .shape-card {
position: absolute;
left: 0;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.about-style-two-thumb .shape-card h4 {
margin: 0;
max-width: 190px;
font-size: 24px;
font-weight: 500;
line-height: 1.3;
}
.shape-card .fun-fact .counter {
align-items: flex-start;
justify-content: center;
font-size: 80px;
line-height: 1;
font-weight: 600;
max-width: 200px;
}
.shape-card .fun-fact h3 {
font-size: 20px;
margin: 0;
}
.shape-card .fun-fact .counter .operator {
font-size: 45px;
margin-top: 5px;
}
.shape-card .fun-fact {
margin-top: -30px;
}
.card-style-two {
display: grid;
grid-template-columns: 1.3fr 2fr;
background: var(--white);
box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
border-radius: 10px;
padding: 30px;
grid-column-gap: 40px;
align-items: center;
}
.card-style-two .thumb {
position: relative;
z-index: 1;
}
.card-style-two .thumb img {
border-radius: 10px;
}
.card-style-two .thumb a.popup-youtube.video-play-button {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 80px;
width: 80px;
line-height: 80px;
}
.card-style-two .thumb a.popup-youtube.video-play-button i {
font-size: 24px;
position: relative;
left: 3px;
}
.card-style-two h2 {
margin: 0;
font-size: 60px;
border-bottom: 1px solid #cccccc;
margin-bottom: 15px;
padding-bottom: 10px;
margin-top: -15px;
color: var(--color-primary);
}
.card-style-two h5 {
margin: 0;
} .thumb-style-two {
position: relative;
}
.thumb-style-two img {
border-radius: 10px;
}
.about-style-three-info .fun-fact-items {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.about-style-three-info .fun-fact-items .fun-fact-card-two {
border: 1px solid #e7e7e7;
background: var(--bg-gray-secondary);
}
.about-style-three-info .fun-fact-items .fun-fact-card-two:nth-child(2) {
background: transparent;
}
.about-style-three-info .fun-fact-items .fun-fact-card-two:nth-child(2) .sub-title {
background: var(--dark);
}
.about-style-three-info .fun-fact-items .fun-fact-card-two:nth-child(2) .counter {
color: var(--color-heading);
}
.about-style-three-info .info-grid {
display: grid;
grid-template-columns: 1fr 1.8fr;
margin-right: -40%;
position: relative;
z-index: 1;
gap: 30px;
}
.about-style-three-info .fun-fact-card-two {
background: var(--bg-gray-secondary);
}
.about-style-three-info .fun-fact-card-two .sub-title {
background: var(--dark);
}
.about-style-three-info .fun-fact-card-two .operator {
font-size: 60px;
margin-top: 2px;
}
.about-style-three-info .right-info {
border-radius: 10px;
padding: 50px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 1;
}
.about-style-three-info .right-info::after {
position: absolute;
right: 0;
bottom: 0;
content: "";
height: 100%;
width: 100%;
background: url(//www.cap-projets.fr/wp-content/themes/gixus/assets/img/shape/22.png);
z-index: -1;
background-repeat: no-repeat;
background-position: right bottom;
}
ul.list-style-three {
margin: 0;
padding: 0;
list-style: none;
}
ul.list-style-three li {
font-size: 20px;
line-height: 1.8;
font-weight: 500;
position: relative;
z-index: 1;
padding-left: 37px;
}
ul.list-style-three li::after {
position: absolute;
left: 0;
top: 7px;
content: "\f00c";
font-family: "Font Awesome 5 Pro";
height: 23px;
width: 23px;
line-height: 23px;
background: rgba(255, 255, 255, 0.6);
text-align: center;
font-size: 12px;
border-radius: 50%;
color: var(--color-heading);
} .thumb-style-four {
position: relative;
z-index: 1;
}
@media (min-width: 1024px) {
.thumb-style-four {
margin-left: -80px;
padding-right: 30px;
}
}
.thumb-style-four img:nth-child(2) {
position: absolute;
left: 0;
bottom: 0;
margin-left: -200px;
max-width: 75%;
}
.thumb-style-four img:first-child {
position: relative;
}
.expertise-card {
background: var(--color-style-two);
color: var(--white);
padding: 30px 50px;
width: 250px;
height: 250px;
border-radius: 50%;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.thumb-style-four .expertise-card {
position: absolute;
right: -20px;
top: 15px;
}
.expertise-card .counter {
font-size: 70px;
line-height: 1;
font-weight: 600;
justify-content: center;
}
.expertise-card .medium {
display: block;
font-weight: 500;
font-size: 20px;
margin-top: 15px;
}
.address-card {
overflow: hidden;
border-radius: 10px;
transition: all 0.35s ease-in-out;
}
.address-card .info {
border: 1px solid #e7e7e7;
border-radius: 0 0 10px 10px;
padding: 30px;
}
.address-card .info h4 {
color: var(--color-style-two);
}
.address-card .info ul {
margin: 0;
padding: 0;
list-style: none;
}
.address-card .info ul li i {
display: inline-block;
height: 35px;
width: 35px;
text-align: center;
line-height: 35px;
border: 1px solid #e7e7e7;
border-radius: 50%;
margin-right: 9px;
font-weight: 100;
}
.address-card .info ul li {
display: block;
margin-top: 10px;
}
.address-card:hover {
margin-top: -15px;
}
.address-card:hover .info {
background: #fdf4f4;
} .about-style-five-info .d-flex h4 {
min-width: 200px;
}
.about-style-five-info .info a.btn-read-more {
color: var(--color-primary);
}
.thumb-style-five {
position: relative;
z-index: 1;
}
.thumb-style-five img:nth-child(2) {
position: absolute;
top: 0;
}
.about-style-five-info {
position: relative;
}
.achivement-style-one {
display: inline-block;
background: var(--dark);
padding: 50px;
color: var(--white);
min-width: 300px;
border-radius: 10px;
}
.achivement-style-one .counter {
font-size: 100px;
line-height: 1;
}
.about-style-five-info .left {
margin-right: 50px;
}
.about-style-five-info .d-flex {
position: relative;
left: -160px;
z-index: 1;
margin-right: -160px;
}
.thumb-style-five img {
border-radius: 10px;
}
.about-style-five-info .title {
font-size: 54px;
} .parallax-area {
padding-top: 200px;
position: relative;
z-index: 1;
overflow: hidden;
background-size: cover;
background-position: bottom left;
padding-bottom: 120px;
}
.parallax-area .shape {
position: absolute;
z-index: -1;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.parallax-area .shape img {
width: 100%;
object-fit: cover;
object-position: bottom;
height: 100%;
}
.circle-text-card {
position: relative;
border: 1px solid;
height: 234px;
width: 234px;
margin: auto auto 20px;
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 50%;
background: var(--bg-gray);
}
.circle-text-card .circle-text-item {
font-size: 20px;
color: var(--color-heading);
top: 0;
transform: none;
font-weight: 500;
}
.circle-text-card a {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
color: transparent;
-webkit-text-stroke: 1px var(--color-primary);
font-size: 50px;
}
.text-scroll-animation .text {
width: 100%;
color: rgb(0, 0, 0, 0.5);
background: linear-gradient(to right, var(--color-paragraph), var(--color-paragraph)) no-repeat;
-webkit-background-clip: text;
background-clip: text;
background-size: 0%;
transition: background-size cubic-bezier(.1,.5,.5,1) 0.5s;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
}
.text-scroll-animation .text.title {
width: 100%;
color: rgb(0, 0, 0, 0.5);
background: linear-gradient(to right, var(--color-heading), var(--color-heading)) no-repeat;
-webkit-background-clip: text;
background-clip: text;
background-size: 0%;
transition: background-size cubic-bezier(.1,.5,.5,1) 0.5s;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
}
.circle-progress-style-two .circle-progress .progressbar {
margin-right: 50px;
}
.circle-progress-style-two .circle-progress .progressbar:last-child {
margin-right: 0;
}
.circle-progress-style-two {
background: var(--white);
padding: 80px;
height: auto;
position: relative;
z-index: 9;
display: inline-block;
border-radius: 10px;
box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
margin-bottom: -50px;
}
.circle-progress-style-two .circle-progress .progressbar h4 {
margin: 0;
margin-top: 10px;
}
.parallax-area::after {
position: absolute;
left: 0;
bottom: 0;
height: 120px;
width: 100%;
background: var(--white);
content: "";
z-index: -1;
}
.parallax-area > img {
position: absolute;
left: 0;
bottom: 120px;
object-fit: contain;
object-position: left;
height: 60%;
}
.circle-progress-style-two p {
margin-bottom: 0;
}
.circle-text.style-two {
animation: spinner 20s infinite linear;
display: inline-block;
} .award-area.parallax-area {
padding: 0;
height: 100%;
}
.award-area.parallax-area::after {
display: none;
}
.award-area.parallax-area > img {
bottom: 0;
}
.award-items {
display: inline-block;
padding: 80px 100px;
position: relative;
z-index: 1;
border-radius: 10px 10px 0 0;
}
.award-items .award-item {
position: relative;
padding-bottom: 25px;
}
.award-items .award-item img {
height: 300px;
padding-bottom: 50px;
}
.award-items .award-item .center-info {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin-top: -55px;
}
.award-items .award-item > h2 {
margin: 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
font-size: 60px;
line-height: 1;
}
.award-items .award-item .center-info h4 {
margin: 0;
border-top: 2px solid var(--white);
padding-top: 15px;
font-size: 16px;
font-weight: 400;
}
.award-items .award-item .center-info h2 {
font-size: 25px;
margin-bottom: 15px;
}
.award-area.parallax-area div {
height: 100%;
}
.award-area.parallax-area .container .row div {
height: auto;
}
.award-area.parallax-area .container .row {
justify-content: flex-end;
flex-direction: column;
}
.award-area {
padding-top: 200px;
} .services-style-one-area {
background-repeat: no-repeat !important;
background-position: right bottom !important;
}
.services-style-one-item {
border: 1px solid #e7e7e7;
border-radius: 10px;
display: flex;
flex-direction: column;
padding: 40px;
background: var(--white);
justify-content: space-between;
}
.services-style-one-item .icon img {
height: 75px;
margin-bottom: 30px;
max-width: max-content;
}
.services-style-one-item .btn {
background: var(--dark);
padding: 0;
height: 50px;
width: 50px;
color: var(--white);
line-height: 50px;
border-radius: 50%;
margin-top: 16px;
}
.services-style-one-item .btn i {
top: 0;
margin: 0;
transform: rotate(-45deg);
font-size: 17px;
}
.services-style-one-items {
overflow: hidden;
list-style: none;
display: flex;
transition: all 300ms ease;
position: relative;
gap: 15px;
}
.services-style-one-item {
cursor: grab;
position: relative;
z-index: 1;
overflow: hidden;
width: 33.333%;
height: inherit;
transition: all 250ms ease-in-out;
}
.services-style-one-item.out {
width: 50%;
background: #f3f7ff;
}
.services-style-one-item p {
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
transition: opacity 0.1s ease-out, transform 0.4s ease-out, clip-path 0.6s cubic-bezier(0.25, 0.59, 0.29, 0.96);
visibility: hidden;
}
.services-style-one-item.out p {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
visibility: visible;
transition-delay: 0.4s;
}
.services-style-one-item h4 {
font-size: 24px;
margin-bottom: 20px;
}
.services-style-one-item span {
position: absolute;
right: 40px;
bottom: 50px;
font-weight: 800;
font-size: 45px;
color: var(--color-primary);
opacity: 0.1;
} .services-style-two-area {
background-size: 45%;
background-repeat: no-repeat;
background-position: left center;
}
.services-style-two-thumb img:nth-child(2) {
position: absolute;
left: 0;
bottom: -1px;
width: 85%;
height: auto;
}
.services-style-two-area {
position: relative;
z-index: 1;
}
.services-style-two-thumb {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 45%;
}
.services-style-two-thumb img {
height: 100%;
object-fit: cover;
object-position: center;
width: 100%;
}
.services-style-two-items {
padding: 120px;
margin-left: -280px;
position: relative;
margin-top: 50px;
}
.service-style-two img {
height: 70px;
margin-bottom: 30px;
}
.service-style-two p {
margin: 0;
opacity: 0.7;
}
.sevice-style-one-swiper-nav {
position: absolute;
left: -50px;
background: var(--color-primary);
height: 60px;
width: 100px;
bottom: 0;
}
.sevice-style-one-swiper-nav .swiper-button-prev, 
.sevice-style-one-swiper-nav .swiper-button-next {
padding: 0;
}
.sevice-style-one-swiper-nav .swiper-button-prev::after, 
.sevice-style-one-swiper-nav .swiper-button-next::after {
font-size: 23px;
color: var(--white);
}
.sevice-style-one-swiper-nav::after {
position: absolute;
right: 50%;
top: 0;
content: "";
height: 100%;
width: 1px;
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.services-style-two-area .shape {
position: absolute;
right: 0;
top: 0;
z-index: -1;
width: 13%;
text-align: right;
}
.services-style-two-area .review-card {
position: absolute;
bottom: 0;
}
.review-card i {
color: #F7A105;
font-size: 14px;
}
.review-card .d-flex {
align-items: center;
line-height: 1;
}
.review-card .d-flex span {
margin-left: 15px;
}
.review-card h6 {
font-size: 20px;
} .services-style-three-item {
padding: 60px 45px;
background: var(--white);
border-radius: 10px;
box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
transition: all 0.35s ease-in-out;
border: 2px solid transparent;
}
.services-style-three-item img {
height: 80px;
margin-bottom: 80px;
}
.service-tags a {
display: inline-block;
padding: 2px 14px;
border-radius: 3px;
font-size: 14px;
font-weight: 500;
border: 1px solid #b8cfff;
margin-right: 5px;
margin-top: 5px;
}
.services-style-three-item .d-flex {
align-items: center;
justify-content: space-between;
}
.services-style-three-item .d-flex > a {
display: inline-block;
height: 55px;
width: 55px;
text-align: center;
line-height: 59px;
background: var(--dark);
color: var(--white);
border-radius: 50%;
transform: rotate(-45deg);
margin-right: 15px;
min-width: 55px;
}
.services-style-three-item:hover .d-flex > a {
background: var(--color-primary);
transform: rotate(0);
}
.services-style-three-item .d-flex > a i {
font-size: 20px;
font-weight: 100;
}
.services-style-three-item.active,
.services-style-three-item:hover {
border: 2px solid var(--color-primary);
}
.services-style-three-item.active .d-flex > a,
.services-style-three-item:hover .d-flex > a {
transform: none;
background: var(--color-primary);
} .services-style-four-item {
display: grid;
align-items: center;
justify-content: space-between;
text-align: left;
grid-template-columns: 1fr 2fr 1.2fr;
gap: 30px;
overflow: hidden;
position: relative;
box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
background: var(--white);
padding: 30px;
}
.services-style-four-item img {
height: 80px;
max-width: max-content;
}
.services-style-four-item:last-child {
margin-bottom: 0;
}
.services-style-four-item h4 {
margin: 0;
line-height: 1.3;
}
.services-style-four-item .button {
text-align: right;
}
.services-style-four-item .icon {
border-right: 1px solid #dddddd;
text-align: center;
padding-right: 30px;
}
.services-style-four-item .button a {
display: inline-block;
height: 55px;
width: 55px;
line-height: 55px;
text-align: center;
background: var(--dark);
color: var(--white);
font-size: 20px;
clip-path: polygon(82% 0, 100% 17%, 100% 100%, 0 100%, 0 0);
}
.services-style-four-item:hover .button a {
background: var(--color-style-two);
}
.services-style-four-item .button a i {
font-weight: 300;
transform: rotate(-45deg);
}
.services-style-four-items {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.services-style-four-item.active {
background: var(--dark);
}
.services-style-four-item.active .button a {
background: var(--color-style-two);
}
.services-style-four-item.active a {
color: var(--white);
}
.services-style-four-item.active .icon {
border-color: rgba(255, 255, 255, 0.3);
} .services-style-five-items {
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-top-left-radius: 10px;
background: var(--white);
position: relative;
z-index: 1;
}
.services-style-five-items .shape {
position: absolute;
left: -100px;
top: -50px;
z-index: -1;
}
.services-style-five-item {
padding: 50px;
border-right: 1px solid #cccccc;
}
.services-style-five-item h3 {
margin-bottom: 15px;
}
.single-item:last-child .services-style-five-item {
border: none;
}
.services-style-five-item .btn {
background: var(--dark);
padding: 0;
height: 50px;
width: 50px;
color: var(--white);
line-height: 50px;
border-radius: 50%;
margin-top: 16px;
margin-top: 25px;
}
.services-style-five-item .btn i {
top: 0;
margin: 0;
transform: rotate(-45deg);
font-size: 17px;
}
ul.list-style-four {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
ul.list-style-four li {
display: block;
position: relative;
z-index: 1;
padding-left: 20px;
font-weight: 500;
color: var(--color-heading);
margin-top: 5px;
}
ul.list-style-four li::after {
position: absolute;
left: 0;
top: 0;
content: "\f067";
font-family: "Font Awesome 5 Pro";
font-size: 14px;
}
.services-style-five-item .icon img {
height: 150px;
margin-bottom: 30px;
}
a.btn-large {
margin: auto;
display: inline-flex;
height: 200px;
width: 200px;
background: var(--color-primary);
text-align: center;
color: var(--white);
border-radius: 50%;
position: relative;
flex-direction: column;
justify-content: center;
overflow: hidden;
z-index: 1;
}
a.btn-large i {
font-size: 50px;
transform: rotate(-45deg);
font-weight: 100;
}
a.btn-large::after {
position: absolute;
bottom: 0;
content: "";
height: 150px;
width: 150px;
background: var(--white);
border-radius: 50%;
z-index: -1;
opacity: 0.08;
transition: all 0.25s ease-in-out;
}
a.btn-large:hover::after {
height: 100%;
width: 100%;
} .process-style-one-items .choose-us-one-thumb {
padding: 0;
}
.services-content ul.card-list {
padding-bottom: 0;
}
.services-content .accordion-item.accordion-style-one {
border: 1px solid;
} .choose-us-style-one-area {
position: relative;
z-index: 1;
}
.choose-us-style-one-area::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 50%;
background: var(--dark);
z-index: -1;
}
.experience-style-one h2 {
margin: 0;
line-height: 1;
color: var(--white);
}
.experience-style-one h2 strong {
font-size: 160px;
line-height: 120px;
display: block;
margin-bottom: 20px;
color: var(--color-primary);
position: relative;
}
.experience-style-one h2 span {
font-size: 80px;
position: absolute;
top: 0;
line-height: 1;
font-weight: 500;
}
.choose-us-one-thumb .content {
display: grid;
grid-template-columns: 1fr 2fr;
max-width: 1200px;
gap: 50px;
}
.choose-us-one-thumb {
padding: 120px;
position: relative;
z-index: 1;
background: var(--white);
border-top-left-radius: 10px;
}
.process-style-one {
display: grid;
gap: 50px;
position: relative;
z-index: 1;
grid-template-columns: 1fr 1fr 1fr;
}
.process-style-one-item h4 {
font-size: 24px;
}
.circle-progress .circle {
position: relative;
display: inline-block;
}
.circle-progress .circle strong {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 30px;
color: var(--color-heading);
font-weight: 500;
margin-top: -3px;
}
.circle-progress .progressbar {
text-align: center;
display: inline-block;
}
.heading-left .circle-progress {
display: flex;
gap: 80px;
}
.circle-progress .progressbar h4 {
margin: 0;
margin-top: 8px;
}
.process-style-one-item span {
display: inline-block;
height: 50px;
width: 50px;
line-height: 50px;
background: var(--bg-gray-secondary);
text-align: center;
color: var(--color-heading);
font-weight: 700;
border-radius: 50%;
margin-bottom: 30px;
}
.process-style-one::after {
position: absolute;
left: 5px;
right: 5px;
content: "";
height: 3px;
border-top: 2px dashed #cccccc;
top: 22px;
z-index: -1;
}
.process-style-one-item p {
margin: 0;
opacity: 0.9;
} .thumb-style-three {
position: relative;
z-index: 1;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.thumb-style-three img {
width: auto;
max-width: max-content;
}
@media (min-width: 1024px) {
.info-style-one {
padding-bottom: 120px;
}
}
.choose-us-style-two-area {
overflow: hidden;
}
.thumb-style-three::after {
position: absolute;
left: 50%;
top: 50%;
content: "";
height: 500px;
width: 500px;
background: #104cba;
z-index: -1;
border-radius: 50%;
-webkit-filter: blur(70px);
filter: blur(70px);
transform: translate(-50%, -50%);
}
.thumb-style-three .circle-text {
position: absolute;
right: 0;
top: 50%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
height: 280px;
width: 280px;
margin-top: -160px;
}
.circle-text-item {
font-weight: 600;
top: 50%;
transform: translateY(-50%);
}
.thumb-style-three .circle-text a {
position: absolute;
left: 50%;
color: transparent;
transform: translate(-50%, -50%);
top: 50%;
-webkit-text-stroke: 1px var(--white);
font-size: 45px;
}
.thumb-style-three .circle-text a i {
transform: rotate(-45deg);
}
ul.list-sytle-four {
margin-bottom: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: 1fr 1fr;
}
ul.list-sytle-four li h4 {
padding-left: 33px;
position: relative;
z-index: 1;
font-size: 20px;
}
ul.list-sytle-four li h4::after {
position: absolute;
left: 0;
top: 0;
content: "\f2f7";
font-family: "Font Awesome 5 Pro";
}
ul.list-sytle-four li:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-top-right-radius: 30px;
padding-left: 0;
}
ul.list-sytle-four li {
padding: 30px;
position: relative;
z-index: 1;
}
ul.list-sytle-four li:first-child::after {
position: absolute;
right: 0;
bottom: auto;
content: "";
top: 0;
height: 64px;
width: 50px;
border-right: 1px solid rgba(255, 255, 255, 0.2);
border-top-right-radius: 30px;
}
ul.list-sytle-four li:nth-child(2) {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-bottom-left-radius: 30px;
padding-right: 0;
}
ul.list-sytle-four li:nth-child(2)::after {
position: absolute;
left: -1px;
bottom: 0;
content: "";
top: 65px;
width: 50px;
border-left: 1px solid rgba(255, 255, 255, 0.2);
border-bottom-left-radius: 30px;
}
ul.list-sytle-four li p {
margin: 0;
} .process-style-two-item .item {
padding: 50px;
border-top-left-radius: 50px;
position: relative;
background: rgba(255, 255, 255, 0.05);
border-radius: 30px;
transition: all 0.35s ease-in-out;
}
.process-style-two-item .item:hover {
background: rgba(255, 255, 255, 0.2);
}
.process-style-two-item .item p {
margin: 0;
opacity: 0.8;
transition: all 0.35s ease-in-out;
font-size: 17px;
}
.process-style-two-item .item span {
position: absolute;
right: 0;
top: -25px;
background: var(--bg-gradient);
height: 70px;
width: 70px;
text-align: center;
line-height: 52px;
border-radius: 50%;
z-index: 1;
border: 10px solid var(--dark);
}
.process-style-two-item:hover .item p {
color: var(--white);
opacity: 1;
} .process-style-three-area {
position: relative;
}
.fixed-half-thumb {
position: absolute;
left: 0;
top: 0;
width: 45%;
height: 100%;
}
.fixed-half-thumb img {
height: 100%;
object-fit: cover;
object-position: center;
width: 100%;
}
.project-style-one-items .accordion-item button.accordion-button strong {
display: inline-block;
background: var(--white);
padding: 2px 30px;
border-radius: 5px;
font-weight: 700;
font-size: 20px;
color: var(--color-style-two);
border: 1px solid #e7e7e7;
}
.project-style-one-items .accordion-item button.accordion-button:not(.collapsed) strong {
background: var(--color-style-two);
border-color: transparent;
color: var(--white);
}
.process-style-three-items.project-style-one-items 
.accordion-item h2 {
font-size: 28px;
} .item-center {
display: flex;
align-items: center;
}
.portfolio-style-one {
margin-top: 100px;
}
.portfolio-style-one .pf-item-info {
padding-left: 50px;
padding-top: 0;
position: relative;
top: -44px;
margin-bottom: -44px;
}
.portfolio-style-one .pf-item-info h2 {
display: block;
padding: 30px;
margin: 0;
border: 1px solid #dddddd;
border-radius: 0 0 10px 10px;
border-top: none;
}
.portfolio-style-one .pf-tags {
background: var(--color-primary);
display: inline-block;
padding: 9px 20px;
text-transform: uppercase;
color: var(--white);
border-radius: 10px 10px 0 0;
}
.portfolio-style-one .pf-tags span {
display: inline-block;
position: relative;
z-index: 1;
margin-right: 10px;
padding-right: 10px;
font-weight: 400;
}
.portfolio-style-one .pf-tags span::after {
position: absolute;
right: -5px;
top: 50%;
content: "";
height: 6px;
width: 6px;
transform: translateY(-50%);
background: var(--white);
margin-top: 1px;
border-radius: 50%;
}
.portfolio-style-one .pf-tags span:last-child::after {
display: none;
}
.portfolio-style-one .pf-tags span:last-child {
margin-right: 0;
padding-right: 0;
}
.portfolio-style-one .thumb-zoom {
overflow: hidden;
border-radius: 10px 10px 0 10px;
}
.portfolio-style-one .thumb-zoom img {
transition: all 0.35s ease-in-out;
}
.portfolio-style-one:hover .thumb-zoom img {
transform: scale(1.2);
}
.portfolio-style-one .pf-item-info .content {
overflow: hidden;
border-radius: 10px;
} .project-details-items .project-thumb img {
margin-bottom: 30px;
}
.project-details-items .project-thumb img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
max-height: 500px;
}
.project-details-area .top-info {
position: relative;
margin-top: 50px;
}
.project-details-area .top-info p:last-child {
margin-bottom: 0;
}
.project-details-area .main-content {
margin-top: 30px;
}
.project-details-area .main-content h2,
.project-details-area .main-content h3,
.project-details-area .main-content h4,
.project-details-area .main-content h5 {
font-weight: 600;
margin-bottom: 25px;
}
.project-details-area .main-content .row img {
margin-top: 30px;
}
.project-details-area .top-info h2 {
font-weight: 600;
margin-bottom: 20px;
}
.project-info {
border-left: 1px solid #cccccc;
padding-left: 50px;
}
.project-info .title {
font-weight: 600;
margin-bottom: 25px;
position: relative;
z-index: 1;
margin-top: -5px;
font-size: 26px;
}
.project-info ul {
padding-left: 0;
list-style: none;
margin: 0;
}
.project-info ul li {
font-weight: 600;
font-size: 18px;
color: var(--color-heading);
margin-top: 15px;
}
.project-info ul li:first-child {
border: none;
margin-top: 0;
padding-top: 0;
}
.project-info ul li span {
font-weight: 400;
position: relative;
display: block;
font-family: var(--font-default);
font-size: 16px;
color: var(--color-paragraph);
}
.project-info ul.social {
margin-top: 25px;
}
.project-info ul.social li {
display: inline-block;
margin: 0;
margin-right: 10px;
margin-top: 5px;
}
.project-info ul.social li a {
display: inline-block;
border-radius: 50%;
font-size: 16px;
font-weight: 100;
color: var(--white);
height: 40px;
width: 40px;
text-align: center;
line-height: 43px;
background: var(--dark);
}
.project-info ul.social li a:hover {
background: var(--color-primary);
}
.project-info ul.social li:last-child {
margin-right: 0;
}
.item-grid-container {
display: grid;
grid-row-gap: 60px;
}
.item-grid-container img {
margin-top: 50px;
}
.item-grid-colum {
display: grid;
grid-template-columns: 1fr 3fr;
grid-column-gap: 50px;
grid-row-gap: 60px;
}
.project-details-items.bg-gray {
padding: 100px 120px;
} .gobal-location-area {
overflow: hidden;
}
.text-gradient {
background: linear-gradient(90deg, #DF0A0A 0%, #930707 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 600;
display: inline-block;
background-size: contain;
font-size: 140px;
font-weight: 700;
line-height: 120px;
}
.location-details {
display: inline-block;
background: var(--white);
padding: 30px;
box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
width: 300px;
transition: all 0.35s ease-in-out;
position: absolute;
top: -190px;
left: 0;
opacity: 0;
visibility: hidden;
z-index: 9;
}
.location-details p {
margin: 0;
}
.location-item img {
width: 50px;
}
.location-item {
display: inline-block;
cursor: pointer;
}
.location-item:first-child {
position: absolute;
left: 0;
top: 100px;
}
.global-location-items {
position: relative;
}
.location-item:hover .location-details,
.location-item.active .location-details {
opacity: 1;
visibility: visible;
top: -170px;
}
.location-item:nth-child(2) {
position: absolute;
left: 20%;
top: 32%;
}
.location-item:nth-child(3) {
position: absolute;
bottom: 35%;
left: 26%;
}
.location-item:nth-child(4) {
position: absolute;
top: 25%;
right: 30%;
}
.location-item:nth-child(5) {
position: absolute;
bottom: 35%;
right: 44%;
}
.location-item:nth-child(6) {
position: absolute;
top: 45%;
right: 22%;
} .fun-fact-style-two {
position: relative;
z-index: 1;
padding: 40px;
border-radius: 10px;
}
.fun-fact-style-two::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
background: var(--color-primary);
z-index: -1;
border-radius: 10px;
mix-blend-mode: multiply;
}
.fun-fact-style-two .fun-fact {
border-top: 1px solid rgba(255, 255, 255, 0.3);
margin-top: 30px;
padding-top: 30px;
}
.fun-fact-style-two .fun-fact:first-child {
margin-top: 0;
padding-top: 0;
border: none;
}
.fun-fact-style-two .fun-fact .counter {
font-size: 80px;
line-height: 1;
font-weight: 600;
margin-bottom: 15px;
color: var(--white);
}
.fun-fact-style-two .fun-fact span.medium {
font-size: 18px;
color: var(--white);
font-weight: 600;
display: block;
}
.speciality-items .d-grid {
display: grid;
grid-template-columns: 1fr 1.3fr;
gap: 50px;
}
.progress-box {
margin-top: 30px;
}
.progress-box:first-child {
margin-top: 0;
}
.progress-box .progress-bar {
position: relative;
overflow: inherit;
border-radius: 30px;
}
.progress-box .progress {
overflow: inherit;
height: 5px;
border-radius: 30px;
}
.progress-box .progress span {
position: absolute;
right: -37px;
top: -40px;
background: var(--dark);
width: 40px;
font-weight: 600;
}
.progress-box .progress span::after {
position: absolute;
left: 0;
bottom: -10px;
content: "";
height: 10px;
width: 10px;
background: var(--dark);
clip-path: polygon(100% 0, 0 0, 0 100%);
}
.progress-box h5 {
margin-bottom: 13px;
}
.speciality-items ul.list-style-two li {
margin-top: 15px;
}
.speciality-items ul.list-style-two li:first-child {
margin-top: 0;
} .faq-style-two-items.chooseus-style-two-items {
top: 0;
margin: 0;
padding: 120px 80px;
}
.chooseus-style-two-items {
border-radius: 10px;
padding: 120px;
position: relative;
top: -120px;
z-index: 1;
margin-bottom: -120px;
}
.fun-fact-card-two {
padding: 50px;
background: rgba(255, 255, 255, 0.8);
border-radius: 10px;
}
.fun-fact-card-two .counter {
display: inline-flex;
font-size: 120px;
line-height: 1;
font-weight: 600;
color: var(--color-primary);
}
.fun-fact-card-two span.medium {
text-transform: uppercase;
font-weight: 600;
color: var(--color-heading);
}
.fun-fact-card-two .sub-title {
background: var(--bg-gradient);
color: var(--white);
margin-bottom: 50px;
}
.accordion-item.accordion-style-one {
border-radius: 0;
background: rgba(255, 255, 255, 0.7);
border: none;
margin-bottom: 15px;
border-radius: 10px;
}
.accordion-item.accordion-style-one button.accordion-button {
border-radius: 0;
border: none;
box-shadow: none;
padding: 25px 40px;
padding-right: 70px;
font-size: 20px;
background: transparent;
}
.accordion-item.accordion-style-one button.accordion-button::after {
right: 25px;
left: auto;
position: absolute;
}
.accordion-item.accordion-style-one .accordion-body {
border: none;
padding: 0;
margin: 40px;
padding-bottom: 30px;
margin-top: 0;
padding-top: 20px;
margin-bottom: 0;
}
.accordion-item.accordion-style-one:last-child {
margin: 0;
}
.accordion-item.accordion-style-one button.accordion-button:not(.collapsed) {
color: var(--white);
background: var(--dark);
border-radius: 10px 10px 0 0;
}
.accordion-item.accordion-style-one button.accordion-button::after {
background: transparent;
content: "\f067";
font-family: "Font Awesome 5 Pro";
font-weight: 100;
font-size: 17px;
position: absolute;
top: 22px;
right: 25px;
background: var(--dark);
color: var(--white);
height: 35px;
width: 35px;
text-align: center;
line-height: 35px;
border-radius: 50%;
}
.accordion-item.accordion-style-one button.accordion-button:not(.collapsed)::after {
-webkit-transform: inherit;
transform: inherit;
content: "\f068";
}
.accordion-item.accordion-style-one button.accordion-button:not(.collapsed)::after {
background: var(--white);
color: var(--color-heading);
} .project-style-one-info {
background: var(--bg-gray-secondary);
padding: 50px;
border-radius: 10px;
position: relative;
z-index: 1;
}
.project-style-one-info a.btn-style-two {
position: absolute;
right: -1px;
bottom: -1px;
display: inline-block;
background: var(--bg-gray);
border-radius: 30px 0 0;
color: var(--color-heading);
text-transform: uppercase;
padding: 15px;
}
.project-style-one-info a.btn-style-two::after {
position: absolute;
right: 0;
top: -40px;
content: "";
height: 40px;
width: 20px;
border-bottom-right-radius: 10px;
box-shadow: 0 20px 0 0 var(--bg-gray);
}
.project-style-one-info a.btn-style-two::before {
position: absolute;
left: -20px;
bottom: 0;
content: "";
height: 40px;
width: 20px;
border-bottom-right-radius: 10px;
box-shadow: 0 20px 0 0 var(--bg-gray);
}
.project-style-one-info::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
background: var(--color-primary);
z-index: -1;
border-radius: 10px;
mix-blend-mode: multiply;
}
.project-style-one-info a.btn-style-two i {
display: inline-block;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
border-radius: 50%;
background: var(--dark);
color: var(--white);
transform: rotate(-45deg);
}
.project-style-one-info h3 {
margin-bottom: 20px;
}
ul.list-style-two {
margin-bottom: 0;
padding: 0;
list-style: none;
}
ul.list-style-two li {
padding-left: 27px;
margin-top: 10px;
position: relative;
font-weight: 600;
font-size: 18px;
}
ul.list-style-two li:first-child {
margin-top: 0;
}
ul.list-style-two li::after {
position: absolute;
left: 0;
top: 6px;
content: "";
height: 16px;
width: 16px;
background: url(//www.cap-projets.fr/wp-content/themes/gixus/assets/img/icon/check-mark.png);
background-size: contain;
background-repeat: no-repeat;
}
.text-light ul.list-style-two li::after {
filter: brightness(0) invert(1);
}
.project-style-one-items .accordion-item {
border: none;
box-shadow: none;
border-radius: 0;
background: transparent;
}
.project-style-one-items .accordion-item:last-child .accordion-body {
padding-bottom: 0;
}
.project-style-one-items .accordion-item .accordion-body {
padding: 0;
padding-left: 162px;
border-bottom: 1px solid;
padding-bottom: 30px;
padding-top: 15px;
}
.project-style-one-items .accordion-item:first-child {
margin-top: 0;
}
.project-style-one-items .accordion-item button.accordion-button {
background: transparent;
border: none;
border-radius: 0;
color: var(--color-heading);
font-weight: 400;
font-size: inherit;
box-shadow: none;
padding: 15px 0;
border-bottom: 1px solid;
}
.project-style-one-items .accordion-item button.accordion-button span {
font-size: 16px;
text-transform: uppercase;
}
.project-style-one-items .accordion-item button.accordion-button span {
min-width: 130px;
margin-right: 30px;
display: flex;
}
.project-style-one-items .accordion-item b {
margin: 0;
font-size: 36px;
font-weight: 600;
line-height: 1.2;
display: block;
position: relative;
top: -3px;
}
.project-style-one-items .accordion-item button.accordion-button:not(.collapsed) {
border: none;
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-radius: 0;
}
.project-style-one-items .accordion-item:last-child .accordion-body {
border: none;
}
.project-style-one-items .accordion-item strong a:hover {
color: var(--color-heading);
}
.project-style-one-items .accordion-item .accordion-body img {
border-radius: 10px;
}
.project-style-one-items .accordion-item button.accordion-button::after {
display: none;
}
.portfolio-style-one-thumb {
overflow: hidden;
border-radius: 10px;
position: relative;
z-index: 1;
}
.portfolio-style-one-thumb a {
position: absolute;
left: 50%;
top: 50%;
height: 60px;
width: 60px;
background: var(--bg-gradient);
text-align: center;
line-height: 60px;
border-radius: 50%;
color: var(--white);
margin-top: -30px;
opacity: 0;
visibility: hidden;
transform: translate(-50%, -50%);
z-index: 1;
}
.portfolio-style-one-thumb:hover a {
margin: 0;
opacity: 1;
visibility: visible;
}
.portfolio-style-one-thumb a i {
font-weight: 100;
}
.portfolio-style-one-thumb::after {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 80%;
width: 100%;
background: var(--dark);
opacity: 0;
transition: all 0.25s ease-in-out;
visibility: hidden;
}
.portfolio-style-one-thumb:hover::after {
height: 100%;
width: 100%;
opacity: 0.5;
visibility: visible;
} .project-navigation-items {
position: relative;
height: 100%;
}
.project-swiper-nav {
position: absolute;
right: 0;
bottom: 65px;
display: flex;
width: 200px;
justify-content: space-between;
align-items: center;
}
.project-swiper-nav > div {
height: 40px;
width: 40px;
background: var(--color-primary);
z-index: 9;
position: relative;
border-radius: 50%;
}
.project-swiper-nav > div::after {
position: absolute;
top: 7px;
content: "";
height: 100%;
width: 100%;
font-family: "Font Awesome 5 Pro";
text-align: center;
color: var(--white);
}
.project-swiper-nav .project-button-next::after {
content: "\f105";
}
.project-swiper-nav .project-button-prev::after {
content: "\f104";
}
.project-style-one-carousel {
padding-top: 120px;
margin-top: -120px;
}
.project-swiper-nav .project-pagination {
background: transparent;
position: absolute;
line-height: 40px;
color: var(--color-heading);
font-size: 24px;
width: auto;
font-weight: 600;
left: 50%;
transform: translateX(-50%);
top: 0;
}
.gallery-style-two {
overflow: hidden;
}
.gallery-style-two .overlay {
position: absolute;
left: 30px;
right: 30px;
bottom: 67px;
background: var(--bg-gradient);
transition: all 0.35s ease-in-out;
opacity: 0;
visibility: hidden;
}
@media (min-width: 1200px) {
.swiper-slide-active .gallery-style-two .overlay {
bottom: 0;
opacity: 1;
visibility: visible;
}
}
@media (max-width: 1199px) {
.gallery-style-two:hover .overlay {
bottom: 0;
opacity: 1;
visibility: visible;
}
}
.gallery-style-two .overlay .info {
padding: 45px;
}
.gallery-style-two .overlay > a {
padding: 20px 30px;
display: block;
background: var(--dark);
text-align: center;
text-transform: uppercase;
}
.gallery-style-two .overlay > a i {
transform: rotate(-45deg);
margin-left: 5px;
font-weight: 300;
}
.gallery-style-two-carousel .swiper-wrapper {
padding-bottom: 67px;
}
.gallery-style-two-carousel {
margin-bottom: -76px;
}
.gallery-style-two .overlay .info span {
display: block;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 14px;
}
.gallery-style-two .overlay .info h4 {
font-size: 24px;
}
.gallery-style-two .overlay .info p {
margin: 0;
} .gallery-style-one {
position: relative;
overflow: hidden;
border-radius: 15px;
padding: 10px;
}
.gallery-style-one .overlay {
background: var(--white);
position: absolute;
left: 0;
bottom: -60px;
max-width: 60%;
padding: 30px;
visibility: hidden;
opacity: 0;
transition: all 0.35s ease-in-out;
z-index: 9;
}
.gallery-style-one .overlay::before {
position: absolute;
left: 9px;
top: -30px;
content: "";
height: 30px;
width: 30px;
border-bottom-left-radius: 15px;
box-shadow: 0 20px 0 0 var(--white);
}
.gallery-style-one .overlay::after {
position: absolute;
right: -28px;
bottom: 10px;
content: "";
height: 30px;
width: 30px;
border-bottom-left-radius: 15px;
box-shadow: 0 20px 0 0 var(--white);
}
.swiper-slide-active .gallery-style-one .overlay {
opacity: 1;
visibility: visible;
bottom: 0;
border-top-right-radius: 10px;
}
.gallery-style-one .overlay span {
text-transform: uppercase;
font-size: 15px;
display: block;
margin-bottom: 15px;
color: var(--color-primary);
}
.gallery-style-one .overlay h4 {
margin-bottom: 10px;
}
.gallery-style-one .overlay > a {
display: inline-flex;
background: var(--bg-gradient);
color: var(--white);
padding: 13px 45px;
border-radius: 30px;
align-items: center;
margin-top: 15px;
}
.gallery-style-one .overlay > a i {
transform: rotate(-45deg);
margin-left: 10px;
font-size: 20px;
font-weight: 100;
position: relative;
top: 2px;
}
.gallery-style-one img {
border-radius: 10px;
}
@media (min-width: 1200px) {
.swiper-slide-active .gallery-style-one {
background: var(--white);
border: 1px solid #d3e1ff;
}
} .team-style-one-area {
background-repeat: no-repeat;
background-position: bottom center;
background-size: contain;
}
.team-style-one-items {
margin-bottom: -50px;
}
.team-style-one-item .thumb {
position: relative;
margin-bottom: 30px;
}
.team-style-one-item .thumb img {
border-radius: 10px;
}
.social-overlay .icon {
background: var(--white);
border-radius: 60px;
border: 10px solid var(--white);
position: relative;
z-index: 1;
}
.bg-gray .social-overlay .icon {
background: var(--bg-gray);
border: 10px solid var(--bg-gray);
}
.social-overlay .icon::before {
position: absolute;
left: -28px;
bottom: 22px;
content: "";
height: 40px;
width: 22px;
border-bottom-right-radius: 20px;
box-shadow: 0 20px 0 0 var(--white);
}
.social-overlay .icon::after {
position: absolute;
right: -17px;
bottom: 22px;
content: "";
height: 27px;
width: 8px;
border-bottom-left-radius: 10px;
box-shadow: 0 20px 0 0 var(--white);
}
.bg-gray .social-overlay .icon::after {
box-shadow: 0 20px 0 0 var(--bg-gray);
}
.bg-gray .social-overlay .icon::before {
box-shadow: 0 20px 0 0 var(--bg-gray);
}
.social-overlay {
position: absolute;
right: 50px;
bottom: -32px;
z-index: 1;
}
.social-overlay .icon i {
display: inline-block;
height: 45px;
width: 45px;
line-height: 45px;
text-align: center;
background: var(--dark);
color: var(--white);
border-radius: 50%;
cursor: pointer;
font-weight: 400;
}
.team-style-one-item h4 {
margin: 0;
}
.color-style-two .social-overlay .icon i {
background: var(--color-style-two);
}
.color-style-three .social-overlay .icon i {
background: var(--color-style-three);
}
.social-overlay ul li {
display: block;
text-align: center;
margin-bottom: 10px;
}
.social-overlay ul li a {
display: inline-block;
}
.social-overlay ul li a i {
display: inline-block;
height: 45px;
width: 45px;
line-height: 45px;
background: var(--color-primary);
color: var(--white);
border-radius: 50%;
opacity: 0;
visibility: hidden;
transform: translateY(40px);
transition: all 0.35s ease-in-out;
}
.color-style-two .social-overlay ul li a i {
background: var(--color-style-two);
}
.color-style-three .social-overlay ul li a i {
background: var(--color-style-three);
}
.social-overlay ul li:first-child a i {
transition-delay: 0.60ms;
}
.social-overlay ul li:nth-child(2) a i {
transition-delay: 0.45ms;
}
.social-overlay ul li:nth-child(3) a i {
transition-delay: 0.30ms;
}
.social-overlay ul li:nth-child(4) a i {
transition-delay: 0.15ms;
}
.team-style-one-item:hover .thumb .social-overlay ul li a i {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.social-overlay ul li a i.fa-facebook-f {
background: #3B5998;
}
.social-overlay ul li a i.fa-dribbble {
background: #ea4c89;
}
.social-overlay ul li a i.fa-linkedin-in {
background: #0077B5;
} .team-style-two {
padding: 5px;
}
.team-style-two-item {
background-color: var(--bg-gray-secondary);
overflow: hidden;
border-radius: 10px;
text-align: center;
background-size: contain;
background-repeat: no-repeat;
background-position: right bottom;
}
.team-style-two-item .info {
padding: 30px;
}
.team-style-two-item .thumb {
max-width: 260px;
margin: auto;
padding-top: 50px;
position: relative;
z-index: 1;
}
.team-style-two-item .thumb img {
border-radius: 50%;
}
.team-style-two-item .info h4 {
margin-bottom: 5px;
}
.team-style-two-item .thumb a {
display: inline-block;
height: 56px;
width: 56px;
line-height: 50px;
background: var(--bg-gradient);
position: absolute;
right: 20px;
bottom: 0;
border-radius: 50%;
color: var(--white);
border: 4px solid var(--bg-gray-secondary);
font-size: 18px;
z-index: 1;
}
.team-style-two-item .info span {
text-transform: uppercase;
color: var(--color-primary);
font-weight: 600;
font-size: 14px;
} .team-single-area .team-content-top {
bottom: -50px;
margin-top: -50px;
position: relative;
z-index: 1;
}
.team-single-area .team-content-top .right-info {
padding-left: 35px;
padding-right: 50px;
margin-bottom: 50px;
}
.team-single-area .team-content-top .right-info h2 {
font-weight: 600;
margin-bottom: 10px;
}
.team-single-area .team-content-top .right-info span {
display: block;
text-transform: uppercase;
color: var(--color-primary);
font-weight: 600;
margin-bottom: 25px;
}
.team-single-area .right-info ul {
margin: 0;
padding: 0;
list-style: none;
margin-top: 25px;
border-top: 1px solid #e7e7e7;
padding-top: 17px;
}
.team-single-area .right-info ul li {
margin-top: 10px;
color: var(--color-heading);
}
.team-single-area .right-info ul li strong {
font-weight: 600;
}
.team-single-area .right-info ul li a {
font-weight: 400;
}
.team-single-area .right-info ul li a:hover {
color: var(--color-primary);
}
.team-single-area .right-info .social {
display: flex;
margin-top: 25px;
font-weight: 600;
align-items: center;
}
.team-single-area .right-info .social h4 {
font-weight: 600;
margin-bottom: 0;
margin-right: 25px;
}
.team-single-area .right-info .social ul {
margin: 0;
padding: 0;
border: none;
}
.team-single-area .right-info .social .share-link {
position: relative;
z-index: 1;
margin-left: 15px;
padding-right: 20px;
}
.team-single-area .right-info .social .share-link>i {
display: inline-block;
height: 45px;
background: var(--white);
box-shadow: 0 0 10px #cccccc;
line-height: 45px;
width: 45px;
text-align: center;
border-radius: 50%;
cursor: pointer;
color: var(--color-primary);
}
.team-single-area .right-info .social ul {
display: flex;
list-style-type: none;
grid-gap: 10px;
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
opacity: 0;
pointer-events: none;
transition: all 0.3s ease-in-out 0s;
}
.team-single-area .right-info .social .share-link:hover ul {
left: 58px;
opacity: 1;
pointer-events: auto;
}
.team-single-area .right-info .social ul li {
display: inline-block;
margin: 0;
}
.team-single-area .right-info .social ul li a {
display: inline-block;
height: 45px;
width: 45px;
line-height: 47px;
background: #f1f1f1;
text-align: center;
border-radius: 50%;
}
.team-single-area .bottom-info h2 {
font-weight: 600;
margin-bottom: 25px;
}
.team-single-area .bottom-info p:last-child {
margin-bottom: 0;
}
.skill-items .progress-box {
margin-bottom: 35px;
}
.team-single-area .team-content-top img {
border-radius: 30px;
}
.skill-items .progress-box:last-child {
margin-bottom: 0;
}
.skill-items .progress-box h5 {
text-transform: capitalize;
font-weight: 600;
margin-bottom: 5px;
text-align: left;
position: relative;
z-index: 1;
font-size: 16px;
}
.skill-items .progress-box h5 span {
position: absolute;
font-size: 50px;
line-height: 1;
top: -21px;
left: 0;
z-index: -1;
opacity: 0.05;
font-weight: 600;
}
.skill-items .skill-items {
margin-top: 40px;
}
.skill-items .progress-box .progress {
background: transparent;
border-bottom: none;
box-shadow: inherit;
border-radius: inherit;
overflow: inherit;
}
.skill-items .progress-box .progress .progress-bar {
height: 6px;
border-radius: 30px;
background: var(--bg-gradient);
top: 12px;
position: relative;
overflow: inherit;
}
.skill-items .progress-box .progress .progress-bar span {
position: absolute;
right: 0;
top: -40px;
display: block;
font-size: 15px;
font-weight: 600;
}
.team-single-list {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 30px;
}
.team-list-item h4 {
font-weight: 600;
margin-bottom: 30px;
font-size: 28px;
}
.team-list-item h5 {
font-weight: 600;
margin-bottom: 8px;
}
.team-list-item span {
text-transform: none;
margin-bottom: 5px;
color: var(--color-heading);
display: block;
}
.team-list-item li {
margin-top: 30px;
}
.team-list-item li:first-child {
margin-top: 0;
}
.team-single-list ul {
border: none;
margin-top: 0;
padding: 0;
}
.skill-items h3 {
font-weight: 700;
margin-bottom: 30px;
}
.team-list-item ul {
border-left: 1px solid;
padding-left: 25px;
}
.team-list-item ul li {
position: relative;
z-index: 1;
}
.team-list-item ul li::after {
position: absolute;
left: -33px;
top: 3px;
content: "";
height: 15px;
width: 15px;
border: 2px solid var(--color-primary);
border-radius: 50%;
background: var(--bg-gray);
}
.short-contact .form-group {
margin-bottom: 15px;
}
.short-contact input, .short-contact textarea {
border: 1px solid #e7e7e7;
padding: 15px 20px;
}
.short-contact textarea {
height: 100px;
}
.short-contact button {
background: transparent;
border: none;
padding: 13px 40px !important;
border-radius: 5px;
font-size: 16px;
color: var(--white);
border: none;
background: var(--color-primary);
position: relative;
z-index: 1;
overflow: hidden;
}
.short-contact button::after {
position: absolute;
top: inherit;
right: inherit;
bottom: inherit;
left: -5%;
content: "";
height: 150px;
width: 115%;
z-index: -1;
background-color: var(--dark);
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
-webkit-transform: translateY(-45%) skew(25deg) scale(0);
transform: translateY(-45%) skew(25deg) scale(0);
}
.short-contact button:hover::after {
-webkit-transform: translateY(-45%) skew(25deg) scale(1.2);
transform: translateY(-45%) skew(25deg) scale(1.2);
} .brand-one img {
height: 35px;
}
.brand-one {
text-align: center;
}
.brand-style-one-items {
background: #273545;
padding: 50px;
border-radius: 15px;
}
.partner-style-one-area .title {
margin: 0;
} .brand-items {
position: relative;
display: flex;
align-items: center;
}
.brand-style-two-area .brand-items {
padding-top: 0;
padding-bottom: 120px;
margin-top: -20px;
}
.brand-conetnt {
display: flex;
align-items: center;
justify-content: center;
animation: slide-left 50s linear infinite;
}
.brand-conetnt h2 {
margin: 0;
font-size: 200px;
margin: 0 100px;
font-weight: 600;
line-height: 1;
text-decoration: underline;
text-transform: uppercase;
}
.bg-dark .brand-conetnt h2 {
color: var(--white);
}
.brand-conetnt .item:nth-child(2n) h2 {
border: none;
text-decoration: none;
}
.brand-conetnt .item {
position: relative;
}
.brand-conetnt .item::after {
position: absolute;
right: -50px;
top: 50%;
content: "";
height: 100px;
width: 100px;
background: url(//www.cap-projets.fr/wp-content/themes/gixus/assets/img/shape/4.png);
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
transform: translateY(-50%);
margin-top: 10px;
}
.brand-style-two-area .brand-conetnt .item::after {
background: url(//www.cap-projets.fr/wp-content/themes/gixus/assets/img/shape/4-dark.png);
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
}
.bg-dark .brand-conetnt .item::after {
position: absolute;
right: -15px;
top: 50%;
content: "";
height: 40px;
width: 40px;
background: url(//www.cap-projets.fr/wp-content/themes/gixus/assets/img/shape/4-dark.png);
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
transform: translateY(-50%);
margin-top: 10px;
}
@-webkit-keyframes slide-left {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes slide-left {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
} .fun-fact .counter {
display: flex;
align-items: center;
}
.funfact-style-one-item {
border-top: 1px solid #dddddd;
border-radius: 30px;
padding: 30px;
position: relative;
}
.funfact-style-one-item .fun-fact::after {
position: absolute;
right: 0px;
bottom: 0;
content: "";
top: 0;
width: 30px;
border-right: 1px solid #dddddd;
border-top-right-radius: 30px;
}
.funfact-style-one-item .fun-fact::before {
position: absolute;
right: -29px;
bottom: 0;
content: "";
width: 30px;
border-left: 1px solid #dddddd;
top: 0;
border-top-left-radius: 30px;
z-index: -1;
}
.funfact-style-one-item:last-child .fun-fact::before {
display: none;
}
.funfact-style-one-item:first-child {
border-left: 1px solid #dddddd;
border-bottom-left-radius: 0;
}
.funfact-style-one-item .fun-fact .counter {
justify-content: center;
font-size: 70px;
line-height: 1;
color: var(--color-heading);
font-weight: 500;
margin-bottom: 5px;
}
.funfact-style-one-item .fun-fact span.medium {
text-transform: uppercase;
font-weight: 500;
} .testimonial-style-one-items {
border-radius: 10px;
padding: 120px;
}
.testimonial-style-one-thumb {
position: relative;
z-index: 1;
bottom: -120px;
margin-top: -120px;
}
.testimonial-style-one-thumb .shape img {
position: absolute;
left: -50px;
top: 0;
z-index: -1;
height: 250px;
}
.testimonial-style-one-thumb .shape img:nth-child(2) {
height: 50px;
left: auto;
right: 0;
top: 100px;
z-index: -1;
}
.testimonial-style-one {
border-left: 1px solid #bfc7d6;
padding-left: 50px;
position: relative;
z-index: 1;
margin-left: 74px;
}
.color-style-two .testimonial-style-one {
border-color: rgba(255, 255, 255, 0.15);
}
.testimonial-style-one .top::before {
position: absolute;
left: -125px;
top: 0px;
content: "";
height: 100%;
width: 75px;
background-image: url(//www.cap-projets.fr/wp-content/themes/gixus/assets/img/shape/quote.png);
background-repeat: no-repeat;
background-color: var(--dark);
background-position: center;
z-index: 1;
}
.color-style-two .testimonial-style-one .top::before {
background-color: var(--color-style-two);
}
.testimonial-style-one .top {
position: relative;
z-index: 1;
padding-bottom: 30px;
margin-bottom: 30px;
}
.testimonial-style-one .top::after {
position: absolute;
right: 0;
bottom: 0;
content: "";
left: -125px;
border-bottom: 1px solid #bfc7d6;
}
.color-style-two .testimonial-style-one .top::after {
border-color: rgba(255, 255, 255, 0.15);
}
.testimonial-style-one .top h2 {
margin: 0;
}
.testimonial-style-one .info {
margin-top: 25px;
}
.testimonial-style-one .info h4 {
margin-bottom: 5px;
}
.testimonial-style-one .info span {
text-transform: uppercase;
font-size: 15px;
}
.testimonial-style-one p {
font-size: 20px;
line-height: 1.8;
}
.testimonial-style-one-carousel .swiper-nav-left {
position: absolute;
right: 0;
bottom: 0;
height: 58px;
width: 100px;
display: flex;
align-items: center;
}
.testimonial-style-one-carousel .swiper-nav-left .swiper-button-prev::after, 
.testimonial-style-one-carousel .swiper-nav-left .swiper-button-next::after {
display: none;
}
.testimonial-style-one-carousel .swiper-nav-left .swiper-button-prev::before {
position: absolute;
left: 0;
top: 0;
content: "\f060";
font-family: "Font Awesome 5 Pro";
display: block;
height: 40px;
width: 40px;
background: var(--white);
text-align: center;
line-height: 40px;
font-weight: 600;
border-radius: 50%;
color: var(--color-heading);
}
.testimonial-style-one-carousel .swiper-nav-left .swiper-button-next::before {
position: absolute;
right: 0;
top: 0;
content: "\f061";
font-family: "Font Awesome 5 Pro";
display: block;
height: 40px;
width: 40px;
background: var(--white);
text-align: center;
line-height: 40px;
font-weight: 600;
border-radius: 50%;
color: var(--color-heading);
}
.testimonial-style-one-carousel .swiper-nav-left .swiper-button-prev, 
.testimonial-style-one-carousel .swiper-nav-left .swiper-button-next {
margin: 0 -5px;
left: auto;
top: auto;
} .testimonial-two-info .review-card {
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 25px;
}
.testimonial-style-two {
background: var(--white);
border-radius: 10px;
position: relative;
z-index: 1;
overflow: hidden;
}
.testimonial-two-info .icon img {
height: 70px;
margin-bottom: 30px;
}
.testimonial-style-two .content {
display: flex;
align-items: center;
padding: 25px 50px;
background: var(--bg-gradient);
position: relative;
z-index: 1;
}
.testimonial-style-two .content img {
height: 60px;
width: 60px;
border-radius: 50%;
margin-right: 20px;
min-width: 60px;
border: 3px solid rgba(255, 255, 255, 0.3);
}
.testimonial-style-two .content h4 {
font-size: 20px;
margin-bottom: 3px;
color: var(--white);
}
.testimonial-style-two .content span {
text-transform: uppercase;
font-size: 14px;
color: var(--white);
}
.testimonial-style-two p {
font-size: 20px;
line-height: 1.7;
color: var(--color-paragraph);
}
.testimonial-style-two .text-info {
padding: 50px;
position: relative;
z-index: 1;
}
.testimonial-style-two .text-info::after {
position: absolute;
right: 50px;
bottom: 30px;
content: "\f10e";
font-family: "Font Awesome 5 Pro";
color: var(--color-heading);
font-size: 50px;
z-index: -1;
opacity: 0.05;
}
.testimonial-style-two .text-info p {
margin: 0;
}
.testimonial-style-two .content::after {
position: absolute;
left: 0;
top: -29px;
content: "";
height: 30px;
width: 30px;
background: var(--color-primary);
clip-path: polygon(0 0, 0% 100%, 100% 100%);
} .testimonial-style-three {
display: flex;
}
.testimonial-style-three .thumb {
margin-right: 15px;
position: relative;
border: 3px solid var(--white);
border-radius: 13px;
min-width: 450px;
overflow: hidden;
}
.testimonial-style-three .thumb .icon {
position: absolute;
left: -88px;
bottom: -63px;
height: 250px;
width: 250px;
text-align: center;
background: url(//www.cap-projets.fr/wp-content/themes/gixus/assets/img/shape/33.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.testimonial-style-three .thumb .icon img {
filter: brightness(0) invert(1);
position: absolute;
top: 100px;
right: 60px;
height: 50px;
}
.testimonial-style-three .thumb img {
border-radius: 10px;
}
.testimonial-style-three .info h4 {
font-size: 22px;
margin-bottom: 5px;
color: var(--white);
}
.testimonial-style-three .info span {
text-transform: uppercase;
color: #cccccc;
}
.testimonial-style-three .info {
margin-top: 30px;
}
.testimonial-style-three p {
font-size: 21px;
line-height: 1.7;
}
.testimonial-style-three-carousel .swiper-nav-left {
position: absolute;
right: 40px;
bottom: 50px;
height: 58px;
width: 100px;
display: flex;
align-items: center;
}
.testimonial-style-three-carousel .swiper-nav-left .swiper-button-prev::after, 
.testimonial-style-three-carousel .swiper-nav-left .swiper-button-next::after {
display: none;
}
.testimonial-style-three-carousel .swiper-nav-left .swiper-button-prev::before {
position: absolute;
left: 0;
top: 0;
content: "\f060";
font-family: "Font Awesome 5 Pro";
display: block;
height: 40px;
width: 40px;
background: var(--white);
text-align: center;
line-height: 40px;
font-weight: 600;
border-radius: 50%;
color: var(--color-heading);
}
.testimonial-style-three-carousel .swiper-nav-left .swiper-button-next::before {
position: absolute;
right: 0;
top: 0;
content: "\f061";
font-family: "Font Awesome 5 Pro";
display: block;
height: 40px;
width: 40px;
background: var(--color-primary);
text-align: center;
line-height: 40px;
font-weight: 600;
border-radius: 50%;
color: var(--white);
}
.testimonial-style-three-carousel .swiper-nav-left .swiper-button-prev, 
.testimonial-style-three-carousel .swiper-nav-left .swiper-button-next {
margin: 0 -5px;
left: auto;
top: auto;
}
.testimonial-style-three .item {
background: var(--dark);
border-radius: 10px;
padding: 50px;
}
.testimonial-style-three .thumb > img {
height: 100%;
object-fit: cover;
object-position: center;
}
.testimonial-style-three .item h2 {
color: var(--white);
}
.testimonial-style-three .item p {
color: #cccccc;
} .pricing-style-one {
padding: 67px 37px;
background: var(--white);
box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
}
.pricing-style-one h4 {
margin-bottom: 8px;
font-size: 24px;
}
.pricing-style-one h2 {
color: var(--color-heading);
margin-bottom: 5px;
font-size: 60px;
}
.pricing-style-one p {
color: var(--color-paragraph);
}
.pricing-style-one {
color: var(--color-paragraph);
border-radius: 10px;
}
.pricing-style-one .pricing-header {
border-bottom: 1px solid #cccccc;
padding-bottom: 20px;
margin-bottom: 20px;
}
.pricing-style-one .pricing-header p {
margin-bottom: 20px;
color: var(--color-heading);
font-weight: 600;
}
.pricing-style-one ul {
margin: 0;
padding: 0;
list-style: none;
}
.pricing-style-one ul li {
display: flex;
align-items: center;
margin-top: 5px;
}
.pricing-style-one ul li i {
text-align: center;
font-weight: 100;
height: 18px;
width: 18px;
color: var(--white);
line-height: 18px;
border-radius: 50%;
font-size: 12px;
margin-right: 12px;
}
.pricing-style-one ul li .fa-check {
background: #00c47d;
}
.pricing-style-one ul li .fa-times {
background: #f85d5d;
}
.pricing-two-box {
position: relative;
z-index: 1;
background: var(--white);
overflow: hidden;
border-radius: 10px;
box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
padding: 67px;
}
.pricing-two-box .pricing-style-one {
position: relative;
z-index: 1;
background: transparent;
box-shadow: none;
padding-top: 0;
padding-bottom: 0;
}
.pricing-two-box .pricing-style-one::after {
position: absolute;
right: 0;
top: 0;
bottom: 0;
content: "";
background: #cccccc;
width: 1px;
}
.pricing-style-one .btn {
text-transform: uppercase;
margin-top: 30px;
border-radius: 40px;
}
.pricing-style-one-area {
position: relative;
z-index: 1;
}
.pricing-style-one.bg-gray-secondary {
background: var(--bg-gray-secondary);
box-shadow: none;
height: 100%;
}
.pricing-two-box .row > div {
padding: 0;
}
.pricing-two-box .col-lg-6:last-child .pricing-style-one::after {
display: none;
}
.pricing-style-one .badge {
position: absolute;
top: -67px;
background: var(--color-primary);
border-radius: 0;
font-weight: 500;
padding: 15px 25px;
font-size: 15px;
left: -52px;
padding-left: 40px;
}
.pricing-style-one .badge::after {
position: absolute;
right: -25px;
top: 0;
content: "";
height: 100%;
width: 26px;
background: var(--color-primary);
clip-path: polygon(100% 0%, 61% 49%, 100% 100%, 0 100%, 0% 50%, 0 0);
} .quote-style-one {
background: var(--white);
padding: 80px;
position: relative;
bottom: -80px;
z-index: 1;
box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
border-radius: 10px;
}
.quote-style-one .title {
font-size: 40px;
margin-bottom: 10px;
}
.quote-style-one form {
margin-top: 30px;
}
.quote-style-one form input, 
.quote-style-one form textarea {
background: #eff2f5;
border: none;
box-shadow: none;
}
.quote-style-one form label {
font-weight: 600;
color: var(--color-heading);
}
.quote-style-one form .form-group {
margin-bottom: 15px;
}
.quote-style-one form textarea {
height: 160px;
}
.quote-style-one form button {
width: 100%;
border: none;
background: var(--bg-gradient-reverse);
color: var(--white);
padding: 15px;
border-radius: 5px;
text-transform: uppercase;
}
.quote-text {
position: absolute;
left: 0;
bottom: -95px;
text-transform: uppercase;
z-index: 1;
}
.quote-text h1 {
margin: 0;
font-size: 140px;
line-height: 1;
color: var(--color-style-two);
}
@media (min-width: 1024px) {
.quote-style-one {
margin-left: -50px;
}
}
@media (min-width: 1400px) {
.quote-text h1 {
font-size: 180px;
}
.quote-text {
bottom: -100px;
}
}
.quote-style-one-area .shape {
position: absolute !important;
right: 0;
bottom: 0;
max-width: 30%;
} .blog-area .site-heading .title {
font-size: 50px;
font-weight: 600;
}
.home-blog-thumb {
position: relative;
z-index: 1;
margin-bottom: 20px;
}
ul.home-blog-meta {
position: absolute;
left: 0;
bottom: -1px;
background: var(--white);
margin: 0;
list-style: none;
padding: 0;
border-top-right-radius: 10px;
padding-top: 20px;
padding-right: 25px;
}
ul.home-blog-meta::after {
position: absolute;
right: -20px;
bottom: 0;
content: "";
height: 33px;
width: 20px;
border-bottom-left-radius: 17px;
box-shadow: 0 20px 0 0 var(--white);
}
.bg-gray ul.home-blog-meta::after {
box-shadow: 0 20px 0 0 var(--bg-gray);
}
ul.home-blog-meta::before {
position: absolute;
left: -1px;
top: -26px;
content: "";
height: 26px;
width: 20px;
border-bottom-left-radius: 12px;
box-shadow: 0 20px 0 0 var(--white);
}
.bg-gray ul.home-blog-meta::before {
box-shadow: 0 20px 0 0 var(--bg-gray);
}
ul.home-blog-meta li {
display: inline-block;
text-transform: uppercase;
font-weight: 500;
}
.bg-gray ul.home-blog-meta {
background: var(--bg-gray);
}
.home-blog-style-one-item .content h4 {
font-size: 26px;
line-height: 1.4;
}
.home-blog-thumb img {
border-radius: 10px;
}
ul.home-blog-meta li a {
display: inline-block;
border: 1px solid #cccccc;
border-radius: 30px;
padding: 0 15px;
font-weight: 400;
text-transform: capitalize;
padding-bottom: 2px;
margin-right: 10px;
}
a.btn-read-more {
text-transform: uppercase;
color: var(--color-paragraph);
}
a.btn-read-more i {
display: inline-block;
font-weight: 100;
transform: rotate(-45deg);
font-size: 20px;
position: relative;
top: 2px;
}
a.btn-read-more:hover {
color: var(--color-primary);
}
.color-style-two a.btn-read-more:hover {
color: var(--color-style-two);
}
@media (min-width: 1024px) {
.blog-2-col .row {
--bs-gutter-x: 60px;
}
} .contact-stye-one {
position: relative;
}
.shape-animated-arrow {
position: absolute;
left: -12%;
top: 0;
}
.contact-shape {
position: absolute;
right: 0;
bottom: 50px;
max-width: 30%;
}
.half-shape-top {
position: relative;
z-index: 1;
}
.half-shape-top::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 120px;
width: 100%;
background: var(--bg-gray);
z-index: -1;
}
.contact-area {
background-size: 20%;
background-repeat: no-repeat;
background-position: right bottom;
}
.contact-area .shape-left-top {
max-width: 30%;
top: 60px;
opacity: 0.1;
}
.contact-style-one-info li {
display: flex;
margin-top: 30px;
}
.contact-style-one-info li i {
display: inline-block;
height: 60px;
width: 60px;
text-align: center;
line-height: 60px;
background: var(--color-primary);
border-radius: 50%;
color: var(--white);
font-size: 25px;
margin-right: 20px;
}
.contact-style-one-info li:nth-child(2) i {
background: var(--color-secondary);
}
.contact-style-one-info li:nth-child(3) i {
background: var(--dark);
}
.contact-style-one-info li p {
margin: 0;
}
.contact-style-one-info li h5 {
font-weight: 600;
margin-bottom: 5px;
font-size: 20px;
}
.contact-style-one-info li a {
font-weight: 400;
}
.contact-style-one-info h2 {
font-size: 36px;
font-weight: 600;
margin-bottom: 15px;
line-height: 1;
}
.contact-style-one-info ul {
margin: 0;
padding: 0;
list-style: none;
margin-top: 50px;
}
.contact-form-style-one {
box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
padding: 60px 80px;
border-radius: 10px;
position: relative;
background: var(--white);
}
.contact-form-style-one .illustration {
position: absolute;
left: -130px;
bottom: -60px;
z-index: -1;
}
.contact-form-style-one .sub-heading {
margin-bottom: 15px;
}
.contact-form-style-one .heading {
margin-bottom: 30px;
font-size: 36px;
}
.contact-form-style-one input, 
.contact-form-style-one textarea {
margin-bottom: 15px;
padding: 15px 0;
border: none;
background: transparent;
border-bottom: 2px solid #d6d6d6;
border-radius: 0;
font-size: 18px;
}
.contact-form-style-one input:focus, 
.contact-form-style-one textarea:focus {
box-shadow: inherit;
}
.contact-form-style-one textarea {
min-height: 180px;
}
.contact-form-style-one button {
display: inline-block;
font-weight: 600;
text-transform: capitalize;
transition: all 0.35s ease-in-out;
overflow: hidden;
border-radius: 6px;
-webkit-box-shadow: inherit;
box-shadow: inherit;
font-size: 17px;
letter-spacing: 0;
position: relative;
z-index: 1;
color: var(--white);
border: none;
background: var(--color-primary);
padding: 16px 52px;
}
.contact-form-style-one button::after {
position: absolute;
top: inherit;
right: inherit;
bottom: inherit;
left: -5%;
content: "";
height: 150px;
width: 115%;
z-index: -1;
background-color: var(--dark);
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
-webkit-transform: translateY(-45%) skew(25deg) scale(0);
transform: translateY(-45%) skew(25deg) scale(0);
}
.contact-form-style-one button:hover::after {
-webkit-transform: translateY(-45%) skew(25deg) scale(1.2);
transform: translateY(-45%) skew(25deg) scale(1.2);
}
.contact-form-style-one button:hover {
color: var(--white);
}
img.loader {
margin-left: 8px;
}
.contact-style-one-info h2 span {
position: relative;
z-index: 1;
}
.contact-style-one-info h2 span svg {
position: absolute;
top: auto;
left: 50%;
width: 80%;
height: 100%;
transform: translate(-50%);
overflow: visible;
bottom: 0;
z-index: -1;
}
.contact-style-one-info h2 span path {
stroke: var( --color-secondary);
stroke-width: 10;
stroke-dasharray: 1500;
fill: none;
}
.maps-area iframe {
min-height: 550px;
margin-bottom: -10px;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.error-box h1 {
font-size: 200px;
font-weight: 600;
line-height: 150px;
margin-bottom: 30px;
}
.error-box h2 {
font-weight: 600;
margin-bottom: 20px;
}
.alert-notification {
margin-top: 30px;
}
.alert-notification .alert {
margin: 0;
}
.alert-notification h3 {
font-weight: 600;
margin-bottom: 8px;
font-size: 22px;
color: red;
}
.alert-notification p {
margin: 0;
}
.alert-notification p strong {
color: #232323;
}
.alert-notification .alert.alert-success h3 {
color: green;
} footer.bg-gray {
border-top: 1px solid #dddddd;
}
footer.bg-dark, 
footer.bg-dark p {
color: #cccccc;
}
ul.link-list li a:hover {
color: var(--color-primary);
}
.f-item.address {
position: relative;
z-index: 1;
padding-right: 30px;
}
.f-item.address::after {
position: absolute;
right: 0;
top: -120px;
content: "";
height: 300%;
width: 2px;
border-right: 1px solid #dddddd;
z-index: -1;
border-radius: 30px;
}
.bg-dark .f-item.address::after {
border-right: 1px solid rgba(255, 255, 255, 0.15);
}
ul.contact-address {
margin-bottom: 0;
padding: 0;
list-style: none;
}
ul.contact-address li {
margin-bottom: 30px;
}
ul.contact-address li:last-child {
margin-bottom: 0;
}
ul.contact-address li p {
margin-bottom: 7px;
text-transform: uppercase;
}
ul.contact-address li h4 {
font-weight: 500;
line-height: 1.4;
margin-bottom: 0;
}
ul.contact-address li a {
font-weight: 500;
}
ul.contact-address li a:hover {
color: var(--color-primary);
}
.color-style-two ul.contact-address li a:hover {
color: var(--color-style-two);
}
footer .widget-title {
font-weight: 600;
margin-bottom: 30px;
font-size: 24px;
}
footer .f-item.link li {
display: block;
margin-top: 12px;
}
footer .f-item.link li:first-child {
margin-top: 0;
}
footer .f-item.link li a {
font-weight: 400;
}
footer.bg-dark .f-item.link li a {
color: #cccccc;
}
footer .f-item.link li a:hover {
color: var(--color-primary);
}
footer.bg-dark .f-item.link li a:hover {
color: var(--white);
}
.bg-dark .f-item.newsletter {
background: #273545;
padding: 50px;
}
.f-item.newsletter form {
position: relative;
z-index: 1;
background: var(--white);
overflow: hidden;
border-radius: 30px;
margin-top: 25px;
}
.f-item.newsletter form input {
background: transparent;
border: none;
border-radius: 30px;
padding: 0 30px;
padding-right: 60px;
}
.f-item.newsletter form button {
position: absolute;
height: 40px;
width: 40px;
text-align: center;
right: 5px;
top: 5px;
border-radius: 50%;
background: var(--color-primary);
color: var(--white);
border: none;
}
.color-style-two .f-item.newsletter form button {
background: var(--color-style-two);
}
.f-item.newsletter fieldset input {
height: 15px;
min-height: auto;
position: relative;
top: 2px;
margin-right: 10px;
}
.f-item.newsletter fieldset {
margin-top: 20px;
display: flex;
align-items: baseline;
}
.bg-gray .f-item.newsletter form {
box-shadow: 0 5px 3px rgb(3 27 78 / 8%);
}
.bg-gray .f-item.newsletter form input {
min-height: 60px;
}
.bg-gray .f-item.newsletter form button {
height: 50px;
width: 50px;
}
.bg-gray .f-item.address::before {
position: absolute;
right: 0;
top: -120px;
height: 300%;
width: 500%;
background: var(--white);
content: "";
z-index: -1;
}
.f-item.address img {
height: 50px;
margin-bottom: 30px;
}
ul.footer-social li {
display: inline-block;
margin-right: 5px;
}
ul.footer-social {
margin: 0;
padding: 0;
list-style: none;
margin-top: 20px;
}
ul.footer-social li a {
display: inline-block;
height: 45px;
width: 45px;
line-height: 45px;
background: var(--color-primary);
text-align: center;
color: var(--white);
border-radius: 50%;
}
.bg-gray ul.contact-address {
border-top: 1px solid #dddddd;
margin-top: 20px;
padding-top: 20px;
} .footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.15);
padding: 20px 0;
background: var(--dark);
position: relative;
z-index: 1;
}
ul.link-list {
margin: 0;
padding: 0;
list-style: none;
}
ul.link-list li {
display: inline-block;
margin-left: 25px;
}
ul.link-list li a {
font-weight: 400;
color: #cccccc;
}
.color-style-two ul.link-list li a:hover {
color: var(--color-style-two);
}
.footer-bottom p {
margin: 0;
} .error-page-area {
position: relative;
z-index: 1;
}
.error-page-area .shape-left {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
height: 100%;
width: 20%;
background-position: left !important;
background-repeat: no-repeat !important;
z-index: -1;
opacity: 0.3;
background-size: contain !important;
}
.error-page-area .shape-right {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 100%;
width: 20%;
background-position: right !important;
background-repeat: no-repeat !important;
z-index: -1;
opacity: 0.3;
background-size: contain !important;
}
.error-box h1 {
font-size: 150px;
line-height: 110px;
font-weight: 700;
margin-bottom: 40px;
text-shadow: 3px 3px #c0c0c0;
}
.error-box h2 {
font-weight: 700;
margin-bottom: 20px;
}
.error-box p {
padding: 0 10%;
} @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-style-one .strategy .item:nth-child(2) {
display: none;
}
.banner-style-one .thumb::after {
height: 400px;
width: 400px;
}
.banner-style-one .thumb::before {
height: 400px;
width: 400px;
} .banner-style-two .content .shape-circle {
display: none;
}
.banner-style-two .content {
padding-top: 80px;
} .banner-style-six-item h2 {
font-size: 120px;
}
.banner-style-six-item {
padding: 120px 0;
}
.banner-style-six-item .video-card {
top: 0;
margin: 0;
}
.banner-style-six-item .card-style-one {
margin: 0;
margin-left: 50px;
}
.banner-style-six-item .d-flex.justify-content-between {
align-items: center;
} .banner-style-five {
padding: 0;
padding-bottom: 100px;
padding-top: 90px;
}
.banner-style-five h2 {
font-size: 80px;
} .banner-style-three .pl-60 {
padding-left: 0;
}
.banner-style-three .thumb .grow-graph img {
height: 70px;
}
.banner-style-three .thumb .grow-graph {
right: -30px;
bottom: 80px;
}
.banner-style-three h2 {
font-size: 60px;
}
.banner-style-three .content {
padding-top: 250px;
} .about-style-one-area::after {
width: 59%;
display: none;
}
.about-style-three-info .info-grid {
margin-right: -50%;
grid-template-columns: 1fr 1.2fr;
}
.about-style-three-info .right-info {
padding: 30px;
}
.thumb-style-two {
margin-left: -20%;
}
ul.card-list {
padding-bottom: 0;
}
.about-style-five-info .d-flex {
left: -300px;
margin-right: -300px;
}
.circle-progress-style-two {
padding: 50px;
}
.thumb-style-four {
margin: 0;
padding: 0;
}
.thumb-style-four img:nth-child(2) {
margin: 0;
max-width: 60%;
}
.address-card img {
width: 100%;
}
.address-card {
margin-top: 80px;
} .services-style-five-items {
border: none;
padding-bottom: 120px;
background: transparent;
border-radius: 0;
margin-top: -30px;
}
.services-style-five-item {
border: 1px solid #cccccc;
border-radius: 10px;
background: var(--white);
}
.services-style-five-items .shape {
left: 0;
display: none;
}
.services-style-five-items .single-item {
margin-top: 30px;
}
.single-item:last-child .services-style-five-item {
background: transparent;
padding: 0;
text-align: center;
}
.services-style-five-items .align-center {
align-items: center;
}
.services-style-two-items {
margin-left: -140px;
padding: 120px 70px;
}
.services-style-two-thumb img:nth-child(2) {
width: 100%;
} .fun-fact-style-info {
margin-bottom: 50px;
}
.fun-fact-style-info .fun-fact-card-two {
width: 100%;
}
.chooseus-style-two-items .col-xl-6.pr-50.pr-md-15.pr-xs-15 {
padding-right: 15px;
} .pricing-two-box {
padding: 67px 30px;
}
.pricing-style-one .badge {
left: -30px;
}
.pricing-style-one .btn {
padding: 16px 40px;
width: 100%;
} .feature-style-one-info {
padding: 80px 40px;
}
.feature-style-one-cards {
grid-auto-flow: row;
grid-template-columns: 1fr;
}
.feature-style-one-item {
padding: 0;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
border-right: none;
display: flex;
}
.feature-style-one-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.feature-style-one-item img {
height: auto;
width: 60px;
min-width: 80px;
margin-right: 30px;
} .choose-us-style-two-content {
padding-left: 15px;
}
.thumb-style-three {
align-items: center;
margin-top: 30px;
}
.thumb-style-three .circle-text {
right: 15%;
top: 60%;
}
.brand-one-contents {
padding-left: 15px;
margin-top: 30px;
}
.partner-style-one-area {
background-size: 36%;
}
.partner-style-one-item {
padding: 30px 0;
height: 240px;
}
.partner-style-one-item img {
max-height: 30px;
}
.partner-style-one-item.bg-theme {
padding: 30px 50px;
} .award-items {
padding: 80px;
} .quote-text h1 {
font-size: 113px;
}
.quote-text {
bottom: -80px;
} .choose-us-one-thumb .content {
grid-template-columns: 1fr;
} .gallery-style-one .overlay {
position: relative;
bottom: 0;
max-width: 100%;
border-radius: 0 0 10px 10px;
visibility: visible;
opacity: 1;
}
.gallery-style-one .overlay::before, 
.gallery-style-one .overlay::after {
display: none;
}
.gallery-style-one img {
border-radius: 10px 10px  0 0;
}
.gallery-style-one {
padding: 0;
}
.portfolio-style-one {
margin-top: 50px;
}
.gutter-xl {
--bs-gutter-x: 1.5rem;
}
.portfolio-style-one .pf-item-info {
padding-left: 30px;
}
.portfolio-style-three-area .container {
margin-top: -50px;
}
.gallery-style-twoa-rea {
margin-bottom: 10px;
}
.project-details-items.bg-gray {
padding: 100px 50px;
}
.item-grid-container .left-info h2 {
font-size: 28px;
} .testimonial-style-one-thumb {
margin: 0;
bottom: 0;
margin-bottom: 50px;
display: none;
}
.testimonial-style-one-thumb .shape img {
left: 0;
}
.testimonial-style-one-thumb .shape img:nth-child(2) {
right: 21%;
}
.testimonial-style-three {
display: block;
overflow: hidden;
border-radius: 10px;
}
.testimonial-style-three .item {
padding: 50px 37px;
}
.testimonial-style-three .thumb > img {
height: auto;
width: 100%;
}
.testimonial-style-three-carousel .swiper-nav-left {
position: relative;
right: auto;
left: 5px;
bottom: auto;
margin-top: 15px;
}
.testimonial-style-three .thumb {
margin: auto auto 10px;
min-width: auto;
} .team-single-area .team-content-top {
bottom: 0;
margin: 0;
padding-bottom: 90px;
} footer .widget-title {
font-size: 20px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
.navbar .attr-right .attr-nav li.tracing a {
padding: 26px;
}
nav.navbar.mobile-sidenav.inc-border.navbar-full-width {
padding-right: 20px;
}
} @media screen and (max-width: 1023px) {
}
@media screen and (max-width: 991px) {
} @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-style-one .information {
margin: 0;
}
.banner-style-one .content {
padding-top: 120px;
padding-bottom: 0;
}
.banner-style-one .content p {
padding: 0;
}
.banner-style-one .row div.banner-one-thumb {
height: auto;
}
.banner-style-one-area {
height: auto;
text-align: center;
}
.banner-style-one .thumb::before {
height: 350px;
width: 350px;
}
.banner-style-one .thumb::after {
height: 350px;
width: 350px;
}
.banner-style-one .thumb {
padding-top: 0;
}
.banner-style-one .strategy .item {
left: 50px;
}
.banner-style-one .strategy .item:nth-child(2) {
right: 50px;
margin-top: -100px;
} .banner-style-two .banner-angle-shape .shape-item:first-child {
height: 35%;
width: 35%;
} .banner-style-six-item h2 {
font-size: 120px;
}
.banner-style-six-item {
padding: 120px 0;
}
.banner-style-six-item .video-card {
top: 0;
margin: 0;
}
.banner-style-six-item .card-style-one {
margin: 0;
margin-left: 50px;
}
.banner-style-six-item .d-flex.justify-content-between {
align-items: center;
} .feature-style-one-info {
padding: 80px 40px;
}
.feature-style-one-cards {
grid-auto-flow: row;
grid-template-columns: 1fr;
margin-top: 50px;
border-radius: 10px;
}
.feature-style-one-item {
padding: 0;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
border-right: none;
display: flex;
}
.feature-style-one-cards .path {
background: var(--white);
}
.feature-style-one-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.feature-style-one-item img {
height: auto;
width: 60px;
min-width: 80px;
margin-right: 30px;
}
.feature-style-one-area {
margin-bottom: -20px;
} .banner-style-five {
padding: 0;
padding-bottom: 100px;
}
.banner-style-five h2 {
font-size: 70px;
} .banner-style-three-area, .banner-style-three-area div {
height: auto;
}
.banner-style-three .content {
padding: 130px 0;
text-align: center;
}
.banner-style-three h2 {
color: var(--white);
}
.banner-style-three-area {
background: var(--bg-gradient) !important;
}
.banner-style-three h4 {
color: var(--white);
}
.banner-style-three p {
color: var(--white);
opacity: 0.9;
}
.banner-style-three .thumb {
background: rgba(255, 255, 255, 0.2);
max-width: 80%;
margin: 50px auto auto;
}
.banner-style-three .thumb .grow-graph {
right: 0;
bottom: 30px;
display: none;
}
.banner-style-three .thumb > img {
background: rgba(0, 0, 0, 0.3);
} .about-style-one-area {
padding-bottom: 120px;
}
.thumb-style-one {
margin-bottom: 50px;
}
.about-style-one-area::before {
position: absolute;
left: 0;
top: 200px;
bottom: 0;
width: 100%;
content: "";
background: var(--bg-gray);
z-index: -1;
}
ul.card-list {
padding-bottom: 0;
}
.about-style-three-info .info-grid {
grid-template-columns: 1fr 1.3fr;
margin: 50px 0;
}
.about-style-three-info .right-info {
padding: 30px;
}
.thumb-style-two img {
width: 100%;
}
.thumb-style-five {
margin-bottom: 40px;
}
.about-style-five-info .title {
font-size: 36px;
}
.about-style-five-info .d-flex {
left: 0;
margin: 0;
}
.achivement-style-one {
width: 100%;
}
.thumb-style-four .expertise-card {
top: auto;
bottom: 15%;
}
.thumb-style-four img:nth-child(2) {
margin: 0;
max-width: 50%;
}
.thumb-style-four {
margin-bottom: 50px;
text-align: center;
}
.about-style-four-area .address-card {
margin-top: 40px;
}
.about-style-two-thumb {
margin-bottom: 60px;
} .parallax-area .shape {
position: relative;
}
.circle-progress-style-two {
margin: 0;
padding: 50px;
margin-top: 80px;
}
.parallax-area {
padding: 0;
padding-bottom: 70px;
}
.parallax-area > img {
display: none;
} .choose-us-one-thumb .content {
max-width: inherit;
grid-template-columns: 1fr;
gap: 15px;
}
.choose-us-one-thumb {
padding: 80px;
border-radius: 10px 10px 0 0;
padding-bottom: 120px;
}
.process-style-one {
grid-template-columns: 1fr;
padding-left: 75px;
position: relative;
}
.process-style-one::after {
height: 100%;
width: 3px;
border: none;
border-left: 2px dashed #cccccc;
left: 22px;
}
.process-style-one-item span {
position: absolute;
left: 0;
}
.choose-us-style-one-area::after {
width: 100%;
}
.choose-us-style-one-area .heading-left {
text-align: center;
}
.heading-left .circle-progress {
justify-content: center;
margin-top: 50px;
margin-bottom: 30px;
}
.circle-progress .circle strong {
color: var(--white);
}
.circle-progress .progressbar h4 {
color: var(--white);
}
.thumb-style-three .circle-text {
right: 5%;
top: 60%;
}
.thumb-style-three {
justify-content: center;
align-items: center;
}
.thumb-style-three {
margin-top: 30px;
}
.choose-us-style-two-area {
overflow: hidden;
}
.partner-style-one-area {
background-size: 35%;
}
.chooseus-style-two-items {
top: 0;
margin: 0;
margin-top: 120px;
padding: 120px 60px;
}
.choose-us-style-two {
margin-top: 50px;
} .services-style-one-items {
display: grid;
grid-template-columns: 1fr 1fr;
}
.services-style-one-item.out {
width: 100%;
}
.services-style-one-item {
width: 100%;
}
.services-style-one-item p {
visibility: visible;
clip-path: none;
}
.services-style-five-items {
border: none;
padding-bottom: 120px;
background: transparent;
border-radius: 0;
margin-top: -30px;
}
.services-style-five-item {
border: 1px solid #cccccc;
border-radius: 10px;
background: var(--white);
}
.services-style-five-items .shape {
left: 0;
display: none;
}
.services-style-five-items .single-item {
margin-top: 30px;
}
.single-item:last-child .services-style-five-item {
background: transparent;
padding: 0;
text-align: center;
}
.services-style-five-items .align-center {
align-items: center;
}
.services-style-four-items {
grid-template-columns: 1fr;
}
.services-style-two-thumb {
position: relative;
width: 100%;
margin-bottom: 50px;
padding: 0 15px;
}
.services-style-two-thumb img:nth-child(2) {
width: 100%;
padding: 0 15px;
display: none;
}
.services-style-two-area .shape {
width: 50%;
}
.services-style-two-area .review-card {
position: relative;
margin-bottom: 50px;
}
.services-style-two-items {
padding: 50px;
margin: 0;
margin-top: 50px;
padding-bottom: 100px;
}
.sevice-style-one-swiper-nav {
left: 0;
}
.services-style-two-area {
padding-bottom: 120px;
} .process-style-three-area {
padding-top: 0;
}
.fixed-half-thumb {
position: relative;
width: 100%;
margin-bottom: 50px;
}
.process-style-three-items.project-style-one-items .accordion-item button.accordion-button {
display: flex;
}
.process-style-three-items.project-style-one-items .accordion-item button.accordion-button span {
min-width: auto;
}
.global-location-items {
margin-top: 50px;
} .process-style-two-item {
padding: 0 15px;
margin-top: 50px;
}
.process-style-two-item:first-child {
margin-top: 50px;
}
.process-style-two-item:nth-child(2) {
margin-top: 50px;
}
.process-style-two-ites.default-padding-bottom {
padding-bottom: 0;
margin-top: -50px;
} .pricing-two-box {
background: transparent;
box-shadow: none;
padding: 0;
}
.pricing-two-box .pricing-style-one {
background: var(--white);
margin-top: 30px;
padding: 50px;
border-radius: 10px;
overflow: hidden;
}
.pricing-two-box .row > div {
padding: calc(var(--bs-gutter-x) * .5);
} .quote-style-one-area {
margin-bottom: 300px;
}
.quote-style-one {
bottom: -300px;
}
.quote-style-one-area iframe {
display: none;
} .project-style-one-info {
margin-bottom: 50px;
} .project-swiper-nav {
position: inherit;
bottom: auto;
margin-bottom: 40px;
}
.gallery-style-one .overlay {
position: relative;
bottom: 0;
max-width: 100%;
border-radius: 0 0 10px 10px;
visibility: visible;
opacity: 1;
}
.gallery-style-one .overlay::before, 
.gallery-style-one .overlay::after {
display: none;
}
.gallery-style-one img {
border-radius: 10px 10px  0 0;
}
.gallery-style-one {
padding: 0;
}
.portfolio-style-one {
margin-top: 50px;
}
.gutter-xl {
--bs-gutter-x: 1.5rem;
}
.portfolio-style-one .pf-item-info {
padding-left: 30px;
}
.portfolio-style-one .pf-item-info h2 {
font-size: 24px;
}
.chooseus-style-two-items {
top: 0;
margin: 0;
margin-top: 120px;
padding: 120px 60px;
}
.choose-us-style-two {
margin-top: 50px;
}
.gallery-style-two .overlay {
left: 15px;
right: 15px;
}
.gallery-style-two .overlay .info {
padding: 30px;
}
.gallery-style-twoa-rea {
margin-bottom: 10px;
} .project-details-items.bg-gray {
padding: 50px;
}
.item-grid-colum {
grid-template-columns: 1fr;
gap: 0;
}
.item-grid-container {
grid-row-gap: 30px;
}
.project-info {
padding: 30px;
border: 1px solid #cccccc;
border-radius: 10px;
margin-bottom: 30px;
margin-top: 0;
}
.project-details-area .top-info {
margin-top: 30px;
} .award-items {
padding: 50px;
} .team-style-one-items {
max-width: 80%;
margin: auto auto -50px;
}
.team-style-two {
padding: 15px;
} .team-single-area .team-content-top .right-info {
padding: 0 calc(var(--bs-gutter-x) * .5);
}
.team-single-area .team-content-top .thumb img {
margin-bottom: 30px;
}
.team-single-area .team-content-top {
bottom: 0;
margin: 0;
padding-bottom: 25px;
}
.team-single-area .bottom-info .skill-items {
margin-bottom: 90px;
} .funfact-style-one-item {
border: none !important;
margin-top: 30px;
padding: 0 15px;
}
.funfact-style-one-item .fun-fact::before, 
.funfact-style-one-item .fun-fact::after {
display: none;
}
.funfact-style-one-item .fun-fact {
border: 1px solid #dddddd;
border-radius: 10px;
padding: 30px;
}
.fun-fact-style-one-items {
margin-top: -30px;
}
.fun-factor-area {
background: var(--bg-gray);
padding-top: 120px;
}
.fun-fact-style-two {
margin-bottom: 50px;
} .testimonial-style-one-area {
padding-top: 120px;
}
.testimonial-style-one-items {
padding: 120px 60px;
}
.testimonial-style-one-thumb {
margin: 0;
bottom: 0;
margin-bottom: 50px;
display: none;
}
.testimonial-style-one-thumb .shape img {
left: 0;
}
.testimonial-style-one-thumb .shape img:nth-child(2) {
right: 21%;
}
.testimonial-two-info {
margin-bottom: 50px;
}
.testimonial-style-three {
display: block;
overflow: hidden;
border-radius: 10px;
}
.testimonial-style-three .item {
padding: 50px 37px;
}
.testimonial-style-three .thumb > img {
height: auto;
}
.testimonial-style-three-carousel .swiper-nav-left {
position: relative;
right: auto;
left: 5px;
bottom: auto;
margin-top: 15px;
}
.testimonial-style-three .thumb {
margin: auto auto 10px;
min-width: auto;
} .brand-style-one-items {
margin-top: 30px;
}
.brand-conetnt h2 {
font-size: 150px;
} footer .footer-item {
margin-top: 50px;
}
footer .f-items.default-padding {
padding-top: 70px;
}
.f-item.address::after {
display: none;
}
.footer-bottom {
text-align: center;
}
.footer-bottom .text-end {
text-align: center !important;
margin-top: 10px;
}
footer ul.link-list li {
margin: 0 15px;
} .bg-gray .f-item.address::before {
display: none;
}
} @media only screen and (max-width: 767px) {
.blog-area .site-heading .title {
font-size: 36px;
} .banner-style-one .information h2 {
font-size: 50px;
}
.banner-style-one .information p {
padding: 0;
}
.banner-style-one .information {
margin: 0;
}
.banner-style-one .content {
padding-top: 80px;
padding-bottom: 0;
}
.banner-style-one .row div.banner-one-thumb {
height: auto;
}
.banner-style-one-area {
height: auto;
text-align: center;
}
.banner-style-one .thumb::before {
height: 350px;
width: 350px;
}
.banner-style-one .thumb::after {
height: 350px;
width: 350px;
}
.banner-style-one .strategy .item:nth-child(2) {
display: none;
}
.banner-style-one .strategy .item {
left: auto;
right: 0;
bottom: 100px;
display: none;
}
.banner-style-one .thumb {
padding-top: 0;
} .banner-style-two h2 {
font-size: 36px;
}
.banner-style-two .content .shape-circle {
display: none;
}
.banner-style-two .banner-angle-shape .shape-item:first-child {
height: 30%;
width: 30%;
display: none;
}
.banner-style-two .content {
padding-top: 80px;
padding-bottom: 120px;
} .banner-style-six-item h2 {
font-size: 50px;
margin-bottom: 0;
}
.banner-style-six-item {
padding-top: 80px;
padding-bottom: 80px;
}
.banner-style-six-item .video-card {
top: 0;
margin: 0;
max-width: 100%;
}
.card-style-one {
max-width: 100%;
}
.banner-style-six-item .d-flex.justify-content-between {
flex-direction: column-reverse;
}
.banner-style-six-item h2 strong {
float: none;
text-align: left;
}
.banner-style-six-item .video-card {
margin-top: 40px;
} .banner-style-five h2 {
font-size: 50px;
}
.banner-area div {
height: auto;
}
.banner-style-five {
padding: 0;
}
.banner-style-five .content {
padding-top: 80px;
padding-bottom: 150px;
}
.banner-style-five .logitic-goods {
width: 30%;
display: none;
}
.banner-style-five .fixed-item {
display: none;
}
.banner-style-five p {
padding: 0;
}
.banner-area.banner-style-five-area .swiper-slide.swiper-slide-active h2 {
-webkit-transition-delay: 600ms;
transition-delay: 600ms;
}
.banner-area.banner-style-five-area .swiper-slide.swiper-slide-active p {
-webkit-transition-delay: 900ms;
transition-delay: 900ms;
}
.banner-area.banner-style-five-area .swiper-slide.swiper-slide-active .button {
-webkit-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.banner-style-five-area .swiper-pagination {
top: auto;
bottom: 30px;
left: 50%;
transform: translate(-50%, -50%);
}
.banner-area .swiper-pagination span.swiper-pagination-bullet {
display: inline-block;
margin-right: 30px;
} .banner-style-three-area, .banner-style-three-area div {
height: auto;
}
.banner-style-three .content {
padding: 80px 0;
text-align: center;
}
.banner-style-three h2 {
font-size: 50px;
color: var(--white);
}
.banner-style-three-area {
background: var(--bg-gradient) !important;
}
.banner-style-three h4 {
color: var(--white);
}
.banner-style-three p {
color: var(--white);
opacity: 0.9;
}
.banner-style-three .thumb {
margin-top: 50px;
background: rgba(255, 255, 255, 0.2);
}
.banner-style-three .thumb .grow-graph {
right: 0;
bottom: 30px;
display: none;
}
.banner-style-three .thumb > img {
background: rgba(0, 0, 0, 0.3);
} .about-style-one-area {
padding-bottom: 70px;
}
.thumb-style-one {
margin-bottom: 30px;
}
.thumb-style-one {
margin-bottom: 30px;
}
ul.card-list {
display: block;
margin-top: 20px;
padding-bottom: 0;
}
ul.card-list li {
margin-top: 15px;
}
.about-style-one-area::before {
position: absolute;
left: 0;
top: 120px;
bottom: 0;
width: 100%;
content: "";
background: var(--bg-gray);
z-index: -1;
}
ul.card-list li:last-child {
display: none;
}
.about-style-three-info .info-grid {
margin: 0;
grid-template-columns: 1fr;
}
.thumb-style-two {
margin-top: 30px;
}
.thumb-style-five {
margin-bottom: 40px;
}
.about-style-five-info .title {
font-size: 36px;
}
.about-style-five-info .d-flex {
left: 0;
display: block !important;
margin: 0;
}
.about-style-five-info .left {
margin: 0;
margin-bottom: 30px;
}
.achivement-style-one {
width: 100%;
}
.thumb-style-four .expertise-card {
top: auto;
bottom: 0;
right: 0;
height: 200px;
width: 200px;
}
.thumb-style-four img:nth-child(2) {
margin: 0;
}
.thumb-style-four {
margin-bottom: 50px;
}
.about-style-four-area .address-card {
margin-top: 40px;
}
.expertise-card .counter {
font-size: 50px;
}
.expertise-card .medium {
font-size: 15px;
line-height: 1.4;
margin-top: 7px;
}
.about-style-two-thumb .thumb {
padding: 0;
padding-bottom: 50px;
max-width: 400px;
margin: auto auto 30px;
}
.about-style-two-thumb .thumb::after {
display: none;
}
.about-style-two-thumb .shape-card {
height: 250px;
width: 250px;
}
.about-style-two-thumb .shape-card h4 {
font-size: 20px;
} .award-items {
padding: 60px;
width: 100%;
} .project-style-one-items button.accordion-button {
display: block;
}
.project-style-one-info {
margin-bottom: 30px;
}
.project-style-one-items .accordion-item .accordion-body {
padding-left: 0;
border-color: #cccccc;
padding-top: 0;
}
.project-style-one-items .accordion-item button.accordion-button span {
color: var(--color-primary);
margin-bottom: 10px;
background: var(--bg-gradient);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
font-weight: 500;
}
.project-style-one-items .accordion-item button.accordion-button {
padding: 25px 0;
border-color: #cccccc;
}
.project-style-one-items .accordion-item:last-child .accordion-body {
padding-bottom: 0;
} .feature-style-one-area {
top: 0;
margin: 0;
padding-top: 70px;
}
.feature-style-one-cards {
border-radius: 10px;
margin-top: 30px;
height: auto;
}
.feature-style-one-cards .path {
background: var(--white);
}
.feature-style-one-cards {
grid-template-columns: 1fr;
grid-auto-flow: row;
grid-row-gap: 30px;
}
.feature-style-one-item {
padding: 0;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding-bottom: 30px;
}
.feature-style-one-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
} .brand-one img {
height: auto;
padding: 0 10px;
}
.brand-style-one-items {
padding: 50px 30px;
margin-top: 30px;
}
.thumb-style-three::after {
height: 100%;
width: 100%;
}
.thumb-style-three {
display: none;
}
ul.list-sytle-four {
grid-template-columns: 1fr;
}
ul.list-sytle-four li:first-child::after {
display: none;
}
ul.list-sytle-four li:first-child {
border: none;
margin-top: 0;
}
ul.list-sytle-four li {
padding: 0;
margin-top: 30px;
}
ul.list-sytle-four li:nth-child(2) {
border: none;
}
ul.list-sytle-four li:nth-child(2)::after {
display: none;
}
.choose-us-style-two-area {
overflow: hidden;
padding-bottom: 70px;
} .parallax-area .shape {
position: relative;
}
.circle-progress-style-two {
margin: 0;
padding: 50px;
margin-top: -50px;
}
.parallax-area {
padding: 0;
padding-bottom: 70px;
}
.parallax-area > img {
display: none;
}
.parallax-area .shape img {
transform: none !important;
} .fun-fact-style-two {
margin-bottom: 50px;
}
.speciality-items .d-grid {
grid-template-columns: 1fr;
}
.speciality-style-one-area {
overflow: hidden;
}
.speciality-items {
padding-right: 20px;
} .project-swiper-nav {
position: inherit;
bottom: auto;
margin-bottom: 40px;
}
.gallery-style-one .overlay {
position: relative;
bottom: 0;
max-width: 100%;
border-radius: 0 0 10px 10px;
}
.gallery-style-one .overlay::before, 
.gallery-style-one .overlay::after {
display: none;
}
.gallery-style-one img {
border-radius: 10px 10px  0 0;
}
.gallery-style-one {
padding: 0;
}
.portfolio-style-one {
margin-top: 50px;
}
.gutter-xl {
--bs-gutter-x: 1.5rem;
}
.portfolio-style-one .pf-item-info {
padding-left: 30px;
}
.portfolio-style-one .pf-item-info h2 {
font-size: 24px;
}
.gallery-style-twoa-rea {
margin-bottom: 20px;
}
.gallery-style-two .overlay {
opacity: 1;
visibility: visible;
}
.gallery-style-two {
padding-bottom: 67px;
} .project-details-items.bg-gray {
padding: 50px;
}
.item-grid-colum {
grid-template-columns: 1fr;
gap: 0;
}
.item-grid-container {
grid-row-gap: 30px;
}
.project-info {
padding: 30px;
border: 1px solid #cccccc;
border-radius: 10px;
margin-bottom: 30px;
margin-top: 0;
}
.project-details-area .top-info {
margin-top: 30px;
}
.project-details-items .project-thumb img {
height: auto;
} .team-style-two {
padding: 15px;
}
.team-style-two:last-child {
padding-bottom: 0;
} .team-single-area .team-content-top .right-info {
padding: 0 calc(var(--bs-gutter-x) * .5);
}
.team-single-area .team-content-top .thumb img {
margin-bottom: 30px;
}
.team-single-area .team-content-top {
bottom: 0;
margin: 0;
padding-bottom: 25px;
}
.team-single-area .bottom-info .skill-items {
margin-bottom: 50px;
} .services-style-one-items {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 30px;
}
.services-style-one-item {
width: 100%;
}
.services-style-one-item.out {
width: 100%;
}
.services-style-one-item p {
clip-path: none;
visibility: visible;
}
.services-style-five-items {
border: none;
padding-bottom: 70px;
background: transparent;
border-radius: 0;
}
.services-style-five-item {
border: 1px solid #cccccc;
border-radius: 10px;
background: var(--white);
}
.services-style-five-items .shape {
left: 0;
display: none;
}
.services-style-five-items .single-item {
margin-top: 30px;
}
.services-style-five-items .single-item:first-child {
margin: 0;
}
.single-item:last-child .services-style-five-item {
background: transparent;
padding: 0;
text-align: center;
}
.services-style-four-items {
grid-template-columns: 1fr;
}
.services-style-four-item {
border-radius: 10px;
}
.services-style-two-thumb {
position: relative;
width: 100%;
margin-bottom: 50px;
padding: 0 15px;
}
.services-style-two-thumb img:nth-child(2) {
width: 100%;
padding: 0 15px;
display: none;
}
.services-style-two-area .shape {
width: 50%;
}
.services-style-two-area .review-card {
position: relative;
margin-bottom: 50px;
}
.services-style-two-items {
padding: 50px;
margin: 0;
margin-top: 50px;
padding-bottom: 100px;
}
.sevice-style-one-swiper-nav {
left: 0;
}
.services-style-two-area {
padding-bottom: 70px;
} .testimonial-style-one-items {
padding: 50px;
padding-top: 0;
}
.testimonial-style-one-thumb .shape img {
left: 0;
}
.testimonial-style-one-thumb .shape img:nth-child(2) {
right: 0;
left: auto;
top: 16%;
}
.testimonial-style-one-thumb .shape img:first-child {
display: none;
}
.testimonial-style-one-thumb {
margin: 0;
bottom: 0;
display: none;
}
.testimonial-style-one .top {
padding: 0;
margin: 0;
}
.testimonial-style-one {
margin: 0;
padding: 0;
border: none;
}
.testimonial-style-one .content .top {
padding-top: 110px;
margin-bottom: 20px;
}
.testimonial-style-one .top::after {
display: none;
}
.testimonial-style-one .top::before {
left: 0;
height: 80px;
width: 60px;
text-align: center;
border-radius: 0 0 50px 50px;
}
.testimonial-style-one-carousel .swiper-nav-left {
position: relative;
left: 5px;
margin-top: 10%;
}
.testimonial-two-info {
margin-bottom: 50px;
}
.testimonial-style-three {
display: block;
overflow: hidden;
border-radius: 10px;
}
.testimonial-style-three .item {
padding: 50px 37px;
}
.testimonial-style-three .thumb > img {
height: auto;
}
.testimonial-style-three-carousel .swiper-nav-left {
position: relative;
right: auto;
left: 5px;
bottom: auto;
margin-top: 15px;
}
.testimonial-style-three .thumb {
margin: auto auto 10px;
min-width: auto;
} .funfact-style-one-item {
border: none !important;
margin-top: 30px;
padding: 0 15px;
}
.funfact-style-one-item .fun-fact::before, 
.funfact-style-one-item .fun-fact::after {
display: none;
}
.funfact-style-one-item .fun-fact {
border: 1px solid #dddddd;
border-radius: 10px;
padding: 30px;
}
.fun-fact-style-one-items {
margin-top: -30px;
} .choose-us-one-thumb .content {
max-width: inherit;
grid-template-columns: 1fr;
gap: 15px;
}
.choose-us-one-thumb {
padding: 50px;
border-radius: 10px 10px 0 0;
}
.process-style-one {
grid-template-columns: 1fr;
padding-left: 75px;
position: relative;
}
.process-style-one::after {
height: 100%;
width: 3px;
border: none;
border-left: 2px dashed #cccccc;
left: 22px;
}
.process-style-one-item span {
position: absolute;
left: 0;
}
.choose-us-style-one-area::after {
width: 100%;
}
.choose-us-style-one-area .heading-left {
text-align: center;
}
.chooseus-style-two-items {
padding: 0;
background: transparent !important;
top: 0;
margin: 0;
margin-top: 25px;
}
.faq-style-two-items.chooseus-style-two-items {
padding: 0;
}
.chooseus-style-two-items .fun-fact-card-two {
background: var(--bg-gray-secondary);
margin-bottom: 30px;
}
.choose-us-style-two .accordion-item.accordion-style-one button.accordion-button {
border-radius: 10px;
}
.choose-us-style-two .accordion-item.accordion-style-one {
border: 1px solid #e7e7e7;
} .heading-left .circle-progress {
flex-direction: column;
justify-content: center;
margin-top: 50px;
margin-bottom: 30px;
gap: 40px;
}
.circle-progress .circle strong {
color: var(--white);
}
.circle-progress .progressbar h4 {
color: var(--white);
}
.process-style-three-area {
padding-top: 0;
}
.fixed-half-thumb {
position: relative;
width: 100%;
margin-bottom: 50px;
}
.process-style-three-items.project-style-one-items .accordion-item button.accordion-button span {
margin-bottom: 20px;
}
.process-style-three-items.project-style-one-items .accordion-item button.accordion-button {
display: flex;
align-items: flex-start;
}
.process-style-three-items.project-style-one-items .accordion-item button.accordion-button span {
min-width: auto;
background: transparent;
-webkit-text-fill-color: inherit;
position: relative;
top: 7px;
}
.process-style-three-items.project-style-one-items .accordion-item button.accordion-button b {
font-size: 25px;
margin-top: 10px;
} .text-gradient {
font-size: 60px;
line-height: 1;
}
.quote-text h1 {
font-size: 36px;
display: none;
}
.gobal-location-area {
overflow: hidden;
}
.location-item:first-child {
top: 0;
}
.location-item:nth-child(3) {
bottom: 4%;
left: 20%;
}
.location-item:nth-child(4) {
top: 0;
}
.location-item:nth-child(6) {
right: 0;
}
.location-item:nth-child(2) {
top: 17%;
}
.location-item:nth-child(5) {
right: 38%;
bottom: 20%;
}
.location-item:nth-child(2) .location-details {
left: -50px;
top: -160px;
}
.location-item:nth-child(4) .location-details {
left: auto;
right: -80px;
}
.location-item:nth-child(3) .location-details {
left: -50px;
}
.location-item:nth-child(5) .location-details {
left: auto;
right: -110px;
}
.location-item:nth-child(6) .location-details {
left: auto;
right: 0;
}
.location-item.active .location-details {
visibility: hidden;
opacity: 0;
top: -190px;
}
.location-item.active:hover .location-details {
top: -170px;
visibility: visible;
opacity: 1;
} .quote-style-one {
bottom: -80px;
margin-top: 200px;
}
.quote-style-one-area iframe {
display: none;
} .partner-style-one {
padding: 15px;
}
.brand-conetnt h2 {
font-size: 100px;
line-height: 1.1;
}
.brand-style-two-area .brand-items {
padding-bottom: 60px;
} .process-style-two-item {
padding: 0 15px;
margin-top: 50px;
}
.process-style-two-item:first-child {
margin-top: 30px;
}
.process-style-two-item:nth-child(2) {
margin-top: 50px;
}
.process-style-two-ites.default-padding-bottom {
padding-bottom: 0;
} .pricing-two-box {
background: transparent;
box-shadow: none;
padding: 0;
}
.pricing-two-box .pricing-style-one {
background: var(--white);
margin-top: 30px;
padding: 50px;
border-radius: 10px;
overflow: hidden;
}
.pricing-two-box .row > div {
padding: 0 10px;
} .maps-area iframe {
min-height: 400px;
} footer .footer-item {
margin-top: 50px;
}
footer .footer-item:first-child {
margin-top: 0;
}
.f-item.address {
padding-right: 0;
}
.f-item.address::after {
display: none;
}
footer .footer-item {
margin-top: 50px;
}
footer .footer-item:first-child {
margin-top: 0;
}
.f-item.address {
padding-right: 0;
}
.f-item.address::after {
display: none;
}
.footer-bottom {
text-align: center;
}
ul.link-list li {
margin: 0 15px;
}
.footer-bottom .text-end {
text-align: center !important;
margin-top: 10px;
}
.footer-bottom ul.link-list {
text-align: center;
} .bg-gray .f-item.address::before {
display: none;
}
}
@media only screen and (max-width: 480px) {
.feature-style-one-info {
padding: 50px;
}
.choose-us-one-thumb {
padding: 50px 40px;
}
.about-style-three-info .right-info {
padding: 50px 37px;
} .testimonial-style-one-items {
padding: 50px 35px;
padding-top: 0;
}
.services-style-four-item {
grid-template-columns: 1fr;
justify-content: center;
align-items: center;
text-align: center;
padding: 50px;
}
.services-style-four-item .icon {
border: none;
padding: 0;
text-align: center;
}
.services-style-four-item .button {
text-align: center;
}
.quote-style-one {
padding: 50px;
}
.card-style-two {
display: block;
}
.card-style-two .thumb {
margin-bottom: 30px;
}
.gallery-style-two .overlay {
left: 20px;
right: 20px;
}
.award-items {
padding: 50px 30px;
}
.award-items .award-item > h2 {
font-size: 40px;
}
.award-items .award-item img {
height: 250px;
padding-bottom: 30px;
}
.contact-form-style-one {
padding: 50px 37px;
}
.team-single-area .right-info .social .share-link {
display: none;
}
.project-details-items.bg-gray {
padding: 50px 30px;
}
.blog-area h2.blog-title {
font-size: 28px;
}
} .btn {
border-radius: 8px;
}
.bg-black p {
color: #bec7d4;
}
.banner-style-seven-area {
padding-top: 200px;
}
.banner-style-seven-area h2 {
font-size: 80px;
position: relative;
z-index: 1;
}
.banner-style-seven-area h2 strong {
display: block;
color: var(--color-primary);
}
.banner-seven-items .banner {
display: grid;
align-items: center;
justify-content: space-between;
grid-template-columns: 1fr 1fr;
}
.banner-seven-items .banner .illustration img {
margin-left: -100px;
position: relative;
top: -120px;
margin-bottom: -120px;
}
.card-style-three {
padding: 30px;
background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(18 18 17) 70.2%);
border-radius: 10px;
max-width: 380px;
}
.card-style-three .top-info {
display: flex;
align-items: center;
justify-content: space-between;
}
.card-style-three .top-info .thumb {
margin-left: 20px;
}
.card-style-three .top-info .thumb img {
height: 60px;
width: 60px;
border-radius: 50%;
border: 2px solid var(--dark);
margin-left: -20px;
}
.card-style-three h5 {
margin: 0;
font-size: 16px;
margin-top: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding-bottom: 20px;
margin-bottom: 20px;
}
.card-style-three i {
color: #fbc314;
margin-right: 10px;
}
.card-style-three h5 strong {
margin-right: 10px;
color: var(--white);
}
.card-style-three .top-info .thumb span {
display: inline-block;
height: 60px;
width: 60px;
line-height: 57px;
background: var(--black);
border-radius: 50%;
text-align: center;
font-weight: 600;
margin-left: -20px;
border: 2px solid var(--dark);
}
.card-style-three p {
margin-bottom: 0;
color: #bec7d4;
}
.banner-seven-items .banner .card-style-three {
float: right;
margin-top: 50px;
margin-bottom: 120px;
}
.banner-seven-items .info > p {
font-size: 20px;
padding-right: 25%;
margin-left: -20%;
color: #bec7d4;
}
.banner-seven-items {
position: relative;
z-index: 1;
}
.banner-seven-items::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 300px;
width: 300px;
background: #00ffaa;
z-index: -1;
border-radius: 50%;
filter: blur(180px);
}
.illustration {
position: relative;
} .about-style-six-items {
background: #131414;
margin: auto;
max-width: 90%;
padding: 120px 0;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom right;
}
.about-style-six-thumb {
columns: 200px;
gap: 30px;
}
.about-style-six-thumb > div {
break-inside: avoid;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
border-radius: 20px;
transition: 0.5s;
user-select: none;
}
.about-style-six-thumb img {
border-radius: 10px;
} .feature-style-three-item {
position: relative;
background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(98 103 114) 70.2%);
padding: 50px;
border-radius: 10px;
z-index: 1;
}
.feature-style-three-item .top {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.feature-style-three-item .top img {
height: 30px;
margin-right: 15px;
}
.feature-style-three-item .top h4 {
margin: 0;
}
.feature-style-three-item::before {
position: absolute;
left: -2px;
top: -2px;
right: -2px;
bottom: -2px;
background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(98 103 114) 70.2%);
content: "";
z-index: -1;
border-radius: 10px;
transition: all 0.35s ease-in-out;
}
.feature-style-three-item::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
background: var(--black);
z-index: -1;
border-radius: 10px;
}
.feature-style-three-item ul {
margin: 0;
padding: 0;
list-style: none;
margin-top: 30px;
}
.feature-style-three-item ul li {
border: 1px solid rgba(255, 255, 255, 0.15);
padding: 5px 20px;
margin-top: 10px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 5px;
}
.feature-style-three-item ul li i {
font-weight: 100;
} .bg-black .brand-conetnt h2 {
color: var(--color-primary);
text-transform: none;
font-size: 150px;
}
.bg-black .brand-style-two-area .brand-conetnt .item::after {
filter: brightness(0) invert(1);
} .fun-fact-style-three-items {
display: grid;
grid-template-columns: 1fr 1.4fr;
gap: 30px;
}
.fun-cat-style-three-item {
padding: 60px;
overflow: hidden;
border-radius: 10px;
position: relative;
z-index: 1;
background-size: cover;
background-position: left;
}
.fun-cat-style-three-item .fun-fact .counter {
font-size: 60px;
font-weight: 600;
}
.fun-cat-style-three-item h4 {
margin: 0;
margin-top: 100px;
}
.fun-cat-style-three-item h5 {
display: inline-block;
border: 1px solid rgba(255, 255, 255, 0.5);
padding: 10px 30px;
border-radius: 7px;
background: rgba(255, 255, 255, 0.1);
} .bg-black .choose-us-one-thumb {
border-radius: 10px;
background: transparent;
padding: 0;
}
.bg-black .process-style-one::after {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.col-lg-12 .choose-us-one-thumb .content {
max-width: 1320px;
grid-template-columns: 1fr 2.5fr;
} .col-lg-12 .testimonial-style-three .item p {
font-size: 27px;
line-height: 1.6;
}
.bg-black .testimonial-style-three .thumb {
border-color: rgba(255, 255, 255, 0.2);
}
.col-lg-12 .testimonial-style-three .item {
padding: 80px;
} .try-gixus-area {
overflow: hidden;
position: relative;
z-index: 1;
padding: 200px 0;
}
.try-gixus-area::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 30%;
width: 100%;
background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0;
z-index: -1;
}
.try-gixus-area::before {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 30%;
width: 100%;
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0;
z-index: -1;
}
.try-gixus i {
display: inline-block;
border-radius: 50%;
font-weight: 100;
font-size: 50px;
}
.try-gixus .icon {
display: inline-block;
position: relative;
z-index: 1;
}
.try-gixus h2 {
text-transform: uppercase;
font-size: 120px;
display: inline-block;
margin: 0;
position: relative;
bottom: 0;
background: linear-gradient(0deg, rgb(39 36 37) 0%, rgb(255 255 255) 50%);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.try-gixus .icon a {
display: block;
position: relative;
border-radius: 50%;
height: 150px;
width: 150px;
padding: 50px;
background: linear-gradient(to right top, #051937, #1448b4, #008793, #00bf72, #a8eb12);
border: 1px solid rgba(255, 255, 255, 0.6);
}
.try-gixus .icon a::after {
position: absolute;
left: -20px;
top: -20px;
right: -20px;
bottom: -20px;
background: linear-gradient(112.1deg, rgba(255, 255, 255, 0.1) 11.4%, rgba(255, 255, 255, 0.3) 70.2%);
content: "";
z-index: -1;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.try-gixus .icon a::before {
position: absolute;
left: -50px;
top: -50px;
right: -50px;
bottom: -50px;
background: linear-gradient(112.1deg, rgba(255, 255, 255, 0.1) 11.4%, rgba(255, 255, 255, 0.3) 70.2%);
content: "";
z-index: -1;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.5);
} .bg-black ul.home-blog-meta {
background: var(--black);
}
.bg-black ul.home-blog-meta::before {
box-shadow: 0 20px 0 0 var(--black);
}
.bg-black ul.home-blog-meta::after {
box-shadow: 0 20px 0 0 var(--black);
}
.bg-black a.btn-read-more {
color: #cccccc;
}
.bg-black a.btn-read-more:hover {
color: var(--color-primary);
}
.bg-black ul.home-blog-meta li a {
border-color: rgba(255, 255, 255, 0.4);
}
.bg-black footer.bg-dark {
background: var(--black) !important;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.bg-black .footer-bottom {
background: var(--black);
} @media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner-style-seven-area h2 {
font-size: 70px;
}
.about-style-six-items {
max-width: 100%;
}
} @media screen and (max-width: 1023px) {
.about-style-six-items {
max-width: 100%;
padding: 60px 0;
}
}
@media screen and (max-width: 991px) {
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.banner-style-seven-area h2 {
font-size: 60px;
}
.banner-seven-items .info > p {
padding: 0;
margin: 0;
}
.banner-seven-items .banner {
grid-template-columns: 1fr;
}
.banner-seven-items .text-center {
text-align: left !important;
}
.banner-style-seven-area {
padding-top: 120px;
}
.banner-seven-items .banner .illustration img {
top: auto;
bottom: 0;
margin: 0;
}
.banner-seven-items .banner .card-style-three {
margin-bottom: 70px;
max-width: 100%;
float: left;
}
.about-style-six-items {
padding: 120px 0;
background-position: right bottom;
background-size: 80%;
}
.about-style-six-thumb {
margin-top: 50px;
}
.bg-black .brand-conetnt h2 {
font-size: 100px;
line-height: 1.2;
}
.fun-fact-style-three-items {
grid-template-columns: 1fr;
}
.fun-cat-style-three-item {
background-position: center;
padding: 50px 30px;
}
.col-lg-12 .choose-us-one-thumb .content {
grid-template-columns: 1fr;
}
.process-style-one-item {
animation: none;
}
.feature-style-three-item {
padding: 50px 35px;
}
.try-gixus h2 {
font-size: 80px;
bottom: 20px;
}
.try-gixus-area {
padding: 150px 0;
}
.col-lg-12 .testimonial-style-three .item {
padding: 50px;
}
.col-lg-12 .testimonial-style-three .item p {
font-size: 20px;
}
} @media only screen and (max-width: 767px) {
.banner-style-seven-area h2 {
font-size: 42px;
}
.banner-seven-items .info > p {
padding: 0;
margin: 0;
}
.banner-seven-items .banner {
grid-template-columns: 1fr;
}
.banner-seven-items .text-center {
text-align: left !important;
}
.banner-style-seven-area {
padding-top: 80px;
}
.banner-seven-items .banner .illustration img {
top: auto;
bottom: 0;
margin: 0;
}
.banner-seven-items .banner .card-style-three {
margin-bottom: 70px;
max-width: 100%;
float: left;
}
.about-style-six-thumb {
margin-top: 40px;
}
.bg-black .brand-conetnt h2 {
font-size: 80px;
}
.fun-fact-style-three-items {
grid-template-columns: 1fr;
}
.fun-cat-style-three-item {
background-position: center;
padding: 50px 30px;
}
.col-lg-12 .choose-us-one-thumb .content {
grid-template-columns: 1fr;
}
.process-style-one-item {
animation: none;
}
.try-gixus h2 {
font-size: 40px;
bottom: 20px;
}
.try-gixus-area {
padding: 120px 0;
}
.col-lg-12 .testimonial-style-three .item {
padding: 50px;
}
.col-lg-12 .testimonial-style-three .item p {
font-size: 20px;
}
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 380px) {
.feature-style-three-item {
padding: 50px 35px;
}
} .gixus-preloader {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: default;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 9000;
}
.gixus-preloader .animation-preloader {
z-index: 1000;
position: relative;
}
.gixus-preloader .animation-preloader::after {
position: absolute;
left: 50%;
top: 30px;
content: "";
height: 50px;
width: 50px;
background: url(//www.cap-projets.fr/wp-content/themes/gixus/assets/img/logo-icon.png);
transform: translateX(-50%);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.gixus-preloader .animation-preloader .spinner {
-webkit-animation: spinner 1s infinite linear;
animation: spinner 1s infinite linear;
border-radius: 50%;
border: 3px solid rgba(2, 109, 255, 0.2);
border-top-color: var(--color-primary);
height: 110px;
margin: 0 auto 30px auto;
width: 110px;
}
.gixus-preloader.secondary .animation-preloader .spinner {
border-top-color: var(--color-secondary);
}
.gixus-preloader .animation-preloader .txt-loading {
font: bold 4em 'Outfit', sans-serif;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.gixus-preloader .animation-preloader .txt-loading .letters-loading {
color: rgba(0, 0, 0, 0.2);
position: relative;
}
.gixus-preloader .animation-preloader .txt-loading .letters-loading:before {
-webkit-animation: letters-loading 4s infinite;
animation: letters-loading 4s infinite;
color: #000000;
content: attr(data-text-preloader);
left: 0;
opacity: 0;
font-family: 'Outfit', sans-serif;
position: absolute;
top: -3px;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.gixus-preloader
.animation-preloader
.txt-loading
.letters-loading:nth-child(2):before {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.gixus-preloader
.animation-preloader
.txt-loading
.letters-loading:nth-child(3):before {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.gixus-preloader
.animation-preloader
.txt-loading
.letters-loading:nth-child(4):before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.gixus-preloader
.animation-preloader
.txt-loading
.letters-loading:nth-child(5):before {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.gixus-preloader
.animation-preloader
.txt-loading
.letters-loading:nth-child(6):before {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.gixus-preloader
.animation-preloader
.txt-loading
.letters-loading:nth-child(7):before {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.gixus-preloader
.animation-preloader
.txt-loading
.letters-loading:nth-child(8):before {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.gixus-preloader.dark .animation-preloader .spinner {
border-color: rgba(255, 255, 255, 0.2);
border-top-color: #fff;
}
.gixus-preloader.dark .animation-preloader .txt-loading .letters-loading {
color: rgba(255, 255, 255, 0.2);
}
.gixus-preloader.dark .animation-preloader .txt-loading .letters-loading:before {
color: #fff;
}
.gixus-preloader p {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 8px;
color: #3b3b3b;
}
.gixus-preloader .loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 0;
z-index: 1;
pointer-events: none;
}
.gixus-preloader .loader .row {
height: 100%;
}
.gixus-preloader .loader .loader-section {
padding: 0px;
}
.gixus-preloader .loader .loader-section .bg {
background-color: #ffffff;
height: 100%;
left: 0;
width: 100%;
-webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
.gixus-preloader .loader.dark_bg .loader-section .bg {
background: #111339;
}
.gixus-preloader.loaded .animation-preloader {
opacity: 0;
-webkit-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.gixus-preloader.loaded .loader-section .bg {
width: 0;
-webkit-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
-o-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}
@-webkit-keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
@keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
@-webkit-keyframes letters-loading {
0%,
75%,
100% {
opacity: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
25%,
50% {
opacity: 1;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@keyframes letters-loading {
0%,
75%,
100% {
opacity: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
25%,
50% {
opacity: 1;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}