.section-404 #notfound {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.section-404 #notfound h1 {
font-size: 186px;
font-weight: 600;
background: linear-gradient(130deg, #00184f, hsl(36, 68%, 42%));
-webkit-background-clip: text;
color: transparent;
background-clip: text;
text-transform: uppercase;
}
.section-404 #notfound h2 {
font-size: 33px;
font-weight: 600;
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 25px;
letter-spacing: 3px;
}
.section-404 #notfound .messages {
margin-bottom: 25px;
}
.section-404 #notfound .messages p {
font-size: 16px;
font-weight: 200;
margin-top: 0px;
margin-bottom: 25px;
}
.section-404 #notfound .messages a {
color: #00184f;
font-weight: 400;
text-decoration: none;
background-color: white;
padding: 10px 15px;
border-radius: 50px;
}
.section-404 #notfound ul {
display: flex;
column-gap: 15px;
}
.section-404 #notfound ul li {
display: inline-block;
}
.section-404 #notfound ul li a {
color: #00184f;
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
font-size: 24px;
background-color: white;
border: 1px solid #efefef;
border-radius: 50%;
transition: 0.2s all;
}
.section-404 #notfound ul li a:hover {
color: #fff;
background-color: #00184f;
border-color: #00184f;
}
ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.mt0 {
margin-top: 0px !important;
}
.pt0 {
padding-top: 0px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.pb0 {
padding-bottom: 0px !important;
}
.ml0 {
margin-left: 0px !important;
}
.pl0 {
padding-left: 0px !important;
}
.mr0 {
margin-right: 0px !important;
}
.pr0 {
padding-right: 0px !important;
}
.mt5 {
margin-top: 5px !important;
}
.pt5 {
padding-top: 5px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.ml5 {
margin-left: 5px !important;
}
.pl5 {
padding-left: 5px !important;
}
.mr5 {
margin-right: 5px !important;
}
.pr5 {
padding-right: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.pt10 {
padding-top: 10px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.ml10 {
margin-left: 10px !important;
}
.pl10 {
padding-left: 10px !important;
}
.mr10 {
margin-right: 10px !important;
}
.pr10 {
padding-right: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.pt15 {
padding-top: 15px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.ml15 {
margin-left: 15px !important;
}
.pl15 {
padding-left: 15px !important;
}
.mr15 {
margin-right: 15px !important;
}
.pr15 {
padding-right: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.pt20 {
padding-top: 20px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.ml20 {
margin-left: 20px !important;
}
.pl20 {
padding-left: 20px !important;
}
.mr20 {
margin-right: 20px !important;
}
.pr20 {
padding-right: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.pt25 {
padding-top: 25px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.ml25 {
margin-left: 25px !important;
}
.pl25 {
padding-left: 25px !important;
}
.mr25 {
margin-right: 25px !important;
}
.pr25 {
padding-right: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.pt30 {
padding-top: 30px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.ml30 {
margin-left: 30px !important;
}
.pl30 {
padding-left: 30px !important;
}
.mr30 {
margin-right: 30px !important;
}
.pr30 {
padding-right: 30px !important;
}
.mt35 {
margin-top: 35px !important;
}
.pt35 {
padding-top: 35px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.ml35 {
margin-left: 35px !important;
}
.pl35 {
padding-left: 35px !important;
}
.mr35 {
margin-right: 35px !important;
}
.pr35 {
padding-right: 35px !important;
}
.mt40 {
margin-top: 40px !important;
}
.pt40 {
padding-top: 40px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.ml40 {
margin-left: 40px !important;
}
.pl40 {
padding-left: 40px !important;
}
.mr40 {
margin-right: 40px !important;
}
.pr40 {
padding-right: 40px !important;
}
.mt45 {
margin-top: 45px !important;
}
.pt45 {
padding-top: 45px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.ml45 {
margin-left: 45px !important;
}
.pl45 {
padding-left: 45px !important;
}
.mr45 {
margin-right: 45px !important;
}
.pr45 {
padding-right: 45px !important;
}
.mt50 {
margin-top: 50px !important;
}
.pt50 {
padding-top: 50px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.ml50 {
margin-left: 50px !important;
}
.pl50 {
padding-left: 50px !important;
}
.mr50 {
margin-right: 50px !important;
}
.pr50 {
padding-right: 50px !important;
}
.mt55 {
margin-top: 55px !important;
}
.pt55 {
padding-top: 55px !important;
}
.mb55 {
margin-bottom: 55px !important;
}
.pb55 {
padding-bottom: 55px !important;
}
.ml55 {
margin-left: 55px !important;
}
.pl55 {
padding-left: 55px !important;
}
.mr55 {
margin-right: 55px !important;
}
.pr55 {
padding-right: 55px !important;
}
.mt60 {
margin-top: 60px !important;
}
.pt60 {
padding-top: 60px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.pb60 {
padding-bottom: 60px !important;
}
.ml60 {
margin-left: 60px !important;
}
.pl60 {
padding-left: 60px !important;
}
.mr60 {
margin-right: 60px !important;
}
.pr60 {
padding-right: 60px !important;
}
.mt65 {
margin-top: 65px !important;
}
.pt65 {
padding-top: 65px !important;
}
.mb65 {
margin-bottom: 65px !important;
}
.pb65 {
padding-bottom: 65px !important;
}
.ml65 {
margin-left: 65px !important;
}
.pl65 {
padding-left: 65px !important;
}
.mr65 {
margin-right: 65px !important;
}
.pr65 {
padding-right: 65px !important;
}
.mt70 {
margin-top: 70px !important;
}
.pt70 {
padding-top: 70px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.pb70 {
padding-bottom: 70px !important;
}
.ml70 {
margin-left: 70px !important;
}
.pl70 {
padding-left: 70px !important;
}
.mr70 {
margin-right: 70px !important;
}
.pr70 {
padding-right: 70px !important;
}
.mt75 {
margin-top: 75px !important;
}
.pt75 {
padding-top: 75px !important;
}
.mb75 {
margin-bottom: 75px !important;
}
.pb75 {
padding-bottom: 75px !important;
}
.ml75 {
margin-left: 75px !important;
}
.pl75 {
padding-left: 75px !important;
}
.mr75 {
margin-right: 75px !important;
}
.pr75 {
padding-right: 75px !important;
}
.mt80 {
margin-top: 80px !important;
}
.pt80 {
padding-top: 80px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.pb80 {
padding-bottom: 80px !important;
}
.ml80 {
margin-left: 80px !important;
}
.pl80 {
padding-left: 80px !important;
}
.mr80 {
margin-right: 80px !important;
}
.pr80 {
padding-right: 80px !important;
}
.mt85 {
margin-top: 85px !important;
}
.pt85 {
padding-top: 85px !important;
}
.mb85 {
margin-bottom: 85px !important;
}
.pb85 {
padding-bottom: 85px !important;
}
.ml85 {
margin-left: 85px !important;
}
.pl85 {
padding-left: 85px !important;
}
.mr85 {
margin-right: 85px !important;
}
.pr85 {
padding-right: 85px !important;
}
.mt90 {
margin-top: 90px !important;
}
.pt90 {
padding-top: 90px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.pb90 {
padding-bottom: 90px !important;
}
.ml90 {
margin-left: 90px !important;
}
.pl90 {
padding-left: 90px !important;
}
.mr90 {
margin-right: 90px !important;
}
.pr90 {
padding-right: 90px !important;
}
.mt95 {
margin-top: 95px !important;
}
.pt95 {
padding-top: 95px !important;
}
.mb95 {
margin-bottom: 95px !important;
}
.pb95 {
padding-bottom: 95px !important;
}
.ml95 {
margin-left: 95px !important;
}
.pl95 {
padding-left: 95px !important;
}
.mr95 {
margin-right: 95px !important;
}
.pr95 {
padding-right: 95px !important;
}
.mt100 {
margin-top: 100px !important;
}
.pt100 {
padding-top: 100px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.pb100 {
padding-bottom: 100px !important;
}
.ml100 {
margin-left: 100px !important;
}
.pl100 {
padding-left: 100px !important;
}
.mr100 {
margin-right: 100px !important;
}
.pr100 {
padding-right: 100px !important;
}
.pg-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.pg-4 {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.pg-5 {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
input:focus,
textarea:focus,
select:focus,
button:focus,
div:focus {
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
label {
margin: 0;
}
html,
body {
width: 100%;
overflow-x: hidden;
}
body {
margin: 0;
padding: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
width: 100%;
background-color: #e5e5e5;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
img {
display: block;
max-width: 100%;
height: auto;
}
input:invalid {
border-color: red;
}
form:invalid button[type=submit] {
cursor: not-allowed;
pointer-events: none;
}
@media (min-width: 1440px) {
.container {
max-width: 1380px;
}
}
.hover01 {
transition: all ease-in-out 300ms;
}
.hover01:hover {
box-shadow: 0px 37px 20px -20px rgba(0, 0, 0, 0.2);
transform: translate(0px, -4px) scale(1.01);
}
.hover02 {
transition: all ease-in-out 300ms;
}
.hover02:hover {
box-shadow: 0px 17px 30px -8px rgba(0, 0, 0, 0.2);
transform: translate(0px, -1px) scale(1.02);
}
.btn {
display: inline-flex;
justify-self: center;
align-items: center;
column-gap: 0.5rem;
padding: 0.75rem 1.5rem;
border-radius: 4rem;
border: 2px solid #00184f;
}
.btn:hover i {
transform: translateX(0.5rem) !important;
transition: 0.5s !important;
}
.btn i {
font-weight: 700;
color: #00184f;
transition: 0.5s;
}
.btn a {
color: #00184f;
font-weight: 700;
}
.home-section-01 {
position: relative;
}
.home-section-01 .home-page-banner .picture {
position: relative;
width: 100%;
height: 80vh;
overflow: hidden;
}
@media (max-width: 992px) {
.home-section-01 .home-page-banner .picture {
height: 40vh;
}
}
.home-section-01 .home-page-banner .picture .swiper-slide {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.home-section-01 .home-page-banner .picture .swiper-slide img {
height: 100%;
width: 100%;
object-fit: cover;
}
.home-section-01 .home-page-banner .content {
background-color: #00184f;
position: absolute;
top: 0;
right: 0;
width: 57%;
height: 100%;
clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
z-index: 10;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 992px) {
.home-section-01 .home-page-banner .content {
width: 100%;
clip-path: none;
height: auto;
position: relative;
justify-content: center;
}
}
.home-section-01 .home-page-banner .content .content-text {
position: relative;
right: 4rem;
text-align: center;
}
@media (max-width: 992px) {
.home-section-01 .home-page-banner .content .content-text {
right: inherit;
display: flex;
align-items: center;
justify-content: center; 
flex-direction: column;
}
}
.home-section-01 .home-page-banner .content .content-text h1 {
color: #fff;
font-size: 65px;
font-weight: bold;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
margin-bottom: 1rem;
}
@media (max-width: 768px) {
.home-section-01 .home-page-banner .content .content-text h1 {
font-size: 40px;
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.home-section-01 .home-page-banner .content .content-text h1 {
font-size: 35px;
padding: 15px;
}
}
.home-section-01 .home-page-banner .content .content-text h2 {
max-width: 650px;
margin: 0 auto;
color: #eee;
font-size: 25px;
line-height: 1.8;
padding: 15px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 10px;
transition: transform 0.3s ease, color 0.3s ease;
font-weight: 400;
}
@media (max-width: 768px) {
.home-section-01 .home-page-banner .content .content-text h2 {
font-size: 20px;
}
}
@media (max-width: 576px) {
.home-section-01 .home-page-banner .content .content-text h2 {
font-size: 23px;
padding: 20px;
}
}
.home-section-02 {
padding: 80px;
position: relative;
}
@media (max-width: 1150px) {
.home-section-02 {
padding: 50px 0;
}
}
.home-section-02 .image {
position: relative;
}
@media (max-width: 1150px) {
.home-section-02 .image {
margin-bottom: 70px;
}
}
.home-section-02 .image::before {
content: "";
background-color: #00184f;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.2;
position: absolute;
border-radius: 10px;
}
.home-section-02 .image::after {
content: "";
position: absolute;
left: -25px;
top: 20px;
height: 100%;
width: 100%;
border: 7px solid #00184f;
z-index: -1;
}
@media (max-width: 1150px) {
.home-section-02 .image::after {
left: 0px;
top: 34px;
height: 100%;
width: 100%;
border: 10px solid #00184f;
}
}
.home-section-02 .image img {
border-radius: 10px;
width: 100%;
height: 100%;
}
.home-section-02 .about-text {
margin-left: 60px;
}
.home-section-02 .about-text .text {
line-height: 30px;
}
@media (max-width: 1150px) {
.home-section-02 .about-text {
margin-left: 0px;
}
}
.home-section-02 .about-text .title h3 {
margin-bottom: 15px;
font-size: 40px;
position: relative;
}
.home-section-02 .about-text .title h3::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 50px;
background-color: #00184f;
height: 3px;
}
.home-section-02 .about-text .title h3 span {
color: #00184f;
}
.home-section-02 .about-text .title h4 {
margin-bottom: 20px;
color: #00184f;
font-size: 22px;
}
.home-section-02 .about-text .text {
margin-bottom: 40px;
}
.home-section-02 .about-text .text p:not(:last-child) {
margin-bottom: 30px;
}
.home-section-03 {
padding: 80px 0;
position: relative;
overflow: hidden;
}
.home-section-03 .title {
text-align: center;
margin-bottom: 70px;
}
.home-section-03 .title h4 {
color: #00184f;
font-weight: 700;
font-size: 30px;
}
.home-section-03 .marquee {
width: 100%;
overflow: hidden;
position: relative;
}
.home-section-03 .marquee ul {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.home-section-03 .marquee ul .brand-item {
flex: 0 0 auto;
text-align: center;
margin: 0 40px;
}
@media (max-width: 992px) {
.home-section-03 .marquee ul .brand-item {
margin: 0 20px;
}
}
.home-section-03 .marquee ul .brand-item img {
width: 100%;
height: 100px;
object-fit: contain;
}
@media (max-width: 992px) {
.home-section-03 .marquee ul .brand-item img {
height: 80px;
}
}
.home-section-03 .brand-slider .brand-item {
text-align: center;
padding: 10px;
flex: 0 0 auto;
}
.home-section-03 .brand-slider .brand-item img {
max-width: 100px;
opacity: 0.8;
transition: opacity 0.3s ease;
}
.home-section-03 .brand-slider .brand-item img:hover {
opacity: 1;
}
.home-section-04 {
padding: 120px 0;
background-color: #00184f;
background-image: url(//akinotomotiv.com/wp-content/themes/akinotomotiv/images/images/map-bg.png);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
@media (max-width: 1150px) {
.home-section-04 {
padding: 60px 0;
}
}
.home-section-04::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #0a0a0a;
opacity: 0.3;
z-index: 1;
}
.home-section-04 .item {
text-align: center;
display: flex;
flex-direction: column;
border: 3px solid #fff;
border-radius: 30px;
padding: 50px 20px;
position: relative;
z-index: 1;
}
@media (max-width: 1150px) {
.home-section-04 .item {
margin-bottom: 50px;
}
}
.home-section-04 .item .title {
font-size: 40px;
color: #fff;
font-weight: bold;
}
.home-section-04 .item .subtitle {
font-size: 30px;
color: #fff;
}
.home-section-05 {
padding-bottom: 50px;
position: relative;
}
@media (max-width: 992px) {
.home-section-05 {
padding: 50px 0;
}
}
.home-section-05 .left-box .title {
margin-bottom: 20px;
}
.home-section-05 .left-box .title h4 {
font-weight: bold;
font-size: 30px;
color: #00184f;
}
@media (max-width: 1150px) {
.home-section-05 .left-box .title h4 {
font-size: 23px;
line-height: 35px;
}
}
.home-section-05 .left-box .text p {
margin-bottom: 40px;
line-height: 32px;
font-weight: 400;
}
.home-section-05 .left-box .btn {
display: inline-flex;
justify-self: center;
align-items: center;
column-gap: 0.5rem;
padding: 0.75rem 1.5rem;
border-radius: 4rem;
border: 2px solid #682f27;
}
.home-section-05 .left-box .btn:hover i {
transform: translateX(0.5rem) !important;
transition: 0.5s !important;
}
.home-section-05 .box {
border-radius: 10px 20px 10px 10px;
margin-left: 50px;
padding: 20px 40px 40px 50px;
border-left: 15px solid #00184f;
position: relative;
height: 350px;
margin-bottom: 30px;
}
@media (max-width: 1150px) {
.home-section-05 .box {
margin-left: 0px;
height: 100%;
}
}
.home-section-05 .box .name {
color: #00184f;
margin-bottom: 20px;
font-size: 23px;
font-weight: bold;
display: inline-block;
}
.home-section-05 .box p {
max-width: 850px;
margin: 0 auto;
line-height: 30px;
opacity: 0.7;
font-weight: bold;
}
@media (max-width: 1150px) {
.home-section-05 .box p {
font-size: 14px;
margin-bottom: 20px;
}
}
.home-section-05 .box .stars {
display: flex;
justify-content: center;
gap: 20px;
position: absolute;
bottom: 50px;
left: 0;
right: 0;
margin: 0 auto;
font-size: 30px;
}
@media (max-width: 992px) {
.home-section-05 .box .stars {
position: inherit;
bottom: 0;
}
}
.home-section-05 .box .stars i {
color: hsl(36, 68%, 42%);
}
.home-section-05 .arrows {
display: flex;
justify-content: center;
gap: 30px;
}
.home-section-05 .arrows i {
font-size: 25px;
background-color: #00184f;
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
}
.home-section-06 {
background-color: #00184f;
padding: 80px 0;
position: relative;
overflow: hidden;
z-index: 1;
margin: 120px 0;
}
@media (max-width: 1150px) {
.home-section-06 {
margin: 0;
padding: 110px 0;
}
}
.home-section-06::before {
content: "";
background-image: url(https://akinotomotiv.com/wp-content/uploads/2024/11/dot-group-2.svg);
position: absolute;
background-repeat: no-repeat;
top: 0;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.1;
background-size: 45%;
}
@media (max-width: 992px) {
.home-section-06::before {
background-size: 100%;
}
}
.home-section-06 .text {
position: relative;
z-index: 10;
}
@media (max-width: 1150px) {
.home-section-06 .text {
margin-bottom: 50px;
position: inherit;
}
}
.home-section-06 .text h4 {
margin-bottom: 20px;
color: #fff;
font-weight: bold;
font-size: 30px;
}
.home-section-06 .text p {
margin-bottom: 50px;
color: #fff;
line-height: 28px;
opacity: 0.6;
}
@media (max-width: 992px) {
.home-section-06 .text p {
line-height: 35px;
opacity: 0.7;
}
}
.home-section-06 .text .btn {
border: 1px solid #fff;
}
@media (max-width: 992px) {
.home-section-06 .text .btn {
position: absolute;
bottom: 40px;
}
}
.home-section-06 .text .btn:hover i {
transform: translateX(0.5rem);
transition: 0.5s;
}
.home-section-06 .text .btn a {
color: #fff;
}
.home-section-06 .text .btn a i {
font-weight: 700;
color: #fff;
transition: 0.5s;
}
.home-section-06 .accordion {
margin-left: 50px;
}
@media (max-width: 1150px) {
.home-section-06 .accordion {
margin-left: 0;
}
}
.home-section-06 .accordion .accordion-item {
margin-bottom: 20px;
border-radius: 20px;
position: relative;
overflow: hidden;
padding: 10px;
}
@media (max-width: 1150px) {
.home-section-06 .accordion .accordion-item {
padding: 10px;
}
}
@media (max-width: 992px) {
.home-section-06 .accordion .accordion-item .accordion-body {
padding: 0.5rem 1.25rem;
}
}
.home-section-06 .accordion .accordion-item .accordion-body p {
line-height: 32px;
opacity: 0.6;
font-weight: bold;
}
@media (max-width: 992px) {
.home-section-06 .accordion .accordion-item .accordion-body p {
font-size: 14px;
}
}
.home-section-06 .accordion .accordion-item .accordion-button {
background: none;
box-shadow: none;
position: relative;
color: #00184f;
font-weight: bold;
}
.home-section-06 .accordion .accordion-item .accordion-button h4 {
font-size: 16px;
font-weight: bold;
line-height: 30px;
}
@media (max-width: 1150px) {
.home-section-06 .accordion .accordion-item .accordion-button h4 {
font-size: 15px;
line-height: 24px;
}
}
.home-section-06 .accordion .accordion-item .accordion-button:not(.collapsed) i {
transform: rotate(180deg);
transition: 0.5s;
}
.home-section-06 .accordion .accordion-item .accordion-button:focus {
border: none;
box-shadow: none;
}
.home-section-06 .accordion .accordion-item .accordion-button::after {
content: "";
background: inherit;
}
.home-section-06 .accordion .accordion-item .accordion-button i {
position: absolute;
right: 0;
display: flex;
align-items: center;
justify-content: center;
transition: 0.5s;
font-size: 30px;
}
.home-section-07 {
padding: 50px 0;
background-color: #f8f8f8;
}
.home-section-07 .title {
text-align: center;
margin-bottom: 30px;
}
.home-section-07 .title h4 {
color: #00184f;
font-weight: 700;
font-size: 30px;
}
.home-section-07 .nav-tabs {
display: flex;
justify-content: center;
gap: 40px;
border-bottom: inherit;
margin-bottom: 50px;
}
@media (max-width: 992px) {
.home-section-07 .nav-tabs {
gap: 20px;
margin-bottom: 0;
}
}
.home-section-07 .nav-tabs .nav-item a {
color: #333;
font-size: 20px;
font-weight: 700;
border: none;
}
@media (max-width: 992px) {
.home-section-07 .nav-tabs .nav-item a {
font-size: 15px;
}
}
.home-section-07 .nav-tabs .nav-item a.active {
background-color: transparent;
color: #00184f;
border-bottom: 3px solid #00184f;
border-color: inherit;
}
.home-section-07 .product-slider {
display: flex;
flex-direction: column;
margin-top: 20px;
}
.home-section-07 .product-slider .slick-slide {
padding: 0px;
}
.home-section-07 .product-slider .product-item {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
text-align: center;
margin: 0 20px;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media (max-width: 992px) {
.home-section-07 .product-slider .product-item {
padding: 0;
margin: 0 10px;
margin-bottom: 20px;
}
}
.home-section-07 .product-slider .product-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.home-section-07 .product-slider .product-item img {
max-width: 100%;
height: 200px;
object-fit: contain;
border-radius: 5px;
margin-bottom: 15px;
padding-top: 15px;
}
@media (max-width: 992px) {
.home-section-07 .product-slider .product-item img {
height: 150px;
object-fit: cover;
}
}
.home-section-07 .product-slider .product-item .mark {
color: #00184f;
background-color: transparent;
font-size: 22px;
font-weight: 700;
}
@media (max-width: 992px) {
.home-section-07 .product-slider .product-item .mark {
font-size: 20px;
}
}
.home-section-07 .product-slider .product-item h4 {
font-size: 20px;
margin: 10px 0;
color: #333;
color: #00184f;
}
@media (max-width: 992px) {
.home-section-07 .product-slider .product-item h4 {
font-size: 17px;
}
}
.home-section-07 .product-slider .product-item span {
display: block;
font-size: 16px;
color: #666;
margin-bottom: 10px;
font-weight: 600;
max-width: 280px;
}
.home-section-07 .product-slider .product-item .location {
display: block;
font-size: 20px;
color: hsl(8, 46%, 28%);
}
@media (max-width: 992px) {
.home-section-07 .product-slider .product-item span {
font-size: 17px;
max-width: 150px;
}
}
.home-section-07 .product-slider .product-item ul {
list-style-type: none;
padding: 0;
margin: 10px 0;
}
.home-section-07 .product-slider .product-item ul li {
font-size: 15px;
color: #333;
font-weight: 600;
margin: 5px 0;
margin-left: 25px;
list-style: disc;
}
@media (max-width: 992px) {
.home-section-07 .product-slider .product-item ul li {
list-style: none;
margin-left: 0;
}
}
.home-section-07 .ri-arrow-left-s-line,
.home-section-07 .ri-arrow-right-s-line {
color: #00184f;
font-size: 44px;
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
@media (max-width: 768px) {
.home-section-07 .ri-arrow-left-s-line,
.home-section-07 .ri-arrow-right-s-line {
display: none !important;
}
}
.home-section-07 .ri-arrow-left-s-line {
left: -30px;
}
.home-section-07 .ri-arrow-right-s-line {
right: -30px;
}
@media (max-width: 768px) {
.home-section-07 .product-item {
padding: 10px;
}
.home-section-07 .product-item h5 {
font-size: 1rem;
}
}
.home-section-07 .slick-dots {
bottom: -50px;
display: none !important;
}
@media (max-width: 992px) {
.home-section-07 .slick-dots {
display: none !important;
}
}
.home-section-07 .slick-dots li {
width: 12px;
height: 12px;
margin: 0 10px;
}
.home-section-07 .slick-dots li button {
width: 100%;
height: 100%;
border-radius: 50%;
}
.home-section-07 .slick-dots li button:before {
font-size: 12px;
line-height: 0;
color: #ccc;
opacity: 1;
}
.home-section-07 .slick-dots li.slick-active button:before {
color: #00184f;
opacity: 1;
}
.home-section-08 {
padding: 80px 0;
}
.home-section-08 .title {
margin-bottom: 40px;
}
.home-section-08 .title h4 {
color: #00184f;
font-weight: 700;
font-size: 30px;
margin-bottom: 20px;
}
.home-section-08 .title p {
font-size: 18px;
line-height: 32px;
}
@media (max-width: 1150px) {
.home-section-08 .services-box {
margin-bottom: 60px;
}
}
.home-section-08 .services-box .image {
overflow: hidden;
margin-bottom: 24px;
border-radius: 12px;
display: block;
}
.home-section-08 .services-box .image img {
width: 100%;
aspect-ratio: 16/11;
}
.home-section-08 .services-box .services-title h4 {
margin-bottom: 20px;
color: #333;
font-size: 16px;
font-weight: bold;
}
.home-section-08 .services-box .services-text p {
font-size: 15px;
line-height: 28px;
margin-bottom: 30px;
color: #5a5a60;
}
.home-section-08 .services-box .services-btn a {
display: inline-flex;
justify-self: center;
align-items: center;
column-gap: 0.5rem;
padding: 0.75rem 1.5rem;
border-radius: 4rem;
border: 2px solid #00184f;
color: #00184f;
font-weight: 700;
}
.home-section-08 .services-box .services-btn i {
font-weight: 700;
color: #00184f;
transition: 0.5s;
}
.home-section-08 .services-box .services-btn:hover i {
transform: translateX(0.5rem);
transition: 0.5s;
}
.banner {
background-color: rgba(31, 31, 31, 0.7);
position: relative;
}
.banner .bg-banner::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(19, 20, 22, 0.2);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
top: 0;
left: 0;
z-index: 1;
}
.banner .bg-banner img {
width: 100%;
height: 550px;
opacity: 1;
object-fit: cover;
mix-blend-mode: multiply;
position: relative;
z-index: 0;
}
.banner .text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
color: #fff;
text-align: center;
}
.banner .text h1 {
font-size: calc(30px + 2.2vw);
line-height: 120%;
letter-spacing: -2px;
text-shadow: 1px 1px 1px #00184f;
margin: 0;
color: #fff;
text-transform: uppercase;
font-weight: 800;
}
.about-info {
padding: 80px 0;
}
.about-info .title h4 {
font-size: 65px;
line-height: 85px;
font-weight: 600;
margin-bottom: 30px;
}
.about-info .title h4 strong {
font-weight: 700;
position: relative;
color: #fff;
padding: 5px 0 8px;
white-space: nowrap;
}
.about-info .title h4 strong::before {
content: "";
width: calc(100% + 30px);
height: 100%;
background-color: #00184f;
position: absolute;
left: -15px;
border-radius: 5px;
top: 0;
z-index: -1;
}
.about-info .title p {
font-size: 16px;
line-height: 30px;
margin-bottom: 30px;
color: #666;
}
.about-info .title p:not(:last-child) {
margin-bottom: 20px;
}
.about-info .image img {
width: 100%;
height: 550px;
object-fit: cover;
border-radius: 15px;
}
.vision-mission {
padding: 80px 0;
}
.vision-mission .title {
padding: 50px 0 0 50px;
}
@media (max-width: 992px) {
.vision-mission .title {
padding: 0;
}
}
.vision-mission .title h4 {
font-size: 2rem;
margin-bottom: 15px;
}
.vision-mission .title p {
font-size: 16px;
line-height: 30px;
color: #666;
}
.vision-mission img {
width: 100%;
object-fit: cover;
border-radius: 15px;
}
@media (max-width: 992px) {
.vision-mission img {
margin-bottom: 20px;
}
}
.product-detail {
padding: 100px 0;
}
@media (max-width: 992px) {
.product-detail .image {
margin-bottom: 40px;
}
}
.product-detail .image img {
height: 350px;
object-fit: cover;
}
@media (max-width: 992px) {
.product-detail .image img {
height: 250px;
}
}
.product-detail .text {
margin-left: 50px;
}
@media (max-width: 992px) {
.product-detail .text {
margin-left: 0;
}
}
.product-detail .text .title {
margin-bottom: 50px;
}
.product-detail .text .title h4 {
color: #00184f;
font-weight: bold;
font-size: 30px;
}
@media (max-width: 992px) {
.product-detail .text .title h4 {
text-align: center;
}
}
.product-detail .text ul li {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
max-width: 700px;
padding: 10px 0;
}
.product-detail .text ul li:not(:last-child) {
margin-bottom: 40px;
}
.product-detail .text ul li strong {
font-size: 20px;
}
@media (max-width: 992px) {
.product-detail .text ul li strong {
font-size: 16px;
}
}
.product-detail .text ul li span {
font-size: 20px;
color: #00184f;
font-weight: 600;
}
@media (max-width: 992px) {
.product-detail .text ul li span {
text-align: right;
font-size: 16px;
}
}
.services {
padding: 80px 0;
}
.services .services-detail:not(:last-child) {
margin-bottom: 100px;
}
.services .services-detail .image img {
width: 100%;
max-height: 500px;
object-fit: cover;
border-radius: 30px;
}
@media (max-width: 992px) {
.services .services-detail .image img {
margin-bottom: 30px;
}
}
.services .services-detail .text {
margin-left: 30px;
}
@media (max-width: 992px) {
.services .services-detail .text {
margin-left: 0px;
}
}
.services .services-detail .text h4 {
color: #00184f;
font-weight: 700;
font-size: 30px;
margin-bottom: 15px;
position: relative;
}
.services .services-detail .text h4::before {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 90px;
height: 3px;
background-color: #333;
}
.services .services-detail .text p {
font-size: 16px;
line-height: 30px;
opacity: 0.8;
margin-bottom: 30px;
}
.services .services-detail .text .actions {
display: flex;
align-items: center;
}
.services .services-detail .text .actions div:not(:first-child) {
margin-left: 30px;
}
.services .services-detail .text .actions .call {
border: 2px solid hsl(8, 46%, 28%);
padding: 0.75rem 1.5rem;
display: inline-flex;
align-items: center;
column-gap: 0.5rem;
border-radius: 4rem;
background-color: hsl(8, 46%, 28%);
}
.services .services-detail .text .actions .call a {
color: #fff;
font-weight: 700;
}
.contact {
padding: 80px 0;
}
.contact iframe {
width: 100%;
height: 500px;
border-radius: 10px;
margin-bottom: 30px;
}
.contact .contact-info .item {
margin-bottom: 20px;
}
.contact .contact-info .item h4 {
color: #00184f;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.contact .contact-info .item address {
font-style: normal;
line-height: 1.5;
}
.contact .contact-info .item a {
display: inline-block;
color: #fff;
background-color: #00184f;
padding: 10px 20px;
border-radius: 4px;
text-decoration: none;
margin-top: 10px;
}
.contact .contact-info .item a:hover {
opacity: 0.8;
}
.contact .title h6 {
font-size: 16px;
color: #00184f;
text-transform: uppercase;
margin-bottom: 5px;
}
.contact .title h4 {
font-size: 24px;
color: #00184f;
margin-bottom: 20px;
}
.contact .form .form-item {
margin-bottom: 15px;
}
.contact .form .form-item label {
display: block;
font-weight: bold;
color: #00184f;
margin-bottom: 5px;
}
.contact .form .form-item input,
.contact .form .form-item textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
resize: none;
}
.contact .form .form-item input:focus,
.contact .form .form-item textarea:focus {
border-color: #00184f;
outline: none;
}
.contact .form .wpcf7-submit {
display: inline-block;
background-color: #00184f;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
.contact .form .wpcf7-submit:hover {
opacity: 0.9;
}
@media (max-width: 768px) {
.contact iframe {
height: 300px;
}
}
.questions {
padding: 80px 0;
position: relative;
overflow: hidden;
z-index: 1;
}
@media (max-width: 1150px) {
.questions {
margin: 0;
padding: 110px 0;
}
}
.questions .text {
position: relative;
z-index: 10;
}
@media (max-width: 1150px) {
.questions .text {
margin-bottom: 50px;
position: inherit;
}
}
.questions .text h4 {
margin-bottom: 20px;
color: #fff;
font-weight: bold;
font-size: 30px;
}
.questions .text p {
margin-bottom: 50px;
color: #fff;
line-height: 28px;
opacity: 0.6;
}
@media (max-width: 992px) {
.questions .text p {
line-height: 35px;
opacity: 0.7;
}
}
.questions .text .btn {
border: 1px solid #fff;
}
@media (max-width: 992px) {
.questions .text .btn {
position: absolute;
bottom: 40px;
}
}
.questions .text .btn:hover i {
transform: translateX(0.5rem);
transition: 0.5s;
}
.questions .text .btn a {
color: #fff;
}
.questions .text .btn a i {
font-weight: 700;
color: #fff;
transition: 0.5s;
}
.questions .accordion {
margin-left: 50px;
}
@media (max-width: 1150px) {
.questions .accordion {
margin-left: 0;
}
}
.questions .accordion .accordion-item {
margin-bottom: 20px;
border-radius: 20px;
position: relative;
overflow: hidden;
padding: 15px;
}
@media (max-width: 1150px) {
.questions .accordion .accordion-item {
padding: 10px;
}
}
@media (max-width: 992px) {
.questions .accordion .accordion-item .accordion-body {
padding: 0.5rem 1.25rem;
}
}
.questions .accordion .accordion-item .accordion-body p {
line-height: 32px;
opacity: 0.6;
font-weight: bold;
}
@media (max-width: 992px) {
.questions .accordion .accordion-item .accordion-body p {
font-size: 14px;
}
}
.questions .accordion .accordion-item .accordion-button {
background: none;
box-shadow: none;
position: relative;
color: #00184f;
font-weight: bold;
}
.questions .accordion .accordion-item .accordion-button h4 {
font-size: 18px;
font-weight: bold;
line-height: 30px;
}
@media (max-width: 1150px) {
.questions .accordion .accordion-item .accordion-button h4 {
font-size: 15px;
line-height: 24px;
}
}
.questions .accordion .accordion-item .accordion-button:not(.collapsed) i {
transform: rotate(180deg);
transition: 0.5s;
}
.questions .accordion .accordion-item .accordion-button:focus {
border: none;
box-shadow: none;
}
.questions .accordion .accordion-item .accordion-button::after {
content: "";
background: inherit;
}
.questions .accordion .accordion-item .accordion-button i {
position: absolute;
right: 0;
display: flex;
align-items: center;
justify-content: center;
transition: 0.5s;
font-size: 30px;
}
.services-detail-item {
padding: 80px 0;
}
.services-detail-item .text h4 {
color: #00184f;
font-weight: 700;
margin-bottom: 30px;
font-size: 30px;
}
.services-detail-item .text p {
font-size: 16px;
opacity: 0.8;
line-height: 32px;
}
@media (max-width: 992px) {
.services-detail-item .text p {
margin-bottom: 30px;
}
}
.services-detail-item .text p:not(:last-child) {
margin-bottom: 20px;
}
.services-detail-item .image {
margin-left: 20px;
}
@media (max-width: 992px) {
.services-detail-item .image {
margin-left: 0;
}
}
.services-detail-item .image img {
width: 100%;
height: 100%;
border-radius: 10px;
}
header {
background-color: #f8f8f8;
}
header .header-top {
padding: 0;
}
header .header-top .container.top {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 992px) {
header .header-top .container.top {
flex-direction: column;
padding: 0px;
}
}
header .header-top .container.top .logo {
display: flex;
align-items: center;
}
@media (max-width: 992px) {
header .header-top .container.top .logo {
text-align: center;
flex-direction: column;
}
}
header .header-top .container.top .logo img {
height: 170px;
}
@media (max-width: 992px) {
header .header-top .container.top .logo img {
height: 180px;
}
}
header .header-top .container.top .logo a {
font-size: 40px;
color: #333;
text-decoration: none;
}
@media (max-width: 992px) {
header .header-top .container.top .logo a {
font-size: 30px;
}
}
header .header-top .container.top .logo a span {
display: block;
font-size: 14px;
font-weight: normal;
color: #888;
margin-top: 5px;
}
@media (max-width: 992px) {
header .header-top .container.top .logo a span {
margin-bottom: 10px;
margin-top: 0;
}
}
header .header-top .container.top .logo a:hover {
color: #00184f;
}
header .header-top .container.top .social-media {
display: flex;
align-items: center;
}
header .header-top .container.top .social-media li:not(:last-child) {
margin-right: 10px;
}
header .header-top .container.top .social-media li a {
color: #00184f;
font-size: 30px;
display: block;
}
header .header-bottom {
padding: 20px 0;
background-color: #e5e5e5;
position: relative;
}
header .header-bottom .menu {
background-color: #f8f8f8;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
border-radius: 5px;
position: relative;
}
header .header-bottom .menu .navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
}
@media (max-width: 992px) {
header .header-bottom .menu .navbar {
padding: 10px 7px;
}
}
header .header-bottom .menu .navbar .nav-list {
list-style-type: none;
display: flex;
gap: 20px;
}
@media (max-width: 992px) {
header .header-bottom .menu .navbar .nav-list {
display: none;
}
}
header .header-bottom .menu .navbar .nav-list .current-menu-item a {
background-color: #333;
color: #fff;
}
@media (max-width: 992px) {
header .header-bottom .menu .navbar .nav-list .current-menu-item a {
background-color: inherit;
}
}
header .header-bottom .menu .navbar .nav-list li {
position: relative;
}
header .header-bottom .menu .navbar .nav-list li a {
text-decoration: none;
color: #333;
font-weight: bold;
font-size: 18px;
padding: 20px;
display: block;
}
header .header-bottom .menu .navbar .menu-toggle {
display: none;
flex-direction: column;
cursor: pointer;
}
header .header-bottom .menu .navbar .menu-toggle .bar {
height: 3px;
width: 20px;
background-color: #333;
margin: 3px 0;
transition: background-color 0.3s ease, transform 0.3s ease;
}
header .header-bottom .menu .navbar .menu-toggle.active .bar {
background-color: #fff;
}
header .header-bottom .menu .navbar .menu-toggle.active .bar:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
header .header-bottom .menu .navbar .menu-toggle.active .bar:nth-child(2) {
opacity: 0;
}
header .header-bottom .menu .navbar .search-container {
list-style: none;
position: relative;
margin-right: 10px;
}
@media (max-width: 992px) {
header .header-bottom .menu .navbar .search-container {
margin-right: 0;
}
}
header .header-bottom .menu .navbar .search-container .search-input {
display: none;
position: absolute;
top: 0;
right: 35px;
padding: 5px 10px;
border: none;
border-bottom: 1px solid #888;
width: 250px;
opacity: 0;
transform: translateY(-10px);
transition: opacity 0.3s ease, transform 0.3s ease;
}
header .header-bottom .menu .navbar .search-container .search-input.active {
display: block;
opacity: 1;
transform: translateY(0);
color: black;
font-weight: 500;
}
header .header-bottom .menu .navbar .search-container .search-toggle {
background: none;
border: none;
cursor: pointer;
font-size: 20px;
color: #333;
margin-left: 20px;
}
header .header-bottom .menu .navbar .search-container .search-toggle:focus {
outline: none;
}
header .header-bottom .menu .navbar .search-container .search-close {
background: none;
border: none;
cursor: pointer;
font-size: 25px;
color: #333;
margin-left: 10px;
display: none;
}
header .header-bottom .menu .navbar .search-container .search-close:focus {
outline: none;
}
@media (max-width: 992px) {
header .header-bottom .menu .nav-list {
display: none;
position: fixed;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #f8f8f8;
z-index: 10;
transition: left 0.3s ease, backdrop-filter 0.3s ease;
}
header .header-bottom .menu .nav-list.active {
display: flex;
left: 0;
flex-direction: column;
padding: 15px 0;
border-radius: 0;
box-shadow: none;
max-height: none;
overflow: hidden;
background-color: #333;
justify-content: center;
z-index: 100;
width: 100%;
backdrop-filter: blur(5px);
}
header .header-bottom .menu .nav-list.active li {
width: 100%;
text-align: center;
margin: 10px 0;
}
header .header-bottom .menu .nav-list.active li a {
padding: 10px;
color: #fff;
transition: background-color 0.3s;
}
header .header-bottom .menu .nav-list.active li a:hover {
background-color: #00091c;
}
header .header-bottom .menu .menu-toggle {
display: flex !important;
z-index: 1000;
}
header .header-bottom .menu .menu-toggle.active .bar:nth-child(2) {
opacity: 0;
}
header .header-bottom .menu .menu-toggle.active .bar:nth-child(3) {
transform: translateY(-11px) rotate(-45deg);
}
}
header .header-bottom .blur {
filter: blur(3px);
}
header .marquee {
width: 100%;
overflow: hidden;
position: relative;
max-width: 600px
}
header .marquee ul {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
header .marquee ul .brand-item {
flex: 0 0 auto;
text-align: center;
margin: 0 20px;
}
@media (max-width: 992px) {
header .marquee ul .brand-item {
margin: 0 20px;
}
}
header .marquee ul .brand-item img {
width: 100%;
height: 60px;
object-fit: contain;
}
@media (max-width: 992px) {
header .marquee ul .brand-item img {
height: 50px;
margin: 20px 0;
}
}
header .brand-slider .brand-item {
text-align: center;
padding: 10px;
flex: 0 0 auto;
}
header .brand-slider .brand-item img {
max-width: 100px;
opacity: 0.8;
transition: opacity 0.3s ease;
}
.is-menu form{
left: inherit !important;
}
footer {
background-image: url(//akinotomotiv.com/wp-content/themes/akinotomotiv/images/images/footer-bg.png);
background-repeat: no-repeat;
background-color: #000;
padding: 30px 0;
}
footer .logo {
display: flex;
align-items: center;
}
@media (max-width: 992px) {
footer .logo {
text-align: center;
flex-direction: column;
}
}
footer .logo img {
max-height: 120px;
margin-right: 5px;
clip-path: polygon(0 0, 100% 0, 100% 0%, 70% 100%, 0% 100%);
padding: 15px 15px 15px 10px;
}
@media (max-width: 992px) {
footer .logo img {
max-height: 80px;
margin-right: 0px;
padding: 15px 15px 0px 10px;
}
}
footer .logo a {
font-size: 40px;
color: #fff;
text-decoration: none;
}
@media (max-width: 992px) {
footer .logo a {
font-size: 30px;
}
}
footer .logo a span {
display: block;
font-size: 14px;
font-weight: normal;
color: #888;
margin-top: 5px;
}
@media (max-width: 992px) {
footer .logo a span {
margin-bottom: 10px;
margin-top: 0;
}
}
footer .logo a:hover {
color: #00184f;
}
footer .actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 30px;
}
@media (max-width: 1150px) {
footer .actions {
justify-content: center;
text-align: center;
flex-direction: column;
}
}
@media (max-width: 1150px) {
footer .actions a {
justify-content: center;
}
}
footer .actions a {
color: #fff;
font-weight: 500;
}
footer .actions ul {
border-left: 1px solid #434343;
display: flex;
margin-left: 20px;
}
@media (max-width: 1150px) {
footer .actions ul {
border-left: none;
margin: 0;
}
}
footer .actions ul li {
margin-left: 20px;
}
footer .actions ul li a {
color: #fff;
font-size: 22px;
font-weight: inherit;
}
footer span {
color: #656565;
font-size: 15px;
font-weight: 700;
}
@media (max-width: 1150px) {
footer span {
display: inline-flex;
width: 100%;
justify-content: center;
margin-bottom: 20px;
}
}
footer .footer-menu ul {
display: flex;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 1150px) {
footer .footer-menu ul {
flex-direction: column;
}
}
@media (max-width: 1150px) {
footer .footer-menu ul li {
margin-bottom: 15px;
}
}
footer .footer-menu ul li:not(:last-child) {
margin-right: 30px;
}
@media (max-width: 1150px) {
footer .footer-menu ul li:not(:last-child) {
margin-right: 0;
}
}
footer .footer-menu ul li a {
font-size: 15px;
color: #fff;
}
@media (max-width: 1150px) {
footer .row.flex-mobil {
flex-direction: column-reverse;
}
}
footer .col-lg-4 span{
display: inline-flex;
margin-bottom: 20px;
}
footer .col-lg-4 ul{
display: flex;
align-items: center;
}
@media (max-width: 1150px) {
footer .col-lg-4 ul{
flex-direction: column;
}
}
footer .col-lg-4 ul li:not(:first-child) {
margin-left: 10px;
}
footer .col-lg-4 ul li a{
color: white;
font-size: 15px;
}
@media (max-width: 1150px) {
footer .col-lg-4 ul li a{
display: block;
margin-bottom: 10px;
}
}