* {
margin: 0px;
padding: 0px;
border: none;
outline: none;
font-size: 100%;
line-height: inherit;
} .page-wrapper {
position: relative;
width: 100%;
min-width: 320px;
z-index: 9;
margin: 0px auto;
overflow: hidden;
}
body {
font-size: 16px;
color: #6E6E6E;
line-height: 1.7em;
font-weight: 400;
-webkit-font-smoothing: antialiased;
background: rgb(255, 255, 255);
font-family: 'Heebo', sans-serif;
}
a,
a:active,
a:focus {
text-decoration: none;
outline: none;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
color: #2B2D42;
}
a:hover {
text-decoration: none;
outline: none;
color: var(--theme-color);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
position: relative;
font-weight: normal;
line-height: 1.25em;
margin: 0px;
background: none;
color: #172b56;
font-family: 'Inter', sans-serif;
}
h1, .h1 {
font-size: 100px;
font-weight: 700;
line-height: 1;
}	
h2, .h2 {
font-size: 60px;
font-weight: 700;
line-height: 1.2;
}
h3, .h3 {
font-size: 40px;
font-weight: 700;
}
h4, .h4 {
font-size: 30px;
font-weight: 700;
}
h5, .h5 {
font-size: 20px;
font-weight: 700;
}
h6, .h6 {
font-size: 16px;
font-weight: 700;
}
p {
font-size: 18px;
color: #494949;
line-height: 1.7;
}
textarea {
overflow: hidden;
}
button {
outline: none !important;
cursor: pointer;
}
section {
position: relative;
}
.text {
font-size: 16px;
line-height: 28px;
font-weight: 400;
color: #797979;
margin: 0px 0px 15px;
}
::-webkit-input-placeholder {
color: inherit;
}
::-moz-input-placeholder {
color: inherit;
}
::-ms-input-placeholder {
color: inherit;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row.no-gutters {
margin: 0;
}
.row-15 {
margin-left: -7.5px;
margin-right: -7.5px;
}
.row-20 {
margin-left: -10px;
margin-right: -10px;
}
.row>* {
padding: 0 15px;
}
.row.no-gutters>* {
padding: 0;
}
.row-15>* {
padding: 0 7.5px;
}
.row-20>* {
padding: 0 10px;
}
.nav-tabs .nav-link {
border: none;
background: transparent;
margin: 0;
padding: 0;
}
.nav-tabs {
border: 0;
}
.auto-container {
position: static;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
}
.auto-container.full-width {
max-width: 100%;
}
.auto-container.alt {
max-width: 1500px;
}
.auto-container.alt2 {
max-width: 1430px;
}
ul, li {
list-style: none;
padding: 0px;
margin: 0px;
}
figure {
margin-bottom: 0;
}
.gray-bg {
background-color: #f1f4fb !important;
}
.light-bg {
background-color: #fff !important;
}
.dark-bg {
background-color: #0b1930 !important;
}
.sdark-bg {
background-color: #aed500 !important;
}
img {
display: inline-block;
max-width: 100%;
height: auto;
}
.dropdown-toggle::after {
display: none;
}
.fa {
line-height: inherit;
}
.nice-select {
height: 60px;
width: 100%;
border-radius: 0;
border: 1px solid #E5E5E5;
line-height: 58px;
}
.nice-select:after {
border-color: rgb(110 110 110 / 50%);
height: 8px;
width: 8px;
right: 20px;
margin-top: -5px;
}
.nice-select .list {
width: 100%;
} .handle-preloader {
align-items: center;
-webkit-align-items: center;
display: flex;
display: -ms-flexbox;
height: 100%;
justify-content: center;
-webkit-justify-content: center;
position: fixed;
background: var(--theme-color);
left: 0;
top: 0;
width: 100%;
z-index: 9999999;
}
.preloader-close{
position: fixed;
z-index: 99999999;
font-size: 26px;
background: #fff;
width: 40px;
height: 40px;
line-height: 36px;
text-align: center;
border-radius: 50%;
cursor: pointer;
right: 30px;
top: 30px;
}
.handle-preloader .animation-preloader {
position: absolute;
z-index: 100;
}
.handle-preloader .animation-preloader .spinner{
animation: spinner 1s infinite linear;
border-radius: 50%;
height: 150px;
margin: 0 auto 45px auto;
width: 150px;
}
.handle-preloader .animation-preloader .txt-loading {
text-align: center;
user-select: none;
}
.handle-preloader .animation-preloader .txt-loading .letters-loading:before{
animation: letters-loading 4s infinite;
content: attr(data-text-preloader);
left: 0;
opacity: 0;
top:0;
position: absolute;
}
.handle-preloader .animation-preloader .txt-loading .letters-loading{
font-family: 'Monda', sans-serif;
font-weight: 500;
letter-spacing: 15px;
display: inline-block;
position: relative;
font-size: 70px;
line-height: 70px;
text-transform: uppercase;
}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;}
.handle-preloader .loader-section {
background-color: #ffffff;
height: 100%;
position: fixed;
top: 0;
width: calc(50% + 1px);
}
.preloader .loaded .animation-preloader {
opacity: 0;
transition: 0.3s ease-out;
}
.handle-preloader .animation-preloader .txt-loading .letters-loading{
color: #ffffff;
}
.handle-preloader .animation-preloader .txt-loading .letters-loading:before{
color: #ffffff;
}
.handle-preloader .animation-preloader .spinner{
border: 3px solid #ffffff;
border-top-color: rgba(255, 255, 255, 0.5); 
} @keyframes spinner {
to {
transform: rotateZ(360deg);
}
}
@keyframes letters-loading {
0%,
75%,
100% {
opacity: 0;
transform: rotateY(-90deg);
}
25%,
50% {
opacity: 1;
transform: rotateY(0deg);
}
}
@media screen and (max-width: 767px) {
.handle-preloader .animation-preloader .spinner {
height: 8em;
width: 8em;
}
}
@media screen and (max-width: 500px) {
.handle-preloader .animation-preloader .spinner {
height: 7em;
width: 7em;
}
.handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 30px; letter-spacing: 10px;}
}
.owl-nav {
display: none;
}
.theme-color {
color: var(--theme-color);
}
.theme-bg {
background-color: var(--theme-color);
}
.h_340 {
height: 340px;
}
.h_140 {
height: 140px;
}
.b__75 {
bottom: -75px;
}
.t__85 {
top: -85px;
}
.section-padding {
padding: 150px 0 120px;
} .btn-1 {
position: relative;
display: inline-flex;
overflow: hidden;
text-align: center;
z-index: 1;
transition: .5s;
background-color: var(--theme-color);
font-size: 17px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
padding: 11px 30px;
}
.btn-1:hover {
color: #fff;
background-color: #2C2A49;
}
.btn-1 span {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
background-color: #2C2A49;
transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
transform: translate(-50%, -50%);
z-index: -1;
}
.btn-1 i {
margin-right: 10px;
font-size: 18px;
transition: .5s;
font-weight: bold;
vertical-align: middle;
position: relative;
line-height: 15px;
top: 7px;
}
.btn-1 i:before {
font-weight: bold;
}
.btn-1:hover i {
color: #fff;
}
.btn-1:hover span {
width: 225%;
height: 562.5px;
}
.btn-1.text-center {
display: inline-block;
}
.btn-1.text-center i {
top: 0;
}  .btn-alt-new{
background-color: transparent !important;
border: 2px solid var(--theme-color);
color: #451e65;
}
button.btn-1.btn-alt-new.lg {
padding-top: 12px;
padding-bottom: 12px;
}
.btn-1.btn-alt {
background-color: #2C2A49;
}
.btn-1.btn-alt span {
background-color: var(--theme-color);
} .btn-1.btn-alt2 {
background: #fff;
color: #242424;
}
.btn-1.btn-alt2:hover {
color: #fff;
}
.btn-1.btn-alt2 span {
background: var(--theme-color);
} .btn-1.btn-alt3 {
background: transparent;
border: 2px solid #ffffff;
}
.btn-1.btn-alt3:hover i,
.btn-1.btn-alt3:hover {
color: var(--theme-color);
background-color: #fff;
}
.btn-1.btn-alt3 span {
background: #fff;
} .btn-1.btn-alt4 {
background: transparent;
border: 1px solid #ffffff;
}
.btn-1.btn-alt4:hover i,
.btn-1.btn-alt4:hover {
color: var(--theme-color);
background-color: #fff;
}
.btn-1.btn-alt4 span {
background: #fff;
} .main-header {
position: relative;
display: block;
width: 100%;
z-index: 9999;
top: 0px;
left: 0px;
background: none;
clear: both;
} .header-top-1 {
background: #2C2A49;
}
@media (max-width:991px) {
.header-top-1 {display: none;}
}
ul.header-top-1-contact-info i {
color: var(--theme-color);
margin-right: 10px;
}
ul.header-top-1-contact-info li {
color: #fff;
margin: 11.5px 0;
margin-right: 60px;
position: relative;
}
ul.header-top-1-contact-info li + li:before {
position: absolute;
content: '';
top: -9px;
left: -30px;
height: 50px;
background: rgba(255, 255, 255, 0.15);
width: 1px;
}
ul.header-top-1-contact-info li span {
color: #A5A4B3;
}
ul.header-top-1-contact-info li a {
color: #fff;
}
ul.header-top-1-contact-info li a:hover {
color: var(--theme-color);
}
.header-top-1-social-icon a {
display: inline-block;
color: #fff;
margin-left: 30px;
font-size: 15px;
}
.header-top-1-social-icon {
position: relative;
}
.header-top-1-social-icon a:hover {
color: var(--theme-color);
}
.header-top-1-login a {
color: #fff;
}
.header-top-1-login a:hover {
color: var(--theme-color);
}
.language-switcher {
position: relative;
border-right: 1px solid rgba(255, 255, 255, 0.1);
padding-right: 29px;
}
.language-switcher>.nice-select {
background: transparent;
border: transparent;
color: #fff;
height: 50px;
line-height: 48px;
padding-left: 0;
}
.language-switcher .nice-select:after {
right: 10px;
width: 7px;
height: 7px;
border-color: #fff;
}
.language-switcher .nice-select .list {
min-width: 80px;
}
.language-switcher .nice-select .list li {
color: #222;
} .main-header .header-upper {
position: relative;
}
.main-header .header-upper .inner-container {
position: relative;
}
.main-header .header-upper .logo-box .logo {
position: relative;
display: block;
padding: 20px 0px;
}
.main-header .header-upper .right-column {
position: relative;
}
.main-header .header-upper .left-column {
position: relative;
}
.main-header .nav-outer {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.navbar-right-info .mobile-nav-toggler {
position: relative;
width: 50px;
height: 50px;
line-height: 44px;
text-align: center;
color: rgb(255, 255, 255);
font-size: 20px;
margin-left: 30px;
cursor: pointer;
border-radius: 50%;
}
.main-header .nav-outer .main-menu {
position: relative;
}
.main-menu .inner-container {
box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.12);
margin-bottom: -25px;
background: #fff;
}
.main-menu .inner-container .nav-outer {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.main-menu .contact-info {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-right: 35px;
}
.main-menu .contact-info .icon {
width: 75px;
height: 80px;
line-height: 80px;
text-align: center;
color: #fff;
font-size: 30px;
margin-right: 20px;
}
.main-menu .contact-info h6 {
font-size: 14px;
margin-bottom: 5px;
}
.main-menu .contact-info h4 {
font-size: 22px;
}
.main-menu .navbar-collapse {
padding: 0px;
display: block !important;
}
.main-menu .navigation {
position: relative;
margin: 0px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.main-menu .navigation>li {
position: relative;
padding: 28px 0px;
margin-right: 25px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-menu .navigation>li:before {
position: absolute;
content: '';
bottom: 30px;
left: 0;
width: 23px;
height: 1px;
opacity: 0;
}
.main-menu .navigation>li.current:before {
opacity: 1;
}
.main-menu .navigation>li:last-child:before {
display: none;
}
.main-menu .navigation>li:last-child {
margin-right: 0px;
}
.main-menu .navigation>li>a {
position: relative;
display: block;
text-transform: capitalize;
padding: 3px 0;
opacity: 1;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
font-size: 17px;
line-height: 28px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
text-align: right;
}
.main-menu .navigation>li.current>a,
.main-menu .navigation>li>a:hover {
color: var(--theme-color);
}
.main-menu .navigation>li>.mega_menu {
position: absolute;
left: 0px;
top: 100%;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: 540px;
z-index: 100;
display: none;
opacity: 0;
visibility: hidden;
background-color: #fff;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
transition: .5s;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
border-top: 3px solid var(--theme-color);
padding: 20px 30px;
}
.main-menu .navigation>li.dropdown:hover>.mega_menu {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.main-menu .navigation>li>.mega_menu li a {
position: relative;
display: block;
padding: 8.5px 0px;
line-height: 24px;
color: #fff;
text-align: left;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
font-size: 17px;
color: #ffffff;
font-weight: 500;
font-size: 16px;
color: #6e6c70;
font-weight: 400;
font-family: "Heebo";
}
.main-menu .navigation>li>.mega_menu li a:before {
position: absolute;
content: '*';
left: 0;
top: 11px;
transition: .5s;
opacity: 0;
font-size: 26px;
line-height: 28px;
color: var(--theme-color);
font-weight: 600;
font-family: "Inter";
}
.main-menu .navigation>li>.mega_menu li a:hover:before {
opacity: 1;
}
.main-menu .navigation>li>.mega_menu li a:hover {
color: var(--theme-color);
padding-left: 20px;
}
.main-menu .navigation>li>.mega_menu .col-sm-6:last-child ul {
padding-left: 40px;
position: relative;
}
.main-menu .navigation>li>.mega_menu .col-sm-6:last-child ul:before {
position: absolute;
content: '';
left: 0;
top: 15px;
bottom: 15px;
width: 1px;
background: #e4e5ed;
}
.main-menu .navigation>li>ul {
position: absolute;
left: 0px;
top: 100%;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: 270px;
z-index: 100;
display: none;
opacity: 0;
visibility: hidden;
background-color: #ffffff;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
transition: .5s;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
border-top: 3px solid var(--theme-color);
padding: 20px 0;
}
.main-menu .navigation>li>ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation>li>ul>li {
position: relative;
width: 100%;
padding: 0 30px;
}
.main-menu .navigation>li>ul>li:last-child {
border-bottom: none;
}
.main-menu .navigation>li>ul>li:before {
position: absolute;
content: '';
right: 0px;
top: 0px;
width: 0%;
height: 100%;
display: block;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.main-menu .navigation>li>ul>li>a {
position: relative;
display: block;
padding: 8.5px 0px;
line-height: 24px;
color: #fff;
text-align: left;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
font-size: 17px;
color: #ffffff;
font-weight: 500;
font-size: 16px;
color: #6e6c70;
font-weight: 400;
font-family: "Heebo";
}
.main-menu .navigation>li>ul>li>a:before {
position: absolute;
content: '*';
left: 0;
top: 11px;
transition: .5s;
opacity: 0;
font-size: 26px;
line-height: 28px;
color: var(--theme-color);
font-weight: 600;
font-family: "Inter";
}
.main-menu .navigation>li>ul>li>a:hover:before {
opacity: 1;
}
.main-menu .navigation>li>ul>li:last-child>a {
border-bottom: 0px;
}
.main-menu .navigation>li>ul>li>a:hover {
color: var(--theme-color);
padding-left: 20px;
}
.main-menu .navigation>li>ul>li.dropdown>a:after {
position: absolute;
content: "\f105";
right: 3px;
top: 11px;
display: block;
line-height: 24px;
font-size: 17px;
font-family: 'Font Awesome 5 Pro';
font-weight: 400;
}
.main-menu .navigation>li>ul>li>ul {
position: absolute;
left: 103%;
top: 0;
width: 270px;
z-index: 100;
display: none;
background-color: #fff;
transition: .5s;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
border-top: 3px solid var(--theme-color);
padding: 20px 0;
}
.main-menu .navigation>li>ul>li>ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation>li>ul>li>ul>li {
position: relative;
width: 100%;
padding: 0 30px;
}
.main-menu .navigation>li>ul>li>ul>li:last-child {
border-bottom: none;
}
.main-menu .navigation>li>ul>li>ul>li:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 0%;
height: 100%;
display: block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation>li>ul>li>ul>li:last-child {
border-bottom: none;
}
.main-menu .navigation>li>ul>li>ul>li>a {
position: relative;
display: block;
padding: 8.5px 0;
line-height: 24px;
font-weight: 500;
font-size: 17px;
color: #fff;
text-align: left;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
font-size: 16px;
color: #6e6c70;
font-weight: 400;
font-family: "Heebo";
}
.main-menu .navigation>li>ul>li>ul>li>a:before {
position: absolute;
content: '*';
left: 0;
top: 11px;
transition: .5s;
opacity: 0;
font-size: 26px;
line-height: 28px;
color: var(--theme-color);
font-weight: 600;
font-family: "Inter";
}
.main-menu .navigation>li>ul>li>ul>li>a:hover:before {
opacity: 1;
}
.main-menu .navigation>li>ul>li>ul>li:last-child>a {
border-bottom: 0;
}
.main-menu .navigation>li>ul>li>ul>li>a:hover {
color: var(--theme-color);
padding-left: 20px;
}
.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
font-family: 'Font Awesome 5 Pro';
content: "\f105";
position: absolute;
right: 30px;
top: 12px;
display: block;
line-height: 24px;
font-size: 16px;
font-weight: 400;
z-index: 5;
}
.main-menu .navigation>li.dropdown:hover>ul {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.main-menu .navigation>li.dropdown>a:before {
position: absolute;
content: '\f107';
right: 0;
top: 6px;
font-family: 'Font Awesome 5 Pro';
font-size: 14px;
}
.main-menu .navigation>li.dropdown>a {
padding-right: 15px;
}
.main-menu .navigation li>ul>li.dropdown:hover>ul {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.main-menu .navigation li.dropdown .dropdown-btn {
position: absolute;
right: 10px;
top: 8px;
width: 34px;
height: 30px;
border: 1px solid #ffffff;
text-align: center;
font-size: 16px;
line-height: 26px;
color: #ffffff;
cursor: pointer;
z-index: 5;
display: none;
} .sidemenu-nav-toggler {
line-height: 42px;
cursor: pointer;
transition: .5s;
}
.sidemenu-nav-toggler:hover {
background-color: var(--theme-color);
border-color: var(--theme-color);
}
.search-popup {
position: fixed;
left: 0;
top: 0px;
width: 100%;
height: 100%;
z-index: 99999;
visibility: hidden;
opacity: 0;
overflow: auto;
background: rgba(0, 0, 0, 0.90);
-webkit-transform: translateY(101%);
-ms-transform: translateY(101%);
transform: translateY(101%);
transition: all 700ms ease;
-moz-transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
}
.search-popup.popup-visible {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
visibility: visible;
opacity: 1;
}
.search-popup .overlay-layer {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
display: block;
}
.search-popup .close-search {
position: absolute;
right: 25px;
top: 25px;
font-size: 22px;
color: #ffffff;
cursor: pointer;
z-index: 5;
transition: all 500ms ease;
}
.search-popup .close-search:hover {
opacity: 0.70;
}
.search-popup .search-form {
position: relative;
padding: 0px 15px 0px;
max-width: 1024px;
margin: 0 auto;
margin-top: 150px;
margin-bottom: 100px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.search-popup .search-form fieldset {
position: relative;
border-radius: 12px;
}
.search-popup .search-form fieldset input[type="search"] {
position: relative;
height: 70px;
padding: 20px 220px 20px 30px;
background: #ffffff;
line-height: 30px;
font-size: 24px;
color: #233145;
border-radius: 7px;
}
.search-popup .search-form fieldset input[type="submit"] {
position: absolute;
display: block;
right: 0px;
top: 0px;
text-align: center;
width: 220px;
height: 70px;
padding: 20px 10px 20px 10px;
color: #ffffff !important;
line-height: 30px;
font-size: 20px;
cursor: pointer;
text-transform: uppercase;
border-radius: 0px 7px 7px 0px;
background: var(--theme-color);
}
.search-popup h3 {
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
color: #ffffff;
margin-bottom: 20px;
letter-spacing: 1px;
text-align: center;
display: none;
}
.search-popup .recent-searches {
font-size: 16px;
color: #ffffff;
text-align: center;
display: none;
}
.search-popup .recent-searches li {
display: inline-block;
margin: 0px 10px 10px 0px;
}
.search-popup .recent-searches li a {
display: block;
line-height: 24px;
border: 1px solid #ffffff;
padding: 7px 15px;
color: #ffffff;
border-radius: 3px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.search-popup .search-form fieldset input[type="search"]:focus {
border-color: #ddd;
-webkit-box-shadow: none;
box-shadow: none;
} .sticky-header {
position: fixed;
visibility: hidden;
opacity: 0;
left: 0px;
top: 0px;
width: 100%;
padding: 0px 0px;
z-index: -1;
background: #ffffff;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
-webkit-transition: top 300ms ease;
-o-transition: top 300ms ease;
transition: top 300ms ease;
}
.sticky-header .main-menu .navigation {
margin-left: 0;
}
.fixed-header .sticky-header {
opacity: 1;
z-index: 99901;
visibility: visible;
}
.fixed-header .sticky-header .inner-container {
margin-bottom: 0;
box-shadow: none;
}
.main-header .sticky-header .header-upper .logo-box .logo {
padding: 18.5px 0px;
}
.sticky-header .main-menu .navigation>li {
padding: 17px 0px;
}
.main-header .sticky-header .header-upper .inner-container {
min-height: 70px;
}
.sticky-header .main-menu .navigation>li:before {
bottom: 20px;
} .nav-outer .mobile-nav-toggler {
position: relative;
width: 36px;
height: 45px;
line-height: 39px;
text-align: center;
color: rgb(255, 255, 255);
font-size: 20px;
cursor: pointer;
border-radius: 50%;
float: right;
margin: 13px 0;
display: none;
transition: .5s;
}
.mobile-menu {
position: fixed;
right: 0;
top: 0;
width: 300px;
padding-right: 30px;
max-width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: 999999;
pointer-events: auto;;
}
.mobile-menu .mCSB_scrollTools {
right: -6px;
}
.mobile-menu .mCSB_inside>.mCSB_container {
margin-right: 5px;
}
.mobile-menu .navbar-collapse {
display: block !important;
}
.mobile-menu .nav-logo {
position: relative;
padding: 30px 25px;
text-align: left;
margin-bottom: 100px;
margin-top: 25px;
}
.mobile-menu-visible {
overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
opacity: 1;
visibility: visible;
}
.mobile-menu .menu-backdrop {
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-color: var(--theme-color);
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
opacity: 0.70;
visibility: visible;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .menu-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #202020;
padding: 0px 0px;
z-index: 5;
opacity: 0;
visibility: hidden;
border-radius: 0px;
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .close-btn {
position: absolute;
right: 20px;
top: 15px;
line-height: 30px;
width: 24px;
text-align: center;
font-size: 30px;
color: #ffffff;
cursor: pointer;
z-index: 10;
-webkit-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transition: all 0.9s ease;
}
.mobile-menu .navigation {
position: relative;
display: block;
width: 100%;
float: none;
}
.mobile-menu .navigation li {
position: relative;
display: block;
border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navigation:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navigation li>ul>li:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navigation li>a {
position: relative;
display: block;
line-height: 24px;
padding: 10px 25px;
font-size: 15px;
font-weight: 500;
color: #ffffff;
text-transform: uppercase;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.mobile-menu .navigation li ul li>a {
font-size: 15px;
margin-left: 20px;
text-transform: capitalize;
}
.mobile-menu .navigation li>a:before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 0;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.mobile-menu .navigation li.current>a:before {
height: 100%;
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
position: absolute;
right: 6px;
top: 6px;
width: 32px;
height: 32px;
text-align: center;
font-size: 16px;
line-height: 32px;
color: #ffffff;
background: rgba(255, 255, 255, 0.10);
cursor: pointer;
border-radius: 2px;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn.open {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.mobile-menu .navigation li>.mega_menu,
.mobile-menu .navigation li>ul, 
.mobile-menu .navigation li>ul>li>ul {
display: none;
}
.mobile-menu .social-links {
position: relative;
text-align: center;
padding: 30px 25px;
}
.mobile-menu .social-links li {
position: relative;
display: inline-block;
margin: 0px 10px 10px;
}
.mobile-menu .social-links li a {
position: relative;
line-height: 32px;
font-size: 16px;
color: #ffffff;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
} .hidden-sidebar {
position: fixed;
top: 0;
right: -100%;
z-index: 9999;
width: 100%;
max-width: 470px;
background: #ffffff;
height: 100%;
padding: 40px 45px;
overflow: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hidden-sidebar-close {
position: absolute;
top: 40px;
right: 40px;
font-size: 30px;
cursor: pointer;
}
.hidden-sidebar .logo {
padding-bottom: 30px;
margin-bottom: 50px;
border-bottom: 1px solid #e7e7e7;
}
.hidden-sidebar .wrapper-box {
height: 100%;
}
.hidden-sidebar .sidebar-widget {
margin-bottom: 40px;
}
.hidden-sidebar .about-widget-two {
position: relative;
}
.hidden-sidebar h3 {
font-size: 28px;
font-weight: 700;
margin-bottom: 28px;
}
.hidden-sidebar .news-widget {
position: relative;
}
.hidden-sidebar .widget-title {
font-size: 20px;
font-weight: 700;
margin-bottom: 30px;
color: #222;
}
.hidden-sidebar .news-widget .post-wrapper {
position: relative;
padding-left: 110px;
margin-top: -10px;
margin-bottom: 30px;
}
.hidden-sidebar .news-widget .post-wrapper:last-child {
margin-bottom: 0px;
}
.hidden-sidebar .news-widget .image {
position: absolute;
left: 0;
top: 10px;
width: 90px;
}
.hidden-sidebar .newsletter-widget input[type="email"] {
position: relative;
border: 1px solid #e7e7e7;
padding: 13px 20px;
width: 100%;
margin-bottom: 10px;
}
.hidden-sidebar .newsletter-widget .theme-btn {
color: #fff;
background: var(--theme-color);
}
.hidden-sidebar .newsletter-widget .theme-btn:before {
background-color: #222;
}
.nav-overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 99999;
width: 100%;
display: none;
background: rgba(20, 20, 20, 0.70);
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
cursor: none;
pointer-events: auto;
}
.sidebar-contact-info ul {
position: relative;
display: block;
}
.sidebar-contact-info ul li {
position: relative;
display: block;
margin-bottom: 23px;
}
.sidebar-contact-info ul li:last-child {
margin-bottom: 0;
}
.sidebar-contact-info ul li .inner {
position: relative;
display: block;
padding-left: 45px;
}
.sidebar-contact-info ul li .inner .icon {
position: absolute;
top: -2px;
left: 0;
font-size: 24px;
color: var(--theme-color);
}
.sidebar-contact-info ul li:first-child .inner .icon {
top: 7px;
}
.sidebar-contact-info ul li .inner .icon span {
position: relative;
display: block;
color: var(--thm-base);
font-size: 30px;
line-height: 30px;
}
.sidebar-contact-info ul li .inner .icon span.map-marker {
position: relative;
top: 11px;
font-size: 34px;
}
.sidebar-contact-info ul li .inner .text {
position: relative;
display: block;
}
.sidebar-contact-info ul li .inner .text p {
line-height: 24px;
}
.sidebar-contact-info ul li .inner .text p a {
color: var(--thm-gray);
} .cursor {
position: absolute;
background-color: #fff;
width: 6px;
height: 6px;
border-radius: 100%;
z-index: 1;
-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
-o-transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
z-index: 10000;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
visibility: hidden;
}
.cursor {
visibility: visible;
}
.cursor.active {
opacity: 0.5;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.cursor.hovered {
opacity: 0.08;
}
.cursor-follower {
position: absolute;
background-color: rgba(255, 255, 255, 0.3);
width: 50px;
height: 50px;
border-radius: 100%;
z-index: 1;
-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
-o-transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
z-index: 10000;
visibility: hidden;
}
.cursor-follower {
visibility: visible;
}
.cursor-follower.active {
opacity: 0.7;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.cursor-follower.hovered {
opacity: 0.08;
}
.cursor-follower.close-cursor:before {
position: absolute;
content: '';
height: 25px;
width: 2px;
background: #fff;
left: 48%;
top: 12px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
display: inline-block;
}
.cursor-follower.close-cursor:after {
position: absolute;
content: '';
height: 25px;
width: 2px;
background: #fff;
right: 48%;
top: 12px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
button.theme-btn.search-toggler {
background: transparent;
transition: .5s;
font-size: 22px;
}
button.theme-btn.search-toggler:hover {
color: var(--theme-color);
}
button.theme-btn.search-toggler.border_none {
border: transparent;
background: transparent;
font-size: 18px;
width: auto;
height: auto;
}
button.theme-btn.search-toggler.border_none:hover {
color: var(--theme-color);
}
.sidemenu-nav-toggler.border_none {
width: 80px;
height: auto;
border: none;
background: transparent;
margin: 0;
padding-left: 15px;
} .scroll-to-top{
position: fixed;
right: 0px;
bottom: 100px;
transform: rotate(90deg);
z-index: 99;
}
.scroll-to-top .visible {
visibility: visible!important;
opacity: 1!important;
}
.scroll-to-top .scroll-top-inner {
opacity: 0;
visibility: hidden;
}
.scroll-to-top .scroll-top-inner{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;
-o-transition: all cubic-bezier(.4,0,.2,1) .4s;
transition: all cubic-bezier(.4,0,.2,1) .4s;
}
.scroll-to-top .scroll-bar {
width: 50px;
height: 2px;
margin-right: 10px;
position: relative;
}
.scroll-to-top .scroll-bar:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: var(--theme-color);
}
.scroll-to-top .scroll-bar .bar-inner {
position: absolute;
top: 0;
right: 0;
height: 100%;
background-color: currentColor;
}
.scroll-to-top .scroll-bar-text{
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 500ms ease;
color: #999;
}
.scroll-to-top .scroll-bar-text:hover{
transform: scale(1.1);
} .hvr-zoom-1 {
position: relative;
z-index: 1;
}
.hvr-zoom-1:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0px;
top: 0px;
transform: scale(0,0);
border-radius: 50%;
z-index: -1;
transition: all 500ms ease;
}
.hvr-zoom-1-dark:before {
background: #222;
}
.hvr-zoom-1-primary:before {
background: var(--theme-color);
}
.hvr-zoom-1:hover:before {
transform: scale(1,1);
}
.hvr-zoom-2 {
position: relative;
z-index: 1;
}
.hvr-zoom-2:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0px;
top: 0px;
transform: scale(0,0);
border-radius: 50%;
z-index: -1;
transition: all 500ms ease;
}
.hvr-zoom-2-dark:before {
background: #222;
}
.hvr-zoom-2-primary:before {
background: var(--theme-color);
}
.hvr-zoom-2-wrap:hover .hvr-zoom-1:before {
transform: scale(1,1);
} .hvr-img-zoom-1 {
position: relative;
overflow: hidden;
}
.hvr-img-zoom-1 img {
transition: .7s;
width: 100%;
}
.hvr-img-zoom-1:hover img,
[class*="block "]:hover .hvr-img-zoom-1 img {
transform: scale(1.1);
} .slider-nav-style-1 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.slider-nav-style-1>* {
position: relative;
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 50%;
text-align: center;
background: #ffffff;
cursor: pointer;
z-index: 9;
font-size: 13px;
transition: .5s;
border: 1px solid #fff;
color: #333;
}
.slider-nav-style-1>*:hover {
background-color: var(--theme-color);
border-color: var(--theme-color);
color: #fff;
}
.slider-nav-style-1.alt>* {
border-color: #E5E5E5;;
}
.slider-nav-style-1.alt>*:hover {
border-color: var(--theme-color)
}
.slider-nav-style-1>*.slider-button-prev {
margin-left: -130px;
}
.slider-nav-style-1>*.slider-button-next {
margin-right: -130px;
} .slider-nav-style-2 {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 30px;
}
.slider-nav-style-2>* {
position: relative;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
text-align: center;
background: transparent;
cursor: pointer;
z-index: 9;
font-size: 23px;
transition: .5s;
border: 2px solid rgba(255,255,255,0.7);
margin-right: 20px;
color: #fff;
box-shadow: 0px 10px 80px rgb(0 0 0 / 20%);
}
.slider-nav-style-2>*:hover {
background-color: var(--theme-color);
border-color: var(--theme-color);
color: #fff;
} form input[type=search],
form input[type=text],
form input[type=date],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
background: #ffffff;
width: 100%;
padding: 0 20px;
transition: .5s;
height: 56px;
border: 1px solid #e6e7ef;
font-size: 16px;
line-height: 40px;
color: #a5a6b1;
font-weight: 400;
font-family: "Heebo";
}
form .form-group {
margin-bottom: 25px;
}
form textarea {
padding-top: 10px;
height: 120px;
}
form input[type=search]:focus,
form input[type=text]:focus, 
form input[type=email]:focus, 
form input[type=password]:focus, 
form input[type=tel]:focus, 
form input[type=number]:focus, 
form input[type=file]:focus, 
form select:focus, 
form textarea:focus {
border-color: var(--theme-color);
} .banner-section .swiper-slide {
position: relative;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.banner-section .content-box .inner {
position: relative;
opacity: 0;
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
max-width: 770px;
}
.banner-section .slide_bg {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #222;
}
.banner-section .slide_bg:before {
position: absolute;
content: '';
background-image: linear-gradient(90deg, rgba(13,21,119,0.9999999999999999) 0%, rgba(13,21,119,0) 72%);
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.banner-section .swiper-slide-active .content-box .inner {
opacity: 1;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.banner-slider-2 .content-box .inner {
transform: translateX(0px);
transition: .5s;
}
.banner-section .content-box h1 {
position: relative;
opacity: 0;
visibility: hidden;
-webkit-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
margin-bottom: 20px;
font-size: 72px;
line-height: 82px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
}
.banner-section .swiper-slide-active .content-box h1 {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 800ms;
-o-transition-delay: 800ms;
transition-delay: 800ms;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.banner-section h4 {
position: relative;
display: block;
opacity: 0;
visibility: hidden;
-webkit-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
font-size: 24px;
line-height: 32px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: 1px solid rgb(255 255 255 / 25%);
}
.banner-section .swiper-slide-active h4 {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.banner-section .inner p {
position: relative;
opacity: 0;
visibility: hidden;
-webkit-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
font-size: 18px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
font-family: "Heebo";
}
.banner-section .swiper-slide-active .inner p {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 1600ms;
-o-transition-delay: 1600ms;
transition-delay: 1600ms;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.banner-section .link-box.alt {
position: absolute;
right: -10px;
bottom: 30px;
font-size: 30px;
}
.banner-section .link-box {
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
-webkit-transition-delay: 2000ms;
-o-transition-delay: 2000ms;
transition-delay: 2000ms;
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
}
.banner-section .swiper-slide-active .link-box {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.banner-section .link-box a {
-webkit-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
margin: 0 10px 10px;
color: #fff;
}
.banner-section .link-box a i {
margin-left: 12px;
}
.banner-section .banner-feature-image {
transform: translateX(-0) translateY(100px);
opacity: 0;
background-size: cover;
-webkit-transition: all 1500ms ease;
-o-transition: all 1500ms ease;
transition: all 1500ms ease;
transition-delay: 100ms;
}
.banner-section .swiper-slide-active .banner-feature-image {
opacity: 1;
transform: translateX(0);
transition-delay: 1000ms;
}
.banner-3-section .slider_image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
.header-style-one .auto-container {
max-width: 100%;
padding: 0 60px;
}
.header_top {
background: #131127;
}
.header_top ul.header_menu {
display: flex;
}
.header_top ul.header_menu li {
margin-right: 15px;
}
.header_top ul.header_menu li:after {
display: inline-block;
content: '.';
margin-left: 15px;
}
.header_top ul.header_menu li:last-child:after {
display: none;
}
.header_top p {
margin: 12px 0;
font-size: 16px;
line-height: 26px;
color: #a09fb0;
font-weight: 400;
font-family: "Heebo";
margin-right: 10px;
}
.header_top p i {
color: #fff;
margin-right: 10px;
}
.header_top .select-box {
margin-right: 0;
}
.header_top ul.header_menu a {
font-size: 16px;
line-height: 26px;
color: #a09fb0;
font-weight: 400;
font-family: "Heebo";
}
.header_top ul.header_menu a:hover {
color: var(--theme-color);
}
.header_top .divider {
width: 1px;
height: 20px;
background-color: #3e3c57;
margin: 0 15px;
}
.header-upper .shape {
font-size: 31px;
margin: 0 35px;
color: #cccdd8;
}
.header_top .nice-select {
height: auto;
line-height: initial;
background: transparent;
padding: 0;
padding-right: 20px;
border: 0;
color: #fff;
font-weight: 400;
font-family: "Heebo";
font-size: 16px;
}
.header_top .nice-select .option {
color: #222;
}
.header_top .nice-select .list {
width: 130px;
}
.header_top .nice-select:after {
right: 3px;
border-color: #fff;
}
.consult_btn {
font-size: 17px;
line-height: 26px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
display: flex;
margin-right: 30px;
align-items: center;
}
.consult_btn p {
margin: 0;
line-height: 26px;
}
.consult_btn p i {
color: #aaaab5;
}
.consult_btn a {
color: #070f64;
}
.consult_btn img {
margin-right: 11px;
position: relative;
}
.sec_title_wrap {
margin-bottom: 40px;
}
h2.sec_title {
font-size: 48px;
line-height: 58px;
color: #070f64;
font-weight: 700;
font-family: "Inter";
margin-bottom: 10px;
}
h2.sec_title.light {
color: #fff;
}
h2.sec_title span {
color: var(--theme-color);
font-weight: 500;
}
p.sec_desc {
position: relative;
font-size: 18px;
line-height: 30px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
}
p.sec_desc.light {
color: #fff;
}
.service_blk_1 {
background-color: #ffffff;
border: 1px solid #e6e7ef;
position: relative;
}
.service_blk_1_shpae {
position: absolute;
top: 0;
right: 0;
}
.service_blk_1_top {
padding: 17px 24px;
}
.service_blk_1_icon {
position: absolute;
top: 6px;
right: 8px;
opacity: 0;
transition: .5s;
transform: scale(.5);
width: 80px;
height: 80px;
border-radius: 40px;
filter: drop-shadow(0 0 15px rgba(0,0,0,0.08));
background-color: var(--theme-color);
text-align: center;
line-height: 80px;
}
.service_blk_1:hover .service_blk_1_icon {
opacity: 1;
transform: scale(1);
}
.service_blk_1_icon img {width: 50px;}
p.service_blk_1_stitle {
font-size: 14px;
line-height: 30px;
text-transform: uppercase;
color: var(--theme-color);
font-weight: 700;
font-family: "Inter";
margin-bottom: 0;
position: relative;	
}
h4.service_blk_1_title {
font-size: 22px;
line-height: 32px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
}
h4.service_blk_1_title a{
display: inline-block;
color: #070f64;
}
h4.service_blk_1_title a:hover{
color: var(--theme-color);
}
.service_blk_1_img {
position: relative;
margin-right: 40px;
}
.service_blk_1_img img {
width: 100%;
}
.service_blk_1_icon2 {
position: absolute;
top: 50%;
right: -20px;
width: 80px;
height: 80px;
border-radius: 40px;
filter: drop-shadow(0 0 15px rgba(0,0,0,0.08));
background-color: #ffffff;
text-align: center;
line-height: 80px;
transform: translateY(-50%);
transition: .5s;
}
p.service_blk_1_text {
position: absolute;
left: 25px;
right: 20px;
bottom: 0;
margin-bottom: 0;
font-size: 16px;
line-height: 26px;
color: #e2e0fc;
font-weight: 400;
font-family: "Heebo";
opacity: 0;
transition: .5s;
}
.service_blk_1:hover .service_blk_1_text {
opacity: 1;
bottom: 30px;
}
.service_blk_1_bottom {
padding: 22px 22px;
position: relative;
}
a.read_more_1_btn {
font-size: 17px;
line-height: 28px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
display: inline-block;
transition: .5s;
vertical-align: middle;
}
a.read_more_1_btn i,
a.read_more_1_btn span {
width: 26px;
height: 26px;
background-color: #f0f1f7;
font-size: 12px;
display: inline-block;
text-align: center;
line-height: 26px;
margin-right: 10px;
transition: .5s;
}
a.read_more_1_btn:hover i,
a.read_more_1_btn:hover span {
background-color: var(--theme-color);
color: #ffff;
}
a.read_more_1_btn i:before,
a.read_more_1_btn span:before {
display: inline-block;
transition: .5s;
}
a.read_more_1_btn:hover i:before,
a.read_more_1_btn:hover span:before {
transform: rotate(45deg);
}
a.read_more_1_btn:hover {
color: var(--theme-color);
}
.home-seventeen-works-section a.read_more_1_btn{
color: #000;
}
.service_blk_1_icon2 img {
width: 50px;
}
.service_blk_1_img:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: 0;
background-image: linear-gradient(180deg, var(--theme-color) 0%, #070f64 100%);
}
.service_blk_1:hover .service_blk_1_img:before {
-webkit-transform: perspective(1200px) rotateX(0deg) translateZ(0px);
transform: perspective(1200px) rotateX(0deg) translateZ(0px);
opacity: .8;
}
.service_blk_1:hover .service_blk_1_icon2 {
opacity: 0;
transform: scale(.5) translateY(-50%);
}
.gray_bg {
background: #f0f0f7;
}
h6.sub_title {
font-size: 18px;
line-height: 30px;
color: #070f64;
font-weight: 400;
font-family: "Heebo";
margin: 30px 0 25px;
}
p.smoll_subtitle {
font-size: 14px;
line-height: 30px;
text-transform: uppercase;
color: var(--theme-color);
font-weight: 700;
font-family: "Inter";
margin-bottom: 4px;
}
h4.smoll_title {
font-size: 22px;
line-height: 32px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
margin-bottom: 10px;
}
.about_text_block {
margin-bottom: 25px;
}
ul.list_text {
font-size: 16px;
line-height: 36px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
margin-bottom: 20px;
}
ul.list_text i,
ul.list_text span {
margin-right: 8px;
font-size: 20px;
color: var(--theme-color);
}
a.read_more_1_btn.alt i {
background: #d9dbe9;
}
a.read_more_1_btn.alt:hover i {
background: var(--theme-color);
}
.about_image-box {
position: relative;
padding-right: 30px;
padding-top: 70px;
margin-bottom: 30px;
}
figure.about_image_1 {
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
span.about_tag_text {
font-size: 48px;
line-height: 26px;
text-transform: uppercase;
color: #d9dce9;
font-weight: 700;
font-family: "Inter";
position: absolute;
top: 10px;
left: 200px;
}
figure.about_image_2 {
position: relative;
text-align: right;
}
.about_image-box .shape_bg {
position: absolute;
top: 0;
right: 0;
left: -200px;
}
.about_image-box .round-box-content {
position: absolute;
top: 50%;
left: 0;
width: 180px;
height: 180px;
border-radius: 90px;
background-color: #f0f1f7;
text-align: center;
}
.about_image-box .round-box-content .inner-icon {
width: 120px;
height: 120px;
border-radius: 60px;
background-color: var(--theme-color);
text-align: center;
line-height: 120px;
position: absolute;
top: 30px;
left: 30px;
}
.about_image-box .round-box-content .curved-circle {
font-size: 15px;
letter-spacing: 1px;
line-height: 26px;
text-transform: uppercase;
color: #070f64;
font-weight: 700;
font-family: "Inter";
text-align: center;
width: 160px;
height: 160px;
top: 5px;
left: 10px;
transition: .7s;
}
.funfact_block_one {
position: relative;
background: #fff;
padding: 39px 0;
}
.funfact_block_one .icon_box {
width: 70px;
margin: 0 auto;
margin-bottom: 18px;
}
.funfact_block_one h4 {
font-size: 22px;
line-height: 32px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
text-align: center;
margin-bottom: 15px;
}
.funfact_block_one .count_box {font-size: 60px;line-height: 60px;color: var(--theme-color);font-weight: 700;font-family: "Inter";text-align: center;}
.funfact_block:nth-child(2) .funfact_block_one {
background: #e3e4ec;
}
.about_sec1 {
padding-bottom: 190px;
}
.about_sec1 {
padding-bottom: 190px;
}
section.funfact_sec1 {
margin-top: -120px;
margin-bottom: -150px;
z-index: 1;
}
section.choose_us_sec1 {
background: #121127;
padding-top: 250px;
}
section.choose_us_sec2 {
background: #121127;
padding-top: 70px;
}
section.choose_us_sec1 .shape {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
text-align: right;
}
section.choose_us_sec2 .shape {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
text-align: right;
}
.choose_us_left {
position: relative;
}
.choose_us_awards {
position: absolute;
right: 40px;
top: 25px;
width: 400px;
height: 400px;
background-image: linear-gradient(270deg, var(--theme-color) 0%, #070f64 100%);
text-align: center;
}
.choose_us_awards_wrap {
margin: 50px;
background: #121127;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
padding-top: 40px;
}
.choose_us_img_box {
position: relative;
z-index: 1;
margin-left: -230px;
}
h4.awards_title {
font-size: 18px;
line-height: 26px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
text-align: center;
margin-top: 22px;
}
.choose_us_block_one h4 {
position: relative;
display: flex;
font-size: 22px;
line-height: 50px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
margin-bottom: 18px;
}
.choose_us_block_one p {
font-size: 16px;
line-height: 26px;
color: #a09fb0;
font-weight: 400;
font-family: "Heebo";
margin-bottom: 30px;
}
.choose_us_block_one .icon-box {
width: 50px;
height: 50px;
border-radius: 25px;
background-color: var(--theme-color);
text-align: center;
line-height: 50px;
margin: 0 10px;
}
.choose_us_sec1 p.sec_desc {
color: #a09fb0;
}
.case_sec1 .row {
margin: 0 -22.5px;
}
.case_sec1 .col-lg-4 {
padding: 0 22.5px;
}
.case_sec1 .container-fulid {
padding: 0 60px;
}
.case_studies_block_1 {
position: relative;
overflow: hidden;
margin-bottom: 45px;
}
.case_studies_block_1 .overlay-layer {
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
padding: 30px;
}
.case_studies_block_1 .content {
position: absolute;
left: 40px;
bottom: 40px;
opacity: 0;
transform: perspective(400px) rotateY(0deg) translateY(-50px);
transform-origin: top;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.case_studies_block_1:hover .content {
opacity: 1;
transform: perspective(400px) rotateY(0deg) translateY(0px);
}
.case_studies_block_1 .xoom_btn {
position: absolute;
left: 50%;
top: 50%;
font-size: 35px;
color: #fff;
opacity: 0;
transform: perspective(400px) rotateY(0deg) translateY(-100%) translateX(-50%);
transform-origin: top;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.case_studies_block_1 .xoom_btn a {
cursor: pointer;
}
.case_studies_block_1:hover .xoom_btn {
opacity: 1;
transform: perspective(400px) rotateY(0deg) translateY(-50%) translateX(-50%);
}
.case_studies_block_1 .link_btn a {
width: 50px;
height: 50px;
background-color: #f0f1f7;
display: inline-block;
position: absolute;
right: 40px;
bottom: 40px;
text-align: center;
line-height: 56px;
opacity: 0;
transform: perspective(400px) rotateY(0deg) translateY(-100%) translateX(-50%);
transform-origin: top;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.case_studies_block_1:hover .link_btn a {
opacity: 1;
transform: perspective(400px) rotateY(0deg) translateY(0px);
}
.case_studies_block_1 .category_tag {
font-size: 16px;
line-height: 30px;
color: #aba9ca;
font-weight: 400;
font-family: "Heebo";
}
.case_studies_block_1 .category_tag span {
position: relative;
top: 9px;
font-size: 30px;
line-height: 28px;
color: #aba9ca;
font-weight: 600;
font-family: "Inter";
}
.case_studies_block_1 h4.title {
font-size: 22px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
}
.case_studies_block_1 .overlay-layer:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: 0;
background-image: linear-gradient(180deg, var(--theme-color) 0%, #070f64 100%);
}
.case_studies_block_1:hover .overlay-layer:before {
opacity: .9;
}
p.video_title {
font-size: 18px;
line-height: 28px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
text-align: right;
margin-bottom: 0;
margin-right: 10px;
}
.video_title_box {
position: relative;
display: flex;
justify-content: flex-end;
align-items: center;
}
.video_title_box_new{
margin-top: 25px;
}
.home14_testimonial_title{
height: 100%;
}
.gray_bg a.read_more_1_btn span,
.gray_bg a.read_more_1_btn i {
background: #d9dbe9;
}
.gray_bg a.read_more_1_btn:hover i {
background: var(--theme-color);
}
.process_block_one {position: relative;text-align: center;margin-bottom: 30px;}
.process_img_box {
position: relative;
margin-bottom: 25px;
}
.process_block_one .image_box {
display: inline-block;
border: 1px solid #c5c9d7;
border-radius: 50%;
padding: 10px;
overflow: hidden;
}
.process_block_one .image_box .image_box_wrap {
overflow: hidden;
border-radius: 50%;
}
.process_block_one .image_box img {
transition: .5s;
}
.process_block_one:hover .image_box img {
transform: scale(1.1);
}
.process_block_one span.tag {
width: 106px;
height: 35px;
display: inline-block;
font-size: 17px;
line-height: 34px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
text-align: center;
position: absolute;
left: 50px;
bottom: 40px;
z-index: 1;
}
.process_block_one .icon_box {
width: 80px;
height: 80px;
border-radius: 40px;
filter: drop-shadow(0 0 15px rgba(0,0,0,0.08));
background-color: #ffffff;
line-height: 80px;
position: absolute;
right: 25px;
top: 30%;
}
.process_block_one h4.title {
font-size: 22px;
line-height: 26px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
text-align: center;
margin-bottom: 10px;
}
.process_block_one p {
font-size: 16px;
line-height: 26px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
text-align: center;
}
.process_block_one .icon_box img {
width: 50px;
}
.process_block_one span.tag:before {
position: absolute;
content: '';
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: var(--theme-color);
z-index: -1;
transform: skewX(-10deg);
}
.process-step-arrow {
position: absolute;
right: -33px;
top: 115px;
font-size: 20px;
color: var(--theme-color);
}
.process_line_bar {
position: relative;
top: 127px;
height: 1px;
display: block;
background: #d5d6e0;
margin-left: -100px;
margin-right: -100px;
}
.process_line_bar:before {
position: absolute;
content: '';
left: 0;
top: -6px;
width: 12px;
height: 12px;
border-radius: 6px;
background-color: #f0f1f7;
border: 1px solid #c5c9d7;
}
.process_line_bar:after {
position: absolute;
content: '';
right: 0;
top: -6px;
width: 12px;
height: 12px;
border-radius: 6px;
background-color: #f0f1f7;
border: 1px solid #c5c9d7;
}
.tabs-box .active-tab {
display: block !important;
}
.switcher_tab_btns {
display: flex;
align-items: center;
justify-content: center;
font-size: 17px;
line-height: 30px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
text-align: right;
}
.switcher_tab_btns li {
padding-right: 35px;
position: relative;
cursor: pointer;
}
.switcher_tab_btns li:last-child {
padding-left: 35px;
padding-right: 0;
}
.switcher_tab_btns:before {
position: absolute;
left: 18px;
right: 0;
margin: 0 auto;
height: 25px;
width: 45px;
content: "";
border-radius: 40px;
background: var(--theme-color);
cursor: pointer;
}
.switcher_tab_btns li:before {
position: absolute;
top: 6px;
height: 15px;
width: 15px;
background-color: #ffffff;
border-radius: 30px;
content: "";
right: -18px;
box-shadow: 0 4px 20px rgba(44,44,56,.30);
transition: all 300ms ease;
cursor: pointer;
}
.switcher_tab_btns li.active-btn:before {
right: 1px;
}
.switcher_tab_btns li:last-child:before {
display: none;
}
.pricing-block-one {
position: relative;
filter: drop-shadow(0 0 15px rgba(0,0,0,0.15));
background-color: #ffffff;
margin-bottom: 30px;
padding: 40px 30px;
transition: 0.5s;
} .pricing-block-one-new{
position: relative;
transition: 0.5s;
}
.pricing-block-one-new:hover{
background-color: var(--theme-color);
}
.pricing-block-one-new:hover h4.title, .pricing-block-one-new:hover p.sub_title,
.pricing-block-one-new:hover h5, .pricing-block-one-new:hover ul.feature-list li{
color: #ffffff;
} .pricing-block-one .icon-box {
width: 75px;
margin: 0 auto;
margin-bottom: 10px;
}
.pricing-block-one .table-header {
text-align: center;
}
.pricing-block-one h4.title {
font-size: 22px;
line-height: 40px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
text-align: center;
transition: 0.5s;
}
.pricing-block-one p.sub_title {
font-size: 16px;
line-height: 28px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
text-align: center;
transition: 0.5s;
}
.pricing-block-one h6 {
font-size: 17px;
line-height: 30px;
color: var(--theme-color);
font-weight: 600;
font-family: "Inter";
text-align: center;
display: inline-block;
padding: 0 20px;
margin-bottom: 40px;
}
.pricing-block-one h5 {
font-size: 17px;
line-height: 25px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
display: inline-block;
border-bottom: 1px solid #e4e5ed;
margin-bottom: 19px;
transition: 0.5s;
}
.pricing-block-one ul.feature-list {
margin-bottom: 24px;
}
.pricing-block-one ul.feature-list li {
font-size: 16px;
line-height: 40px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
transition: 0.5s;
}
.pricing-block-one a.theme-btn {
background: #f0f1f7;
padding: 6px 20px;
width: 100%;
display: inline-block;
position: relative;
font-size: 30px;
line-height: 40px;
color: #070f64 !important;
font-weight: 700;
font-family: "Inter";
}
.pricing-block-one a.theme-btn span {
font-size: 17px;
font-weight: 500;
color: #6a6b74;
}
.pricing-block-one a.theme-btn i {
position: absolute;
right: 12px;
width: 36px;
height: 36px;
background-color: #131227;
color: #fff;
font-size: 15px;
text-align: center;
line-height: 36px;
top: 11px;
transition: .5s;
}
.pricing-block-one a.theme-btn:hover i {
color: #fff;
background-color: var(--theme-color);
}
.pricing-block-one h6:before {
position: absolute;
content: '';
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: #f0f1f7;
z-index: -1;
transform: skewX(-10deg);
}
.pricing-block-one ul.feature-list li span {
margin-right: 10px;
color: var(--theme-color);
}
.clients-section.home-5 .clients_logo_box{
margin: 0px;
border: none;
background: transparent !important;
box-shadow: none !important;
overflow: hidden;
height: auto;
line-height: auto;
margin-bottom: 40px;
}
.clients-section .clients-list{
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.clients-section .clients-list li{
margin-right: 70px;
}
.clients-section .clients-list li:last-child{
margin: 0px !important;
}
.pricing-block-one ul.feature-list li.unavailable {
color: #a5a6b1;
}
.pricing-block-one ul.feature-list li.unavailable span {
color: #a5a6b1;
}
.pricing-block-one.active {
background: var(--theme-color);
}
.pricing-block-one.active h4.title {
color: #fff;
}
.pricing-block-one.active p.sub_title {
color: #fff;
}
.pricing-block-one.active h5 {
color: #fff;
}
.pricing-block-one.active ul.feature-list li span,
.pricing-block-one.active ul.feature-list li {
color: #fff;
}
.pricing-block-one.active a.theme-btn i {
background-color: var(--theme-color);
}
section.testimonials_sec1 {
position: relative;
}
section.testimonials_sec1 .bg_layer {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 388px;
background-size: cover;
}
.style2 p.video_title {
color: #a09fb0;
}
.style2 a.read_more_1_btn {
color: #fff;
}
.style2 a.read_more_1_btn:hover {
color: var(--theme-color);
}
.style2 a.read_more_1_btn span {
background: #292843;
}
.style2 a.read_more_1_btn:hover span {
background: var(--theme-color);
}
.three-item-carousel.swiper-container {
padding: 15px;
margin: -15px;
}
.testimonial-block-one {
position: relative;
background: #fff;
padding: 40px 30px;
filter: drop-shadow(0 0 9px rgba(0,0,0,0.1));
background-color: #ffffff;
}
.testimonial-block-one h4 {
font-size: 22px;
line-height: 30px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
}
.testimonial-block-one span.designation {
font-size: 16px;
line-height: 30px;
color: var(--theme-color);
font-weight: 400;
font-family: "Heebo";
margin-bottom: 10px;
display: inline-block;
}
.testimonial-block-one ul.rating {
display: flex;
color: #fbaf01;
margin-bottom: 14px;
}
.testimonial-block-one p {
font-size: 16px;
line-height: 26px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
margin-bottom: 35px;
}
.testimonial-block-one ul.rating li {
margin-right: 5px;
}
.testimonial-block-one .bottom-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.testimonial-block-one .quote_icon {
position: absolute;
left: 60px;
}
.testimonial-block-one figure.thumb_image {
position: relative;
z-index: 1;
width: 60px;
height: 60px;
border-radius: 30px;
filter: drop-shadow(0 0 7.5px rgba(0,0,0,0.15));
background-color: #646464;
border: 2px solid #ffffff;
} .row-15 {
margin: 0 -15px;
}
.clients_sec1 h6 {
font-size: 20px;
line-height: 30px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
text-align: center;
margin-bottom: 40px;
}
.client_logo_row {
display: flex;
align-items: center;
justify-content: center;
}
.client_logo_row img {
margin: 0 60px 40px;
transition: .5s;
filter: grayscale(1);
opacity: .7;
}
.client_logo_row img:hover {
filter: none;
opacity: 1;
cursor: pointer;
}
.consultform_sec1 .shape {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-size: cover;
}
.contact_info {
position: relative;
}
.contact_info__shape-new{
position: absolute;
left: 0;
bottom: 40px;
}
.contact_info .author_box {
position: relative;
max-width: 470px;
margin: 0 auto;
margin-right: 0;
border-top: 1px solid #d5d6e0;
padding-top: 35px;
}
.contact_info .author_content {
position: relative;padding-right: 80px;
}
.contact_info .author_box span {
font-size: 17px;
line-height: 25px;
color: var(--theme-color);
font-weight: 600;
font-family: "Inter";
}
.contact_info p.phone_number {
font-size: 22px;
line-height: 36px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
text-align: right;
margin-bottom: 40px;
}
.contact_info p.phone_number a{
display: inline-block;
color: #070f64;
}
.contact_info p.phone_number a:hover{
color: var(--theme-color);
}
.contact_info .info_box {
margin-bottom: 35px;
font-size: 16px;
line-height: 26px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
text-align: right;
}
.contact_info .author_box .author_image {
position: absolute;
top: 0;
right: 0;
}
.contact_form_wrap {
position: relative;
filter: drop-shadow(0 0 15px rgba(103,108,137,0.08));
background-color: #ffffff;
padding: 40px;
margin-bottom: 30px;
}
form label {
margin-bottom: 10px;
font-size: 17px;
color: #070f64;
font-weight: 400;
font-family: "Inter";
}
form label span {
color: var(--theme-color);
margin-right: 9px;
position: relative;
top: 2px;
}
button.btn-1.lg {
padding-top: 14px;
padding-bottom: 14px;
}
.w_100p {
width: 100%;
}
.news-block-one {
position: relative;
margin-bottom: 30px;
}
.news-block-one span.blog_tag {
z-index: 1;
font-size: 13px;
line-height: 24px;
text-transform: uppercase;
color: #070f64;
font-weight: 700;
font-family: "Inter";
background-color: #f0f1f7;
display: inline-block;
padding: 10px 15px;
position: relative;
transform: translateY(50%);
transition: .5s;
}
.news-block-one:hover span.blog_tag {
color: #fff;
background-color: var(--theme-color);
}
.news-block-one figure.image {
margin-bottom: 20px !important;
position: relative;
display: inline-block;
}
.blog-classic-content .news-block-one figure.image {
display: block;
}
.news-block-one figure.image:before {
position: absolute;
content: '';
left: 0;
bottom: 0;
right: 0;
top: 0;
transition: .5s;
background-color: var(--theme-color);
transform: scaleY(.7);
opacity: 0;
}
.news-block-one:hover figure.image:before {
transform: scale(1);
opacity: .74;
}
.news-block-one ul.post-info {
display: flex;
font-size: 13px;
line-height: 32px;
text-transform: uppercase;
color: #6a6b74;
font-weight: 600;
font-family: "Inter";
margin-bottom: 10px;
}
.news-block-one h3 {
font-size: 22px;
line-height: 32px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
margin-bottom: 19px;
}
.news-block-one h3 a {
color: #070f64;
}
.news-block-one h3 a:hover {
color: var(--theme-color);
}
.news-block-one p {
font-size: 16px;
line-height: 26px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
}
.news-block-one span.blog_tag i {
margin-right: 10px;
}
.news-block-one ul.post-info li {
margin-right: 11px;
}
.blog_sec_13 .news-block-one ul.post-info{
align-items: center;
}
.blog_sec_13 .news-block-one ul.post-info li.dot{
width: 5px;
height: 5px;
background-color: #cec0be;
transform: rotate(45deg);
}
.news-block-one ul.post-info li i {
margin-right: 10px;
font-size: 16px;
color: var(--theme-color);
}
section.newsletter .outer_bg {
background-color: #eff1f7;
position: relative;
padding: 0 30px;
padding-top: 50px;
padding-bottom: 55px;
background-size: cover;
}
.newsletter .form_group {
max-width: 770px;
position: relative;
width: 100%;
margin: 0 auto;
margin-bottom: 20px;
}
.newsletter h2.sec_title {
font-size: 36px;
margin-bottom: 5px;
}
.newsletter .form_group i {
position: absolute;
top: 27px;
left: 20px;
color: var(--theme-color);
z-index: 1;
}
.newsletter input[type="email"] {
height: 70px;
filter: drop-shadow(0 0 25px rgba(0,0,0,0.06));
background-color: #ffffff;
width: 100%;
padding-left: 45px;
padding-right: 190px;
font-size: 16px;
line-height: 40px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
}
.newsletter button {
position: absolute;
right: 10px;
top: 10px;
}
.newsletter h5 {
font-size: 16px;
line-height: 28px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
text-align: center;
}
.newsletter h5 span {
color: var(--theme-color);
}
footer.main-footer.footer-style-1 {
padding-top: 330px;
}
footer.main-footer {
padding-top: 95px;
background: #131127;
}
.footer_logo_shape {
position: absolute;
right: 0;
top: 140px;
}
.about-widget {
position: relative;
}
.footer_logo {
font-size: 120px;
line-height: 100px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
position: relative;
}
.footer_logo a {
color: #fff;
}
.main-footer p {
font-size: 16px;
line-height: 30px;
color: #a09fb0;
font-weight: 400;
font-family: "Heebo";
position: relative;
margin-bottom: 15px;
}
.main-footer h5 {
font-size: 22px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
margin-bottom: 20px;
}
.main-footer ul.social_links {
display: flex;
align-items: center;
font-size: 20px;
}
.main-footer ul.social_links a {
color: #a09fb0;
}
.main-footer ul.social_links li {
margin-right: 15px;
}
p.copyright_text a {
color: #fff;
}
.footer-border {
border-bottom: 1px solid #2e2d48;
}
.main-footer ul.menu1 {
display: flex;
align-items: center;
font-size: 16px;
line-height: 26px;
color: #a09fb0;
font-weight: 400;
font-family: "Heebo";
text-align: right;
margin-bottom: 15px;
}
.main-footer ul.menu1 a {
color: #a09fb0;
}
.main-footer ul.menu1 li {
position: relative;
}
.main-footer ul.menu1 li:after {
position: relative;
content: '.';
margin: 0 14px;
}
.main-footer ul.menu1 li:last-child:after {
display: none;
}
.main-footer ul.menu1 a:hover {
color: #fff;
}
.main-footer h4,
.main-footer h2 {
position: relative;
font-size: 22px;
line-height: 34px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
margin-bottom: 20px;
}
ul.link-widget-1-list {
font-size: 16px;
line-height: 36px;
color: #a09fb0;
font-weight: 400;
font-family: "Heebo";
}
ul.link-widget-1-list a {
color: #a09fb0;
}
ul.link-widget-1-list a:hover {
color: #fff;
text-decoration: underline;
}
.main-footer p.mail_note {
position: relative;
padding-left: 60px;
margin-bottom: 25px;
}
.main-footer p.mail_note i {
position: absolute;
left: 0;
top: 8px;
width: 44px;
height: 44px;
background-color: var(--theme-color);
text-align: center;
line-height: 44px;
color: #fff;
font-size: 20px;
}
p.footer_mail {
font-size: 22px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
margin-bottom: 35px;
}
p.footer_mail a {
color: #fff;
}
p.footer_mail a:hover {
color: var(--theme-color);
}
.main-footer ul.social_links a:hover {
color: #fff;
}
section.newsletter {
margin-bottom: -240px;
}
.header_top_three ul.contact-info {
font-size: 16px;
line-height: 28px;
color: #030727;
font-weight: 500;
font-family: "Heebo";
}
.header_top_three {
position: relative;
padding: 11px 0;
}
.header_top_three ul.contact-info li {
margin-right: 20px;
border-right: 1px solid #e5e9e7;
padding-right: 20px;
}
.header_top_three ul.contact-info li img {
margin-right: 10px;
}
.header_top_three ul.contact-info li:last-child {
border-right: 0;
padding: 0;
}
.header_top_three ul.menu {
font-size: 16px;
line-height: 26px;
color: #ffffff;
font-weight: 500;
font-family: "Heebo";
text-align: right;
}
.header_top_three ul.menu li:after {
position: relative;
content: '.';
margin: 0 14px;
}
.header_top_three ul.menu li a {
color: #fff;
}
.header_top_three ul.menu li a:hover {
color: var(--theme-color);
}
.header_top_three ul.menu li:last-child:after {
display: none;
}
.header-upper.header_upper_three .consult_btn a {
color: #fff;
}
.header-upper.header_upper_three .consult_btn p {
font-size: 17px;
line-height: 26px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
}
.header-upper.header_upper_three .consult_btn i {
color: #fff;
}
.main-header .header-upper.header_upper_three .inner-container {
background-image: linear-gradient(-90deg, #02b856 0%, #020627 40%, #020627 40%);
margin: 0 -50px;
padding: 0 50px;
}
.header_upper_three .main-menu .navigation>li>a {
color: #fff;
}
.header_upper_three .main-menu .navigation>li>a:hover {
color: var(--theme-color);
}
section.banner-3-section.banner-section {
margin-top: -140px;
}
.sticky_content {
position: sticky;
top: 0;
} .header-style-two .auto-container {
max-width: 100%;
padding: 0 60px;
}
.header_top_two {
background-image: linear-gradient(90deg, #fc4231 0%, #c33022 80%, #c33022 80%);
position: relative;
}
p.header_top_two_phone {
font-size: 16px;
color: #ffffff;
font-weight: 500;
font-family: "Heebo";
}
.header_top_two p {
margin: 11px 0;
}
p.header_top_two_social_links_title {
font-size: 16px;
color: #ffffff;
font-weight: 500;
font-family: "Heebo";
text-align: right;
margin-right: 15px;
}
ul.header_top_two_social_links {
font-size: 16px;
gap: 15px;
}
ul.header_top_two_social_links a {
color: #fff;
}
.main-header.header-style-two .nav-outer {
margin-left: 100px;
}
.header_upper_two .main-menu .navigation>li>a {
color: #fff;
}
.header_upper_two .main-menu .navigation>li>a:hover {
color: var(--theme-color);
}
.header_upper_two .consult_btn a {
color: #fff;
}
.header_upper_two button.theme-btn.search-toggler {
width: 44px;
height: 44px;
border-radius: 22px;
background-color: #ffffff;
font-size: 20px;
}
.header_upper_two .search-toggler_new{
width: 44px;
height: 44px;
border-radius: 22px;
background-color: #ffffff !important;
font-size: 18px !important;
color: #000000 !important;
display: flex;
align-items: center;
justify-content: center;
}
.header_upper_two button.theme-btn.search-toggler:hover {
color: #fff;
background: var(--theme-color);
}
.header_upper_two .search-toggler_new:hover{
color: #fff !important;
background: var(--theme-color) !important;
} section.banner-2-section.banner-section {
margin-top: -95px;
}
section.banner-2-section .content-box {
min-height: 820px;
padding-top: 95px;
}
section.banner-2-section .slider_image {
margin-right: -120px;
margin-top: -62px;
}
section.banner-2-section h4 {
border-bottom: 0;
padding-bottom: 0;
font-size: 22px;
line-height: 58px;
color: #fc4231;
font-weight: 600;
font-family: "Inter";
}
section.banner-2-section .content-box h1 {
font-size: 72px;
line-height: 82px;
text-transform: uppercase;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
}
section.banner-2-section .inner p {
font-size: 18px;
line-height: 30px;
color: #9fa2b3;
font-weight: 400;
font-family: "Heebo";
margin-bottom: 30px;
}
section.banner-2-section .link-box {
margin: 0 -10px;
}
section.banner-2-section a.read_more_1_btn span {
background: #222d5e;
}
section.banner-2-section .banner_shape {
width: 504px;
height: 850px;
background-image: linear-gradient(180deg, rgba(252,66,49,0.9999999999999999) 0%, rgba(252,66,49,0) 80%, rgba(252,66,49,0) 80%);
position: absolute;
top: 0;
right: -30px;
clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
}
.banner-section_two_border {
position: absolute;
height: 1px;
background-color: #ffffff;
top: 95px;
left: 60px;
right: 60px;
opacity: .15;
} footer.main-footer.footer-style-2 {
background: #111b45;
}
.main-footer.footer-style-2 h5 {
font-size: 17px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
}
.main-footer.footer-style-2 p a {
color: #9fa2b3;
}
.main-footer.footer-style-2 p a:hover {
color: var(--theme-color);
}
.main-footer.footer-style-2 a.read_more_1_btn {
color: #fff;
}
.main-footer.footer-style-2 a.read_more_1_btn:hover {
color: var(--theme-color);
}
.main-footer.footer-style-2 a.read_more_1_btn span {
background: #292843;
}
.main-footer.footer-style-2 a.read_more_1_btn:hover span {
background: var(--theme-color);
}
.footer-style-2 p.copyright_text {
padding: 41px 0;
}
.home-2-copyright{
color: #ffffff !important;
}
.home-2-copyright a{
color: var(--theme-color) !important;
}
.footer_icon_box {
position: relative;
padding: 30px 35px;
}
.footer_icon_box h4 {
font-size: 22px;
color: #1c1a1a;
font-weight: 600;
font-family: "Inter";
margin-bottom: 8px;
position: relative;
z-index: 1;
}
.footer_icon_box p {
font-size: 16px;
line-height: 26px;
color: #6f6b6a;
font-weight: 400;
font-family: "Heebo";
margin: 0;
z-index: 1;
}
.footer_icon_box .icon {
position: absolute;
right: 35px;
top: 32px;
width: 90px;
height: 90px;
border-radius: 45px;
background-color: #f6f3f3;
text-align: center;
line-height: 90px;
z-index: 1;
}
.footer_icon_box:after {
position: absolute;
content: '';
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #fff;
transform: skewX(-10deg);
}
.footer_icon_box:before {
position: absolute;
content: '';
left: 13px;
width: 100%;
height: 100%;
bottom: 13px;
transform: skewX(-10deg);
border: 1px solid var(--theme-color);
} .header_top_four {position: relative;background: var(--theme-color);padding: 12px 0 55px;}
.header_top_four p {
font-size: 16px;
line-height: 28px;
color: #e1d3f8;
font-weight: 400;
font-family: "Heebo";
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 10px;
margin: 0;
}
.header_top_four p span {
font-size: 14px;
color: #fff;
text-transform: uppercase;
}
.header_top_four p img {
position: relative;
}
.header_top_four p i {
font-size: 12px;
}
.header-upper.header_upper_four .consult_btn a {
color: #fff;
}
.header-upper.header_upper_four .consult_btn p {
font-size: 17px;
line-height: 26px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
}
.header-upper.header_upper_four .consult_btn i {
color: #fff;
}
.header-upper.header_upper_four .inner-container {
background: #140b2b;
margin: 0 -50px;
padding: 0 50px;
}
.header_upper_four .main-menu .navigation>li>a {
color: #fff;
}
.header_upper_four .main-menu .navigation>li>a:hover {
color: var(--theme-color);
}
.header-upper.header_upper_four {
margin-top: -42px;
}
.sticky-header .header-upper.header_upper_four {
margin-top: 0;
}
.header-upper.header_upper_four .auto-container {
max-width: 100%;
margin: 0 60px;
padding: 0 40px;
}
header.main-header.header-style-four .nav-outer {
margin-left: 70px;
}
.header_upper_four button.theme-btn.search-toggler {
color: #fff;
margin-right: 20px;
font-size: 22px;
background: transparent;
position: relative;
}
.header_upper_four button.theme-btn.search-toggler:before {
position: relative;
content: '';
left: 0;
width: 1px;
height: 40px;
background: rgb(255 255 255 / 15%);
top: 0;
display: inline-block;
margin-right: 26px;
vertical-align: middle;
}
.header_upper_four button.theme-btn.search-toggler:after {
position: relative;
content: '';
left: 0;
width: 1px;
height: 24px;
background: rgb(255 255 255 / 15%);
top: 0;
display: inline-block;
margin-left: 26px;
vertical-align: middle;
}
.header_upper_four .cart_btn {
font-size: 25px;
margin-right: 25px;
}
.header_upper_four .cart_btn a {
color: #fff;
}
.header_upper_four .sidemenu-nav-toggler {
background: #6425ce;
font-size: 17px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
text-align: right;
display: flex;
align-items: center;
gap: 10px;
padding: 11px 24px;
position: relative;
} header.main-header.header-style-five {
background: #222;
}
header.main-header.header-style-five .auto-container {
max-width: 1650px;
}
.header_top_five .inner-container {
border-bottom: 1px solid #224542;
padding: 15px 0;
}
.header_top_five .sidemenu-nav-toggler {
margin-right: 30px;
}
.header_top_five ul.contact-info li .icon {
width: 34px;
height: 34px;
border-radius: 17px;
background-color: #1d433f;
line-height: 34px;
}
.header_top_five ul.contact-info a {
font-size: 16px;
line-height: 28px;
color: #ffffff;
font-weight: 500;
font-family: "Heebo";
text-align: right;
display: flex;
gap: 10px;
text-align: center;
}
.header_top_five ul.contact-info {
gap: 20px;
margin-right: 50px;
}
.language_switcher p i {
color: #fff;
margin-right: 10px;
}
.language_switcher .select-box {
margin-right: 0;
}
.header_top_five .divider {
width: 1px;
background-color: rgb(255 255 255 / 15%);
}
.language_switcher .nice-select {
height: auto;
line-height: initial;
background: transparent;
padding: 0;
padding-right: 20px;
border: 0;
color: #fff;
font-weight: 400;
font-family: "Heebo";
font-size: 16px;
}
.language_switcher p {
margin: 0;
}
.language_switcher .nice-select .option {
color: #222;
}
.language_switcher .nice-select .list {
width: 130px;
left: -45px;
}
.language_switcher .nice-select:after {
right: 3px;
border-color: #fff;
}
.header_top_five .consult_btn a {
color: #fff;
}
.header_top_five .consult_btn p {
font-size: 17px;
line-height: 26px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
}
.header_top_five .consult_btn i {
color: #fff;
}
.header_upper_five button.theme-btn.search-toggler {
color: #fff;
}
.header_upper_five button.theme-btn.search-toggler:hover {
background: transparent;
}
.header_upper_five .main-menu .navigation>li {
padding: 16px 0px;
}
.header_upper_five .main-menu .navigation>li>a {
color: #fff;
}
.header_upper_five .main-menu .navigation>li>a:hover {
color: var(--theme-color);
}
.header_upper_five .left-column {
flex-grow: 1;
margin-right: 140px;
}
.header_upper_five .nav-outer {
width: 100%;
}
.header_upper_five .nav-outer .main-menu {
width: 100%;
}
.header_upper_five .main-menu .navigation {
justify-content: space-between;
}
.header_upper_five .inner-container {
border-bottom: 1px solid #224542;
} header.main-header.header-style-six {
position: relative;
}
header.main-header.header-style-six .logo {
position: absolute;
top: 0;
left: 0;
background: #fff;
padding: 44.5px 40px;
padding-right: 150px;
clip-path: polygon(0 0, 100% 0, 52% 100%, 0% 100%);
}
header.main-header.header-style-six .auto-container {
max-width: calc(50% + 600px);
margin-right: 0;
}
.header_top_six {
position: relative;
padding: 17.5px 0;
background-color: #1b1917;
}
.header_top_six .header_icon_box {
position: relative;
gap: 16px;
align-items: flex-start;
margin-right: 60px;
}
.header_top_six .header_icon_box p {
font-size: 16px;
line-height: 26px;
color: #a5a3a2;
font-weight: 400;
font-family: "Heebo";
margin-bottom: 0;
}
.header_top_six .header_icon_box i {
font-size: 55px;
color: var(--theme-color);
}
.header_top_six button.theme-btn.search-toggler {
width: 50px;
height: 50px;
background-color: #33302f;
color: #fff;
margin-right: 30px;
padding: 0px;
}
.header_top_six button.theme-btn.search-toggler:hover {
background: var(--theme-color);
}
.header-upper.header_upper_six {
margin-bottom: -80px;
}
.sticky-header .header-upper.header_upper_six {
margin-bottom: 0;
}
.header-upper.header_upper_six .main-menu .navigation>li {
padding: 23px 0;
}
.header-upper.header_upper_six .main-menu .navigation>li>a {
color: #1b1918;
}
.header-upper.header_upper_six .main-menu .navigation>li.current>a, 
.header-upper.header_upper_six .main-menu .navigation>li>a:hover {
color: #1b1918;
}
.header_phone_number {
margin-right: 50px;
}
.header_phone_number .icon {
width: 42px;
height: 42px;
border-radius: 21px;
background-color: #1c1d20;
text-align: center;
line-height: 42px;
}
.header_phone_number a {
display: flex;
align-items: center;
gap: 10px;
font-size: 17px;
line-height: 28px;
color: #1b1918;
font-weight: 600;
font-family: "Inter";
text-align: right;
}
.header_appointment_btn a {
display: flex;
align-items: center;
gap: 10px;
font-size: 17px;
line-height: 28px;
color: #1b1918;
font-weight: 600;
font-family: "Inter";
background: var(--theme-color);
padding: 12px 40px;
padding-left: 63px;
clip-path: polygon(18% 0, 100% 0, 100% 100%, 0% 100%);
}
.header_appointment_btn a:hover {
color: #fff;
}
.header_appointment_btn .icon {
width: 42px;
height: 42px;
border-radius: 21px;
background-color: #1c1d20;
text-align: center;
line-height: 42px;
}
.header_appointment_btn i {
font-size: 15px;
margin-left: 10px;
}
.header_appointment_btn {
position: relative;
margin-right: -15px;
}
.header_phone_number2 {
display: flex;
align-items: center;
gap: 10px;
} .header_top_seven .divider {
width: 1px;
background-color: #e7e5e8;
}
.header_top_seven {
position: relative;
}
.header_phone_number2 span {
font-size: 16px;
line-height: 28px;
color: #6d6b6e;
font-weight: 400;
font-family: "Heebo";
}
.header_phone_number2 a {
font-size: 20px;
line-height: 28px;
color: #1a1919;
font-weight: 600;
font-family: "Inter";
}
.header_phone_number2 a:hover {
color: var(--theme-color);
}
.header_top_seven .consult_btn {
background: #451d65;
padding: 17.5px 28px;
margin-right: 0;
}
.header_top_seven .consult_btn a {
color: #fff;
}
.header_top_seven .consult_btn p i {
color: #ae9dbc;
}
.header_user {
width: 87px;
height: 87px;
background-color: #f3f1f5;
text-align: center;
line-height: 87px;
font-size: 35px;
color: #191919;
cursor: pointer;
}
.main-header .header-upper.header_upper_seven .inner-container {
background: #451d65;
padding: 0 40px;
}
.header_upper_seven .main-menu .navigation>li {
padding: 18px 0;
}
.header_upper_seven .main-menu .navigation>li>a {
color: #fff;
}
.search_style_two {
position: relative;
}
.search_style_two input[type="search"] {
background: transparent;
border: 0;
height: 30px;
border-left: 1px solid #684882;
max-width: 185px;
}
.search_style_two button {
position: absolute;
background: transparent;
color: #fff;
cursor: pointer;
top: 3px;
right: 0;
transition: .5s;
}
.search_style_two button:hover {
color: var(--theme-color);
} .header_top_eight ul.contact-info {
font-size: 16px;
line-height: 28px;
color: #fff;
font-weight: 500;
font-family: "Heebo";
gap: 5px;
}
.header_top_eight ul.contact-info a {
color: #fff;
}
.header_top_eight ul.contact-info a:hover {
color: #000;
}
.header_top_eight .divider {
width: 1px;
background-color: #b97f73;
}
.header_top_eight {
position: relative;
}
.header_top_eight ul.contact-info li img {
margin-right: 10px;
}
.header_top_eight .inner-container {
background: var(--theme-color);
padding: 11px 30px;
}
header.main-header.header-style-eight .auto-container {
max-width: 1650px;
}
.header_top_eight .header_icon_box {
align-items: center;
gap: 10px;
}
.header_top_eight .header_icon_box p {
margin: 0;
color: #fff;
font-size: 16px;
line-height: 28px;
color: #f6f0ef;
font-weight: 500;
font-family: "Heebo";
}
.header_top_eight .header_icon_box a {
color: #fff;
}
.header_top_eight .header_icon_box a:hover {
color: #000;
}
ul.header_social_links {
color: #fff;
gap: 14px;
}
ul.header_social_links a {
color: #fff;
}
ul.header_social_links a:hover {
color: #000;
}
.header_upper_eight .sidemenu-nav-toggler {
width: 40px;
height: 40px;
background-color: #231e5c;
text-align: center;
line-height: 40px;
}
.header_upper_eight .main-menu .navigation>li {
padding: 33px 0px;
} .header_top_nine {
background: #0f0f0f;
position: relative;
padding: 17px 0 57px;
}
.header-upper.header_upper_nine .inner-container {
background: #fff;
padding: 0 30px;
margin-top: -37px;
margin-bottom: -37px;
}
.sticky-header .header-upper.header_upper_nine .inner-container {
margin-top: 0;
margin-bottom: 0;
}
.header-upper.header_upper_nine .logo {
position: absolute;
left: 50%;
top: 0;
background: var(--theme-color);
padding: 20px 35px;
transform: translateX(-50%);
}
.header-upper.header_upper_nine .main-menu .navigation>li {
padding: 20px 0;
margin-right: 45px;
}
.header-upper.header_upper_nine .main-menu .navigation>li:nth-child(3) {
margin-right: 420px;
}
.header-upper.header_upper_nine .main-menu .navigation>li>a {
color: #0f0f0f;
}
.header-upper.header_upper_nine .main-menu .navigation>li>a:hover {
color: var(--theme-color);
}
.logo_shape {
position: absolute;
left: 0;
bottom: -18px;
}
.language_switcher p i {
color: #fff;
margin-right: 10px;
}
.language_switcher .select-box {
margin-right: 0;
}
.header_top_five .divider {
width: 1px;
background-color: rgb(255 255 255 / 15%);
}
.location_switcher .nice-select {
height: auto;
line-height: initial;
background: transparent;
padding: 0;
padding-right: 20px;
border: 0;
color: #fff;
font-weight: 400;
font-family: "Heebo";
font-size: 16px;
}
.location_switcher p {
margin: 0;
color: var(--theme-color);
margin-right: 10px;
}
.location_switcher .nice-select .option {
color: #222;
}
.location_switcher .nice-select .list {
width: 130px;
}
.location_switcher .nice-select:after {
right: 3px;
border-color: #fff;
}
.header_top_nine .header_icon_box {
gap: 15px;
margin-left: 50px;
font-size: 17px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
}
.header_top_nine .header_icon_box i {
font-size: 40px;
position: relative;
top: 8px;
color: var(--theme-color);
}
.header_top_nine .header_icon_box a {
color: #fff;
}
.header_top_nine .header_icon_box p {
color: #fff;
margin-bottom: 0;
}
.header_top_nine .header_icon_box strong {
font-size: 16px;
line-height: 28px;
color: #a8a3a3;
font-weight: 400;
font-family: "Heebo";
}
.header_top_nine a.btn-1 {
background: transparent;
border: 1px solid var(--theme-color);
padding: 10px 24px;
}
.header_top_nine a.btn-1 span {
background: var(--theme-color);
} .header-upper.header_upper_ten .header_icon_box {
gap: 15px;
margin-left: 50px;
font-size: 17px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
}
.header-upper.header_upper_ten .header_icon_box i {
font-size: 40px;
position: relative;
top: 8px;
color: #fff;
}
.header-upper.header_upper_ten .header_icon_box a {
color: #fff;
}
.header-upper.header_upper_ten .header_icon_box p {
color: #fff;
margin-bottom: 0;
}
.header-upper.header_upper_ten .header_icon_box strong {
font-size: 16px;
line-height: 28px;
color: #fff;
font-weight: 400;
font-family: "Heebo";
}
.header-upper.header_upper_ten a.btn-1 {
background: #363283;
margin-left: 45px;
}
.header-upper.header_upper_ten a.btn-1 span {
background: var(--theme-color);
}
.header-upper.header_upper_ten .auto-container {
max-width: 100%;
padding: 0 100px;
}
.header-upper.header_upper_ten .header_shape_ourter {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
bottom: 0;
width: 500px;
}
.header-upper.header_upper_ten .header_shape {
width: 479px;
height: 478px;
background-color: #ef592a;
position: absolute;
top: 0;
right: 0;
clip-path: polygon(0 0, 100% 100%, 100% 0);
mix-blend-mode: multiply;
z-index: -47;
} header.main-header.header-style-eleven {
position: absolute;
}
.header-upper.header-upper-eleven {
background: #fff;
}
header.main-header.header-style-eleven .auto-container {
max-width: 100%;
padding: 0 60px;
}
.header-upper.header-upper-eleven .logo {
margin-right: 80px;
}
.header-upper.header-upper-eleven .search_style_two button {
color: #222;
}
.header-upper.header-upper-eleven .search_style_two {
margin-right: 30px;
}
.header-upper.header-upper-eleven .search_style_two input[type="search"] {
color: #a49c9e;
border-color: #e5e1e3;
}
.header_top_eleven ul.header_menu {
display: flex;
}
.header_top_eleven ul.header_menu li {
margin-right: 15px;
color: #fff;
}
.header_top_eleven ul.header_menu li:after {
display: inline-block;
content: '.';
margin-left: 15px;
}
.header_top_eleven ul.header_menu li:last-child:after {
display: none;
}
.header_top_eleven ul.header_menu a {
font-size: 16px;
line-height: 26px;
color: #fff;
font-weight: 400;
font-family: "Heebo";
}
.header_top_eleven ul.header_menu a:hover {
color: var(--theme-color);
}
.header_top_eleven .header_icon_box {
gap: 15px;
font-size: 16px;
line-height: 28px;
color: #ffffff;
font-weight: 400;
font-family: "Heebo";
align-items: center;
}
.header_top_eleven .header_icon_box i {
font-size: 20px;
position: relative;
color: var(--theme-color);
}
.header_top_eleven .header_icon_box a {
color: #fff;
}
.header_top_eleven .header_icon_box p {
color: #fff;
margin-bottom: 0;
}
.header_top_eleven .divider {
width: 1px;
background-color: rgb(255 255 255 / 20%);
}
.header_top_eleven {
padding: 10px 0;
} .header_top_twelve {
background-image: linear-gradient(90deg, #181429 0%, #360e2b 100%);
padding: 10px 0;
}
header.main-header.header-style-twelve .auto-container {
max-width: 100%;
padding: 0 60px;
}
.header_top_twelve ul.header_menu {
display: flex;
}
.header_top_twelve ul.header_menu li {
margin-right: 15px;
color: #fff;
}
.header_top_twelve ul.header_menu li:after {
display: inline-block;
content: '.';
margin-left: 15px;
}
.header_top_twelve ul.header_menu li:last-child:after {
display: none;
}
.header_top_twelve ul.header_menu a {
font-size: 16px;
line-height: 26px;
color: #fff;
font-weight: 400;
font-family: "Heebo";
}
.header_top_twelve ul.header_menu a:hover {
color: var(--theme-color);
}
.header_top_twelve .header_icon_box {
gap: 15px;
font-size: 16px;
line-height: 28px;
color: #ffffff;
font-weight: 400;
font-family: "Heebo";
align-items: center;
}
.header_top_twelve .header_icon_box i {
font-size: 20px;
position: relative;
color: #fff;
}
.header_top_twelve .header_icon_box a {
color: #fff;
}
.header_top_twelve .header_icon_box p {
color: #fff;
margin-bottom: 0;
}
.header_top_twelve .divider {
width: 1px;
background-color: rgb(255 255 255 / 20%);
}
.header-upper.header-upper-twelve .logo {
margin-right: 20px;
}
.header-upper.header-upper-twelve .user_btn {
margin-left: 40px;
color: #222;
font-size: 25px;
border-right: 1px solid #e6e5ed;
padding-right: 20px;
margin-right: 20px;
}
.header-upper.header-upper-twelve .cart_btn {
font-size: 25px;
margin-right: 40px;
}
.header-upper.header-upper-twelve a.btn-1 {
border-radius: 25px;
background-image: linear-gradient(90deg, #532cf6 0%, #f325b9 100%);
}
.header_top_twelve .language_switcher .select-box {
margin-right: 0;
}
.search_style_three .nice-select {
height: auto;
line-height: initial;
background: transparent;
padding: 0;
padding-right: 20px;
border: 0;
color: #222;
font-weight: 400;
font-family: "Heebo";
font-size: 16px;
}
.search_style_three .nice-select .option {
color: #222;
}
.search_style_three .nice-select .list {
width: 130px;
right: -19px;
left: auto;
transform: translateY(10px);
}
.search_style_three .nice-select:after {
right: 3px;
border-color: #a8a4b8;
}
.search_style_three {position: relative;}
.search_style_three input[type="search"] {
width: 370px;
height: 50px;
border-radius: 25px;
background-color: #f6f5f9;
padding-left: 59px;
font-size: 16px;
color: #a5a1b3;
font-weight: 400;
font-family: "Heebo";
}
.search_style_three button {
position: absolute;
top: 13px;
left: 30px;
background: transparent;
transition: .5s;
cursor: pointer;
}
.search_style_three button:hover {
color: var(--theme-color);
}
.search_style_three .select-box {
position: absolute;
right: 21px;
top: 13px;
padding-left: 15px;
border-left: 1px solid #d7d6e0;
} .header-style-thirteen {
position: absolute;
}
.header-style-thirteen .auto-container {
max-width: 100%;
padding: 0 60px;
}
.header-upper.header_upper_thirteen .header_icon_box {
gap: 15px;
margin-left: 50px;
font-size: 17px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
}
.header-upper.header_upper_thirteen .header_icon_box i {
font-size: 24px;
position: relative;
top: 8px;
color: var(--theme-color);
width: 42px;
height: 42px;
border-radius: 21px;
background-color: #ffffff;
text-align: center;
line-height: 42px;
}
.header-upper.header_upper_thirteen .header_icon_box a {
color: #fff;
}
.header-upper.header_upper_thirteen .header_icon_box a:hover{
color: var(--theme-color);
}
.header-upper.header_upper_thirteen .header_icon_box p {
color: #fff;
margin-bottom: 0;
line-height: 26px;
}
.header-upper.header_upper_thirteen .header_icon_box strong {
font-size: 16px;
line-height: 28px;
color: #fff;
font-weight: 400;
font-family: "Heebo";
}
.header-upper.header_upper_thirteen .user_btn {
margin-left: 40px;
color: #fff;
font-size: 22px;
}
.header-upper.header_upper_thirteen .cart_btn {
font-size: 25px;
color: #fff;
}
.header_upper_thirteen .divider {
width: 1px;
background-color: rgb(255 255 255 / 20%);
}
.header_upper_thirteen .main-menu .navigation>li>a {
color: #fff;
}
.header-upper.header_upper_thirteen .user_btn a {
color: #fff;
}
.header-upper.header_upper_thirteen .cart_btn a {
color: #fff;
} .header_upper_fourteen .header_icon_box {
gap: 15px;
font-size: 16px;
line-height: 28px;
color: #060700;
font-weight: 400;
font-family: "Heebo";
align-items: center;
}
.header_upper_fourteen .header_icon_box i {
font-size: 26px;
position: relative;
color: #060700;
}
.header_upper_fourteen .header_icon_box a {
color: #060700;
}
.header_upper_fourteen .header_icon_box p {
color: #060700;
margin-bottom: 0;
}
header.main-header.header-style-fourteen {
position: absolute;
}
header.main-header.header-style-fourteen .auto-container {
max-width: 100%;
padding: 0 60px;
}
.header-upper.header_upper_fourteen .logo {
margin-right: 30px;
}
.header-upper.header_upper_fourteen .search_style_two input[type="search"] {
color: #687e05;
border-color: #94b403;
}
.header-upper.header_upper_fourteen .search_style_two button {
color: #262f00;
}
.header-upper.header_upper_fourteen .language_switcher p i {
color: #060700;
}
.header-upper.header_upper_fourteen .language_switcher .nice-select {
color: #060700;
}
.header-upper.header_upper_fourteen .language_switcher .nice-select:after {
border-color: #060700;
}
.header-upper.header_upper_fourteen .language_switcher {
margin-right: 50px;
}
.header-upper.header_upper_fourteen .main-menu .navigation>li.current>a, 
.header-upper.header_upper_fourteen .main-menu .navigation>li>a:hover,
.header-upper.header_upper_fourteen .main-menu .navigation>li>a {
color: #060700;
} header.main-header.header-style-fifteen {
position: absolute;
}
header.main-header.header-style-fifteen .auto-container {
max-width: 100%;
padding: 0 60px;
}
.header_top_fifteen {
background-image: linear-gradient(-90deg, #120617 5%, #130618 5%, #a60ae4 100%);
padding: 10px 0;
}
.header_top_fifteen p.welcome_title {
margin-bottom: 0;
font-size: 16px;
line-height: 28px;
color: #ffffff;
font-weight: 400;
font-family: "Heebo";
text-align: right;
}
.header_top_fifteen p.welcome_title a {
font-size: 17px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
text-align: right;
}
.header_top_fifteen p.welcome_title a i {
font-size: 12px;
margin-right: 7px;
margin-left: 10px;
}
.header_top_fifteen p.welcome_title a:hover {
color: #222;
}
.header_top_fifteen .header_icon_box {
gap: 15px;
font-size: 16px;
line-height: 28px;
color: #ffffff;
font-weight: 400;
font-family: "Heebo";
align-items: center;
}
.header_top_fifteen .header_icon_box i {
font-size: 20px;
position: relative;
color: var(--theme-color);
}
.header_top_fifteen .header_icon_box a {
color: #fff;
}
.header_top_fifteen .header_icon_box a:hover {
color: var(--theme-color);
}
.header_top_fifteen .header_icon_box p {
color: #fff;
margin-bottom: 0;
}
.header_upper_fifteen .header_icon_box {
gap: 8px;
font-size: 16px;
line-height: 28px;
color: #fff;
font-weight: 400;
font-family: "Heebo";
align-items: center;
}
.header_upper_fifteen .header_icon_box i {
font-size: 26px;
position: relative;
color: var(--theme-color);
}
.header_upper_fifteen .header_icon_box a {
color: #fff;
}
.header_upper_fifteen .header_icon_box p {
color: #060700;
margin-bottom: 0;
}
.header_upper_fifteen .main-menu .navigation>li>a {
color: #fff;
}
.header_upper_fifteen .main-menu .navigation>li.current>a, 
.header_upper_fifteen .main-menu .navigation>li>a:hover {
color: #fff;
}
.header_upper_fifteen button.theme-btn.search-toggler {
color: #fff;
}
.header_upper_fifteen .divider {
width: 1px;
background-color: rgb(255 255 255 / 20%);
} .header_upper_sixteen .header_icon_box {
gap: 15px;
font-size: 16px;
line-height: 28px;
color: #060700;
font-weight: 400;
font-family: "Heebo";
align-items: center;
}
.header_upper_sixteen .header_icon_box i {
font-size: 26px;
position: relative;
color: #fff;
}
.header_upper_sixteen .header_icon_box a {
color: #fff;
}
.header_upper_sixteen .header_icon_box a:hover {
color: var(--theme-color)
}
.header_upper_sixteen .header_icon_box p {
color: #fff;
margin-bottom: 0;
}
header.main-header.header-style-sixteen {
position: absolute;
}
header.main-header.header-style-sixteen .auto-container {
max-width: 100%;
padding: 0 60px;
}
.header-upper.header_upper_sixteen .logo {
margin-right: 115px;
}
.header-upper.header_upper_sixteen .main-menu .navigation>li.current>a, 
.header-upper.header_upper_sixteen .main-menu .navigation>li>a:hover,
.header-upper.header_upper_sixteen .main-menu .navigation>li>a {
color: #fff;
}
.header-upper.header_upper_sixteen .language_switcher p i {
color: #fff;
}
.header-upper.header_upper_sixteen .language_switcher .nice-select {
color: #fff;
}
.header-upper.header_upper_sixteen .language_switcher .nice-select:after {
border-color: #fff;
}
.header-upper.header_upper_sixteen .language_switcher {
margin-right: 50px;
}
.header_top_sixteen .search_style_two input[type="search"] {
color: #fff;
border-color: transparent;
}
.header_top_sixteen .search_style_two button {
color: #fff;
}
.header_top_sixteen .header_user_login p {
margin: 12px 0;
font-size: 16px;
line-height: 26px;
color: #cbd8f2;
font-weight: 400;
font-family: "Heebo";
margin-right: 10px;
}
.header_top_sixteen .header_user_login p i {
color: #fff;
margin-right: 10px;
}
.header_top_sixteen .header_user_login .select-box {
margin-right: 0;
}
.header_top_sixteen .header_user_login ul.header_menu a {
font-size: 16px;
line-height: 26px;
color: #a09fb0;
font-weight: 400;
font-family: "Heebo";
}
.header_top_sixteen .header_user_login ul.header_menu a:hover {
color: var(--theme-color);
}
.header_top_sixteen .header_user_login .divider {
width: 20px;
height: 1px;
background-color: #3e3c57;
}
.header_top_sixteen .header_user_login .nice-select {
height: auto;
line-height: initial;
background: transparent;
padding: 0;
padding-right: 20px;
border: 0;
color: #fff;
font-weight: 400;
font-family: "Heebo";
font-size: 16px;
}
.header_top_sixteen .header_user_login .nice-select .option {
color: #222;
}
.header_top_sixteen .header_user_login .nice-select .list {
width: 130px;
}
.header_top_sixteen .header_user_login .nice-select:after {
right: 3px;
border-color: #fff;
}
.header_top_sixteen p.welcome_title {
margin-bottom: 0;
}
.header_top_sixteen p.welcome_title a {
font-size: 16px;
line-height: 28px;
color: #ffffff;
font-weight: 400;
font-family: "Inter";
}
.header_top_sixteen p.welcome_title a i {
font-size: 12px;
margin-right: 10px;
color: #969daa;
}
.header_top_sixteen p.welcome_title a:hover {
color: var(--theme-color);
}
.header_top_sixteen {
position: relative;
background: rgb(255 255 255 / 9%);
}
.header_top_sixteen .divider {
opacity: 0.122;
width: 30px;
height: 1px;
background-color: #ffffff;
display: inline-block;
} header.main-header.header-style-seventeen {
position: absolute;
}
header.main-header.header-style-seventeen .auto-container {
max-width: calc(50% + 585px);
margin-right: 0;
padding: 0;
}
header.main-header.header-style-seventeen .inner-container {
background: #fff;
}
header.main-header.header-style-seventeen .header-upper .logo-box .logo {
padding: 28px 40px 54px;
padding-right: 80px;
margin-bottom: -26px;
background-repeat: no-repeat;
background-position: right bottom;
}
header.main-header.header-style-seventeen .nav-outer {
margin-right: 70px;
}
.header_upper_seventeen button.theme-btn.search-toggler {
color: #222 !important;
margin-right: 20px;
font-size: 22px;
background: transparent;
position: relative;
padding: 0px;
}
.header_upper_seventeen button.theme-btn.search-toggler:after {
position: relative;
content: '';
left: 0;
width: 1px;
height: 24px;
background: #e9e2e1;
top: 0;
display: inline-block;
margin-left: 26px;
vertical-align: middle;
}
.header_upper_seventeen .cart_btn {
font-size: 25px;
margin-right: 50px;
}
.header_upper_seventeen .cart_btn a {
color: #222;
}
.header_upper_seventeen .sidemenu-nav-toggler {
font-size: 17px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
display: flex;
align-items: center;
gap: 10px;
text-align: center;
position: relative;
width: 90px;
height: 90px;
background-color: #fe4a47;
justify-content: center;
}
.header-style-seventeen .main-menu .navigation>li>a {
color: #060700;
}
.main-menu .navigation>li.current>a, .main-menu .navigation>li>a:hover {
color: var(--theme-color);
}
header.main-header.header-style-seventeen .header_icon_box {
background-color: #1b1b26;
padding: 14.5px 30px;
font-size: 17px;
line-height: 26px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
gap: 15px;
align-items: center;
}
header.main-header.header-style-seventeen .header_icon_box p {
margin-bottom: 0;
}
header.main-header.header-style-seventeen .header_icon_box a {
color: #fff;
}
header.main-header.header-style-seventeen .header_icon_box i {
font-size: 40px;
color: var(--theme-color);
} .header_upper_eighteen .main-menu .navigation>li>a {
color: #522058;
}
.header_upper_eighteen button.theme-btn.search-toggler {
margin: 0 40px;
margin-right: 30px;
color: #522058 !important;
top: 2px;
margin-right: 0px;
position: relative;
}
.header_upper_eighteen .sidemenu-nav-toggler{
background: transparent;
}
.header_bottom_eighteen {
background: #331737;
margin: 0 100px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding: 10px 0;
}
.header_bottom_eighteen p.header_bottom_link {
margin: 0;
}
.header_bottom_eighteen p.header_bottom_link a {
color: #fff;
font-size: 17px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
text-align: right;
}
.header_bottom_eighteen p.header_bottom_link a i {
margin-right: 10px;
font-size: 14px;
color: #968c98;
display: inline-block;
transition: .5s;
}
.header_bottom_eighteen p.header_bottom_link a:hover i {
transform: rotate(45deg);
} .banner-section{
position: relative;
overflow: hidden;
background-color: #faf3fb;
}
.header-style-eighteen{
background-color: #faf3fb;
}
.banner-section .swiper-slide{
position: relative;
width: 100%;
padding: 188px 0px 190px 0px;
}
.banner-section-one .swiper-slide:before{
position: absolute;
content: '';
width: 100%;
height: 100%;
background: -webkit-linear-gradient(0deg, rgba(5,14,121,0.9) 5%, rgba(5,14,121,0.0) 50%);
top: 0px;
right: 0px;
z-index: 1;
}
.banner-section .content-box{
position: relative;
max-width: 770px;
width: 100%;
z-index: 5;
}
.banner-section .swiper-slide .bg-layer{
position: absolute;
right: 0px;
top: 0px;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: left center;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
-webkit-transition: all 8000ms linear;
-moz-transition: all 8000ms linear;
-ms-transition: all 8000ms linear;
-o-transition: all 8000ms linear;
transition: all 8000ms linear;
}
.banner-section .swiper-slide.swiper-slide-active .bg-layer{
-webkit-transform:scale(1.25);
-ms-transform:scale(1.25);
transform:scale(1.25);
}
.banner-section .content-box h2{
display: block;
font-size: 72px;
line-height: 82px;
color: #fff;
font-weight: 600;
margin-bottom: 29px;
opacity: 0;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section .swiper-slide.swiper-slide-active .content-box h2{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
-ms-transition-delay: 700ms;
-o-transition-delay: 700ms;
transition-delay: 700ms;
}
.banner-section-one .content-box h3{
display: block;
font-size: 24px;
line-height: 34px;
color: #fff;
font-weight: 600;
margin-bottom: 34px;
padding-bottom: 21px;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.banner-section .content-box h3{
opacity: 0;
-webkit-transform: translateX(-50px);
-moz-transform: translateX(-50px);
-ms-transform: translateX(-50px);
-o-transform: translateX(-50px);
transform: translateX(-50px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section .swiper-slide.swiper-slide-active .content-box h3{
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.banner-section .content-box p{
display: block;
font-size: 18px;
line-height: 30px;
color: #fff;
font-weight: 400;
margin-bottom: 0px;
opacity: 0;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section .swiper-slide.swiper-slide-active .content-box p{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1300ms;
-moz-transition-delay: 1300ms;
-ms-transition-delay: 1300ms;
-o-transition-delay: 1300ms;
transition-delay: 1300ms;
}
.banner-section .content-box .btn-box{
display: block;
opacity: 0;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section .swiper-slide.swiper-slide-active .content-box .btn-box{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1600ms;
-moz-transition-delay: 1600ms;
-ms-transition-delay: 1600ms;
-o-transition-delay: 1600ms;
transition-delay: 1600ms;
}
.banner-section-one .content-box .link-box{
position: absolute;
right: 0px;
bottom: 8px;
}
.banner-section-one .content-box .link-box a{
position: relative;
display: inline-block;
font-size: 40px;
color: #fff;
transform: scale(0,0);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section-one .swiper-slide-active .content-box .link-box a{
transform: scale(1,1);
-webkit-transition-delay: 1300ms;
-moz-transition-delay: 1300ms;
-ms-transition-delay: 1300ms;
-o-transition-delay: 1300ms;
transition-delay: 1300ms;
} .banner-section-two{
position: relative;
padding: 235px 0px 150px 0px;
margin-top: -90px;
}
.banner-section-two .bg-layer{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.banner-section-two .bg-layer:before{
position: absolute;
content: '';
background: #121b45;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
opacity: 0.45;
}
.banner-section-two .content-box{
position: relative;
display: block;
max-width: 550px;
z-index: 5;
}
.banner-section-two .content-box h3{
position: relative;
display: block;
font-size: 22px;
line-height: 32px;
font-weight: 600;
color: var(--theme-color);
margin-bottom: 18px;
}
.banner-section-two .content-box h2{
display: block;
font-size: 72px;
line-height: 82px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 20px;
}
.banner-section-two .content-box p{
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #9fa2b3;
margin-bottom: 30px;
}
.banner-section-two .content-box .link a{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 26px;
font-family: 'Inter', sans-serif;
color: #fff;
font-weight: 600;
padding-left: 37px;
}
.banner-section-two .content-box .link a:hover{
color: var(--theme-color);
}
.banner-section-two .content-box .link a i{
position: absolute;
display: inline-block;
left: 0px;
top: 0px;
width: 26px;
height: 26px;
line-height: 26px;
font-size: 12px;
color: #fff;
text-align: center;
background: #222d5e;
}
.banner-section-two .image-layer{
position: absolute;
right: 250px;
bottom: 0px;
z-index: 1;
}
.banner-section-two .image-layer .shape{
position: absolute;
right: 110px;
top: -33px;
width: 470px;
height: 679px;
background-repeat: no-repeat;
z-index: -1;
} .banner-section-three{
margin-top: -140px;
}
.banner-section-three .content-box{
max-width: 550px;
}
.banner-section-three .content-box h3{
position: relative;
display: block;
font-size: 22px;
line-height: 32px;
font-weight: 600;
color: var(--theme-color);
margin-bottom: 20px;
}
.banner-section-three .content-box h2{
font-size: 60px;
line-height: 70px;
color: #030727;
font-weight: 700;
margin-bottom: 22px;
}
.banner-section-three .content-box p{
color: #696b6a;
margin-bottom: 31px;
}
.banner-section-three .swiper-slide .bg-layer{
width: 50%;
transform: scale(1) !important;
}
.banner-section-three .swiper-slide .bg-layer:before{
position: absolute;
content: '';
background: #030727;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
opacity: 0;
}
.banner-section-three .swiper-slide{
padding: 288px 0px 255px 0px;
}
.banner-section-three .content-box .btn-box .btn-1{
padding: 14px 25px;
}
.banner-section-three .banner-slider-nav{
position: absolute;
left: 60px;
top: 50%;
height: 266px;
margin-top: -133px;
z-index: 9;
}
.banner-section-three .banner-slider-nav .banner-slider-control{
position: absolute;
left: 0px;
display: inline-block;
font-size: 34px;
color: #030727;
cursor: pointer;
transition: all 500ms ease;
}
.banner-section-three .banner-slider-nav .banner-slider-control.banner-slider-button-prev{
top: 0px;
}
.banner-section-three .banner-slider-nav .banner-slider-control.banner-slider-button-next{
bottom: 0px;
}
.banner-section-three .banner-slider-nav .banner-slider-control:hover{
color: var(--theme-color);
}
.banner-section-three .slider__pagination{
position: absolute;
left: 68px !important;
top: 50%;
margin-top: -105px;
z-index: 9;
width:auto !important;
counter-reset: slides-num;
}
.banner-section-three .slider__pagination .swiper-pagination-bullet {
position: relative;
width: 3px;
height: 70px;
background-color: #e5e9e7;
opacity: 1;
margin: 0px;
border-radius: 0px;
display: block;
cursor: pointer;
counter-increment: slides-num;
}
.banner-section-three .slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--theme-color);
}
.banner-section-three .slider__pagination .swiper-pagination-bullet::after {
position: absolute;
right: -45px;
top: 21px;
content: "0" counter(slides-num);
display: inline-block;
font-size: 24px;
color: var(--theme-color);
font-weight: 600;
font-family: 'inter', sans-serif;
opacity: 0;
transition: all 500ms ease;
}
.banner-section-three .slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
opacity: 1;
} .footer-style-three{
position: relative;
background: #030727;
}
.footer-style-three .widget-section{
position: relative;
padding: 93px 0px 83px 0px;
}
footer .widget-title{
position: relative;
display: block;
margin-bottom: 21px;
}
footer .widget-title h3{
font-size: 22px;
line-height: 32px;
color: #fff;
font-weight: 600;
}
.footer-style-three .links-widget .links-list li{
position: relative;
display: block;
margin-bottom: 9px;
}
.footer-style-three .links-widget .links-list li a{
display: inline-block;
color: #9698a7;
}
.footer-style-three .links-widget .links-list li a:before{
position: absolute;
content: '';
background: var(--theme-color);
width: 5px;
height: 5px;
left: 0px;
top: 10px;
transform: rotate(45deg);
opacity: 0;
transition: all 500ms ease;
}
.footer-style-three .links-widget .links-list li a:hover:before{
opacity: 1;
}
.footer-style-three .links-widget .links-list li a:hover{
color: var(--theme-color);
padding-left: 16px;
}
.footer-style-three .post-widget .post{
position: relative;
padding: 0px 0px 0px 90px;
margin-bottom: 20px;
min-height: 85px;
}
.footer-style-three .post-widget .post .post-thumb{
position: absolute;
left: 0px;
top: 7px;
width: 70px;
height: 70px;
}
.footer-style-three .post-widget .post h6 a{
position: relative;
display: block;
font-size: 14px;
line-height: 24px;
font-weight: 700;
text-transform: uppercase;
color: var(--theme-color);
margin-bottom: 7px;
}
.footer-style-three .post-widget .post h5{
position: relative;
display: block;
font-size: 17px;
line-height: 27px;
font-weight: 600;
}
.footer-style-three .post-widget .post h5 a{
display: inline-block;
color: #fff;
}
.footer-style-three .post-widget .post h5 a:hover{
color: var(--theme-color);
}
.footer-style-three .post-widget .link-btn a{
position: relative;
display: inline-block;
font-size: 17px;
line-height: 27px;
font-family: 'Inter', sans-serif;
color: #fff;
font-weight: 600;
padding-left: 40px;
}
.footer-style-three .post-widget .link-btn a:hover{
color: var(--theme-color);
}
.footer-style-three .post-widget .link-btn a i{
position: absolute;
display: inline-block;
left: 0px;
top: 0px;
width: 26px;
height: 26px;
line-height: 26px;
font-size: 12px;
color: #fff;
background: #141834;
text-align: center;
transition: all 500ms ease;
}
.footer-style-three .subscribe-widget p{
font-size: 16px;
color: #9698a7;
line-height: 26px;
margin-bottom: 20px;
}
.footer-style-three .subscribe-widget .form-inner .form-group{
position: relative;
margin-bottom: 15px;
}
.footer-style-three .subscribe-widget .form-inner .form-group:last-child{
margin-bottom: 0px;
}
.footer-style-three .subscribe-widget .form-inner .form-group input[type='email']{
position: relative;
display: block;
width: 100%;
height: 54px;
font-size: 16px;
color: #4b4e66;
border: none;
border-bottom: 1px solid #1e2349;
margin-bottom: 20px;
background: transparent;
padding: 0px;
transition: all 500ms ease;
}
.footer-style-three .subscribe-widget .form-inner .form-group input:focus{
border-color: var(--theme-color);
color: #fff;
}
.footer-style-three .subscribe-widget .form-inner .form-group button[type='submit']{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 28px;
font-family: 'Inter', sans-serif;
color: #fff;
font-weight: 600;
background: #141834;
padding: 8px 22px;
cursor: pointer;
transition: all 500ms ease;
}
.footer-style-three .subscribe-widget .form-inner .form-group button[type='submit']:hover{
background: var(--theme-color);
}
footer .check-box input {
display: none;
}
footer .check-box label {
position: relative;
font-size: 14px;
color: #9698a7;
padding-left: 24px;
display: inline-block;
cursor: pointer;
margin-bottom: 0px;
}
footer .check-box label:before{
position: absolute;
content: '';
left: 0px;
top: 6px;
width: 16px;
height: 16px;
border-style: solid;
border-width: 1px;
border-color: #1e2349;
background: transparent;
}
footer .check-box label:after {
position: absolute;
content: '';
left: 5px;
top: 11px;
width: 6px;
height: 6px;
background: var(--theme-color);
opacity: 0;
transition: all 500ms ease;
}
footer .check-box input:checked + label:after {
opacity: 0.5;
}
.footer-bottom{
position: relative;
width: 100%;
background: #141834;
padding: 22px 0px;
}
.footer-bottom .bottom-inner{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-bottom .bottom-inner p{
font-size: 16px;
color: #9698a7;
margin-bottom: 0px;
}
.footer-bottom .bottom-inner p a{
display: inline-block;
color: var(--theme-color);
}
.footer-bottom .bottom-inner p a:hover{
text-decoration: underline;
}
.footer-bottom .footer-nav{
position: relative;
display: flex;
align-items: center;
}
.footer-bottom .footer-nav li{
position: relative;
margin-right: 28px;
}
.footer-bottom .footer-nav li:last-child{
margin: 0px !important;
}
.footer-bottom .footer-nav li:before{
position: absolute;
content: '';
background: #9698a7;
width: 2px;
height: 2px;
top: 12px;
right: -15px;
}
.footer-bottom .footer-nav li:last-child:before{
display: none;
}
.footer-bottom .footer-nav li a{
position: relative;
display: inline-block;
font-size: 16px;
font-family: 'Heebo', sans-serif;
color: #9698a7;
}
.footer-bottom .footer-nav li a:hover{
color: #fff;
} .banner-section-four{
margin-top: -48px;
}
.banner-section-four .content-box{
margin: 0 auto;
text-align: center;
max-width: 950px;
}
.banner-section-four .content-box h2{
font-size: 90px;
line-height: 100px;
font-weight: 700;
margin-bottom: 16px;
}
.banner-section-four .content-box p{
margin-bottom: 40px;
}
.banner-section-four .swiper-slide .pattern-layer{
position: absolute;
left: 0px;
top: 0px;
right: 0px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: top center;
}
.banner-section-four .swiper-slide{
padding: 210px 0px 265px 0px;
}
.banner-section-four .content-box .btn-1{
background: transparent;
color: #fff;
border: 1px solid #fff;
padding: 13px 24px;
}
.banner-section-four .banner-slider-nav{
position: absolute;
left: 0px;
top: 50%;
margin-top: -28px;
width: 100%;
z-index: 9;
}
.banner-section-four .banner-slider-nav .banner-slider-control{
position: absolute;
top: 0px;
display: inline-block;
width: 56px;
height: 56px;
line-height: 62px;
background: #fff;
text-align: center;
font-size: 24px;
color: #3c344f;
cursor: pointer;
transition: all 500ms ease;
}
.banner-section-four .banner-slider-nav .banner-slider-control:hover{
color: #fff;
background: var(--theme-color);
}
.banner-section-four .banner-slider-nav .banner-slider-control.banner-slider-button-prev{
left: 60px;
}
.banner-section-four .banner-slider-nav .banner-slider-control.banner-slider-button-next{
right: 60px;
} .footer-style-four{
position: relative;
background: #140b2a;
padding-top: 228px;
}
.footer-style-four .footer-top .footer-logo{
position: relative;
display: block;
margin-bottom: 13px;
}
.footer-style-four .footer-top .copyright p{
font-size: 16px;
line-height: 28px;
color: #a09ca9;
}
.footer-style-four .footer-top .copyright p a{
display: inline-block;
color: #fff;
}
.footer-style-four .footer-top .copyright p a:hover{
color: var(--theme-color);
}
.footer-style-four .footer-top h2{
position: relative;
display: block;
font-size: 26px;
line-height: 36px;
color: #fff;
font-weight: 600;
}
.footer-style-four .footer-top h2 i{
position: relative;
font-size: 12px;
color: #e4e3e7;
margin-left: 9px;
top: 0px;
}
.footer-style-four .footer-top{
margin-bottom: 48px;
}
.footer-style-four .contact-widget p{
position: relative;
font-size: 16px;
color: #a09ca9;
margin-bottom: 19px;
}
.footer-style-four .contact-widget p strong{
color: #fff;
font-weight: 400;
}
.footer-style-four .contact-widget p span{
color: var(--theme-color);
}
.footer-style-four .contact-widget .info-list li{
position: relative;
display: inline-block;
float: left;
width: 50%;
font-size: 16px;
line-height: 26px;
color: #a09ca9;
}
.footer-style-four .contact-widget .info-list li a{
display: inline-block;
color: #a09ca9;
}
.footer-style-four .contact-widget .info-list li a:hover{
color: #fff;
}
.footer-style-four .widget-section{
margin-bottom: 100px;
}
.footer-style-four .social-links{
position: relative;
display: flex;
align-items: center;
}
.footer-style-four .social-links li{
margin-right: 10px;
}
.footer-style-four .social-links li:last-child{
margin: 0px !important;
}
.footer-style-four .social-links li a{
position: relative;
display: inline-block;
width: 45px;
height: 45px;
line-height: 49px;
background: #fff;
text-align: center;
border-radius: 50%;
font-size: 18px;
color: #a39fa8;
}
.footer-style-four .social-links li a:hover{
color: #fff;
background: var(--theme-color);
}
.footer-style-four .links-widget li{
position: relative;
display: block;
margin-bottom: 9px;
}
.footer-style-four .links-widget li a{
font-size: 16px;
line-height: 26px;
color: #a09ca9;
}
.footer-style-four .links-widget li a:hover{
color: #fff;
}
.footer-style-four .pattern-layer{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
}
.footer-style-four .footer-bottom{
background: var(--theme-color);
}
.footer-style-four .footer-bottom .footer-nav li a{
color: #fff;
}
.footer-style-four .footer-bottom .footer-nav li a:hover{
text-decoration: underline;
}
.footer-style-four .footer-bottom .scroll-top-inner{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 28px;
font-family: 'Inter', sans-serif;
color: #fff;
font-weight: 600;
cursor: pointer;
}
.footer-style-four .footer-bottom .scroll-top-inner i{
position: relative;
margin-left: 9px;
font-size: 12px;
font-weight: 400;
}
header.main-header.header-style-five{
background: transparent !important;
} .banner-section-five{
position: relative;
overflow: hidden;
padding: 270px 0px 245px 0px;
margin-top: -150px;
background: -webkit-linear-gradient(-90deg, #0a1f1b 0%, #103e3c 100%);
}
.banner-section-five .outer-container{
padding: 0px 150px;
max-width: 1920px;
margin: 0 auto;
}
.banner-section-five .content-box{
position: relative;
display: block;
max-width: 570px;
}
.banner-section-five .content-box h2{
font-size: 72px;
line-height: 82px;
color: #fff;
font-weight: 600;
margin-bottom: 34px;
}
.banner-section-five .content-box h2 span{
color: var(--theme-color);
}
.banner-section-five .content-box .author-inner{
position: relative;
display: flex;
align-items: center;
margin-bottom: 46px;
}
.banner-section-five .content-box .author-inner .thumb-list li{
position: relative;
display: inline-block;
width: 54px;
height: 54px;
border-radius: 50%;
border: 2px solid #0e3432;
margin-right: -15px;
}
.banner-section-five .content-box .author-inner .thumb-list li img{
width: 100%;
border-radius: 50%;
}
.banner-section-five .content-box .author-inner p{
font-size: 16px;
line-height: 26px;
color: #a2b5b3;
margin-bottom: 0px;
margin-left: 30px;
}
.banner-section-five .content-box .btn-box .btn-1{
border: 1px solid var(--theme-color);
background: transparent;
color: #fff;
padding: 13px 24px;
}
.banner-section-five .content-box .btn-box .btn-1 span{
background-color: var(--theme-color);
}
.banner-section-five .image-box{
position: relative;
display: block;
margin-left: 100px !important;
}
.banner-section-five .image-box img{
width: 100%;
}
.banner-section-five .pattern-layer{
position: absolute;
top: 0px;
right: 0px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: bottom right;
} .footer-style-five{
position: relative;
background: #fff;
}
.footer-style-five .widget-section{
padding: 100px 0px 90px 0px;
}
.footer-style-five .widget-section .footer-logo{
position: relative;
display: block;
text-align: center;
margin-bottom: 53px;
}
.footer-style-five .widget-title h3{
color: #0a1f1b;
}
.footer-style-five .links-widget .links-list li{
position: relative;
display: block;
margin-bottom: 9px;
}
.footer-style-five .links-widget .links-list li:last-child{
margin-bottom: 0px;
}
.footer-style-five .links-widget .links-list li a{
display: inline-block;
font-size: 16px;
line-height: 26px;
color: #6a6d6c;
}
.footer-style-five .links-widget .links-list li a:hover{
color: var(--theme-color);
}
.footer-style-five .twitter-widget .icon-box{
position: relative;
display: flex;
align-items: center;
margin-bottom: 22px;
}
.footer-style-five .twitter-widget h5{
position: relative;
display: block;
font-size: 18px;
line-height: 28px;
color: #0a1f1b;
font-weight: 600;
margin-bottom: 1px;
}
.footer-style-five .twitter-widget .link-one a{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 26px;
color: #a3aeac;
margin-bottom: 11px;
}
.footer-style-five .twitter-widget .link-one a:hover{
color: var(--theme-color);
}
.footer-style-five .twitter-widget p{
font-size: 16px;
line-height: 26px;
color: #6a6d6c;
margin-bottom: 11px;
}
.footer-style-five .twitter-widget p a{
display: inline-block;
color: var(--theme-color);
}
.footer-style-five .twitter-widget p a:hover{
text-decoration: underline;
}
.footer-style-five .twitter-widget .date{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #6a6d6c;
padding-left: 25px;
}
.footer-style-five .twitter-widget .date i{
position: absolute;
left: 0px;
top: 5px;
color: #a3aeac;
}
.footer-style-five .gallery-widget .image-list{
position: relative;
margin: 0px -7.5px;
}
.footer-style-five .gallery-widget .image-list li{
position: relative;
display: inline-block;
float: left;
margin: 0px 7.5px 15px 7.5px;
}
.footer-style-five .gallery-widget .image-list li .image{
position: relative;
display: inline-block;
width: 80px;
height: 80px;
}
.footer-style-five .gallery-widget .image-list li .image img{
width: 100%;
}
.footer-style-five .gallery-widget .widget-title{
margin-bottom: 27px;
}
.footer-style-five .scroll-text{
position: relative;
width: 100%;
overflow: hidden;
padding: 15px 0px;
border-top: 1px solid #e5e8e7;
border-bottom: 1px solid #e5e8e7;
}
.footer-style-five .scroll-text .text-inner{
position: relative;
display: flex;
align-items: center;
width: max-content;
-moz-animation: scroll-left 90s linear infinite;
-webkit-animation: scroll-left 90s linear infinite;
animation: scroll-left 90s linear infinite;
}
@-moz-keyframes scroll-left {
0% { -moz-transform: translateX(0%); }
100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
0% { -webkit-transform: translateX(0%); }
100% { -webkit-transform: translateX(-100%); }
}
.footer-style-five .scroll-text .text-inner h2{
position: relative;
font-size: 40px;
line-height: 50px;
color: #dfe5e3;
font-weight: 600;
text-transform: uppercase;
margin-right: 75px;
}
.footer-style-five .scroll-text .text-inner h2:last-child{
margin: 0px !important;
}
.footer-style-five .scroll-text .text-inner h2:before{
position: absolute;
content: '';
width: 12px;
height: 12px;
top: 18px;
right: -40px;
transform: rotate(45deg);
background: var(--theme-color);
}
.footer-style-five .scroll-text .text-inner h2:last-child:before{
display: none;
}
.footer-style-five .footer-bottom{
background: #fff;
text-align: center;
padding: 32px 0px;
}
.footer-style-five .footer-bottom .copyright p{
font-size: 16px;
line-height: 26px;
color: #6a6d6c;
margin-bottom: 0px;
}
.footer-style-five .footer-bottom .copyright p a{
color: var(--theme-color);
}
.footer-style-five .footer-bottom .copyright p a:hover{
text-decoration: underline;
} .banner-section-six{
position: relative;
background-color: #1b1918;
padding: 0px 95px;
margin-top: 0px;
}
.banner-section-six .pattern-layer .pattern-1{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.banner-section-six .content-box{
max-width: 600px;
}
.banner-section-six .content-box h2{
font-weight: 700;
color: #1b1918;
}
.banner-section-six .content-box p{
color: #3b3735;
margin-bottom: 40px;
}
.banner-section-six .content-box .btn-box a{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 26px;
font-family: 'Inter', sans-serif;
font-weight: 600;
color: #1b1918;
padding-left: 38px;
}
.banner-section-six .content-box .btn-box a i{
position: absolute;
display: inline-block;
left: 0px;
top: 0px;
width: 26px;
height: 26px;
line-height: 26px;
background: #d3a97f;
font-size: 12px;
text-align: center;
color: #1b1918;
}
.banner-section-six .content-box .btn-box a:hover{
text-decoration: underline;
}
.banner-section-six .content-box .video-inner{
position: absolute;
right: 26px;
bottom: 2px;
width: 170px;
text-align: center;
padding: 40px 0px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.banner-section-six .content-box .video-inner .video-btn a{
position: relative;
display: inline-block;
font-size: 32px;
color: #fff;
}
.banner-section-six .swiper-slide{
padding: 190px 0px 316px 0px;
}
.banner-section-six .banner-slider-nav{
position: absolute;
left: 0px;
right: 0px;
bottom: 160px;
max-width: 1170px;
text-align: left;
margin: 0 auto;
z-index: 9;
}
.banner-section-six .banner-slider-nav .banner-slider-control{
position: relative;
display: inline-block;
width: 56px;
height: 56px;
line-height: 62px;
background: #fff;
font-size: 24px;
color: #140b2b;
text-align: center;
cursor: pointer;
transition: all 500ms ease;
}
.banner-section-six .banner-slider-nav .banner-slider-control:hover{
color: #fff;
background: #140b2b;
}
.banner-section-six .banner-slider-nav .banner-slider-button-prev{
margin-right: 16px;
}
.banner-section-six .round-box-content {
position: absolute;
top: 170px;
right: 95px;
width: 180px;
height: 180px;
border-radius: 90px;
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.10);
text-align: center;
z-index: 2;
transform: rotate(180deg);
}
.banner-section-six .round-box-content:before{
position: absolute;
content: '';
background: var(--theme-color);
width: 8px;
height: 8px;
left: 90px;
bottom: 11px;
transform: rotate(45deg);
}
.banner-section-six .round-box-content .inner-icon {
width: 120px;
height: 120px;
border-radius: 60px;
background-color: var(--theme-color);
text-align: center;
line-height: 120px;
position: absolute;
top: 30px;
left: 30px;
transform: rotate(180deg);
}
.banner-section-six .round-box-content .curved-circle {
font-size: 15px;
line-height: 26px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
font-family: "Inter";
text-align: center;
width: 160px;
height: 160px;
top: 5px;
left: 10px;
transition: .7s;
} .footer-style-six{
position: relative;
background: #faf5ef;
}
.footer-style-six .footer-top{
position: relative;
padding: 67px 0px;
border-bottom: 1px solid #e4dfd9;
}
.footer-style-six .footer-top .top-inner{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-style-six .footer-top .top-inner h2{
position: relative;
display: block;
font-size: 26px;
line-height: 36px;
font-weight: 600;
margin-bottom: 0px;
}
.footer-style-six .footer-top .top-inner h2 i{
position: relative;
display: inline-block;
font-size: 12px;
margin-left: 8px;
}
.footer-style-six .footer-top .support-box{
position: relative;
display: block;
text-align: right;
padding-right: 58px;
}
.footer-style-six .footer-top .support-box .icon-box{
position: absolute;
display: inline-block;
top: 8px;
right: 0px;
width: 42px;
height: 42px;
line-height: 40px;
background: #1c1d20;
text-align: center;
border-radius: 50%;
}
.footer-style-six .footer-top .support-box span{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #6f6b6a;
margin-bottom: 2px;
}
.footer-style-six .footer-top .support-box h3{
position: relative;
display: block;
font-size: 22px;
line-height: 32px;
font-weight: 600;
margin-bottom: 0px;
}
.footer-style-six .footer-top .support-box h3 a{
display: inline-block;
color: #1b1918;
}
.footer-style-six .footer-top .support-box h3 a:hover{
color: var(--theme-color);
}
.footer-style-six .widget-section{
padding: 93px 0px;
}
.footer-style-six .widget-title h3{
color: #1b1918;
}
.footer-style-six .links-widget .links-list li{
position: relative;
display: block;
margin-bottom: 9px;
}
.footer-style-six .links-widget .links-list li:last-child{
margin-bottom: 0px;
}
.footer-style-six .links-widget .links-list li a{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 26px;
color: #6f6b6a;
}
.footer-style-six .links-widget .links-list li a:hover{
color: var(--theme-color);
}
.accordion-box .block .acc-content{
display:none;
}
.accordion-box .block .acc-content.current{
display:block;  
}
footer .accordion{
position: relative;
border-bottom: 1px solid #e4dfd9;
margin-bottom: 0px !important;
}
footer .accordion:last-child{
border-bottom: none;
}
footer .accordion .acc-btn{
position: relative;
display: block;
padding: 14px 15px 14px 46px;
cursor: pointer;
background: transparent;
border: none;
}
footer .accordion .acc-btn .icon-box{
position: absolute;
display: inline-block;
left: 0px;
top: 15px !important;
width: 26px;
height: 26px;
line-height: 26px;
background: #eae3da;
font-size: 12px;
color: #1b1918;
text-align: center;
}
footer .accordion .acc-btn.active .icon-box{
background: var(--theme-color);
}
footer .accordion .acc-btn.active .icon-box i{
position: relative;
display: inline-block;
transform: rotate(45deg);
}
footer .accordion .acc-btn .icon-box i{
font-size: 12px;
}
footer .accordion .acc-btn h5{
position: relative;
display: block;
font-size: 18px;
line-height: 28px;
font-weight: 600;
}
footer .accordion .acc-content .text{
margin-bottom: 0px;
border: none;
background: transparent;
padding: 0px;
height: auto;
}
footer .accordion .acc-content{
padding: 0px 30px 12px 0px;
}
footer .accordion .acc-content p{
font-size: 16px;
line-height: 26px;
color: #6f6b6a;
margin-bottom: 0px;
}
footer .map-inner{
position: relative;
border: 2px solid #fff;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
}
footer .map-inner iframe{
position: relative;
width: 100%;
height: 260px;
}
.footer-style-six .footer-bottom{
background: #1b1918;
} .banner-section-seven{
position: relative;
background: #f3f1f5;
margin-top: -70px;
}
.banner-section-seven .content-box{
max-width: 100%;
}
.banner-section-seven .content-box h3{
position: relative;
display: inline-block;
font-size: 22px;
line-height: 32px;
font-weight: 600;
padding: 16px 100px 16px 30px;
margin-bottom: 26px;
background: linear-gradient(90deg, #fc7858 0%, #f3f1f5 100%);
}
.banner-section-seven .content-box h2{
font-size: 62px;
line-height: 72px;
color: #1a1919;
margin-bottom: 21px;
}
.banner-section-seven .content-box p{
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: #6d6b6e;
margin-bottom: 30px;
}
.banner-section-seven .content-box .btn-1{
background: #451e65;
padding: 14px 25px;
}
.banner-section-seven .content-box .btn-1 span{
background: var(--theme-color);
}
.banner-section-seven.banner-section .swiper-slide{
padding: 170px 0px 100px 0px;
}
.banner-section-seven .image-box{
position: relative;
display: block;
}
.banner-section-seven .image-box .image{
position: relative;
display: block;
border-radius: 50%;
transform: scale(0,0);
transition: all 500ms ease;
}
.banner-section-seven .swiper-slide-active .image-box .image{
transform: scale(1,1);
}
.banner-section-seven .image-box .image img{
width: 100%;
border-radius: 50%;
}
.banner-section-seven .image-box .image-shape .shape-1{
position: absolute;
left: -40px;
top: -40px;
width: 301px;
height: 300px;
background-repeat: no-repeat;
}
.banner-section-seven .image-box .image-shape .shape-2{
position: absolute;
right: -40px;
bottom: -40px;
width: 301px;
height: 300px;
background-repeat: no-repeat;
}
.banner-section-seven .banner-slider-nav{
position: absolute;
right: 94px;
top: 50%;
height: 266px;
margin-top: -133px;
z-index: 9;
}
.banner-section-seven .banner-slider-nav .banner-slider-control{
position: absolute;
left: 0px;
display: inline-block;
font-size: 34px;
color: #030727;
cursor: pointer;
transition: all 500ms ease;
}
.banner-section-seven .banner-slider-nav .banner-slider-control.banner-slider-button-prev{
top: 0px;
}
.banner-section-seven .banner-slider-nav .banner-slider-control.banner-slider-button-next{
bottom: 0px;
}
.banner-section-seven .banner-slider-nav .banner-slider-control:hover{
color: var(--theme-color);
}
.banner-section-seven .slider__pagination{
position: absolute;
right: 75px;
top: 50%;
margin-top: -105px;
z-index: 9;
counter-reset: slides-num;
}
.banner-section-seven .slider__pagination .swiper-pagination-bullet {
position: relative;
width: 3px;
height: 70px;
background-color: #e5e9e7;
opacity: 1;
margin: 0px;
border-radius: 0px;
display: block;
cursor: pointer;
counter-increment: slides-num;
}
.banner-section-seven .slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--theme-color);
}
.banner-section-seven .slider__pagination .swiper-pagination-bullet::after {
position: absolute;
right: 15px;
top: 21px;
content: "0" counter(slides-num);
display: inline-block;
font-size: 24px;
color: var(--theme-color);
font-weight: 600;
font-family: 'inter', sans-serif;
opacity: 0;
transition: all 500ms ease;
}
.banner-section-seven .slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
opacity: 1;
} .footer-style-seven{
position: relative;
background: linear-gradient(90deg, #fc7858 0%, #451e65 50%);
}
.footer-style-seven .footer-top{
padding: 94px 0px 85px 0px;
text-align: center;
}
.footer-style-seven .footer-top .top-inner{
position: relative;
display: block;
max-width: 770px;
width: 100%;
margin: 0 auto;
}
.footer-style-seven .footer-top h2{
position: relative;
display: block;
font-size: 36px;
line-height: 46px;
color: #fff;
font-weight: 700;
margin-bottom: 15px;
}
.footer-style-seven .footer-top h2 span{
font-weight: 500;
color: var(--theme-color);
}
.footer-style-seven .footer-top p{
position: relative;
display: block;
font-size: 18px;
line-height: 28px;
color: #ae9dbc;
margin-bottom: 31px;
}
.footer-style-seven .footer-top .form-inner .form-group{
position: relative;
display: block;
margin-bottom: 19px;
}
.footer-style-seven .footer-top .form-inner .form-group .icon-box{
position: absolute;
left: 20px;
top: 26px;
color: var(--theme-color);
font-size: 16px;
z-index: 1;
}
.footer-style-seven .footer-top .form-inner .form-group input[type='email']{
position: relative;
display: block;
width: 100%;
height: 70px;
background: #fff;
border: 1px solid #fff;
font-size: 16px;
color: #6d6b6e;
padding: 10px 200px 10px 45px;
}
.footer-style-seven .footer-top .form-inner .form-group input:focus{
border-color: var(--theme-color);
}
.footer-style-seven .footer-top .form-inner .form-group .btn-1{
position: absolute;
top: 10px;
right: 10px;
background: #451e65;
}
.footer-style-seven .footer-top .form-inner .form-group .btn-1 span{
background: var(--theme-color);
}
.footer-style-seven .footer-top .lower-text{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #ae9dbc;
}
.footer-style-seven .footer-top .lower-text span{
color: var(--theme-color);
}
.footer-style-seven .widget-section{
padding-bottom: 91px;
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.footer-style-seven .about-widget h2{
position: relative;
display: block;
font-size: 48px;
line-height: 58px;
color: #fff;
font-weight: 700;
margin-bottom: 13px;
}
.footer-style-seven .about-widget p{
position: relative;
display: block;
font-size: 18px;
line-height: 28px;
color: #e8e1df;
margin-bottom: 31px;
}
.footer-style-seven .about-widget .btn-box{
position: relative;
display: inline-block;
padding-right: 152px;
width: 332px;
}
.footer-style-seven .about-widget .btn-box .qr-code{
position: absolute;
display: inline-block;
width: 132px;
height: 132px;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.10);
background: transparent;
padding: 19px;
top: 0px;
right: 0px;
}
.footer-style-seven .about-widget .btn-box .qr-code img{
width: 100%;
}
.footer-style-seven .about-widget .btn-box .play-store{
position: relative;
display: block;
font-size: 18px;
line-height: 28px;
font-family: 'Inter', sans-serif;
color: #fff;
font-weight: 600;
background: #451e65;
padding: 14px 20px;
margin-bottom: 20px;
width: 180px;
text-align: center;
}
.footer-style-seven .about-widget .btn-box .play-store img{
margin-right: 10px;
}
.footer-style-seven .about-widget .btn-box .app-store{
position: relative;
display: block;
font-size: 18px;
line-height: 28px;
font-family: 'Inter', sans-serif;
color: #fff;
font-weight: 600;
background: transparent;
border: 1px solid #fff;
padding: 13px 19px;
width: 180px;
text-align: center;
}
.footer-style-seven .about-widget .btn-box .app-store img{
margin-right: 10px;
}
.footer-style-seven .links-widget .links-list li{
position: relative;
display: block;
margin-bottom: 9px;
}
.footer-style-seven .links-widget .links-list li:last-child{
margin-bottom: 0px;
}
.footer-style-seven .links-widget .links-list li a{
display: inline-block;
color: #ae9dbc;
font-size: 16px;
line-height: 26px;
}
.footer-style-seven .links-widget .links-list li a:hover{
color: #fff;
}
.footer-style-seven .footer-bottom{
background: transparent;
}
.footer-style-seven .footer-bottom .left-column{
position: relative;
display: flex;
align-items: center;
}
.footer-style-seven .footer-bottom .left-column .logo-box{
position: relative;
margin-right: 61px;
}
.footer-style-seven .footer-bottom .left-column .logo-box:before{
position: absolute;
content: '';
background: rgba(255, 255, 255, 0.10);
width: 1px;
height: 44px;
top: -5px;
right: -31px;
}
.footer-style-seven .footer-bottom .left-column p{
font-size: 16px;
line-height: 28px;
color: #e8e1df;
}
.footer-style-seven .footer-bottom .social-links{
position: relative;
display: flex;
align-items: center;
}
.footer-style-seven .footer-bottom .social-links li{
margin-right: 10px;
}
.footer-style-seven .footer-bottom .social-links li:last-child{
margin: 0px !important;
}
.footer-style-seven .footer-bottom .social-links li a{
position: relative;
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
font-size: 18px;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.10);
border-radius: 50%;
text-align: center;
}
.footer-style-seven .footer-bottom .social-links li a:hover{
background: var(--theme-color);
border-color: var(--theme-color);
} .banner-section-eight{
position: relative;
background: #f6f0ef;
padding-bottom: 195px;
}
.banner-section-eight .image-box{
position: relative;
display: block;
margin-right: 100px;
padding-right: 125px;
margin-left: -225px;
}
.banner-section-eight .image-box .image{
position: relative;
display: block;
}
.banner-section-eight .image-box .image img{
width: 100%;
}
.banner-section-eight .image-box .signature{
position: absolute;
top: 100px;
right: 0px;
}
.banner-section-eight .image-box .experience-box{
position: absolute;
right: 0px;
bottom: 96px;
width: 250px;
background: #231e5c;
padding: 23px 30px 22px 30px;
}
.banner-section-eight .image-box .experience-box h2{
font-size: 58px;
line-height: 60px;
color: #fff;
font-weight: 700;
margin-bottom: 0px;
}
.banner-section-eight .image-box .experience-box h2 .symble{
position: relative;
display: inline-block;
font-size: 30px;
top: -22px;
}
.banner-section-eight .image-box .experience-box h2 .year{
position: relative;
display: inline-block;
font-size: 20px;
font-weight: 600;
}
.banner-section-eight .image-box .experience-box p{
font-size: 16px;
line-height: 26px;
color: #a3a1b7;
margin-bottom: 0px;
}
.banner-section-eight .content-box{
position: relative;
display: block;
}
.banner-section-eight .content-box h6{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
font-weight: 700;
text-transform: uppercase;
color: var(--theme-color);
padding-left: 61px;
margin-bottom: 28px;
}
.banner-section-eight .content-box h6:before{
position: absolute;
content: '';
background: var(--theme-color);
width: 50px;
height: 1px;
left: 0px;
top: 12px;
}
.banner-section-eight .content-box h2{
position: relative;
display: block;
font-size: 100px;
line-height: 100px;
font-weight: 600;
color: #231e5c;
margin-bottom: 21px;
}
.banner-section-eight .content-box h3{
position: relative;
display: block;
font-size: 30px;
line-height: 40px;
color: #231e5c;
font-weight: 600;
margin-bottom: 34px;
}
.banner-section-eight .content-box h5{
position: relative;
display: block;
font-size: 18px;
line-height: 28px;
color: #231e5c;
font-weight: 600;
margin-bottom: 19px;
}
.banner-section-eight .content-box .form-inner .form-group{
position: relative;
margin-bottom: 0px;
}
.banner-section-eight .content-box .form-inner .form-group input[type='email']{
position: relative;
display: block;
max-width: 370px;
height: 60px;
width: 100%;
border: 1px solid #ded6d4;
background: transparent;
font-size: 16px;
color: #6a6970;
padding: 10px 20px;
margin-bottom: 20px;
}
.banner-section-eight .content-box .form-inner .form-group input:focus{
border-color: var(--theme-color);
}
.banner-section-eight .content-box .form-inner .btn-1{
padding: 14px 25px;
} .footer-style-eight{
position: relative;
background: #f6f0ef;
}
.footer-style-eight .widget-section{
padding: 91px 0px 68px 0px;
}
.footer-style-eight .logo-widget .footer-logo{
position: relative;
display: block;
margin-bottom: 30px;
}
.footer-style-eight .logo-widget p{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #6a6970;
margin-bottom: 15px;
}
.footer-style-eight .logo-widget h4{
position: relative;
display: block;
font-size: 20px;
line-height: 30px;
color: #231e5c;
font-weight: 600;
margin-bottom: 16px;
}
.footer-style-eight .logo-widget .support-box{
position: relative;
display: block;
padding: 0px 0px 0px 60px;
}
.footer-style-eight .logo-widget .support-box .icon-box{
position: absolute;
left: 0px;
top: 6px;
font-size: 42px;
color: var(--theme-color);
}
.footer-style-eight .logo-widget .support-box span{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #6a6970;
margin-bottom: 2px;
}
.footer-style-eight .logo-widget .support-box h5{
position: relative;
display: block;
font-size: 18px;
line-height: 28px;
font-weight: 600;
}
.footer-style-eight .logo-widget .support-box h5 a{
display: inline-block;
color: #231e5c;
}
.footer-style-eight .logo-widget .support-box h5 a:hover{
color: var(--theme-color);
}
.footer-style-eight .widget-title h3{
color: #231e5c;
}
.footer-style-eight .links-widget .links-list li{
position: relative;
display: block;
margin-bottom: 9px;
}
.footer-style-eight .links-widget .links-list li:last-child{
margin-bottom: 0px;
}
.footer-style-eight .links-widget .links-list li a{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 26px;
color: #6a6970;
}
.footer-style-eight .links-widget .links-list li a:hover{
color: var(--theme-color);
}
.footer-style-eight .post-widget .post{
position: relative;
display: block;
padding-left: 90px;
margin-bottom: 26px;
min-height: 121px;
}
.footer-style-eight .post-widget .post:last-child{
margin-bottom: 0px;
}
.footer-style-eight .post-widget .post .post-thumb{
position: absolute;
left: 0px;
top: 6px;
width: 60px;
height: 60px;
}
.footer-style-eight .post-widget .post .post-thumb img{
width: 100%;
}
.footer-style-eight .post-widget .post h6{
position: relative;
display: block;
font-size: 14px;
line-height: 24px;
font-weight: 700;
text-transform: uppercase;
padding-left: 25px;
margin-bottom: 7px;
color: var(--theme-color);
}
.footer-style-eight .post-widget .post h6 i{
position: absolute;
left: 0px;
top: 5px;
font-weight: 400;
}
.footer-style-eight .post-widget .post h4{
position: relative;
display: block;
font-size: 20px;
line-height: 30px;
font-weight: 600;
margin-bottom: 0px;
}
.footer-style-eight .post-widget .post h4 a{
position: relative;
display: inline-block;
color: #231e5c;
}
.footer-style-eight .post-widget .post h4 a:hover{
color: var(--theme-color);
}
.footer-style-eight .footer-bottom{
background: #e6dcda;
}
.footer-style-eight .footer-bottom .bottom-inner p{
color: #6a6970;
}
.footer-style-eight .footer-bottom .footer-nav li a{
color: #6a6970;
}
.footer-style-eight .footer-bottom .footer-nav li a:hover{
color: var(--theme-color);
} .banner-section-nine{
position: relative;
margin-top: -37px;
}
.banner-section-nine .content-box{
max-width: 100%;
text-align: center;
}
.banner-section-nine .swiper-slide .bg-layer:before{
position: absolute;
content: '';
background: #000;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
opacity: 0.6;
}
.banner-section-nine .content-box h3{
position: relative;
display: block;
font-size: 30px;
line-height: 40px;
color: #fff;
font-weight: 700;
margin-bottom: 12px;
}
.banner-section-nine .content-box h2{
font-size: 100px;
line-height: 100px;
font-weight: 700;
margin-bottom: 20px;
}
.banner-section-nine .content-box p{
margin-bottom: 30px;
}
.banner-section-nine .content-box .btn-box{
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: left;
}
.banner-section-nine .content-box .btn-box .btn-1{
padding: 14px 25px;
margin-right: 30px;
}
.banner-section-nine .content-box .btn-box .support-box{
position: relative;
display: block;
padding-left: 57px;
}
.banner-section-nine .content-box .btn-box .support-box .icon-box{
position: absolute;
left: 0px;
top: 6px;
font-size: 42px;
color: var(--theme-color);
}
.banner-section-nine .content-box .btn-box .support-box span{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #a8a3a3;
margin-bottom: 3px;
}
.banner-section-nine .content-box .btn-box .support-box h5{
position: relative;
display: block;
font-size: 18px;
line-height: 28px;
font-weight: 600;
margin-bottom: 0px;
}
.banner-section-nine .content-box .btn-box .support-box h5 a{
display: inline-block;
color: #fff;
}
.banner-section-nine .content-box .btn-box .support-box h5 a:hover{
color: var(--theme-color);
}
.banner-section-nine .swiper-slide{
padding: 220px 0px 230px 0px;
}
.banner-section-nine .slider__pagination{
position: absolute;
left: 50% !important;
transform: translate(-50%);
bottom: 41px !important;
z-index: 9;
width: auto !important;
}
.banner-section-nine .slider__pagination .swiper-pagination-bullet{
position: relative;
display: inline-block;
width: 12px;
height: 12px;
background: transparent;
border: 2px solid rgba(255, 255, 255, 0.50);
border-radius: 0px;
cursor: pointer;
margin: 0px 10px;
transition: all 500ms ease;
}
.banner-section-nine .slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
border-color: #fff;
} .footer-style-nine{
position: relative;
background: #0f0f0f;
}
.footer-style-nine .widget-section{
padding: 162px 0px 90px 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.footer-style-nine .widget-section .footer-logo{
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0px;
padding: 23px 34px 34px 35px;
z-index: 1;
}
.footer-style-nine .widget-section .footer-logo:before{
position: absolute;
content: '';
background-image: url(//fhsdizaynpaslanmaz.com/wp-content/themes/inventive/assets/images/shape3/shape_14.png);
left: 0px;
top: 0px;
width: 261px;
height: 90px;
background-repeat: no-repeat;
z-index: -1;
}
.footer-style-nine .about-widget h5{
display: block;
font-size: 18px;
line-height: 28px;
color: #fff;
font-weight: 600;
margin-bottom: 12px;
}
.footer-style-nine .about-widget .rating{
position: relative;
display: block;
align-items: center;
margin-bottom: 15px;
}
.footer-style-nine .about-widget .rating li{
position: relative;
display: block;
width: auto;
line-height: 35px;
color: #fff;
font-size: 18px;
margin-right: 0px;
margin-bottom: 5px;
}
.footer-style-nine .about-widget .rating li:last-child{
margin: 0px !important;
}
.footer-style-nine .about-widget .review{
position: relative;
display: block;
font-size: 18px;
line-height: 28px;
color: #fff;
margin-bottom: 15px;
}
.footer-style-nine .about-widget p{
font-size: 16px;
line-height: 26px;
color: #a8a3a3;
}
.footer-style-nine .links-widget .links-list li{
position: relative;
display: block;
margin-bottom: 9px;
}
.footer-style-nine .links-widget .links-list li:last-child{
margin-bottom: 0px;
}
.footer-style-nine .links-widget .links-list li a{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 26px;
color: #a8a3a3;
}
.footer-style-nine .links-widget .links-list li a:hover{
color: var(--theme-color);
}
.footer-style-nine .apps-widget .play-store{
position: relative;
display: block;
width: 100%;
text-align: center;
font-size: 18px;
line-height: 28px;
font-family: 'Inter', sans-serif;
color: #0f0f0f;
font-weight: 600;
background: #fff;
padding: 13px 20px;
margin-bottom: 20px;
}
.footer-style-nine .apps-widget .play-store img{
position: relative;
margin-right: 10px;
}
.footer-style-nine .apps-widget .app-store{
position: relative;
display: block;
width: 100%;
font-size: 18px;
line-height: 28px;
font-family: 'Inter', sans-serif;
font-weight: 600;
color: #fff;
border: 1px solid #fff;
padding: 12px 20px;
text-align: center;
}
.footer-style-nine .apps-widget .app-store img{
position: relative;
margin-right: 10px;
}
.footer-style-nine .apps-widget .social-links li{
position: relative;
display: inline-block;
float: left;
font-size: 18px;
margin-right: 25px;
}
.footer-style-nine .apps-widget .social-links li:last-child{
margin: 0px !important;
}
.footer-style-nine .apps-widget .social-links li a{
display: inline-block;
color: #a8a3a3;
}
.footer-style-nine .apps-widget .social-links li a:hover{
color: var(--theme-color);
}
.footer-style-nine .footer-bottom{
background: transparent;
}
.footer-style-nine .footer-bottom .bottom-inner p{
color: #a8a3a3;
}
.footer-style-nine .footer-bottom .footer-nav li a{
color: #a8a3a3;
}
.footer-style-nine .footer-bottom .footer-nav li a:hover{
color: var(--theme-color);
} .banner-section-ten{
position: relative;
padding: 0px 100px;
}
.banner-section-ten:before{
position: absolute;
content: '';
top: 0px;
right: 0px;
background: var(--theme-color);
width: 380px;
height: 390px;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 0%);
}
.banner-section-ten .swiper-slide{
padding: 0px;
}
.banner-section-ten .content-box{
position: relative;
max-width: 645px;
width: 100%;
background: #363283;
padding: 143px 60px 146px 80px;
}
.banner-section-ten .swiper-slide .bg-layer{
width: calc(100% - 645px);
}
.banner-section-ten .swiper-slide:before{
position: absolute;
content: '';
background: var(--theme-color);
top: 0px;
right: 0px;
width: 285px;
height: 285px;
z-index: 1;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 0%);
mix-blend-mode: multiply;
}
.banner-section-ten .content-box h3{
position: relative;
display: block;
font-size: 30px;
line-height: 40px;
color: #fff;
font-weight: 600;
margin-bottom: 8px;
transform: scale(1) !important;
opacity: 1;
}
.banner-section-ten .content-box h2{
position: relative;
display: inline-block;
font-size: 80px;
line-height: 90px;
transform: scale(1) !important;
opacity: 1;
margin-bottom: 7px;
}
.banner-section-ten .content-box h2:before{
position: absolute;
content: '';
background: var(--theme-color);
width: calc(100% - 11px);
height: 19px;
left: 6px;
bottom: 16px;
z-index: -1;
clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%, 5% 0%);
}
.banner-section-ten .content-box h5{
position: relative;
display: block;
font-size: 18px;
line-height: 28px;
color: #fff;
font-weight: 600;
padding-top: 26px;
}
.banner-section-ten .content-box .rating{
position: relative;
display: flex;
align-items: center;
margin-bottom: 15px;
margin-top: 12px;
}
.banner-section-ten .content-box .rating li{
position: relative;
display: inline-block;
width: 35px;
height: 35px;
line-height: 37px;
text-align: center;
font-size: 16px;
color: #fff;
background: var(--theme-color);
margin-right: 5px;
}
.banner-section-ten .content-box .rating li:last-child{
margin: 0px !important;
}
.banner-section-ten .content-box .review{
position: relative;
display: block;
font-size: 18px;
line-height: 28px;
color: #aaa9bb;
margin-bottom: 20px;
}
.banner-section-ten .content-box h5 a{
position: relative;
display: inline-block;
color: #fff;
padding-left: 38px;
}
.banner-section-ten .content-box h5 a i{
position: absolute;
display: inline-block;
left: 0px;
top: 1px;
width: 26px;
height: 26px;
line-height: 26px;
font-size: 12px;
color: #fff;
background: #464296;
text-align: center;
}
.banner-section-ten .banner-slider-nav{
position: absolute;
display: flex;
left: 505px;
bottom: 55px;
z-index: 9;
}
.banner-section-ten .banner-slider-nav .banner-slider-control{
position: relative;
display: inline-block;
font-size: 30px;
color: #fff;
cursor: pointer;
transition: all 500ms ease;
}
.banner-section-ten .banner-slider-nav .banner-slider-button-prev{
margin-right: 20px;
} .footer-style-ten{
position: relative;
background: #363283;
}
.footer-style-ten .widget-section{
padding: 100px 0px 100px 0px;
}
.footer-style-ten .footer-logo{
margin-bottom: 29px;
}
.footer-style-ten .logo-widget p{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #bfbed3;
margin-bottom: 25px;
}
.footer-style-ten .logo-widget h6{
position: relative;
display: block;
font-size: 14px;
line-height: 24px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
margin-bottom: 1px;
}
.footer-style-ten .logo-widget h3{
position: relative;
display: block;
font-size: 22px;
line-height: 32px;
color: #fff;
font-weight: 600;
margin-bottom: 17px;
}
.footer-style-ten .logo-widget a{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 28px;
color: #fff;
font-weight: 600;
padding-left: 38px;
background: transparent;
}
.footer-style-ten .logo-widget a i{
position: absolute;
display: inline-block;
left: 0px;
top: 0px;
width: 26px;
height: 26px;
line-height: 26px;
background: #464296;
font-size: 12px;
color: #fff;
text-align: center;
}
.footer-style-ten .logo-widget a span{
color: #bfbed3;
}
.footer-style-ten .links-widget .links-list li{
position: relative;
display: block;
margin-bottom: 9px;
}
.footer-style-ten .links-widget .links-list li:last-child{
margin-bottom: 0px;
}
.footer-style-ten .links-widget .links-list li a{
display: inline-block;
font-size: 16px;
line-height: 26px;
color: #bfbed3;
}
.footer-style-ten .links-widget .links-list li a:hover{
color: var(--theme-color);
}
.footer-style-ten .contact-widget{
position: relative;
display: block;
width: 100%;
border: 1px solid rgba(255, 255, 255, 0.10);
padding: 27px 40px 33px 40px;
}
.footer-style-ten .contact-widget .nice-select{
background: transparent;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
font-size: 16px;
line-height: 26px;
height: 34px;
color: #bfbed3;
padding: 0px;
margin-bottom: 24px;
}
.footer-style-ten .contact-widget .nice-select:after{
border-color: #bfbed3;
}
.footer-style-ten .contact-widget .support-box{
position: relative;
display: block;
padding: 0px 0px 0px 58px;
margin-bottom: 17px;
}
.footer-style-ten .contact-widget .support-box .icon-box{
position: absolute;
display: inline-block;
left: 0px;
top: 28px;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
font-size: 24px;
color: #fff;
border-radius: 50%;
background: var(--theme-color);
}
.footer-style-ten .contact-widget .select-box{
min-height: 44px;
}
.footer-style-ten .contact-widget .support-box span{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #bfbed3;
margin-bottom: 2px;
}
.footer-style-ten .contact-widget .support-box h3{
position: relative;
display: block;
font-size: 22px;
line-height: 32px;
font-weight: 600;
}
.footer-style-ten .contact-widget .support-box h3 a{
display: inline-block;
color: #f3f0ef;
}
.footer-style-ten .contact-widget .support-box h3 a:hover{
color: var(--theme-color);
}
.footer-style-ten .contact-widget p{
font-size: 16px;
line-height: 26px;
color: #bfbed3;
}
.footer-style-ten .contact-widget h5{
font-size: 18px;
line-height: 28px;
font-weight: 600;
}
.footer-style-ten .contact-widget h5 a{
position: relative;
display: inline-block;
padding-left: 37px;
color: #fff;
}
.footer-style-ten .contact-widget h5 a:hover{
color: var(--theme-color);
}
.footer-style-ten .contact-widget h5 a i{
position: absolute;
display: inline-block;
left: 0px;
top: 1px;
width: 26px;
height: 26px;
line-height: 26px;
font-size: 12px;
color: #fff;
background: #464296;
text-align: center;
}
.footer-style-ten .contact-widget .widget-title{
margin-bottom: 16px;
}
.footer-style-ten .footer-bottom{
background: #2c2870;
}
.footer-style-ten .footer-bottom .footer-card{
position: relative;
display: flex;
align-items: center;
}
.footer-style-ten .footer-bottom .footer-card li{
margin-right: 10px;
}
.footer-style-ten .footer-bottom .footer-card li:last-child{
margin: 0px !important;
}
.footer-style-ten .footer-bottom .footer-card li a{
position: relative;
display: inline-block;
font-size: 46px;
color: #bfbed3;
}
.footer-style-ten .footer-bottom .footer-card li a:hover{
color: var(--theme-color);
}
.footer-style-ten .footer-bottom{
padding: 9px 0px;
} .banner-section-11{
position: relative;
background: #f2f0f1;
}
.banner-section-11 .shape_one {
height: 60px;
background: #01365e;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
}
.banner-section-11 .pattern-layer{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.banner-section-11 .content-box h2{
font-weight: 700;
color: #01365e;
}
.banner-section-11 .content-box h2 span{
position: relative;
display: inline-block;
text-transform: uppercase;
color: var(--theme-color);
}
.banner-section-11 .content-box h2 span:before{
position: absolute;
content: '';
background: var(--theme-color);
width: 100%;
height: 8px;
left: 0px;
bottom: 0px;
border-radius: 50%;
}
.banner-section-11 .content-box p{
font-size: 18px;
line-height: 30px;
color: #696667;
margin-bottom: 30px;
}
.banner-section-11 .content-box .btn-1{
padding: 14px 25px;
background: #01365e;
}
.banner-section-11 .content-box .btn-1 span{
background: var(--theme-color);
}
.banner-section-11 .image-layer .image-1{
position: absolute;
top: 0px;
right: 0px;
}
.banner-section-11 .image-layer .image-2{
position: absolute;
right: 50px;
bottom: 0px;
}
.banner-section-11 .swiper-slide{
padding: 330px 250px 200px 250px;
}
.banner-section-11 .banner-slider-nav{
position: absolute;
left: 60px;
top: 50%;
height: 266px;
margin-top: -133px;
z-index: 9;
}
.banner-section-11 .banner-slider-nav .banner-slider-control{
position: absolute;
left: 0px;
display: inline-block;
font-size: 34px;
color: #030727;
cursor: pointer;
transition: all 500ms ease;
}
.banner-section-11 .banner-slider-nav .banner-slider-control.banner-slider-button-prev{
top: 0px;
}
.banner-section-11 .banner-slider-nav .banner-slider-control.banner-slider-button-next{
bottom: 0px;
}
.banner-section-11 .banner-slider-nav .banner-slider-control:hover{
color: var(--theme-color);
}
.banner-section-11 .slider__pagination{
position: absolute;
left: 70px !important;
top: 50%;
margin-top: -105px;
z-index: 9;
counter-reset: slides-num;
width: auto !important;
}
.banner-section-11 .slider__pagination .swiper-pagination-bullet {
position: relative;
width: 3px;
height: 70px;
background-color: #e5e9e7;
opacity: 1;
margin: 0px;
border-radius: 0px;
display: block;
cursor: pointer;
counter-increment: slides-num;
}
.banner-section-11 .slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--theme-color);
}
.banner-section-11 .slider__pagination .swiper-pagination-bullet::after {
position: absolute;
right: -45px;
top: 21px;
content: "0" counter(slides-num);
display: inline-block;
font-size: 24px;
color: var(--theme-color);
font-weight: 600;
font-family: 'inter', sans-serif;
opacity: 0;
transition: all 500ms ease;
}
.banner-section-11 .slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
opacity: 1;
} .footer-style-11{
position: relative;
background: #01365e;
}
.footer-style-11 .footer-top{
position: relative;
padding: 177px 0px 60px 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.footer-style-11 .footer-top .top-inner{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-style-11 .footer-top .top-inner .text-box{
position: relative;
display: flex;
align-items: center;
}
.footer-style-11 .footer-top .top-inner .text-box h3{
font-size: 26px;
line-height: 26px;
color: #fff;
font-weight: 600;
margin-right: 30px;
}
.footer-style-11 .footer-top .top-inner .text-box h5{
position: relative;
display: block;
font-size: 18px;
line-height: 28px;
font-weight: 600;
}
.footer-style-11 .footer-top .top-inner .text-box h5 a{
position: relative;
display: inline-block;
color: #fff;
padding-left: 38px;
}
.footer-style-11 .footer-top .top-inner .text-box h5 a:hover{
color: var(--theme-color);
}
.footer-style-11 .footer-top .top-inner .text-box h5 a i{
position: absolute;
display: inline-block;
left: 0px;
top: 0px;
width: 26px;
height: 26px;
line-height: 26px;
font-size: 12px;
color: #fff;
background: #114871;
text-align: center;
}
.footer-style-11 .widget-section{
position: relative;
padding: 72px 0px 82px 0px;
}
.footer-style-11 .contact-widget .info-list{
margin-bottom: 20px;
}
.footer-style-11 .contact-widget .info-list li{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #a8b9c6;
margin-bottom: 16px;
}
.footer-style-11 .contact-widget .info-list li a{
display: inline-block;
color: #a8b9c6;
}
.footer-style-11 .contact-widget .info-list li a:hover{
color: var(--theme-color);
}
.footer-style-11 .contact-widget h5{
position: relative;
display: block;
font-size: 18px;
line-height: 28px;
font-weight: 600;
}
.footer-style-11 .contact-widget h5 a{
position: relative;
display: inline-block;
color: #fff;
padding-left: 38px;
}
.footer-style-11 .contact-widget h5 a:hover{
color: var(--theme-color);
}
.footer-style-11 .contact-widget h5 a i{
position: absolute;
display: inline-block;
left: 0px;
top: 2px;
width: 26px;
height: 26px;
line-height: 26px;
font-size: 12px;
color: #fff;
background: #114871;
text-align: center;
}
.footer-style-11 .links-widget .links-list li{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
margin-bottom: 9px;
}
.footer-style-11 .links-widget .links-list li:last-child{
margin-bottom: 0px;
}
.footer-style-11 .links-widget .links-list li a{
position: relative;
display: inline-block;
color: #a8b9c6;
}
.footer-style-11 .links-widget .links-list li a:hover{
color: #fff;
}
.footer-style-11 .footer-bottom{
background: var(--theme-color);
}
.footer-style-11 .footer-bottom .copyright p,
.footer-style-11 .footer-bottom .copyright p a{
color: #fff;
}
.footer-style-11 .footer-nav li a{
color: #fff;
}
.footer-style-11 .footer-nav li a:hover{
text-decoration: underline;
}
.footer-style-11 .footer-nav li:before{
background: #fff;
} .banner-section-12{
position: relative;
padding: 67px 0px 73px 0px;
background: linear-gradient(90deg, #efebfc 0%, #fde9f8 50%);
}
.banner-section-12 .outer-container{
position: relative;
max-width: 1420px;
width: 100%;
padding: 0px 15px;
margin: 0 auto;
}
.banner-section-12 .content-box{
position: relative;
display: block;
}
.banner-section-12 .content-box h2{
position: relative;
display: inline-block;
max-width: 634px;
width: 100%;
font-size: 66px;
line-height: 80px;
font-weight: 700;
color: #fff;
margin-bottom: 33px;
z-index: 1;
padding: 17px 0px 16px 26px;
}
.banner-section-12 .content-box h2:before{
position: absolute;
content: '';
background-image: url(//fhsdizaynpaslanmaz.com/wp-content/themes/inventive/assets/images/icons/shape_16.png);
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background-repeat: no-repeat;
background-position: left top;
z-index: -1;
}
.banner-section-12 .content-box .text-box{
position: relative;
display: block;
padding-left: 28px;
}
.banner-section-12 .content-box .text-box:before{
position: absolute;
content: '';
background: #f325b9;
width: 4px;
height: calc(100% - 16px);
left: 0px;
top: 6px;
border-radius: 2px;
}
.banner-section-12 .content-box .text-box p{
font-size: 18px;
line-height: 30px;
color: #696675;
margin-bottom: 30px;
}
.banner-section-12 .content-box .btn-1{
border-radius: 35px;
padding: 14px 25px;
}
.banner-section-12 .image-box{
position: relative;
display: block;
margin-left: 67px;
}
.banner-section-12 .image-box img{
width: 100%;
}
.banner-section-12 .image-box .image-content{
position: absolute;
left: -100px;
bottom: 100px;
width: 270px;
background: #fff;
border-radius: 10px;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
padding: 11px 15px 15px 88px;
}
.banner-section-12 .image-box .image-content .icon-box{
position: absolute;
display: inline-block;
left: 20px;
top: 15px;
width: 54px;
height: 54px;
line-height: 54px;
background: #f6f5f9;
text-align: center;
border-radius: 10px;
font-size: 28px;
color: var(--theme-color);
}
.banner-section-12 .image-box .image-content h3{
position: relative;
display: block;
font-size: 26px;
line-height: 36px;
font-weight: 600;
margin-bottom: 0px;
}
.banner-section-12 .image-box .image-content h5{
position: relative;
display: block;
font-size: 18px;
line-height: 22px;
font-weight: 600;
}
.banner-section-12 .pattern-layer{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
} .footer-style-12{
position: relative;
background: linear-gradient(90deg, #efebfc 0%, #fde9f8 50%);
padding: 100px 0px 0px 0px;
}
.footer-style-12 .footer-top{
position: relative;
display: block;
text-align: center;
padding-bottom: 93px;
}
.footer-style-12 .footer-top .single-info-box{
position: relative;
display: block;
margin-bottom: 52px;
}
.footer-style-12 .footer-top .single-info-box .icon-box{
position: relative;
display: inline-block;
width: 56px;
height: 56px;
line-height: 56px;
background: #fff;
text-align: center;
font-size: 26px;
color: var(--theme-color);
border-radius: 50%;
margin-bottom: 17px;
}
.footer-style-12 .footer-top .single-info-box h4{
position: relative;
display: block;
font-size: 20px;
line-height: 30px;
font-weight: 600;
margin-bottom: 5px;
}
.footer-style-12 .footer-top .single-info-box p{
font-size: 16px;
line-height: 26px;
color: #696675;
}
.footer-style-12 .footer-top form{
position: relative;
display: flex;
align-items: center;
justify-content: left;
background: #fff;
border-radius: 50px;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
padding: 15px 10px;
}
.footer-style-12 .footer-top .form_group{
position: relative;
margin-bottom: 0px;
}
.footer-style-12 .footer-top .form-group h4{
position: relative;
display: block;
font-size: 20px;
line-height: 30px;
font-weight: 600;
padding-left: 40px;
margin-left: 20px;
padding-right: 30px;
}
.footer-style-12 .footer-top .form-group h4:before{
position: absolute;
content: '';
background: #e6e5ed;
width: 1px;
height: 40px;
top: -5px;
right: 0px;
}
.footer-style-12 .footer-top .form_group i{
position: absolute;
left: 40px;
top: 6px;
font-size: 26px;
color: var(--theme-color);
z-index:1;
}
.footer-style-12 .footer-top .form_group input[type='email']{
position: relative;
display: block;
width: 900px;
border: none;
padding-left: 85px;
padding-right:30px;
height: 40px;
}
.footer-style-12 .footer-top .form_group button.btn-1{
position: absolute;
top: -5px;
right: -245px;
width: 188px;
font-size: 16px;
line-height: 26px;
font-family: 'Inter', sans-serif;
font-weight: 700;
color: #fff;
padding: 12px 40px;
border-radius: 35px;
background: linear-gradient(90deg, #532cf6 0%, #f22abb 100%);
}
.footer-style-12 .widget-section{
padding-bottom: 90px;
}
.footer-style-12 .logo-widget .footer-logo{
margin-bottom: 27px;
}
.footer-style-12 .logo-widget h3{
position: relative;
display: block;
font-size: 22px;
line-height: 32px;
font-weight: 600;
margin-bottom: 16px;
}
.footer-style-12 .logo-widget .list-item li{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #696675;
padding-left: 35px;
margin-bottom: 4px;
}
.footer-style-12 .logo-widget .list-item li:last-child{
margin-bottom: 0px;
}
.footer-style-12 .logo-widget .list-item li:before{
position: absolute;
content: '\e932';
font-family: 'icomoon';
font-size: 24px;
left: 0px;
top: 2px;
color: var(--theme-color);
}
.footer-style-12 .logo-widget .list-item{
margin-bottom: 24px;
}
.footer-style-12 .logo-widget h5{
position: relative;
display: block;
}
.footer-style-12 .logo-widget h5 a{
position: relative;
display: inline-block;
font-size: 17px;
line-height: 28px;
font-family: 'Inter', sans-serif;
color: #181429;
font-weight: 600;
padding-left: 37px;
transition: all 500ms ease;
}
.footer-style-12 .logo-widget h5 a i{
position: absolute;
left: 0px;
top: 2px;
width: 26px;
height: 26px;
line-height: 26px;
background: #e3ddee;
text-align: center;
border-radius: 5px;
font-size: 12px;
}
.footer-style-12 .logo-widget h5 a:hover{
color: var(--theme-color);
}
.footer-style-12 .widget-title h3{
color: #181429;
}
.footer-style-12 .links-widget .links-list li{
position: relative;
display: block;
margin-bottom: 10px;
}
.footer-style-12 .links-widget .links-list li:last-child{
margin-bottom: 0px;
}
.footer-style-12 .links-widget .links-list li a{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 26px;
color: #696675;
}
.footer-style-12 .links-widget .links-list li a:hover{
color: var(--theme-color);
}
.footer-style-12 .contact-widget .info-list li{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #696675;
margin-bottom: 12px;
}
.footer-style-12 .contact-widget .info-list li:last-child{
margin-bottom: 0px;
}
.footer-style-12 .contact-widget .info-list li h5{
display: block;
font-size: 17px;
line-height: 28px;
font-weight: 600;
}
.footer-style-12 .contact-widget .info-list li a{
display: inline-block;
color: #696675;
}
.footer-style-12 .contact-widget .info-list li a:hover{
color: var(--theme-color);
}
.footer-style-12 .contact-widget .social-links{
position: relative;
display: flex;
align-items: center;
margin-top: 20px;
}
.footer-style-12 .contact-widget .social-links li{
position: relative;
display: inline-block;
margin-right: 10px;
}
.footer-style-12 .contact-widget .social-links li:last-child{
margin: 0px !important;
}
.footer-style-12 .contact-widget .social-links li a{
position: relative;
display: inline-block;
width: 44px;
height: 44px;
line-height: 44px !important;
font-size: 18px !important;
border: 1px solid #dbcfdc;
border-radius: 50%;
color: #a9a5b8 !important;
text-align: center;
}
.footer-style-12 .contact-widget .social-links li a:hover{
color: #fff !important;
background: var(--theme-color);
border-color: var(--theme-color);
}
.footer-style-12 .footer-bottom{
background: #fff;
}
.footer-style-12 .footer-bottom p,
.footer-style-12 .footer-bottom .footer-nav li a{
color: #696675;
}
.footer-style-12 .footer-bottom .footer-nav li a:hover{
color: var(--theme-color);
} .banner-section-13{
position: relative;
text-align: center;
margin-top: -94px;
}
.home-13-banner{
margin-top: 0;
}
.banner-section-13 .content-box{
max-width: 100%;
}
.banner-section-13 .content-box h3{
font-size: 40px;
line-height: 50px;
font-weight: 600;
color: #fff;
margin-bottom: 10px;
}
.banner-section-13 .content-box h2{
font-size: 80px;
line-height: 90px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 12px;
}
.banner-section-13 .content-box h2 span{
position: relative;
display: inline-block;
}
.banner-section-13 .content-box h2 span:before{
position: absolute;
content: var(text);
left: 0px;
top: 10px;
color: #000;
}
.banner-section-13 .content-box h2 span .border-text{
position: absolute;
left: 0px;
top: 5px;
color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(255, 255, 255, 1);
}
.banner-section-13 h4 {
border-bottom: 0 !important;
}
.banner-section-13 .content-box h4{
position: relative;
display: block;
font-size: 30px;
line-height: 40px;
color: #fff;
font-weight: 600;
margin-bottom: 41px;
opacity: 0;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section-13 .swiper-slide.swiper-slide-active .content-box h4{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
-ms-transition-delay: 700ms;
-o-transition-delay: 700ms;
transition-delay: 700ms;
}
.banner-section-13 .content-box .btn-1{
border-radius: 5px;
padding: 14px 25px;
}
.banner-section-13 .swiper-slide:before{
position: absolute;
content: '';
background: #000000;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: 1;
opacity: 0.3;
}
.banner-section-13 .swiper-slide:after{
position: absolute;
content: '';
background: linear-gradient(10deg, #0b182e 50%, #832826 100%);
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: 1;
opacity: 0.55;
}
.banner-section-13 .swiper-slide{
padding: 240px 0px 350px 0px;
}
.banner-section-13 .banner-slider-nav{
position: absolute;
left: 0px;
top: 50%;
margin-top: -28px;
width: 100%;
z-index: 9;
}
.banner-section-13 .banner-slider-nav .banner-slider-control{
position: absolute;
top: 0px;
display: inline-block;
width: 56px;
height: 56px;
line-height: 62px;
background: #fff;
text-align: center;
font-size: 24px;
color: #3c344f;
cursor: pointer;
transition: all 500ms ease;
}
.banner-section-13 .banner-slider-nav .banner-slider-control:hover{
color: #fff;
background: var(--theme-color);
}
.banner-section-13 .banner-slider-nav .banner-slider-control.banner-slider-button-prev{
left: 60px;
}
.banner-section-13 .banner-slider-nav .banner-slider-control.banner-slider-button-next{
right: 60px;
} .highlights_sec_13 .icon_box img{
max-width: 93px;
} .footer-style-13{
position: relative;
background: #0b182e;
}
.footer-style-13 .footer-bottom{
background: transparent;
}
.footer-style-13 .widget-section{
padding: 93px 0px 82px 0px;
border-bottom: 1px solid #2d3c54;
}
.footer-style-13 .logo-widget .form-inner .form-group{
position: relative;
margin-bottom: 15px;
}
.footer-style-13 .logo-widget .form-inner .form-group:last-child{
margin-bottom: 0px;
}
.footer-style-13 .logo-widget .form-inner .form-group input[type='email']{
position: relative;
display: block;
width: 100%;
height: 54px;
font-size: 16px;
color: #fff;
border: none;
border-bottom: 1px solid #2d3c54;
margin-bottom: 20px;
background: transparent;
padding: 0px;
transition: all 500ms ease;
}
.footer-style-13 .logo-widget .form-inner .form-group input:focus{
border-color: var(--theme-color);
color: #fff;
}
.footer-style-13 .logo-widget .form-inner .form-group button[type='submit']{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 28px;
font-family: 'Inter', sans-serif;
color: #fff;
font-weight: 600;
background: #1c2b43;
padding: 8px 22px;
cursor: pointer;
border-radius: 5px;
transition: all 500ms ease;
}
.footer-style-13 .logo-widget .form-inner .form-group button[type='submit']:hover{
background: var(--theme-color);
}
.footer-style-13 .logo-widget .footer-logo{
margin-bottom: 29px;
}
.footer-style-13 .logo-widget p{
font-size: 16px;
line-height: 26px;
color: #a8b2c4;
margin-bottom: 20px;
}
.footer-style-13 .links-widget .links-list li{
position: relative;
display: block;
margin-bottom: 10px;
}
.footer-style-13 .links-widget .links-list li a{
display: inline-block;
font-size: 16px;
line-height: 26px;
color: #a8b2c4;
}
.footer-style-13 .links-widget .links-list li a:hover{
color: var(--theme-color);
}
.footer-style-13 .location-widget .location-inner{
position: relative;
width: 100%;
min-height: 187px;
}
.footer-style-13 .location-widget .location-inner .map{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
}
.footer-style-13 .location-widget p{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #a8b2c4;
margin-bottom: 22px;
}
.footer-style-13 .location-widget .location-box{
position: absolute;
left: 0px;
top: 0px;
right: 0px;
width: 100%;
height: 100%;
}
.footer-style-13 .location-widget .location-box .single-item{
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--theme-color);
cursor: pointer;
transition: all 500ms ease;
}
.footer-style-13 .location-widget .location-box .single-item:before{
position: absolute;
content: '';
width: 16px;
height: 16px;
left: -4px;
top: -4px;
border-radius: 50%;
background: var(--theme-color);
transform: scale(0,0);
opacity: 0.5;
transition: all 500ms ease;
}
.footer-style-13 .location-widget .location-box .single-item.current:before,
.footer-style-13 .location-widget .location-box .single-item:hover:before{
transform: scale(1,1);
}
.footer-style-13 .location-widget .location-box .single-item:first-child{
left: 10px;
top: 35px;
}
.footer-style-13 .location-widget .location-box .single-item span{
position: absolute;
left: 0px;
top: -11px;
left: 13px;
min-width: 123px;
background: #fff;
padding: 2px 5px;
border-radius: 5px;
font-size: 16px;
line-height: 26px;
color: #0b182e;
text-align: center;
visibility: hidden;
z-index: 1;
transition: all 500ms ease;
}
.footer-style-13 .location-widget .location-box .single-item.current span,
.footer-style-13 .location-widget .location-box .single-item:hover span{
visibility: visible;
left: 23px;
}
.footer-style-13 .location-widget .location-box .single-item span:before{
position: absolute;
content: '';
background: #fff;
width: 6px;
height: 13px;
left: -6px;
top: 50%;
transform: translateY(-50%);
clip-path: polygon(0% 50%, 100% 0%, 100% 100%, 0% 50%, 0% 0%);
}
.footer-style-13 .location-widget .location-box .single-item:nth-child(2){
left: 65px;
top: 75px;
}
.footer-style-13 .location-widget .location-box .single-item:nth-child(3){
left: 110px;
bottom: 52px;
}
.footer-style-13 .location-widget .location-box .single-item:nth-child(4){
left: 130px;
top: 17px;
}
.footer-style-13 .location-widget .location-box .single-item:nth-child(5){
left: 210px;
bottom: 50px;
}
.footer-style-13 .location-widget .location-box .single-item:nth-child(6){
right: 123px;
top: 57px;
}
.footer-style-13 .location-widget .location-box .single-item:nth-child(7){
right: 50px;
top: 87px;
}
.footer-style-13 .location-widget .location-box .single-item:nth-child(8){
right: 33px;
bottom: 31px;
} .banner-section-14{
position: relative;
background: #aed500;
padding: 175px 0px 110px 0px;
overflow: hidden;
}
.banner-section-14 .outer-container{
position: relative;
max-width: 1620px;
padding: 0px 15px;
margin: 0 auto;
}
.banner-section-14 .text-box{
position: relative;
max-width: 1070px;
width: 100%;
padding-left: 98px;
}
.banner-section-14 .text-box .link{
position: absolute;
left: 0px;
top: 13px;
}
.banner-section-14 .text-box .link a{
position: relative;
display: inline-block;
width: 70px;
height: 70px;
line-height: 76px;
border: 1px solid #94b403;
border-radius: 50%;
text-align: center;
font-size: 30px;
color: #101300;
transition: all 500ms ease;
}
.banner-section-14 .text-box .link a:hover{
color: #fff;
background: #101300;
border-color: #101300;
}
.banner-section-14 .text-box h2{
position: relative;
display: block;
font-size: 90px;
line-height: 100px;
font-weight: 700;
color: #060700;
}
.banner-section-14 .experience-box{
position: absolute;
top: 0px;
right: 15px;
}
.banner-section-14 .experience-box .inner-box{
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 270px;
height: 270px;
text-align: center;
padding: 0px 0px;
text-align: center;
}
.banner-section-14 .experience-box .inner-box:before{
position: absolute;
content: '';
background: #1e1f1b;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
border-radius: 50%;
opacity: 0.3;
}
.banner-section-14 .experience-box .inner-box h2{
position: relative;
display: block;
font-size: 90px;
line-height: 100px;
color: #fff;
font-weight: 700;
}
.banner-section-14 .experience-box .inner-box h2 span{
position: relative;
display: inline-block;
font-size: 40px;
line-height: 40px;
top: -40px;
margin-left: 8px;
}
.banner-section-14 .experience-box .inner-box h5{
display: block;
font-size: 17px;
line-height: 26px;
color: #fff;
font-weight: 600;
}
.banner-section-14 .experience-box .round-box-content{
position: absolute;
left: -38px;
top: 145px;
transform: rotate(-93deg);
}
.banner-section-14 .experience-box .round-box-content .curved-circle-2{
font-size: 15px;
line-height: 26px;
font-family: 'Inter', sans-serif;
color: #060700;
font-weight: 700;
text-transform: uppercase;
}
.banner-section-14 .pattern-layer{
position: absolute;
bottom: -90px;
right: 0px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: right bottom;
}
.footer-style-four.home-14{
background: #060700;
padding-top: 93px;
}
.footer-style-four.home-14 .footer-logo{
margin-bottom: 40px;
}
.footer-style-four .contact-widget h2{
font-size: 48px;
line-height: 58px;
color: #fff;
font-weight: 600;
margin-bottom: 22px;
}
.footer-style-four.home-14 .social-links li a{
background: transparent;
border: 1px solid #2d2f21;
color: #a5a79f;
}
.footer-style-four.home-14 .social-links li a:hover{
color: #fff;
background: var(--theme-color);
border-color: var(--theme-color);
}
.footer-style-four.home-14 .footer-bottom p{
color: #060700;
}
.footer-style-four.home-14 .footer-bottom a{
color: #060700;
}
.footer-style-four.home-14 .footer-bottom a:hover{
text-decoration: underline;
}
.footer-style-four.home-14 .footer-bottom .footer-nav li a{
color: #060700;
} .banner-section-15{
position: relative;
}
.banner-section-15 .content-box{
max-width: 520px;
}
.banner-section-15 .swiper-slide:after{
position: absolute;
content: '';
background: var(--theme-color);
width: 905px;
height: 905px;
border-radius: 50%;
left: 130px;
top: 0px;
opacity: 0.8;
}
.banner-section-15 .content-box .icon-box{
position: relative;
display: inline-block;
font-size: 60px;
color: #fff;
margin-bottom: 26px;
}
.banner-section-15 .content-box h2{
position: relative;
display: block;
font-size: 72px;
line-height: 82px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 36px;
}
.banner-section-15 .content-box h2 span{
font-weight: 400;
}
.banner-section-15 .content-box .btn-1{
background: transparent;
border: 1px solid #fff;
padding: 13px 24px;
}
.banner-section-15 .swiper-slide{
padding: 250px 0px 200px 0px;
}
.banner-section-15 .swiper-slide:before{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
content: '';
background: linear-gradient(-180deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.0) 70%);
z-index: 1;
}
.banner-section-15 .banner-slider-nav{
position: absolute;
right: 94px;
top: 50%;
height: 266px;
margin-top: -133px;
z-index: 9;
}
.banner-section-15 .banner-slider-nav .banner-slider-control{
position: absolute;
left: 0px;
display: inline-block;
font-size: 34px;
color: #fff;
cursor: pointer;
transition: all 500ms ease;
}
.banner-section-15 .banner-slider-nav .banner-slider-control.banner-slider-button-prev{
top: 0px;
}
.banner-section-15 .banner-slider-nav .banner-slider-control.banner-slider-button-next{
bottom: 0px;
}
.banner-section-15 .banner-slider-nav .banner-slider-control:hover{
color: var(--theme-color);
}
.banner-section-15 .slider__pagination{
position: absolute;
right: 70px;
top: 50%;
left:inherit !important;
width:auto !important;
margin-top: -105px;
z-index: 9;
counter-reset: slides-num;
}
.banner-section-15 .slider__pagination .swiper-pagination-bullet {
position: relative;
width: 3px;
height: 70px;
background-color: rgba(255, 255, 255, 0.10);
opacity: 1;
margin: 0px;
border-radius: 0px;
display: block;
cursor: pointer;
counter-increment: slides-num;
}
.banner-section-15 .slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--theme-color);
}
.banner-section-15 .slider__pagination .swiper-pagination-bullet::after {
position: absolute;
right: 15px;
top: 21px;
content: "0" counter(slides-num);
display: inline-block;
font-size: 24px;
color: var(--theme-color);
font-weight: 600;
font-family: 'inter', sans-serif;
opacity: 0;
transition: all 500ms ease;
}
.banner-section-15 .slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
opacity: 1;
}
.banner-section-15 .social-links{
position: absolute;
left: 40px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
text-align: center;
}
.banner-section-15 .social-links li{
position: relative;
display: block;
margin-bottom: 50px;
}
.banner-section-15 .social-links li:last-child{
margin-bottom: 0px;
}
.banner-section-15 .social-links li i a{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 20px;
color: #fff;
}
.banner-section-15 .social-links li i{
position: relative;
display: block;
color: #fff;
margin-bottom: 8px;
}
.banner-section-15 .social-links li span{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #fff;
writing-mode: vertical-lr;
transition: 0.5s;
}
.banner-section-15 .social-links li a:hover span{
color: var(--theme-color);
} .footer-style-15{
position: relative;
background: #070009;
}
.footer-style-15 .footer-top{
position: relative;
padding: 97px 0px 54px 0px;
}
.footer-style-15 .footer-top h2{
position: relative;
display: block;
font-size: 72px;
line-height: 90px;
color: #fff;
font-weight: 700;
}
.footer-style-15 .footer-top .form-inner{
position: relative;
margin-top: -17px;
}
.footer-style-15 .footer-top .form-inner .form-group{
position: relative;
margin: 0px;
}
.footer-style-15 .footer-top .form-inner .form-group input[type='email']{
position: relative;
display: block;
width: 100%;
height: 90px;
font-size: 16px;
color: #a9a5aa;
background: transparent;
border: none;
border-bottom: 1px solid #2b292c;
padding-left: 0px;
padding-right: 60px;
transition: all 500ms ease;
}
.footer-style-15 .footer-top .form-inner .form-group input:focus{
border-color: var(--theme-color);
}
.footer-style-15 .footer-top .form-inner .form-group button[type='submit']{
position: absolute;
top: 34px;
right: 0px;
font-size: 24px;
color: #fff;
cursor: pointer;
background: transparent;
transition: all 500ms ease;
}
.footer-style-15 .footer-top .form-inner .form-group input:focus + button,
.footer-style-15 .footer-top .form-inner .form-group button:hover{
color: var(--theme-color);
}
.footer-style-15 .footer-top .inner-box{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-style-15 .footer-top .inner-box .author-box{
position: relative;
display: flex;
align-items: center;
}
.footer-style-15 .footer-top .inner-box .author-box .author-thumb{
position: relative;
display: inline-block;
width: 64px;
height: 64px;
border-radius: 50%;
}
.footer-style-15 .footer-top .inner-box .author-box .author-thumb img{
width: 100%;
border-radius: 50%;
}
.footer-style-15 .footer-top .inner-box .author-box span{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 24px;
font-family: 'Inter', sans-serif;
color: #fff;
font-weight: 600;
padding: 6px 10px;
border-radius: 30px;
background: var(--theme-color);
border: 2px solid #070009;
margin-left: -12px;
}
.footer-style-15 .footer-top .inner-box .author-box h5{
font-size: 17px;
line-height: 28px;
color: #fff;
font-weight: 600;
margin-left: 10px;
}
.footer-style-15 .widget-section{
padding-bottom: 90px;
border-bottom: 1px solid #2b292c;
}
.footer-style-15 .logo-widget{
position: relative;
max-width: 470px;
}
.footer-style-15 .logo-widget .top-inner{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 22px;
}
.footer-style-15 .logo-widget .social-links{
position: relative;
display: flex !important;
align-items: center;
}
.footer-style-15 .logo-widget .social-links li{
margin-right: 10px !important;
}
.footer-style-15 .logo-widget .social-links li:last-child{
}
.footer-style-15 .logo-widget .social-links li a{
position: relative;
display: inline-block;
width: 45px;
height: 45px;
line-height: 49px !important;
background: #fff !important;
font-size: 18px;
color: #070009 !important;
text-align: center;
border-radius: 50%;
}
.footer-style-15 .logo-widget .social-links li a:hover{
color: #fff !important;
background: var(--theme-color) !important;
}
.footer-style-15 .logo-widget h3{
position: relative;
display: block;
font-size: 22px;
line-height: 32px;
color: #fff;
font-weight: 600;
margin-bottom: 11px;
}
.footer-style-15 .logo-widget p{
font-size: 16px;
line-height: 26px;
color: #a9a5aa;
margin-bottom: 21px;
}
.footer-style-15 .logo-widget h5{
position: relative;
display: block;
font-size: 17px;
line-height: 28px;
font-weight: 600;
}
.footer-style-15 .logo-widget h5 a{
position: relative;
display: inline-block;
color: #fff;
padding-left: 37px;
}
.footer-style-15 .logo-widget h5 a:hover{
color: var(--theme-color);
}
.footer-style-15 .logo-widget h5 a i{
position: absolute;
display: inline-block;
left: 0px;
top: 2px;
width: 26px;
height: 26px;
line-height: 26px;
font-size: 12px;
color: #fff;
background: #1e1a20;
text-align: center;
}
.footer-style-15 .links-widget .links-list li{
position: relative;
display: block;
margin-bottom: 9px;
}
.footer-style-15 .links-widget .links-list li:last-child{
margin-bottom: 0px;
}
.footer-style-15 .links-widget .links-list li a{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 26px;
color: #a9a5aa;
}
.footer-style-15 .links-widget .links-list li a:hover{
color: var(--theme-color);
}
.footer-style-15 .footer-bottom{
background: #070009;
}
.footer-style-15 .pattern-layer{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: top center;
} .banner-section-16{
position: relative;
padding: 350px 0px 200px 0px;
background: #121e2f;
margin-top: -94px;
}
.banner-section-16 .content-box{
position: relative;
max-width: 50%;
width: 100%;
padding: 0px 130px 0px 80px;
}
.banner-section-16 .bg-layer{
position: absolute;
top: 0px;
right: 0px;
width: 50%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.banner-section-16 .pattern-layer{
position: absolute;
top: 0px;
right: 0px;
width: 50%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: left bottom;
}
.banner-section-16 .content-box h2{
position: relative;
display: block;
font-size: 72px;
line-height: 82px;
color: #fff;
font-weight: 700;
margin-bottom: 31px;
}
.banner-section-16 .content-box p{
font-size: 18px;
line-height: 28px;
color: #a5abb8;
margin-bottom: 43px;
}
.banner-section-16 .content-box .btn-1{
padding: 14px 25px;
}
.banner-section-16 .round-box-content {
position: absolute;
bottom: 0px;
right: -90px;
width: 180px;
height: 180px;
border-radius: 90px;
background-color: #fff;
text-align: center;
z-index: 2;
transform: rotate(180deg);
}
.banner-section-16 .round-box-content:before{
position: absolute;
content: '';
background: var(--theme-color);
width: 8px;
height: 8px;
left: 90px;
bottom: 11px;
transform: rotate(45deg);
}
.banner-section-16 .round-box-content .inner-icon {
width: 120px;
height: 120px;
border-radius: 60px;
background-color: var(--theme-color);
text-align: center;
line-height: 120px;
position: absolute;
top: 30px;
left: 30px;
transform: rotate(180deg);
}
.banner-section-16 .round-box-content .curved-circle {
font-size: 15px;
line-height: 26px;
text-transform: uppercase;
color: #121e2f;
font-weight: 700;
font-family: "Inter";
text-align: center;
width: 160px;
height: 160px;
top: 5px;
left: 10px;
transition: .7s;
}
.banner-section-16 .content-box .shape{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
width: 100%;
height: 628px;
background-repeat: no-repeat;
background-position: right center;
} .footer-style-16{
position: relative;
background: #121e2f;
}
.footer-style-16 .footer-left-column{
position: absolute;
left: 0px;
top: 0px;
width: 50%;
height: 100%;
}
.footer-style-16 .footer-right-column{
position: relative;
float: right;
width: 50%;
}
.footer-style-16 .inner-box{
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.footer-style-16 .footer-left-column .bg-layer{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.footer-style-16 .content-box{
position: relative;
display: block;
max-width: 370px;
text-align: center;
padding: 50px 30px;
}
.footer-style-16 .content-box:before{
position: absolute;
content: '';
background: var(--theme-color);
width: 100%;
height: 100%;
left: 0px;
top: 0px;
opacity: 0.92;
}
.footer-style-16 .content-box .icon-box{
position: relative;
display: inline-block;
margin-bottom: 23px;
}
.footer-style-16 .content-box h3{
position: relative;
display: block;
font-size: 26px;
line-height: 36px;
color: #fff;
font-weight: 600;
margin-bottom: 31px;
}
.footer-style-16 .content-box .btn-1{
border: 1px solid #fff;
background: transparent;
padding: 13px 24px;
}
.footer-style-16 .footer-top{
padding: 100px 30px 51px 100px;
max-width: 700px;
}
.footer-style-16 .footer-top h3{
position: relative;
display: block;
font-size: 26px;
line-height: 36px;
color: #fff;
font-weight: 600;
}
.footer-style-16 .footer-top .form-inner{
position: relative;
}
.footer-style-16 .footer-top .form-inner .form-group{
position: relative;
margin: 0px;
}
.footer-style-16 .footer-top .form-inner .form-group input[type='email']{
position: relative;
display: block;
width: 100%;
height: 90px;
font-size: 16px;
color: #a5abb8;
background: transparent;
border: none;
padding-left: 0px;
padding-right: 60px;
border-bottom: 1px solid #303d4f;
transition: all 500ms ease;
}
.footer-style-16 .footer-top .form-inner .form-group input:focus{
border-color: var(--theme-color);
}
.footer-style-16 .footer-top .form-inner .form-group button[type='submit']{
position: absolute;
top: 34px;
right: 0px;
font-size: 24px;
color: #fff;
cursor: pointer;
background: transparent;
transition: all 500ms ease;
}
.footer-style-16 .footer-top .form-inner .form-group input:focus + button,
.footer-style-16 .footer-top .form-inner .form-group button:hover{
color: var(--theme-color);
}
.footer-style-16 .widget-section{
max-width: 700px;
padding: 0px 30px 90px 100px;
}
.footer-style-16 .contact-widget{
margin-bottom: 37px;
}
.footer-style-16 .contact-widget p{
font-size: 16px;
line-height: 26px;
color: #a5abb8;
margin-bottom: 20px;
}
.footer-style-16 .contact-widget p strong{
color: #fff;
}
.footer-style-16 .contact-widget p span{
color: var(--theme-color);
}
.footer-style-16 .contact-widget .info-list li{
position: relative;
display: block;
float: left;
width: 50%;
font-size: 16px;
line-height: 26px;
color: #a5abb8;
margin-bottom: 10px;
}
.footer-style-16 .contact-widget .info-list li a{
display: inline-block;
color: #a5abb8;
}
.footer-style-16 .contact-widget .info-list li a:hover{
color: var(--theme-color);
}
.footer-style-16 .links-widget .links-list li{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
margin-bottom: 9px;
}
.footer-style-16 .links-widget .links-list li:last-child{
margin-bottom: 0px;
}
.footer-style-16 .links-widget .links-list li a{
display: inline-block;
color: #a5abb8;
}
.footer-style-16 .links-widget .links-list li a:hover{
color: var(--theme-color);
}
.footer-style-16 .footer-bottom{
background: var(--theme-color);
padding-left: 100px;
padding-right: 30px;
}
.footer-style-16 .footer-bottom .bottom-inner{
max-width: 600px;
}
.footer-style-16 .footer-bottom .copyright p{
color: #fff;
}
.footer-style-16 .footer-bottom .copyright p a{
color: #fff;
}
.footer-style-16 .footer-bottom .scroll-top-inner{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 28px;
font-family: 'Inter', sans-serif;
color: #fff;
font-weight: 600;
cursor: pointer;
}
.footer-style-16 .footer-bottom .scroll-top-inner i{
position: relative;
margin-left: 9px;
font-size: 12px;
font-weight: 400;
} .banner-section-17{
position: relative;
}
.banner-section-17 .swiper-slide{
padding: 260px 0px 180px 0px;
}
.banner-section-17 .swiper-slide:before{
position: absolute;
content: '';
background: #000000;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
opacity: 0.2;
z-index: 1;
}
.banner-section-17 .swiper-slide:after{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
content: '';
background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.0) 50%);
z-index: 1;
}
.banner-section-17 .content-box h2{
font-size: 80px;
line-height: 90px;
color: #fff;
font-weight: 700;
margin-bottom: 30px;
}
.banner-section-17 .content-box .info-list li{
position: relative;
display: inline-block;
margin-right: 60px;
padding-left: 55px;
}
.banner-section-17 .content-box .info-list li:last-child{
margin-right: 0px !important;
}
.banner-section-17 .content-box .info-list li .icon-box{
position: absolute;
display: inline-block;
left: 0px;
top: 6px;
font-size: 42px;
color: var(--theme-color);
}
.banner-section-17 .content-box .info-list li span{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #a5a5b2;
margin-bottom: 2px;
}
.banner-section-17 .content-box .info-list li h5{
position: relative;
display: block;
font-size: 17px;
line-height: 28px;
font-weight: 500;
color: #fff;
}
.banner-section-17 .content-box .info-list li h5 a{
display: inline-block;
color: #fff;
}
.banner-section-17 .content-box .info-list li h5 a:hover{
text-decoration: underline;
}
.banner-section-17 .content-box .info-list{
margin-bottom: 42px;
opacity: 0;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease
}
.banner-section-17 .swiper-slide.swiper-slide-active .info-list{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
-ms-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
.banner-section-17 .content-box .btn-1{
padding: 14px 25px;
}
.banner-section-17 .social-links{
position: absolute;
left: 40px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
text-align: center;
}
.banner-section-17 .social-links li{
position: relative;
display: block;
margin-bottom: 50px;
}
.banner-section-17 .social-links li:last-child{
margin-bottom: 0px;
}
.banner-section-17 .social-links li i a{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 20px;
color: #fff;
}
.banner-section-17 .social-links li i{
position: relative;
display: block;
color: #fff;
margin-bottom: 8px;
}
.banner-section-17 .social-links li span{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #fff;
writing-mode: vertical-lr;
transition: 0.5s;
}
.banner-section-17 .social-links li a:hover span{
color: var(--theme-color);
}
.banner-section-17 .slider__pagination{
position: absolute;
left: 50% !important;
transform: translate(-50%) !important;
bottom: 41px !important;
z-index: 9;
width: auto !important;
}
.banner-section-17 .slider__pagination .swiper-pagination-bullet{
position: relative;
display: inline-block;
width: 12px;
height: 12px;
background: transparent;
border: 2px solid #fff;
border-radius: 0px;
cursor: pointer;
margin: 0px 10px;
opacity: 1;
transition: all 500ms ease;
}
.banner-section-17 .slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
border-color: var(--theme-color);
} .footer-style-18{
background: #faf3fb;
}
.footer-style-18 .footer-top{
padding-top: 90px;
}
.footer-style-18 .footer-top .text-box{
text-align: center;
margin-bottom: 30px;
}
.footer-style-18 .footer-top .text-box h3{
font-size: 36px;
line-height: 46px;
color: #522058;
font-weight: 700;
margin-bottom: 12px;
}
.footer-style-18 .footer-top .text-box h3 span{
font-weight: 500;
color: #b03ebf;
}
.footer-style-18 .footer-top .text-box p{
font-size: 18px;
line-height: 28px;
color: #6b686c;
margin-bottom: 0px;
}
.footer-style-18 .footer-top .form-inner .form-group{
position: relative;
margin: 0px;
}
.footer-style-18 .footer-top .form-inner .form-group input[type='email']{
background: transparent;
border: 1px solid #e1dae2;
font-size: 16px;
line-height: 26px;
color: #6b686c;
padding: 10px 100px 10px 30px;
border-radius: 40px;
height: 60px;
}
.footer-style-18 .footer-top .form-inner .form-group input:focus{
border-color: var(--theme-color);
}
.footer-style-18 .footer-top .form-inner .form-group button[type='submit']{
position: absolute;
top: 17px;
right: 30px;
font-size: 17px;
line-height: 28px;
font-family: 'Inter', sans-serif;
color: #522058;
font-weight: 600;
background: transparent;
cursor: pointer;
transition: all 500ms ease;
}
.footer-style-18 .footer-top .form-inner .form-group button i{
position: relative;
display: inline-block;
font-size: 12px;
font-weight: 400;
margin-right: 8px;
}
.footer-style-18 .widget-section{
padding: 75px 0px;
border-bottom: 1px solid #e1dae2;
}
.footer-style-18 .widget-title h3{
color: #522058;
}
.footer-style-18 .contact-widget .widget-content p{
font-size: 16px;
line-height: 26px;
color: #6b686c;
margin-bottom: 22px;
}
.footer-style-18 .contact-widget .widget-content a{
position: relative;
display: inline-block;
font-size: 17px;
line-height: 28px;
font-family: 'Inter', sans-serif;
color: #522058;
font-weight: 600;
border: 1px solid #e1dae2;
border-radius: 40px;
padding: 9px 34px;
}
.footer-style-18 .contact-widget .widget-content a:hover{
color: #fff;
background: #522058;
border-color: #522058;
}
.footer-style-18 .links-widget .links-list li{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
margin-bottom: 10px;
}
.footer-style-18 .links-widget .links-list li a{
display: inline-block;
color: #6b686c;
}
.footer-style-18 .links-widget .links-list li a:hover{
color: var(--theme-color);
}
.footer-style-18 .footer-bottom{
background: transparent;
}
.footer-style-18 .footer-bottom .left-column{
position: relative;
display: flex;
align-items: center;
}
.footer-style-18 .footer-bottom .footer-logo{
position: relative;
margin-right: 60px;
}
.footer-style-18 .footer-bottom .footer-logo:before{
position: absolute;
content: '';
background: #e1dae2;
width: 1px;
height: 44px;
top: -5px;
right: -31px;
}
.footer-style-18 .footer-bottom p{
font-size: 16px;
line-height: 26px;
color: #6b686c;
margin-bottom: 0px;
}
.footer-style-18 .footer-bottom p a{
display: inline-block;
color: #6b686c;
}
.footer-style-18 .footer-bottom .download-list{
position: relative;
display: flex;
align-items: center;
}
.footer-style-18 .footer-bottom .download-list li{
margin-right: 10px;
}
.footer-style-18 .footer-bottom .download-list li:last-child{
margin: 0px !important;
}
.footer-style-18 .footer-bottom .download-list li a{
position: relative;
display: inline-block;
width: 45px;
height: 45px;
line-height: 47px;
border: 1px solid #e1dae2;
font-size: 20px;
color: #a49ca5;
text-align: center;
border-radius: 50%;
}
.footer-style-18 .footer-bottom .download-list li a:hover{
color: #fff;
background: var(--theme-color);
border-color: var(--theme-color);
} .footer-style-17{
position: relative;
background: #1b1b26;
}
.footer-style-17:before{
position: absolute;
content: '';
background: #fff;
width: 100%;
height: 95px;
left: 0px;
top: 0px;
}
.footer-style-17 .footer-top .info-box{
position: relative;
background: #2c2c39;
padding: 22px 30px 30px 30px;
overflow: hidden;
}
.footer-style-17 .footer-top .info-box h4{
position: relative;
display: block;
font-size: 20px;
line-height: 30px;
font-weight: 600;
color: #fff;
margin-bottom: 15px;
}
.footer-style-17 .footer-top .info-box .icon-box{
position: absolute;
right: 30px;
bottom: 30px;
font-size: 70px;
color: #353544;
}
.footer-style-17 .footer-top .info-box p{
font-size: 16px;
line-height: 26px;
color: #a5a5b2;
}
.footer-style-17 .footer-top .info-box p a{
display: inline-block;
color: #a5a5b2;
}
.footer-style-17 .footer-top .info-box p a:hover{
color: var(--theme-color);
}
.footer-style-17 .footer-top .info-box p span{
color: var(--theme-color);
}
.footer-style-17 .footer-top .info-box h5{
position: relative;
display: block;
font-size: 17px;
line-height: 28px;
font-weight: 600;
}
.footer-style-17 .footer-top .info-box h5 a{
position: relative;
display: inline-block;
color: #fff;
padding-left: 38px;
}
.footer-style-17 .footer-top .info-box h5 a:hover{
color: var(--theme-color);
}
.footer-style-17 .footer-top .info-box h5 a i{
position: absolute;
left: 0px;
top: 0px;
font-size: 12px;
color: #fff;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
background: #42424f;
}
.footer-style-17 .widget-section{
position: relative;
padding: 100px 0px 90px 0px;
border-bottom: 1px solid #3b3b47;
}
.footer-style-17 .logo-widget .footer-logo{
margin-bottom: 26px;
}
.footer-style-17 .logo-widget h3{
position: relative;
display: block;
font-size: 22px;
line-height: 32px;
color: #fff;
font-weight: 600;
margin-bottom: 15px;
}
.footer-style-17 .logo-widget p{
font-size: 16px;
line-height: 26px;
color: #a5a5b2;
margin-bottom: 30px;
}
.footer-style-17 .logo-widget h5{
position: relative;
display: block;
font-size: 17px;
line-height: 28px;
font-weight: 600;
}
.footer-style-17 .logo-widget h5 a{
display: inline-block;
color: #fff;
padding-left: 38px;
}
.footer-style-17 .logo-widget h5 a:hover{
color: var(--theme-color);
}
.footer-style-17 .logo-widget h5 a i{
position: absolute;
left: 0px;
top: 2px;
font-size: 12px;
color: #fff;
text-align: center;
width: 26px;
height: 26px;
line-height: 26px;
background: #2c2c39;
}
.footer-style-17 .links-widget .links-list li{
position: relative;
display: block;
margin-bottom: 9px;
}
.footer-style-17 .links-widget .links-list li a{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 26px;
color: #a5a5b2;
}
.footer-style-17 .links-widget .links-list li a:hover{
color: var(--theme-color);
}
.footer-style-17 .subscribe-widget{
position: relative;
margin-top: -293px;
}
.footer-style-17 .subscribe-widget .form-inner{
position: relative;
display: block;
background: #2c2c39;
padding: 33px 30px 40px 30px;
}
.footer-style-17 .subscribe-widget .form-inner .form-group{
position: relative;
margin-bottom: 30px;
}
.footer-style-17 .subscribe-widget .form-inner .form-group:last-child{
margin-bottom: 0px;
}
.footer-style-17 .subscribe-widget .form-inner .form-group label{
position: relative;
display: block;
font-size: 17px;
line-height: 28px;
font-family: 'Inter', sans-serif;
color: #fff;
font-weight: 600;
padding-left: 23px;
margin-bottom: 10px;
}
.footer-style-17 .subscribe-widget .form-inner .form-group label i{
position: absolute;
left: 0px;
top: 4px;
font-size: 16px;
color: var(--theme-color);
}
.footer-style-17 .subscribe-widget .form-inner .form-group input[type='text'],
.footer-style-17 .subscribe-widget .form-inner .form-group input[type='email'],
.footer-style-17 .subscribe-widget .form-inner .form-group textarea{
background: transparent;
border-color: #424253;
}
.footer-style-17 .subscribe-widget .form-inner .form-group textarea{
height: 140px;
resize: none;
display: block;
}
.footer-style-17 .subscribe-widget .form-inner .form-group input:focus,
.footer-style-17 .subscribe-widget .form-inner .form-group textarea:focus{
border-color: var(--theme-color);
}
.footer-style-17 .subscribe-widget .form-inner .form-group .btn-1{
width: 100%;
display: block;
padding: 14px 25px;
text-align: center;
}
.footer-style-17 .subscribe-widget .form-inner .form-group .btn-1 span{
background: #fff;
}
.footer-style-17 .subscribe-widget .form-inner .form-group .btn-1:hover{
color: var(--theme-color);
}
.footer-style-17 .footer-bottom{
background: transparent;
} .banner-section-18{
position: relative;
padding: 0px 100px;
}
.banner-section-18 .content-box h2{
font-size: 72px;
line-height: 82px;
color: #fff;
margin-bottom: 35px;
font-weight: 700;
}
.banner-section-18 .content-box p{
font-size: 18px;
line-height: 30px;
color: #fff;
margin-bottom: 45px;
}
.banner-section-18 .content-box .btn-1{
padding: 14px 25px;
}
.banner-section-18 .content-box{
max-width: 850px;
}
.banner-section-18 .swiper-slide{
padding: 170px 0px 180px 0px;
border-radius: 0px 0px 15px 15px;
overflow: hidden;
}
.banner-section-18 .swiper-slide:before{
position: absolute;
content: '';
background: #000;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: 1;
opacity: 0.25;
}
.banner-section-18 .banner-slider-nav{
position: absolute;
left: 0px;
top: 50%;
margin-top: -30px;
width: 100%;
z-index: 9;
}
.banner-section-18 .banner-slider-nav .banner-slider-control{
position: absolute;
display: inline-block;
top: 0px;
width: 60px;
height: 60px;
line-height: 66px;
background: #fff;
text-align: center;
font-size: 24px;
color: #522058;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
border-radius: 50%;
cursor: pointer;
transition: all 500ms ease;
}
.banner-section-18 .banner-slider-nav .banner-slider-control:hover{
color: #fff;
background: #522058;
}
.banner-section-18 .banner-slider-nav .banner-slider-button-prev{
left: 70px;
}
.banner-section-18 .banner-slider-nav .banner-slider-button-next{
right: 70px;
}
.banner-section-18 .swiper-slide .pattern-layer .pattern-1{
position: absolute;
left: 0px;
bottom: 0px;
width: 745px;
height: 628px;
background-repeat: no-repeat;
}
.banner-section-18 .swiper-slide .pattern-layer .pattern-2{
position: absolute;
left: 0px;
bottom: 0px;
width: 745px;
height: 628px;
background-repeat: no-repeat;
opacity: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section-18 .swiper-slide.swiper-slide-active .pattern-layer .pattern-2{
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
} @media only screen and (max-width: 1200px){
.banner-section-15 .social-links{
display: none;
}
}
@media only screen and (max-width: 991px){
.banner-section-two .image-layer{
display: none;
}
.banner-section-five .image-box{
margin-left: 0px;
margin-top: 30px;
}
.banner-section-seven .image-box{
margin-top: 30px;
}
.footer-style-seven {
position: relative;
background: linear-gradient(90deg, #451e65 0%, #451e65 50%);
}
.banner-section-eight .image-box{
margin-right: 0px;
margin-bottom: 30px;
}
.banner-section-ten{
padding: 0px;
}
.banner-section-11 .swiper-slide{
padding-left: 30px;
padding-right: 30px;
}
.banner-section-11 .image-layer{
display: none;
}
.footer-style-15 .footer-top .form-inner{
margin-top: 0px;
margin-bottom: 30px;
}
.banner-section-16 .content-box{
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
}
.banner-section-17 .social-links{
display: none;
}
.banner-section-18{
padding: 0px;
}
}
@media only screen and (max-width: 767px){
.banner-section .content-box h2,
.banner-section-two .content-box h2{
font-size: 50px !important;
line-height: 60px !important;
}
.footer_icon_box{
margin-bottom: 40px;
}
.banner-section .banner-slider-nav,
.banner-section-three .slider__pagination{
display: none;
}
footer .footer-widget{
margin: 0px 0px 30px 0px !important;
}
.banner-section-five .outer-container{
padding-left: 30px;
padding-right: 30px;
}
.banner-section-five .content-box h2{
font-size: 40px;
line-height: 50px;
}
.banner-section-six{
padding: 0px;
}
.banner-section-six .round-box-content{
display: none;
}
.banner-section .slider__pagination{
display: none;
}
.banner-section-eight .content-box h2{
font-size: 40px;
line-height: 50px;
}
.footer-style-11 .footer-top .top-inner{
display: block;
}
.footer-style-11 .footer-top .top-inner .text-box{
display: block;
}
.footer-style-11 .footer-top .top-inner .text-box h3{
margin: 20px 0px;
}
.banner-section-12 .content-box h2{
font-size: 40px;
line-height: 50px;
}
.banner-section-14 .text-box h2{
font-size: 40px;
line-height: 50px;
}
.banner-section-14 .experience-box{
display: none;
}
.footer-style-15 .footer-top h2{
font-size: 40px;
line-height: 50px;
}
.banner-section-16 .content-box h2{
font-size: 40px;
line-height: 50px;
}
.banner-section-16 .round-box-content{
position: relative;
right: 0px;
margin-bottom: 20px;
}
.footer-style-16 .footer-left-column{
position: relative;
width: 100%;
}
.footer-style-16 .footer-right-column{
width: 100%;
}
.footer-style-16 .widget-section,
.footer-style-16 .footer-top{
padding-left: 30px;
}
.footer-style-16 .footer-bottom{
padding-left: 30px;
}
.footer-bottom .bottom-inner{
display: block;
}
}
@media only screen and (max-width: 599px){
.footer-style-18 .footer-bottom .left-column{
display: block;
}
.footer-style-18 .footer-bottom p{
margin: 15px 0px;
}
}
.theme-btn{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 28px;
font-family: 'Inter', sans-serif;
font-weight: 600;
text-transform: capitalize;
color: #fff !important;
padding: 14px 25px;
background: var(--theme-color);
}
.theme-btn:hover{
background: #0b1930;
}
.dots-style-one .swiper-pagination-bullet{
position: relative;
display: inline-block;
width: 10px;
height: 10px;
background: #eae3da;
cursor: pointer;
margin: 0px 10px !important;
transform: rotate(45deg);
border-radius: 0px;
opacity: 1;
transition: all 500ms ease;
}
.dots-style-one .swiper-pagination-bullet.swiper-pagination-bullet-active{
background: var(--theme-color);
}
.team-home-six .more-btn a.read_more_2_btn span{
background: #eae3da;
}
.testimonial_home_six .testimonial-block-three .author_name{
text-align: left;
color: #1b1918;
}
.testimonial_home_six .testimonial-block-three .designation{
text-align: left;
color: var(--theme-color);
}
.testimonial_home_six .testimonial-block-three .title{
color: #1b1918;
text-align: left;
}
.testimonial_home_six .testimonial-block-three p{
text-align: left;
color: #6a6b74;
}
.clients_sec_7 .swiper-wrapper{
align-items: center !important;
}
.home_eight_award .more-btn a.read_more_1_btn span{
background: #f6f0ef;
}
.home_eight_award .more-btn a.read_more_1_btn:hover span{
background: var(--theme-color);
}
.header-style-two .header_upper_two button.theme-btn.search-toggler{
background-color: transparent;
padding: 0px;
}
.header-style-nine .header-upper.header_upper_nine .main-menu .navigation>li:last-child{
margin-right: 0px;
}
.header-style-nine .search-toggler{
background: transparent;
font-size: 18px;
color: #373737;
transition: all 500ms ease;
}
.header-style-nine .search-toggler:hover{
color: var(--theme-color);
}
.services_nine .service-slider-nav{
position: absolute;
left: 50%;
bottom: 22px;
margin-left: -185px;
width: 370px;
z-index: 9;
}
.services_nine .service-slider-nav:before{
position: absolute;
content: '';
background: #e8e5e4;
width: 280px;
height: 1px;
left: 45px;
top: 11px;
}
.services_nine .service-slider-nav .service-slider-control{
position: absolute;
display: inline-block;
background-color: transparent;
width: auto;
font-size: 24px;
color: #454343;
cursor: pointer;
transition: all 500ms ease;
}
.services_nine .service-slider-nav .service-slider-control:hover{
color: var(--theme-color);
}
.services_nine .service-slider-nav .service-slider-control.slider_button_prev6{
left: 0px;
}
.services_nine .service-slider-nav .service-slider-control.slider_button_next6{
right: 0px;
}
.services_nine .slider__pagination{
position: absolute;
left: 50% !important;
margin-left: 57px;
bottom: 24px !important;
z-index: 9; }
.services_nine .slider__pagination .swiper-pagination-bullet {
counter-increment: slides-num;
background: transparent;
}
.services_nine .slider__pagination .swiper-pagination-bullet::after {
position: absolute;
left: -86px;
top: 2px;
content: "0" counter(slides-num);
display: inline-block;
font-size: 22px;
color: var(--theme-color);
font-weight: 600;
font-family: 'inter', sans-serif;
opacity: 0;
transition: all 500ms ease;
}
.services_nine .slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
opacity: 1;
}
.services_nine .slider__pagination .swiper-pagination-bullet:last-child::before {
position: absolute;
left: -56px;
top: 3px;
content: "/0" counter(slides-num);
display: inline-block;
font-size: 16px;
font-family: 'inter', sans-serif;
color: #a8a3a3;
font-weight: 600;
opacity: 1;
}
.process_nine a.read_more_1_btn{
color: var(--theme-color);
}
.process_nine a.read_more_1_btn span{
color: #0f0f0f;
background: #f3f0ef;
}
.service-home-10 .active-btn .services_block_2{
opacity: 0;
}
.blog_fifteen_block .inner-box .link a{
position: relative;
display: inline-block;
font-size: 17px;
line-height: 26px;
font-family: 'Inter', sans-serif;
font-weight: 600;
text-transform: capitalize;
color: #fff;
padding-left: 38px;
}
.blog_fifteen_block .inner-box .link a:hover span{
color: var(--theme-color);
}
.blog_fifteen_block .inner-box .link a i{
position: absolute;
left: 0px;
top: 0px;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
font-size: 10px;
color: #fff;
background-color: var(--theme-color);
color: #ffffff;
transition: all 500ms ease;
}
.blog_fifteen_block .inner-box .link a:hover i{
background-color: var(--theme-color);
color: #ffffff;
}
.blog_fifteen_block .inner-box .link a i:before{
display: inline-block;
transition: all 500ms ease;
}
.blog_fifteen_block .inner-box .link a:hover i:before{
transform: rotate(45deg);
}
.blog_fifteen_block .inner-box .link a span{
position: relative;
opacity: 0;
visibility: hidden;
transition: all 500ms ease;
color: var(--theme-color);
}
.blog_fifteen_block:hover  .link a span{
opacity: 1;
visibility: visible;
}
.about_sixteen .bar{
position: relative;
width: 100%;
height: 8px;
background: #054bd9;
border-radius: 10px;
}
.about_sixteen .bar .bar-inner{
position: relative;
display: block;
background: #fff;
height: 8px;
width: 0%;
border-radius: 10px 0px 0px 10px;
-webkit-transition:all 1500ms ease;
-ms-transition:all 1500ms ease;
-o-transition:all 1500ms ease;
-moz-transition:all 1500ms ease;
transition:all 1500ms ease; 
}
.about_sixteen .bar .bar-inner:before{
position: absolute;
content: '';
width: 16px;
height: 16px;
border: 3px solid #fff;
border-radius: 50%;
top: -4px;
right: -14px;
}
.about_sixteen .bar .count-text{
position: absolute;
top: -35px;
right: 0px;
font-size: 17px;
line-height: 28px;
font-family: 'Inter', sans-serif;
color: #fff;
font-weight: 600;
}
.about_sixteen .progress-box-2 h5{
position: relative;
display: block;
font-size: 17px;
line-height: 28px;
font-weight: 600;
color: #fff;
margin-bottom: 8px;
}
.team_sixteen .sec_title_wrap{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.team_sixteen h2.sec_title{
margin-bottom: 0px;
}
.home-seventeen-works-section .title-inner{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.home-seventeen-pricing-section .btn-1{
background: #1b1b26;
}
.home-seventeen-pricing-section .btn-1:hover{
background: var(--theme-color);
}
.process_sec_3.home-17 .title-inner{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.process_sec_3.home-17 .title-inner a.read_more_2_btn span{
background: #f6f0ef;
}
.services_section.home_18{
background: #faf3fb;
}
.services_section.home_18:before{
position: absolute;
content: '';
background: #fff;
width: 100%;
height: 275px;
left: 0px;
bottom: 0px;
}
.service_blk_1 .shape{
position: absolute;
left: 0px;
top: -1px;
width: 100%;
height: calc(100% + 2px);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.services_section.home_18 .service_blk_1{
border: none;
overflow: hidden;
}
.blog_sec1.home_18 a.read_more_1_btn span{
border-radius: 50%;
background: #faf3fb;
color: var(--theme-color);
}
.blog_sec1.home_18 .news-block-one h3 a{
color: #522058;
}
.blog_sec1.home_18 .news-block-one h3 a:hover{
color: var(--theme-color);
}
.consultform_sec1.home_18 .shape{
opacity: 0.1;
}
.consultform_sec1.home_18 h2.sec_title{
font-size: 100px;
line-height: 100px;
}
.consultform_sec1.home_18 .contact_info .author_box{
max-width: 100%;
}
.consultform_sec1.home_18 .info_box_1 a{
color: #c8bec9;
}
.consultform_sec1.home_18 .info_box_1 a:hover{
color: var(--theme-color);
}
.consultform_sec1.home_18 .social-links li{
position: relative;
display: inline-block;
float: left;
margin-right: 10px;
}
.consultform_sec1.home_18 .social-links li:last-child{
margin-right: 0px !important;
}
.consultform_sec1.home_18 .social-links li a{
position: relative;
display: inline-block;
width: 45px;
height: 45px;
line-height: 49px;
background: #fff;
text-align: center;
font-size: 18px;
color: #a49ca5;
border-radius: 50%;
}
.consultform_sec1.home_18 .social-links li a:hover{
color: #fff;
background: var(--theme-color);
}
.consultform_sec1.home_18 .shape-2{
position: absolute;
left: 40%;
top: 80px;
width: 142px;
height: 60px;
background-repeat: no-repeat;
}
.header-style-one .theme-btn.search-toggler{
color: #070f64 !important;
padding: 0px;
}
.header-style-three .consult_btn{
margin-right: 0px;
}
.page-wrapper.home-13 a.read_more_1_btn i,
.page-wrapper.home-13 a.read_more_1_btn span{
border-radius: 5px !important;
}
.clients_sec_13{
background: #f6f0ef;
}
.review-section.home_18{
background: #faf3fb;
} .review-section{
position: relative;
background: #f6f0ef;
border-bottom: 1px solid #d6d6d6;
}
.review-section .sec_title_wrap{
position: relative;
display: block;
}
.review-section .sec_title_wrap h5{
position: relative;
display: block;
font-size: 17px;
line-height: 26px;
font-weight: 600;
color: #0b182e;
padding-top: 13px;
margin-bottom: 13px;
}
.review-section .sec_title_wrap .rating li{
position: relative;
display: inline-block;
float: left;
margin-right: 5px;
width: 35px;
height: 35px;
line-height: 39px;
font-size: 18px;
color: #fff;
background: var(--theme-color);
border-radius: 4px;
text-align: center;
}
.review-section .content-box{
position: relative;
display: block;
padding-left: 95px;
overflow: hidden;
}
.review-section .content-box .gallery-thumbs{
position: absolute;
left: 0px;
top: 0px;
width: 70px;
z-index: 9;
overflow: visible;
}
.review-section .content-box .gallery-thumbs .thumb-box{
position: relative;
display: inline-block;
left: 5px;
width: 60px;
height: 60px;
border-radius: 50%;
margin-bottom: 20px !important;
cursor: pointer;
}
.review-section .content-box .gallery-thumbs .thumb-box img{
width: 100%;
border-radius: 50%;
}
.review-section .content-box .gallery-thumbs .thumb-box:before{
position: absolute;
content: '';
width: 70px;
height: 70px;
border: 2px solid var(--theme-color);
border-radius: 50%;
left: -5px;
top: -5px;
opacity: 0;
transition: all 500ms ease;
}
.review-section .content-box .gallery-thumbs .swiper-slide-thumb-active .thumb-box:before{
opacity: 1;
}
.review-section .content-box .gallery-thumbs .thumb-box img{
width: 100%;
border-radius: 50%;
}
.review-section .swiper-button-next, 
.review-section .swiper-button-prev{
position: absolute;
left: inherit;
display: inline-block;
font-size: 24px;
color: #0b182e;
cursor: pointer;
transition: all 500ms ease;
background-image: none;
}
.review-section .swiper-button-next:hover, 
.review-section .swiper-button-prev:hover{
color: var(--theme-color);
}
.review-section .swiper-button-next{
top: 0px;
right: 0px;
}
.review-section .swiper-button-prev{
top: 0px;
right: 45px;
}
.review-section .review-nav{
position: absolute;
right: 0px;
bottom: 40px;
}
.review-section .review-content{
position: relative;
display: block;
padding: 28px 0px 22px 50px;
border-left: 1px solid #d6d6d6;
}
.review-section .review-content .rating li{
position: relative;
display: inline-block;
float: left;
font-size: 18px;
margin-right: 5px;
color: #fbaf02;
margin-bottom: 2px;
}
.review-section .review-content p{
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
padding-bottom: 26px;
margin-bottom: 29px;
}
.review-section .review-content p:before{
position: absolute;
content: '';
background: #d6d6d6;
width: calc(100% + 50px);
height: 1px;
right: 0px;
bottom: 0px;
}
.review-section .review-content h3{
display: block;
font-size: 22px;
line-height: 30px;
font-weight: 600;
color: #0b182e;
margin-bottom: 3px;
}
.review-section .review-content .designation{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: var(--theme-color);
margin-bottom: 0px;
}
.altr_1 .team_block_one {
margin-top: 35px;
margin-bottom: 50px;
}
section.home_eleven_team.altr_1 {
padding-bottom: 50px;
}
section.testimonial_7_sec.testimonial_alt2 .testimonial_block_four {
margin-bottom: 40px;
}
section.testimonial_7_sec.testimonial_alt2 {
background: #f0f1f7 !important;
}
.home-ten-testimonial-content.alt {
padding-top: 25px;
padding-bottom: 25px;
}
.home-ten-testimonial-content.alt .inner-box {
background-color: #f6f5f9;
}
section.consultform_sec1.contact_alt1 {
background: #131227;
}
section.consultform_sec1.contact_alt1 .info_box_1 {
color: #a09fb0;
}
section.consultform_sec1.contact_alt1 p.date_desc {
color: #a09fb0;
}
section.consultform_sec1.contact_alt1 .info_box_1 a {
color: #a09fb0;
}
section.consultform_sec1.contact_alt1 .contact_form_wrap.bg_color input {
background: #24233a;
}
section.consultform_sec1.contact_alt1 .contact_form_wrap.bg_color textarea {
background: #24233a;
}
section.consultform_sec1.contact_alt1 .contact_form_wrap.bg_color {
border-color: #2d2d47;
}
section.consultform_sec1.contact_alt1 .gray_bg_1 .author_box {
border-color: #2e2c48;
}
section.faq_section.faq_sec_contact1 {
background-color: #efeff7;
}
section.faq_section .accordion-box.acc_style_h4 .accordion {
margin-bottom: 5px;
}
.accordion-box.acc_style_h4 .acc-content .text {
margin-bottom: 0;
}
ul.accordion-box.acc_style_h4 {
margin-bottom: 40px;
}
section.faq_section.faq_sec_contact1 .accordion-box .acc-btn {
background: #efeff7;
}
section.faq_section.faq_sec_contact1 .acc-content .text {
background: #efeff7;
}
.sec_title_wrap.mb_30 {
margin-bottom: 30px;
}
.contact_form_wrap2 .nice-select {
background: #ffffff;
width: 100%;
padding: 0 20px;
transition: .5s;
height: 56px;
border: 1px solid #e6e7ef;
font-size: 16px;
color: #a5a6b1;
font-weight: 400;
font-family: "Heebo";
}
.contact_form_wrap2 {
position: relative;
}
.contact_form_wrap2 .form_froup_wrap {
position: relative;
}
.contact_form_wrap2 button {
position: absolute;
left: 30px;
bottom: 40px;
right: 30px;
width: auto;
}
.contact_form_wrap2 textarea {
height: 417px;
}
.contact_info_block2 {
position: relative;
padding: 30px;
border: 1px solid #e5e7ef;
text-align: center;
margin-bottom: 30px;
padding-top: 0;
margin-top: 55px;
}
.contact_info_block2 .icon {
background: #eff1f7;
width: 126px;
height: 110px;
text-align: center;
line-height: 110px;
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
margin: 0 auto;
transform: translateY(-50%);
margin-bottom: -25px;
}
.contact_info_block2 h4 {
font-size: 22px;
line-height: 32px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
text-align: center;
margin-bottom: 10px;
}
.contact_info_block2 h5 {
font-size: 16px;
line-height: 26px;
color: #2937dd;
font-weight: 400;
font-family: "Heebo";
text-align: center;
margin-bottom: 15px;
}
.contact_info_block2 p {
font-size: 16px;
line-height: 26px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
text-align: center;
margin-bottom: 0;
}
.contact_info_block2 p span {
font-size: 16px;
line-height: 26px;
color: #070f64;
font-weight: 400;
font-family: "Heebo";
text-align: center;
}
.contact_info_block2 p a {
color: #6a6b74
}
section.home_fifteen_form.alt_sec {
background: #eff1f7;
}
section.home_fifteen_form.alt_sec .home_fifteen_form_content {
background: #d9dbe9;
}
.career-block1 {
position: relative;
padding: 30px;
border: 1px solid #e6e7ef;
margin-bottom: 30px;
text-align: center;
}
.career-block1 .job-type {
border: 1px solid #e1e5e9;
text-align: center;
line-height: 30px;
padding: 0 15px;
position: absolute;
top: 20px;
left: 20px;
}
.career-block1 .icon {
margin-top: 55px;
min-height: 70px;
margin-bottom: 20px;
}
.career-block1 h4 {
font-size: 20px;
line-height: 30px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
text-align: center;
margin-bottom: 10px;
}
.career-block1 h5 {
font-size: 16px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
text-align: center;
margin-bottom: 28px;
}
.career-block1 .btn-1 {
color: #070f64;
background: #f1f5f7;
margin-bottom: 35px;
width: 100%;
text-align: center;
display: block;
}
.career-block1 .btn-1:hover {
color: #fff;
}
.career-block1 .btn-1 span {
background-color: var(--theme-color);
}
.career-block1 ul.list {text-align: left;font-size: 16px;line-height: 18px;color: #6a6b74;font-weight: 400;font-family: "Heebo";}
.career-block1 ul.list li {
margin-bottom: 9px;
padding-bottom: 10px;
border-bottom: 1px solid #e4e5ed;
}
.career-block1 ul.list li:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.career-block1 ul.list li img {
margin-right: 10px;
}
.career_block2 {
position: relative;
background: #f1f5f7;
padding: 40px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 60px;
}
.career_block2 .left-column {
position: relative;
display: flex;
}
.career_block2 .icon {
width: 100px;
height: 100px;
background-color: #ffffff;
text-align: center;
line-height: 100px;
margin-right: 30px;
flex-shrink: 0;
}
.career_block2 .job-type {
border: 1px solid #e1e5e9;
text-align: center;
line-height: 30px;
padding: 0 15px;
position: relative;
display: inline-block;
margin-bottom: 15px;
}
.career_block2 h4 {
font-size: 22px;
line-height: 30px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
margin-bottom: 10px;
}
.career_block2 h5 {
font-size: 16px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
}
.career_block2 .link a {
width: 50px;
height: 50px;
border-radius: 25px;
background-color: #ffffff;
display: block;
text-align: center;
line-height: 56px;
color: #a5a5b1;
margin-bottom: 10px;
transition: .5s;
font-size: 22px;
position: relative;
}
.career_block2 .link a:hover {
color: #fff;
background-color: var(--theme-color);
}
.career_block2 .link a:last-child {
margin-bottom: 0;
}
.career_block2 .link a span {
position: absolute;
top: -62px;
right: 0;
width: 142px;
height: 40px;
background-color: #ffffff;
font-size: 16px;
line-height: 38px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
text-align: center;
filter: drop-shadow(0px 30px 15px rgba(0,0,0,0.1));
border: 1px solid #e6e7ef;
pointer-events: none;
opacity: 0;
transition: .5s;
}
.career_block2 .link a:hover span {
opacity: 1;
top: -52px;
}
.career_block2 .link a span:before {
position: absolute;
content: '';
right: 15px;
bottom: -8px;
width: 20px;
height: 10px;
background: #fff;
clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.career_single_post {
position: relative;
margin-bottom: 30px;
}
.career_single_post h4 {
font-size: 26px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
margin-bottom: 28px;
}
.career_single_post p {
font-size: 16px;
line-height: 26px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
}
.career_single_post ul.list {
margin-bottom: 40px;
font-size: 16px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
}
.career_single_post ul.list li {
margin-bottom: 8px;
}
.career_single_post ul.list img {
margin-right: 15px;
}
.career_single_post table {
margin-bottom: 40px;
font-size: 16px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
}
.career_single_post table img {
margin-right: 15px;
}
.career_single_post table span {
margin-right: 30px;
font-size: 15px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
}
.career_single_post table td {
padding-bottom: 8px;
}
.career_single_post table td {
padding-right: 30px;
}
.career_single_post table strong {
font-size: 15px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
}
.career_single_post_border {
height: 1px;
background-color: #e6e7ef;
margin-bottom: 50px;
}
.career_single_post ul.social_links {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.career_single_post ul.social_links li {
margin-bottom: 30px;
margin-right: 30px;
}
.career_single_post ul.social_links li a {
position: relative;
background-color: #3b5999;
display: inline-flex;
padding: 0 0;
font-size: 17px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
vertical-align: middle;
padding: 13px 30px;
overflow: hidden;
}
.career_single_post ul.social_links li a span {
position: absolute;
transition: .5s;
opacity: 0;
left: 0;
right: 0;
top: 10px;
bottom: 0;
background: #3b5999;
text-align: center;
line-height: 54px;
text-transform: capitalize;
transition: .5s;
}
.career_single_post ul.social_links li a i {
margin-right: 10px;
position: relative;
top: 3px;
font-weight: normal;
}
.career_single_post ul.social_links li a:hover {
background: #3b5999;
}
.career_single_post ul.social_links li a:hover span {
opacity: 1;
top: 0;
}
.career_single_post ul.social_links li a.twitter span,
.career_single_post ul.social_links li a.twitter {
background-color: #55abed;
}
.career_single_post ul.social_links li a.googleplus span,
.career_single_post ul.social_links li a.googleplus {
background-color: #dd4b39;
}
.career_single_post ul.social_links li a.linkdedin span,
.career_single_post ul.social_links li a.linkdedin {
background-color: #0077b5;
}
.career_single_post a.btn-1 {
background: #f1f5f7;
color: #070f64;
}
.career_single_post a.btn-1:hover {
color: #fff;
}
.career_single_post a.btn-1 span {
background-color: var(--theme-color);
}
.career_sidebar {
position: relative;
margin-left: 30px;
}
.job_details_widget {
position: relative;
border: 1px solid #e6e7ef;
padding: 30px;
}
.job_details_widget h4 {
font-size: 15px;
line-height: 28px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
}
.job_details_widget p {
font-size: 16px;
line-height: 30px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
margin-bottom: 0;
}
.job_details_widget li {
border-bottom: 1px solid #e5e7ef;
padding-bottom: 10px;
margin-bottom: 10px;
}
.job_details_widget li:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.author_widget_2 {
position: relative;
padding: 40px;
text-align: center;
overflow: hidden;
background-image: linear-gradient(180deg, #2631c2 0%, #090f5b 100%);
}
.author_widget_2 .shape {
position: absolute;
bottom: -20px;
right: 0;
opacity: .3;
}
.author_widget_2 img {
position: relative;
margin-bottom: 20px;
}
.author_widget_2 h4 {
font-size: 22px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
text-align: center;
margin-bottom: 5px;
}
.author_widget_2 h5 {
font-size: 16px;
line-height: 28px;
color: #e2e0fc;
font-weight: 400;
font-family: "Heebo";
text-align: center;
margin-bottom: 15px;
}
.author_widget_2 p {
font-size: 16px;
line-height: 26px;
color: #fff;
font-weight: 400;
font-family: "Heebo";
text-align: center;
position: relative;
margin-bottom: 21px;
}
.author_widget_2 p span {
color: #e2e0fc;
}
.author_widget_2 p a {
color: #fff;
}
.author_widget_2 ul.social_links {
position: relative;
display: flex;
justify-content: center;
gap: 10px;
}
.author_widget_2 ul.social_links a {
width: 45px;
height: 45px;
border-radius: 22px;
background-color: #ffffff;
display: block;
line-height: 49px;
color: #a5a6b1;
font-size: 18px;
}
.author_widget_2 ul.social_links a:hover {
color: #fff;
background: var(--theme-color);
}
section.consultform_sec1.contact_alt1 .contact_info .author_box {
border-color: #2e2d48;
}
section.home_eleven_team.team_altr_4 {
padding-bottom: 0;
padding-top: 130px;
background: #eff0f7;
}
section.home_eleven_team.team_altr_4 .team_block_one {
margin-bottom: 90px;
}
section.home_eleven_team.team_altr_4 .client_name h6 a {
color: #070f64;
font-size: 16px;
line-height: 32px;
color: #070f64;
font-weight: 400;
font-family: "Heebo";
}
.home_eleven_team .client_name h6 img {
position: relative;
margin-right: 8px;
top: -2px;
}
section.faq_sec_6.p_relative.faq_home_6 .accordion-box .acc-btn {
border: 1px solid #373534;
}
section.faq_sec_6.p_relative.faq_home_6 .accordion-box .block .acc-content {
border: 1px solid #373534;
border-top: 0;
padding: 0 25px;
}
section.faq_sec_6.p_relative.faq_home_6 .accordion-box .acc-btn {
padding-left: 25px;
}
section.faq_sec_6.p_relative.faq_home_6 .accordion-box .acc-btn h4 {
font-size: 20px;
}
section.faq_sec_6.p_relative.faq_home_6 .accordion-box .acc-btn .icon-box {
color: #92908e;
top: 25px !important;
font-size: 20px;
}
section.faq_sec_6.p_relative.faq_home_6 .accordion-box .accordion {
position: relative;
}
section.faq_sec_6.p_relative.faq_home_6 .accordion-box .acc-btn .icon-box .icon_2 {
position: absolute;
top: 0;
opacity: 0;
transition: .5s;
}
section.faq_sec_6.p_relative.faq_home_6 .accordion-box .acc-btn.active .icon-box .icon_2 {
opacity: 1;
}
section.faq_sec_6.p_relative.faq_home_6 .accordion-box .acc-btn.active .icon-box .icon_1 {
opacity: 0;
}
.service-details .accordion-box .acc-btn {
border: 1px solid #373534;
}
.service-details .accordion-box .block .acc-content {
border: 1px solid #e6e7ef;
border-top: 0;
padding: 0 25px;
}
.accordion-box .acc-btn {
padding-left: 25px;
cursor: pointer;
}
.accordion-box .acc-btn h4 {
font-size: 20px;
}
.accordion-box .acc-btn .icon-box {
color: #92908e;
top: 25px !important;
font-size: 20px;
}
.accordion-box .accordion {position: relative;}
.accordion-box .acc-btn .icon-box .icon_2 {
position: absolute;
top: 0;
opacity: 0;
transition: .5s;
}
.accordion-box .acc-btn.active .icon-box .icon_2 {
opacity: 1;
}
.accordion-box .acc-btn.active .icon-box .icon_1 {
opacity: 0;
}
.case_studies_block_1 .image_box img {
width: 100%;
}
.accordion-box .acc-btn .icon-box {
position: absolute;
top: 25px;
right: 30px;
}
section.faq_page.faq_section.p_relative.pt_90.pb_90 {
background: #fff;
}
section.why_choose_14.alt_sec .choose_us_block_2 .icon_box:before {
background: #eff1f7;
}
section.home_eleven_team.team_altr_4 .team_icon_box .share-icon {
background: #efeff7;
color: #a5a6b1;
}
.page-title.style_2 .bg-layer:before {
opacity: 0;
}
.page-title.style_2 .content-box h1 {
color: #070f64;
margin-bottom: 80px;
}
.page-title.style_2 .content-box .bread-crumb li,
.page-title.style_2 .content-box .bread-crumb li a {
color: #070f64;
}
.page-title.style_2 {
padding-bottom: 130px;
padding-top: 120px;
}
.read_more_1_btn.home_5_style {
color: #0a1f1b;
}
.read_more_1_btn.home_5_style span {
background: #f1f3f3;
color: #091f1b;
}
section.home_eight_facts_section.about_two_sec.facts_section {
top: 0;
margin-top: -100px;
}
.about_tow_team_sec  .swiper-container {
overflow: visible;
left: 60px;
}
.about_tow_team_sec.case_studies_section .slider__pagination3 {
left: 40px;
width: calc(100% - 135px);
}
.history_block {
padding: 35px 40px;
filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.08));
background-color: #ffffff;
}
.history_block h4 {
font-size: 20px;
line-height: 26px;
color: #070f64;
font-weight: 600;
font-family: "Inter";
margin-bottom: 15px;
}
.history_block h4 i {
margin-right: 10px;
color: #a5a6b1;
transition: 0.5s;
}
.history_block h4:hover i {
color: var(--theme-color);
}
.history_block p {
font-size: 16px;
line-height: 26px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
margin-bottom: 0;
}
.history_block:before {
position: absolute;
content: "";
left: 15px;
top: -20px;
width: 45px;
height: 28px;
background-color: #fff;
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.history_sec .swiper-container {
padding: 30px 20px;
margin: 0 -20px;
overflow: visible;
}
.news_sec_2.history_sec .slider_button_next,
.news_sec_2.history_sec .slider_button_prev {
background-color: #eff0f7;
}
.history_sec .inner_container_wrap {
width: calc(50% + 600px);
margin: 0 auto;
margin-right: 0;
overflow: hidden;
padding-left: 15px;
}
.history_sec .inner_container {
max-width: 1170px;
}
.history_sec li.tab-btn {
width: 80px;
height: 80px;
border-radius: 40px;
background-color: #ffffff;
border: 1px solid #e6e7ef;
text-align: center;
line-height: 80px;
margin-bottom: 30px;
cursor: pointer;
}
.history_sec li.tab-btn.active-btn {
border-color: var(--theme-color);
background-color: var(--theme-color);
color: #fff;
}
.history_sec ul.tab-btns {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.history_sec .tab-btn-box {
position: relative;
}
.history_sec .bb {
border-bottom: 1px solid #e6e7ef;
position: relative;
top: 40px;
}
.prgoress_indicator {
position: fixed;
right: 50px;
bottom: 75px;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
border-radius: 50px;
box-shadow: inset 0 0 0 2px rgba(22, 93, 245, 0.2);
z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transform: translateY(15px) !important;
transition: all 200ms linear !important;
}
.prgoress_indicator.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0) !important;
}
.prgoress_indicator::after {
position: absolute;
content: "\f106";
font-family: "Font Awesome 5 Pro";
text-align: center;
line-height: 46px;
font-size: 18px;
color: var(--theme-color);
left: 0;
top: 0;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
font-weight: 900;
z-index: 1;
transition: all 200ms linear !important;
}
.prgoress_indicator svg path {
fill: none;
}
.prgoress_indicator svg.progress-circle path {
stroke: var(--theme-color);
stroke-width: 4;
box-sizing: border-box;
transition: all 200ms linear !important;
}
.statement_sec .bg {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100%;
max-height: 706px;
background-size: cover;
}
.statement_block {
position: relative;
}
.statement_block .image_box {
position: relative;
}
.statement_block .image_box img {
width: 100%;
}
.statement_block .image_box:before {
position: absolute;
content: "";
background-image: linear-gradient(0deg, rgb(7, 15, 100) 0%, rgba(14, 16, 62, 0) 60%, rgba(19, 17, 39, 0) 100%);
left: 0;
bottom: 0;
right: 0;
top: 0;
}
.statement_block .image_box:after {
position: absolute;
content: "";
right: 0;
width: 1px;
top: 0;
bottom: 0;
background-color: #e6e2e3;
opacity: 0.5;
}
.statement_block .image_box .icon {
position: absolute;
top: 30px;
left: 30px;
line-height: 80px;
text-align: center;
width: 80px;
height: 80px;
background-color: #ffffff;
}
.statement_block .image_box .content {
position: absolute;
left: 30px;
bottom: 30px;
}
.statement_block .image_box .content h5 {
font-size: 13px;
line-height: 24px;
text-transform: uppercase;
color: #a09fb0;
font-weight: 700;
font-family: "Inter";
}
.statement_block .image_box .content h4 {
font-size: 26px;
line-height: 50px;
color: #ffffff;
font-weight: 600;
font-family: "Inter";
}
.statement_block .botto_content {
position: relative;
padding: 30px;
border: 1px solid #e6e7ef;
}
.statement_block .botto_content p {
font-size: 16px;
line-height: 26px;
color: #6a6b74;
font-weight: 400;
font-family: "Heebo";
}
a.read_more_1_btn.home_2{
color: #1c1a1a;
}
a.read_more_1_btn.home_2:hover{
color: var(--theme-color);
}
a.read_more_1_btn.home_2 i {
background-color: #f5f3f3;
}
a.read_more_1_btn.home_2:hover i {
background-color: var(--theme-color);
}
a.read_more_1_btn.home_3{
color: #030727;
}
a.read_more_1_btn.home_3:hover{
color: var(--theme-color);
}
a.read_more_1_btn.home_3 i {
background-color: #e1e5e3;
}
a.read_more_1_btn.home_3:hover i {
background-color: var(--theme-color);
}
.form_home_5 form label {
color: #0a1f1b;
}
a.read_more_1_btn.home_7{
color: #1b1918;
}
a.read_more_1_btn.home_7:hover{
color: var(--theme-color);
}
a.read_more_1_btn.home_7 i {
background-color: #e1dee4;
}
a.read_more_1_btn.home_7:hover i {
background-color: var(--theme-color);
}
a.read_more_1_btn.home__7{
color: var(--theme-color);
}
a.read_more_1_btn.home__7:hover{
color: var(--theme-color);
}
a.read_more_1_btn.home__7 i {
background-color: #e1dee4;
color: #1b1918;
}
a.read_more_1_btn.home__7:hover i {
background-color: var(--theme-color);
color: #fff;
}
.news-block-three .inner-box .read_more_1_btn {
color: #1b1918;
}
.choose_fifteen_container h4 {
color: #fff;
}
.choose_fifteen_container h4 i,
.choose_fifteen_container h4 span {
width: 50px;
height: 50px;
border-radius: 25px;
background-color: #2937dd;
display: inline-block;
text-align: center;
line-height: 50px;
margin: 0 7px;
}
section.choose_fifteen.choose_fifteen_s2 {
background: #131227;
}
section.choose_fifteen.choose_fifteen_s2 p.sec_desc {
color: #a09fb0;
}
.choose_fifteen_s2 .choose_fifteen_container .text-content {
color: #a09fb0;
}
.news-block-one figure.image img {
width: 100%;
}