nurmuhammet/gujurly.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first

Browse Source
This commit is contained in:
Nurmuhammet Allanov
2025-07-26 13:25:50 +05:00
commit 69dd14e06c
311 changed files with 50685 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

201
resources/css/sass/section/_services.scss Normal file
View File

@@ -0,0 +1,201 @@
/*==========================================================================
* Services One CSS
==========================================================================*/
.services__one {
background: var(--color-2);
&-item {
background: var(--bg-white);
border: 1px solid var(--border-color-1);
border-radius: 8px;
padding: 40px 80px 40px 40px;
transition: 0.5s;
> i {
font-size: 80px;
color: var(--text-heading-color);
transition: 0.4s;
}
h4 {
margin-top: 90px;
}
.more_btn {
margin-top: 25px;
}
&:hover {
background: var(--color-1);
.more_btn,
> i {
color: var(--primary-color-1);
}
h4 a {
color: var(--text-white);
&:hover {
color: var(--primary-color-1);
}
}
}
}
}
/*==========================================================================
* Services Two CSS
==========================================================================*/
.services__two {
overflow: hidden;
.services__one-item {
background: var(--color-2);
> i {
font-size: 45px;
display: inline-flex;
color: var(--text-heading-color);
background: var(--bg-white);
width: 80px;
height: 80px;
min-width: 80px;
align-items: center;
justify-content: center;
border-radius: 50%;
}
&:hover {
background: var(--color-1);
}
}
}
/*==========================================================================
* Services Three CSS
==========================================================================*/
.services__three {
background: var(--color-1);
&-title {
.subtitle {
border-color: #474644;
color: var(--text-white);
}
h2 {
color: var(--text-white);
}
p {
color: var(--color-6);
}
.build_button {
&::before {
background: var(--bg-white);
}
&:hover {
color: var(--color-1);
i {
color: var(--color-1);
background: #F1F1F1;
}
}
}
}
&-item {
border-bottom: 1px solid var(--border-color-3);
&-title {
padding: 30px 0;
h3 {
color: var(--text-white);
display: flex;
align-items: center;
gap: 20px;
span {
color: var(--primary-color-1);
font-size: 24px;
line-height: 32px;
}
}
&.active {
h3 {
color: var(--primary-color-1);
}
}
}
&-body {
padding: 0 0 30px 50px;
display: none;
p {
color: var(--color-6);
margin-bottom: 0;
margin-top: 30px;
}
}
}
}
/*==========================================================================
* Services Four CSS
==========================================================================*/
.services__four {
background: var(--color-1);
overflow: hidden;
&-title {
.subtitle {
border-color: #474644;
color: var(--text-white);
}
h2 {
color: var(--text-white);
}
.build_button {
&::before {
background: var(--bg-white);
}
&:hover {
color: var(--color-1);
i {
color: var(--color-1);
background: #F1F1F1;
}
}
}
}
&-image {
margin-right: -295px;
}
.services__one-item {
background: var(--color-1);
border-color: var(--border-color-3);
> i {
color: var(--primary-color-1);
}
.more_btn,
h4 {
color: var(--text-white);
}
&:hover {
background: var(--primary-color-1);
.more_btn,
h4 a,
> i {
color: var(--text-heading-color);
}
}
}
}
/*==========================================================================
* Services Details CSS
==========================================================================*/
.services__details-area {
&-list {
padding: 0;
margin: 0;
margin-bottom: 35px;
margin-top: 20px;
li {
display: inline-flex;
align-items: center;
list-style: none;
margin-bottom: 8px;
gap: 8px;
i {
display: inline-flex;
}
&:last-child {
margin-bottom: 0;
}
}
}
}
@media (max-width: 991px) {
.services__four-image {
margin-right: 0;
}
}