/*
Theme Name: Kanun
Author: Gramentheme
Author URI: https://themeforest.net/user/Gramentheme/portfolio
Description: Kanun - Attorney & Law Agency Html Template
Service Html Template
Version: 1.0.0
*/

/*CSS Table Of Content Ends Here*/

@import url("https://fonts.googleapis.com/css2?family=Prata&display=swap");
@import
url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Prata&display=swap");
@import
url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Manrope:wght@200..800&family=Prata&display=swap");

@import
url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap");
:root {
--body: #fff;
--black: #000;
--white: #fff;
--theme: #b68c5a;
--header: #181818;
--text: #565656;
--border: #5656564d;
--border-2: #bdbdbd;
--bg: #f9f7f3;
--box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.13);
}

.theme-btn {
background-color: var(--theme);
color: var(--white);
display: inline-block;
font-size: 16px;
font-weight: 400;
font-family: "Manrope", sans-serif;
padding: 20px 32px;
border-radius: 0;
text-transform: capitalize;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
z-index: 1;
line-height: 1;
}

.theme-btn::before {
content: "";
background-color: var(--header);
width: 0;
height: 50%;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
z-index: -1;
}

.theme-btn::after {
content: "";
background-color: var(--header);
width: 0;
height: 50%;
position: absolute;
bottom: 0;
right: 0;
-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
z-index: -1;
}

.theme-btn i {
margin-left: 10px;
transform: rotate(-45deg);
transition: all 0.4s ease-in-out;
}

.theme-btn:hover {
color: var(--white);
}

.theme-btn:hover::before,
.theme-btn:hover::after {
width: 100%;
}

.theme-btn:hover i {
transform: rotate(0);
}

@media (max-width: 767px) {
.theme-btn {
padding: 20px 32px;
}
}

@media (max-width: 575px) {
.theme-btn {
padding: 18px 30px;
font-size: 14px;
}
}

.link-btns {
font-size: 16px;
font-weight: 400;
display: inline-block;
font-family: "DM Sans", sans-serif;
text-transform: capitalize;
color: var(--theme);
}

.link-btns i {
transform: rotate(-40deg);
transition: all 0.4s ease-in-out;
font-weight: 400;
}

.link-btns:hover i {
transform: rotate(0);
}

/* --------------------------------------------
Template Default Fonts & Fonts Styles
---------------------------------------------- */

body {
font-family: "DM Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 28px;
color: var(--text);
background-color: var(--white);
padding: 0;
margin: 0;
overflow-x: hidden;
}

ul {
padding: 0;
margin: 0;
list-style: none;
}

button {
border: none;
background-color: transparent;
padding: 0;
}

input:focus {
color: var(--white);
outline: none;
}

input {
color: var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
/* font-family: "Prata", sans-serif; */
/* font-family: "Cairo", sans-serif; */
font-family: "Tajawal", sans-serif;

margin: 0px;
padding: 0;
color: var(--header);
text-transform: initial;
transition: all 0.4s ease-in-out;
text-transform: capitalize;
}

h1 {
font-size: 60px;
font-weight: 400;
line-height: 115%;
}

@media (max-width: 1399px) {
h1 {
font-size: 75px;
}
}

@media (max-width: 1199px) {
h1 {
font-size: 60px;
}
}

@media (max-width: 991px) {
h1 {
font-size: 50px;
}
}

@media (max-width: 767px) {
h1 {
font-size: 45px;
}
}

@media (max-width: 575px) {
h1 {
font-size: 40px;
}
}

h2 {
font-size: 52px;
font-weight: 400;
line-height: 123%;
}

@media (max-width: 1199px) {
h2 {
font-size: 48px;
}
}

@media (max-width: 991px) {
h2 {
font-size: 44px;
}
}

@media (max-width: 767px) {
h2 {
font-size: 38px;
}
}

@media (max-width: 575px) {
h2 {
font-size: 32px;
}
}

h3 {
font-size: 36px;
font-weight: 400;
line-height: 122%;
}

@media (max-width: 1199px) {
h3 {
font-size: 30px;
}
}

@media (max-width: 991px) {
h3 {
font-size: 28px;
}
}

@media (max-width: 767px) {
h3 {
font-size: 24px;
}
}

@media (max-width: 575px) {
h3 {
font-size: 20px;
}
}

h4 {
font-size: 24px;
font-weight: 400;
line-height: 133%;
}

@media (max-width: 1199px) {
h4 {
font-size: 20px;
}
}

h5 {
font-size: 22px;
font-weight: 400;
line-height: 127%;
}

@media (max-width: 1199px) {
h5 {
font-size: 20px;
}
}

h6 {
font-size: 18px;
font-weight: 400;
}

a {
text-decoration: none;
outline: none !important;
cursor: pointer;
color: var(--header);
transition: all 0.4s ease-in-out;
}

p {
margin: 0px;
transition: all 0.4s ease-in-out;
}

span {
margin: 0px;
transition: all 0.4s ease-in-out;
}

.about-wrapper .about-image {
position: relative;
max-width: 645px;
}

.about-wrapper .about-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border: 2px solid var(--theme);
top: 25px;
left: 25px;
z-index: -1;
}

@media (max-width: 1199px) {
.about-wrapper .about-image::before {
display: none;
}
}

.about-wrapper .about-image img {
width: 100%;
height: 100%;
}

.about-wrapper .about-content {
margin-left: 70px;
}

@media (max-width: 1199px) {
.about-wrapper .about-content {
margin-left: 0;
}
}

.about-wrapper .about-content .counter-items {
display: flex;
align-items: center;
gap: 150px;
border-top: 1px solid var(--theme);
padding-top: 30px;
margin-top: 40px;
position: relative;
}

@media (max-width: 1199px) {
.about-wrapper .about-content .counter-items {
gap: 100px;
}
}

@media (max-width: 767px) {
.about-wrapper .about-content .counter-items {
gap: 80px;
}
}

@media (max-width: 575px) {
.about-wrapper .about-content .counter-items {
flex-wrap: wrap;
gap: 40px;
}
}

.about-wrapper .about-content .counter-items::after {
position: absolute;
content: "";
right: 50%;
top: 0;
transform: translateX(-50%);
background: var(--border);
width: 1px;
height: 85%;
}

@media (max-width: 1199px) {
.about-wrapper .about-content .counter-items::after {
display: none;
}
}

.about-wrapper .about-content .counter-items .content h5 {
margin-bottom: 10px;
}

.about-wrapper .about-content .about-button {
margin-top: 40px;
}

.about-wrapper-2 .about-image {
position: relative;
}

.about-wrapper-2 .about-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border: 2px solid var(--theme);
top: -25px;
left: -25px;
z-index: -1;
}

@media (max-width: 767px) {
.about-wrapper-2 .about-image::before {
display: none;
}
}

.about-wrapper-2 .about-image img {
width: 100%;
height: 100%;
}

.about-wrapper-2 .about-image .about-box {
padding: 30px 70px;
background-color: var(--theme);
position: absolute;
bottom: 80px;
left: -150px;
}

@media (max-width: 1399px) {
.about-wrapper-2 .about-image .about-box {
left: 0;
bottom: 0;
}
}

.about-wrapper-2 .about-image .about-box span {
font-size: 18px;
color: var(--white);
display: inline-block;
margin-bottom: 10px;
}

.about-wrapper-2 .about-image .about-box h4 a {
color: var(--white);
}

.about-wrapper-2 .about-content {
margin-left: 70px;
}

@media (max-width: 1199px) {
.about-wrapper-2 .about-content {
margin-left: 0;
}
}

.about-wrapper-2 .about-content .about-list {
margin-top: 40px;
}

.about-wrapper-2 .about-content .about-list li {
font-size: 18px;
font-weight: 500;
color: var(--header);
}

@media (max-width: 575px) {
.about-wrapper-2 .about-content .about-list li {
font-size: 16px;
}
}

.about-wrapper-2 .about-content .about-list li:not(:last-child) {
margin-bottom: 15px;
}

.about-wrapper-2 .about-content .about-list li i {
margin-right: 8px;
}

.about-wrapper-2 .about-content .about-button {
margin-top: 40px;
}

@-webkit-keyframes rippleOne {
70% {
-webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
}
}

@keyframes rippleOne {
70% {
-webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
}
}

@keyframes cir36 {
100% {
transform: rotate(360deg);
}
}

@keyframes rounded {
50% {
transform: rotate(15deg);
}
}

@keyframes up-down {
0% {
transform: translateY(10px);
}
100% {
transform: translateY(-10px);
}
}

@-webkit-keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}

@keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}

@-webkit-keyframes letters-loading {
0%,
75%,
100% {
opacity: 0;
transform: rotateY(-90deg);
}
25%,
50% {
opacity: 1;
transform: rotateY(0deg);
}
}

@keyframes letters-loading {
0%,
75%,
100% {
opacity: 0;
transform: rotateY(-90deg);
}
25%,
50% {
opacity: 1;
transform: rotateY(0deg);
}
}

@keyframes loaderspin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}

@keyframes tpswing {
0% {
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}

@keyframes width {
0% {
width: 0%;
}
100% {
width: 100%;
}
}

@-webkit-keyframes width {
0% {
width: 0%;
}
100% {
width: 100%;
}
}

@-webkit-keyframes loaderspin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}

@keyframes loaderpulse {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}

@keyframes rounded {
50% {
transform: rotate(20deg);
}
}

@keyframes cir36 {
100% {
transform: rotate(360deg);
}
}

.float-bob-y {
-webkit-animation-name: float-bob-y;
animation-name: float-bob-y;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}

@keyframes float-bob-y {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}

.float-bob-x {
-webkit-animation-name: float-bob-x;
animation-name: float-bob-x;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
0% {
-webkit-transform: translateX(0px);
transform: translateX(30px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
}

@keyframes float-bob-x {
0% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
}

@keyframes bounce-x {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

.bounce-x {
-webkit-animation: bounce-x 7s infinite linear;
animation: bounce-x 7s infinite linear;
}

@keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}

@keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}

@keyframes rotated2 {
0% {
transform: rotate(0);
}
100% {
transform: rotate(-360deg);
}
}

@keyframes wave {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-25%);
}
100% {
transform: translateX(-50%);
}
}

@keyframes zoom {
0% {
transform: scale(0.5);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.5);
}
}

@keyframes translateY2 {
0% {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
100% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
}

@keyframes translateX2 {
0% {
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px);
}
100% {
-webkit-transform: translatXY(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
}
}

@keyframes moving {
0% {
transform: translatey(0px);
}
20% {
transform: translateX(-50px);
}
50% {
transform: translatey(-40px);
}
100% {
transform: translatey(0px);
}
}

/*img-animation**********************/

.img-custom-anim-right {
animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1)
0.4s;
opacity: 0;
}

@keyframes img-anim-right {
0% {
transform: translateX(5%);
clip-path: inset(0 0 0 100%);
opacity: 0;
}
100% {
transform: translateX(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}

.img-custom-anim-left {
animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1)
0.4s;
opacity: 0;
}

@keyframes img-anim-left {
0% {
transform: translateX(-5%);
clip-path: inset(0 100% 0 0);
opacity: 0;
}
100% {
transform: translateX(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}

.img-custom-anim-top {
animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
}

@keyframes img-anim-top {
0% {
transform: translateY(-5%);
clip-path: inset(0 0 100% 0);
opacity: 0;
}
100% {
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}

.brand-main-item .brand-area {
display: flex;
align-items: center;
gap: 20px;
justify-content: center;
}

@media (max-width: 1199px) {
.brand-main-item .brand-area {
flex-wrap: wrap;
}
}

.brand-main-item .content {
text-align: center;
margin-top: 30px;
margin-bottom: 20px;
}

.brand-main-item .content p {
font-size: 40px;
font-family: "DM Sans", sans-serif;
letter-spacing: -0.8px;
color: var(--header);
line-height: 120%;
}

@media (max-width: 1399px) {
.brand-main-item .content p {
font-size: 33px;
}
}

@media (max-width: 1199px) {
.brand-main-item .content p {
font-size: 34px;
}
}

@media (max-width: 991px) {
.brand-main-item .content p {
font-size: 30px;
}
}

@media (max-width: 767px) {
.brand-main-item .content p {
font-size: 26px;
}
}

@media (max-width: 575px) {
.brand-main-item .content p {
font-size: 22px;
}
}

.brand-main-item span {
font-size: 18px;
text-align: center;
display: inline-block;
}

.brand-main-item .sign-image {
text-align: center;
margin-top: 20px;
}

.award-main-wrapper {
margin-top: 60px;
}

.award-main-wrapper .award-wrapper {
padding: 40px;
background-color: var(--bg);
display: flex;
align-items: center;
justify-content: space-between;
}

@media (max-width: 991px) {
.award-main-wrapper .award-wrapper {
flex-wrap: wrap;
gap: 20px;
padding: 30px;
}
}

.award-main-wrapper .award-wrapper:not(:last-child) {
margin-bottom: 30px;
}

.award-main-wrapper .award-wrapper .award-item {
display: flex;
align-items: center;
gap: 60px;
}

@media (max-width: 991px) {
.award-main-wrapper .award-wrapper .award-item {
flex-wrap: wrap;
gap: 10px;
}
}

.award-main-wrapper .award-wrapper .award-item .content {
max-width: 378px;
width: 100%;
}

@media (max-width: 1199px) {
.award-main-wrapper .award-wrapper .award-item .content h3 {
font-size: 25px;
}
}

.award-main-wrapper .award-wrapper .year-item {
display: flex;
align-items: center;
gap: 40px;
}

.award-main-wrapper .award-wrapper .year-item .year-image {
border-right: 1px solid red;
padding-right: 40px;
}

@media (max-width: 1199px) {
.award-main-wrapper .award-wrapper .year-item .cont h3 {
font-size: 25px;
}
}

.contact-info-area {
display: flex;
align-items: center;
justify-content: space-between;
padding: 120px 0;
border-bottom: 1px solid rgba(249, 247, 243, 0.2);
position: relative;
}

@media (max-width: 1199px) {
.contact-info-area {
padding: 100px 0;
flex-wrap: wrap;
gap: 30px;
}
}

@media (max-width: 991px) {
.contact-info-area {
padding: 80px 0;
}
}

.contact-info-area .content {
position: relative;
}

.contact-info-area .content p {
color: var(--white);
}

.contact-info-area .search-widget {
position: relative;
max-width: 495px;
width: 100%;
}

.contact-info-area .search-widget input {
width: 100%;
border: none;
background-color: var(--white);
position: relative;
font-size: 18px;
font-weight: 400;
padding: 16px 18px;
color: var(--text);
border-radius: 0;
text-transform: capitalize;
}

@media (max-width: 575px) {
.contact-info-area .search-widget input {
font-size: 16px;
}
}

.contact-info-area .search-widget input::placeholder {
color: var(--text);
}

.contact-info-area .search-widget button {
position: absolute;
right: 4px;
top: 4px;
bottom: 4px;
}

.contact-info-area .search-widget button.theme-btn {
padding: 16px 24px;
}

@media (max-width: 575px) {
.contact-info-area .search-widget button.theme-btn {
padding: 16px 20px;
}
}

.appointment-wrapper .appointment-content .appointment-area {
margin-top: 40px;
}

.appointment-wrapper .appointment-content .appointment-area .appointment-item {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 40px;
}

@media (max-width: 1199px) {
.appointment-wrapper
.appointment-content
.appointment-area
.appointment-item {
flex-wrap: wrap;
}
}

.appointment-wrapper
.appointment-content
.appointment-area
.appointment-item
.icon {
width: 84px;
height: 84px;
line-height: 84px;
text-align: center;
border-radius: 50px;
background-color: var(--theme);
color: var(--white);
font-size: 44px;
}

.appointment-wrapper
.appointment-content
.appointment-area
.appointment-item
.content
h4 {
margin-bottom: 5px;
}

.appointment-wrapper .contact-content {
background-color: var(--theme);
padding: 40px;
}

.appointment-wrapper .contact-content span {
color: var(--white);
display: inline-block;
margin-bottom: 10px;
}

.appointment-wrapper .contact-content h3 {
margin-bottom: 10px;
color: var(--white);
}

.appointment-wrapper .contact-content .contact-form-items {
margin-top: 40px;
}

.appointment-wrapper .contact-content .contact-form-items .form-clt {
position: relative;
}

.appointment-wrapper .contact-content .contact-form-items .form-clt input,
.appointment-wrapper .contact-content .contact-form-items .form-clt textarea {
width: 100%;
border: none;
outline: none;
background: var(--white);
color: #666;
padding: 16px 20px;
font-weight: 400;
font-size: 18px;
}

@media (max-width: 767px) {
.appointment-wrapper .contact-content .contact-form-items .form-clt input,
.appointment-wrapper
.contact-content
.contact-form-items
.form-clt
textarea {
padding: 14px 20px;
}
}

@media (max-width: 575px) {
.appointment-wrapper .contact-content .contact-form-items .form-clt input,
.appointment-wrapper
.contact-content
.contact-form-items
.form-clt
textarea {
padding: 12px 18px;
}
}

.appointment-wrapper
.contact-content
.contact-form-items
.form-clt
input::placeholder,
.appointment-wrapper
.contact-content
.contact-form-items
.form-clt
textarea::placeholder {
color: #666;
}

.appointment-wrapper .contact-content .contact-form-items .form-clt textarea {
padding-bottom: 140px;
resize: none;
}

.appointment-wrapper .contact-content .contact-form-items button.theme-btn {
background-color: var(--white);
color: var(--header);
}

.appointment-wrapper
.contact-content
.contact-form-items
button.theme-btn::before {
background-color: var(--header);
}

.appointment-wrapper
.contact-content
.contact-form-items
button.theme-btn::after {
background-color: var(--header);
}

.appointment-wrapper
.contact-content
.contact-form-items
button.theme-btn:hover {
color: var(--white);
}

.appointment-wrapper
.contact-content
.contact-form-items
button.theme-btn:hover::before,
.appointment-wrapper
.contact-content
.contact-form-items
button.theme-btn:hover::after {
width: 100%;
}

.appointment-wrapper
.contact-content
.contact-form-items
button.theme-btn:hover
i {
transform: rotate(0);
color: var(--white);
}

.contact-info-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
padding: 120px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
position: relative;
}

@media (max-width: 1199px) {
.contact-info-wrapper {
padding: 100px 0;
flex-wrap: wrap;
gap: 40px;
}
}

@media (max-width: 991px) {
.contact-info-wrapper {
padding: 80px 0;
}
}

.contact-info-wrapper .contact-item {
display: flex;
align-items: center;
gap: 24px;
border-right: 1px solid rgba(255, 255, 255, 0.3);
padding-right: 100px;
position: relative;
}

@media (max-width: 1399px) {
.contact-info-wrapper .contact-item {
border-right: none;
padding-right: 0;
flex-wrap: wrap;
}
}

@media (max-width: 575px) {
.contact-info-wrapper .contact-item {
gap: 47px;
}
}

.contact-info-wrapper .contact-item .icon {
width: 75px;
height: 75px;
line-height: 75px;
text-align: center;
border-radius: 50px;
background-color: rgba(255, 255, 255, 0.1);
color: var(--white);
transition: all 0.4s ease-in-out;
}

.contact-info-wrapper .contact-item .icon:hover {
background-color: var(--theme);
}

.contact-info-wrapper .contact-item .content h5 {
color: var(--white);
margin-bottom: 5px;
}

.contact-info-wrapper .contact-item .content h6 {
color: var(--white);
font-size: 16px;
line-height: 162%;
}

.contact-info-wrapper .contact-item .content h6 a {
color: var(--white);
}

.contact-info-wrapper .contact-item.style-2 {
border: none;
margin-right: 0;
}

.contact-circle-wrapper {
padding: 120px 0;
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 1199px) {
.contact-circle-wrapper {
padding: 100px 0;
}
}

@media (max-width: 991px) {
.contact-circle-wrapper {
padding: 80px 0;
}
}

.contact-circle-wrapper .contact-circle-area {
text-align: center;
}

.contact-circle-wrapper .contact-circle-area .content {
margin-bottom: 30px;
}

.contact-circle-wrapper .contact-circle-area .content h2 {
color: var(--white);
font-size: 90px;
}

@media (max-width: 1399px) {
.contact-circle-wrapper .contact-circle-area .content h2 {
font-size: 80px;
}
}

@media (max-width: 1199px) {
.contact-circle-wrapper .contact-circle-area .content h2 {
font-size: 70px;
}
}

@media (max-width: 991px) {
.contact-circle-wrapper .contact-circle-area .content h2 {
font-size: 60px;
}
}

@media (max-width: 767px) {
.contact-circle-wrapper .contact-circle-area .content h2 {
font-size: 50px;
}
}

@media (max-width: 575px) {
.contact-circle-wrapper .contact-circle-area .content h2 {
font-size: 40px;
}
}

.contact-circle-wrapper .contact-circle-area .circle-border {
width: 200px;
height: 200px;
line-height: 200px;
text-align: center;
background-color: var(--theme);
border-radius: 100px;
text-align: center;
margin: 0 auto;
display: inline-block;
font-size: 24px;
color: var(--white);
}

@media (max-width: 1199px) {
.contact-circle-wrapper .contact-circle-area .circle-border {
font-size: 20px;
}
}

@media (max-width: 991px) {
.contact-circle-wrapper .contact-circle-area .circle-border {
width: 180px;
height: 180px;
}
}

@media (max-width: 767px) {
.contact-circle-wrapper .contact-circle-area .circle-border {
width: 140px;
height: 140px;
}
}

.contact-circle-wrapper .contact-circle-area .circle-border h4 {
color: var(--white);
line-height: 200px;
}

@media (max-width: 767px) {
.contact-circle-wrapper .contact-circle-area .circle-border h4 {
line-height: 180px;
}
}

@media (max-width: 767px) {
.contact-circle-wrapper .contact-circle-area .circle-border h4 {
line-height: 140px;
}
}

.contact-form-items {
margin-top: 60px;
}

@media (max-width: 767px) {
.contact-form-items {
margin-top: 0;
}
}

.contact-form-items .form-clt input,
.contact-form-items .form-clt textarea {
width: 100%;
outline: none;
border: none;
background-color: var(--white);
padding-bottom: 20px;
padding: 16px 20px;
transition: all 0.4s ease-in-out;
color: var(--text);
font-size: 16px;
}

.contact-form-items .form-clt input::placeholder,
.contact-form-items .form-clt textarea::placeholder {
color: var(--text);
}

.contact-form-items .form-clt textarea {
padding-bottom: 150px;
resize: none;
}

.contact-form-items .contact-btn {
margin-top: 20px;
text-align: center;
}

.map-items .googpemap iframe {
width: 100%;
height: 800px;
}

@media (max-width: 575px) {
.map-items .googpemap iframe {
height: 400px;
}
}

.counter-wrapper {
padding: 350px 0 120px;
position: relative;
}

@media (max-width: 1199px) {
.counter-wrapper {
padding: 270px 0 60px;
}
}

@media (max-width: 991px) {
.counter-wrapper {
padding: 270px 0 80px;
}
}

.counter-wrapper .counter-box {
width: 280px;
height: 288px;
border-radius: 0px 0px 144px 144px;
background: var(--white);
position: absolute;
left: 50%;
top: 22%;
transform: translate(-50%, -50%);
text-align: center;
padding: 70px 25px;
}

@media (max-width: 1199px) {
.counter-wrapper .counter-box {
top: 18%;
}
}

.counter-wrapper .counter-box h2 {
font-size: 90px;
}

.counter-wrapper .counter-area {
border-top: 1px solid rgba(86, 86, 86, 0.3);
padding-top: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}

@media (max-width: 1199px) {
.counter-wrapper .counter-area {
flex-wrap: wrap;
gap: 30px;
}
}

.counter-wrapper .counter-area .counter-items {
border-right: 1px solid rgba(86, 86, 86, 0.3);
padding-right: 80px;
}

@media (max-width: 1199px) {
.counter-wrapper .counter-area .counter-items {
border-right: none;
padding-right: 0;
}
}

.counter-wrapper .counter-area .counter-items .counter-content p {
color: var(--text);
font-size: 24px;
}

@media (max-width: 1199px) {
.counter-wrapper .counter-area .counter-items .counter-content p {
font-size: 18px;
}
}

.counter-wrapper .counter-area .counter-items.style-2 {
border: none;
padding-right: 0;
}

.counter-section {
position: relative;
z-index: 1;
}

.counter-section .left-image {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}

.counter-section .left-image img {
width: 100%;
height: 100%;
}

.cta-request-section {
background-attachment: fixed;
}

.cta-request-content {
position: relative;
}

.cta-request-content .search-widget {
position: relative;
margin-top: 40px;
max-width: 495px;
width: 100%;
}

.cta-request-content .search-widget input {
width: 100%;
border: none;
background-color: var(--white);
position: relative;
font-size: 18px;
font-weight: 400;
padding: 18px 20px;
color: var(--text);
border-radius: 0;
text-transform: capitalize;
}

.cta-request-content .search-widget input::placeholder {
color: var(--text);
}

.cta-request-content .search-widget button {
position: absolute;
right: 8px;
top: 7px;
bottom: 7px;
}

.cta-request-content .search-widget button.theme-btn i {
transform: rotate(0deg);
}

.cta-request-section {
position: relative;
}

.cta-request-section::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(
89deg,
#181818 23.34%,
rgba(24, 24, 24, 0) 100.28%
);
}

.video-wrapper {
padding: 330px 0;
text-align: center;
}

@media (max-width: 1399px) {
.video-wrapper {
padding: 330px 0;
}
}

@media (max-width: 1199px) {
.video-wrapper {
padding: 280px 0;
}
}

@media (max-width: 991px) {
.video-wrapper {
padding: 230px 0;
}
}

@media (max-width: 767px) {
.video-wrapper {
padding: 180px 0;
}
}

@media (max-width: 575px) {
.video-wrapper {
padding: 120px 0;
}
}

.video-wrapper .video-btn {
width: 140px;
height: 140px;
line-height: 140px;
border-radius: 100px;
text-align: center;
background: var(--theme);
color: var(--white);
display: inline-block;
font-size: 18px;
}

@media (max-width: 767px) {
.video-wrapper .video-btn {
width: 80px;
height: 80px;
line-height: 80px;
}
}

.video-bg-section {
position: relative;
background-attachment: fixed;
}

.video-bg-section::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(
89deg,
#181818 0.49%,
rgba(24, 24, 24, 0) 100.32%
);
}

.counter-main-box {
background-color: var(--white);
}

.counter-main-box .counter-content {
padding: 50px 80px 30px;
text-align: center;
}

@media (max-width: 1399px) {
.counter-main-box .counter-content {
padding: 50px 40px 30px;
}
}

.counter-main-box .counter-content h2 {
font-size: 90px;
}

@media (max-width: 1399px) {
.counter-main-box .counter-content h2 {
font-size: 80px;
}
}

@media (max-width: 1199px) {
.counter-main-box .counter-content h2 {
font-size: 70px;
}
}

@media (max-width: 991px) {
.counter-main-box .counter-content h2 {
font-size: 60px;
}
}

@media (max-width: 767px) {
.counter-main-box .counter-content h2 {
font-size: 50px;
}
}

@media (max-width: 575px) {
.counter-main-box .counter-content h2 {
font-size: 40px;
}
}

.counter-main-box .counter-bg {
position: relative;
}

.counter-main-box .counter-bg::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(
0deg,
rgba(24, 24, 24, 0.8) 0%,
rgba(24, 24, 24, 0.8) 100%
);
}

.counter-main-box .counter-bg .content {
padding: 30px 20px;
text-align: center;
position: relative;
}

.counter-main-box .counter-bg .content h5 {
color: var(--white);
}

.faq-wrapper .faq-content {
margin-right: 90px;
}

@media (max-width: 1199px) {
.faq-wrapper .faq-content {
margin-right: 0;
}
}

.faq-wrapper .faq-content .accordion-item {
border: 0;
background-color: var(--white);
}

.faq-wrapper .faq-content .accordion-item .accordion-header .accordion-button {
font-size: 22px;
font-weight: 400;
color: var(--black);
border: 0;
border-radius: 0;
box-shadow: none;
background-color: var(--white);
text-transform: capitalize;
padding: 25px 0;
}

@media (max-width: 1199px) {
.faq-wrapper
.faq-content
.accordion-item
.accordion-header
.accordion-button {
font-size: 20px;
}
}

.faq-wrapper
.faq-content
.accordion-item
.accordion-header
.accordion-button::after {
content: "+";
background: transparent;
font-family: "Font Awesome 6 Pro";
font-weight: 300;
transition: all 0.3s ease-in-out !important;
color: var(--black);
}

.faq-wrapper
.faq-content
.accordion-item
.accordion-header
.accordion-button:not(.collapsed)::after {
content: "\f068";
background: transparent;
font-family: "Font Awesome 6 Pro";
font-weight: 300;
}

.faq-wrapper
.faq-content
.accordion-item
.accordion-header
.accordion-button.collapsed {
background-color: var(--white);
color: var(--black);
border-bottom: 1px solid rgba(86, 86, 86, 0.3);
}

.faq-wrapper .faq-content .accordion-item .accordion-collapse .accordion-body {
padding-right: 50px;
padding-left: 0;
color: var(--text);
background-color: transparent;
padding-top: 0;
margin-top: -10px;
border-bottom: 1px solid rgba(86, 86, 86, 0.3);
padding-bottom: 20px;
}

@media (max-width: 991px) {
.faq-wrapper
.faq-content
.accordion-item
.accordion-collapse
.accordion-body {
padding-right: 30px;
}
}

.faq-wrapper .faq-image {
position: relative;
}

.faq-wrapper .faq-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border: 2px solid var(--theme);
top: 25px;
left: -22px;
z-index: -1;
}

@media (max-width: 1199px) {
.faq-wrapper .faq-image::before {
display: none;
}
}

.faq-wrapper .faq-image img {
width: 100%;
height: 100%;
}

.faq-wrapper .faq-image .video-btn {
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
border-radius: 50px;
background-color: var(--white);
color: var(--theme);
position: absolute;
top: 50%;
left: 50%;
font-size: 24px;
transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
.faq-wrapper .faq-image .video-btn {
width: 80px;
height: 80px;
line-height: 80px;
font-size: 18px;
}
}

.faq-item .faq-content {
margin-bottom: 100px;
}

@media (max-width: 991px) {
.faq-item .faq-content {
margin-bottom: 80px;
}
}

.faq-item .faq-content .accordion-item {
border: 0;
background-color: var(--white);
}

.faq-item .faq-content .accordion-item .accordion-header .accordion-button {
font-weight: 800;
color: var(--header);
border: 0;
border-radius: 0;
box-shadow: none;
background-color: var(--white);
text-transform: capitalize;
font-size: 16px;
padding: 30px 0;
}

.faq-item
.faq-content
.accordion-item
.accordion-header
.accordion-button::after {
content: "+";
background: transparent;
font-family: "Font Awesome 6 Pro";
font-weight: 700;
transition: all 0.3s ease-in-out !important;
color: var(--header);
}

.faq-item
.faq-content
.accordion-item
.accordion-header
.accordion-button:not(.collapsed)::after {
content: "\f00d";
background: transparent;
font-family: "Font Awesome 6 Pro";
font-weight: 700;
color: var(--header);
}

.faq-item
.faq-content
.accordion-item
.accordion-header
.accordion-button.collapsed {
background-color: var(--white);
color: rgb(86, 86, 86);
border-bottom: 1px solid rgba(86, 86, 86, 0.3);
}

.faq-item .faq-content .accordion-item .accordion-collapse .accordion-body {
padding-right: 50px;
padding-left: 0;
color: var(--text);
background-color: transparent;
padding-top: 0;
margin-top: -10px;
border-bottom: 1px solid rgba(86, 86, 86, 0.3);
padding-bottom: 20px;
}

@media (max-width: 991px) {
.faq-item .faq-content .accordion-item .accordion-collapse .accordion-body {
padding-right: 30px;
}
}

.feature-card-items {
display: flex;
align-items: center;
gap: 20px;
}

@media (max-width: 1399px) {
.feature-card-items {
flex-wrap: wrap;
justify-content: center;
}
}

.feature-card-items .icon {
width: 80px;
height: 80px;
line-height: 95px;
background: var(--white);
text-align: center;
color: var(--theme);
font-size: 48px;
}

@media (max-width: 1399px) {
.feature-card-items .content {
text-align: center;
}
}

.process-wrapper .process-image {
margin-top: 60px;
}

.process-wrapper .process-image img {
width: 100%;
height: 100%;
}

.process-wrapper .process-content {
margin-left: 50px;
}

@media (max-width: 1199px) {
.process-wrapper .process-content {
margin-left: 0;
}
}

.process-wrapper .process-content .process-ber {
position: relative;
}

.process-wrapper .process-content .process-ber .line-shape {
position: absolute;
left: 20px;
z-index: -1;
top: 0;
bottom: 0;
}

@media (max-width: 1399px) {
.process-wrapper .process-content .process-ber .line-shape {
display: none;
}
}

.process-wrapper .process-content .process-ber .line-shape img {
height: 100%;
}

.process-wrapper .process-content .process-ber .process-items {
display: flex;
gap: 70px;
margin-bottom: 30px;
}

@media (max-width: 1399px) {
.process-wrapper .process-content .process-ber .process-items {
flex-wrap: wrap;
gap: 30px;
}
}

.process-wrapper .process-content .process-ber .process-items .number {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 100%;
background-color: var(--header);
color: var(--white);
font-size: 16px;
flex-basis: 100px;
}

@media (max-width: 1399px) {
.process-wrapper .process-content .process-ber .process-items .number {
flex-basis: initial;
}
}

.process-wrapper .process-content .process-ber .process-items .content h3 {
margin-bottom: 5px;
}

.feature-main-area {
margin-top: 30px;
position: relative;
}

.feature-main-area .shape1 {
position: absolute;
top: 20%;
left: -21%;
}

@media (max-width: 1199px) {
.feature-main-area .shape1 {
display: none;
}
}

.feature-main-area .shape2 {
position: absolute;
top: 20%;
left: -126%;
}

@media (max-width: 1199px) {
.feature-main-area .shape2 {
display: none;
}
}

.feature-main-area .feature-card-item2 {
text-align: center;
}

.feature-main-area .feature-card-item2 .feature-image {
margin-bottom: 30px;
position: relative;
}

.feature-main-area .feature-card-item2 .feature-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
width: 240px;
height: 240px;
border-radius: 50%;
left: 21%;
top: -5%;
border: 2px dashed var(--theme);
animation: cir36 10s linear infinite;
}

@media (max-width: 1399px) {
.feature-main-area .feature-card-item2 .feature-image::before {
display: none;
}
}

.feature-main-area .feature-card-item2 .feature-image .number {
position: absolute;
top: 10px;
right: 86px;
width: 44px;
height: 44px;
line-height: 44px;
border-radius: 100px;
color: var(--white);
text-align: center;
background-color: var(--theme);
}

@media (max-width: 1199px) {
.feature-main-area .feature-card-item2 .feature-image .number {
display: none;
}
}

.feature-main-area .feature-card-item2 .feature-content h4 {
margin-bottom: 10px;
}

.work-process-wrapper {
margin-top: 60px;
position: relative;
}

.work-process-wrapper::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
height: 1px;
border: 1px dashed rgba(86, 86, 86, 0.5);
top: 24px;
z-index: -1;
}

.work-process-wrapper .work-process-items {
text-align: center;
}

.work-process-wrapper .work-process-items .year {
font-size: 18px;
font-weight: 500;
padding: 14px 22px;
color: var(--white);
background-color: var(--theme);
margin-bottom: 110px;
line-height: 1;
display: inline-block;
}

.work-process-wrapper .work-process-items span {
position: relative;
}

.work-process-wrapper .work-process-items span::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
height: 100px;
border: 1px dashed rgba(86, 86, 86, 0.5);
top: 34px;
left: -40px;
}

.work-process-wrapper .work-process-items .content {
text-align: center;
}

.work-process-wrapper .work-process-items .content h4 {
margin-bottom: 10px;
}

.work-process-wrapper .work-process-items .content p {
font-size: 18px;
}

.footer-widget-wrapper {
padding: 70px 0 100px;
}

@media (max-width: 1199px) {
.footer-widget-wrapper {
padding: 40px 0 60px;
}
}

@media (max-width: 991px) {
.footer-widget-wrapper {
padding: 30px 0 50px;
}
}

.footer-widget-wrapper .single-footer-widget {
margin-top: 30px;
position: relative;
}

.footer-widget-wrapper .single-footer-widget .widget-head {
margin-bottom: 20px;
}

.footer-widget-wrapper .single-footer-widget .widget-head h4 {
color: var(--white);
}

.footer-widget-wrapper .single-footer-widget .footer-content p {
color: var(--white);
}

.footer-widget-wrapper .single-footer-widget .footer-content .social-icon {
margin-top: 40px;
display: flex;
align-items: center;
gap: 10px;
}

.footer-widget-wrapper .single-footer-widget .footer-content .social-icon a {
width: 32px;
height: 32px;
line-height: 32px;
display: inline-block;
text-align: center;
color: var(--white);
border: 1px solid var(--white);
border-radius: 100px;
}

.footer-widget-wrapper
.single-footer-widget
.footer-content
.social-icon
a:hover {
background-color: var(--theme);
border: 1px solid var(--theme);
}

.footer-widget-wrapper .single-footer-widget .contact-info h6 {
color: var(--bg);
line-height: 162%;
}

.footer-widget-wrapper .single-footer-widget .contact-info h6:not(:last-child) {
margin-bottom: 30px;
}

.footer-widget-wrapper .single-footer-widget .contact-info h6 a {
color: var(--bg);
}

.footer-widget-wrapper .single-footer-widget .list-items li {
transition: all 0.4s ease-in-out;
font-weight: 600;
font-size: 16px;
}

.footer-widget-wrapper .single-footer-widget .list-items li a {
color: var(--bg);
}

.footer-widget-wrapper .single-footer-widget .list-items li:not(:last-child) {
margin-bottom: 13px;
}

.footer-widget-wrapper .single-footer-widget .list-items li:hover {
margin-left: 5px;
}

.footer-widget-wrapper .single-footer-widget .list-items li:hover a {
color: var(--theme);
}

.footer-widget-wrapper
.single-footer-widget
.search-widget-wrap
.search-widget {
position: relative;
margin-top: 30px;
max-width: 307px;
width: 100%;
}

.footer-widget-wrapper
.single-footer-widget
.search-widget-wrap
.search-widget
input {
width: 100%;
border: none;
background-color: var(--white);
position: relative;
font-size: 18px;
font-weight: 400;
padding: 18px 20px;
color: var(--text);
border-radius: 0;
text-transform: capitalize;
}

.footer-widget-wrapper
.single-footer-widget
.search-widget-wrap
.search-widget
input::placeholder {
color: var(--text);
}

.footer-widget-wrapper
.single-footer-widget
.search-widget-wrap
.search-widget
button {
position: absolute;
right: 6px;
top: 7px;
bottom: 7px;
}

.footer-widget-wrapper
.single-footer-widget
.search-widget-wrap
.search-widget
button.theme-btn {
padding: 10px 20px;
}

.footer-widget-wrapper
.single-footer-widget
.search-widget-wrap
.search-widget
button.theme-btn
i {
transform: rotate(0deg);
margin-left: 0;
}

.footer-bottom {
padding: 30px 0;
border-top: 1px solid rgba(249, 247, 243, 0.2);
position: relative;
}

.footer-bottom .footer-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}

@media (max-width: 1199px) {
.footer-bottom .footer-wrapper {
flex-wrap: wrap;
gap: 10px;
}
}

@media (max-width: 767px) {
.footer-bottom .footer-wrapper {
justify-content: center;
text-align: center;
}
}

.footer-bottom .footer-wrapper p {
color: var(--bg);
}

.footer-bottom .footer-wrapper .bottom-list {
display: flex;
align-items: center;
gap: 15px;
position: relative;
}

@media (max-width: 1199px) {
.footer-bottom .footer-wrapper .bottom-list {
flex-wrap: wrap;
}
}

@media (max-width: 767px) {
.footer-bottom .footer-wrapper .bottom-list {
justify-content: center;
}
}

.footer-bottom .footer-wrapper .bottom-list li a {
color: var(--bg);
}

.footer-section {
position: relative;
}

.footer-section::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: rgba(24, 24, 24, 0.95);
}

.footer-section-2 {
position: relative;
}

.footer-section-2 .right-shape {
position: absolute;
right: 0;
bottom: 0;
}

.footer-section-2 .right-shape::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(
0deg,
rgba(24, 24, 24, 0.9) 0%,
rgba(24, 24, 24, 0.9) 100%
);
}

.footer-section-2 .right-shape img {
width: 100%;
height: 100%;
}

.header-top-section {
position: relative;
}

.header-top-section::after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background-color: var(--theme);
width: 16%;
}

@media (max-width: 1899px) {
.header-top-section::after {
display: none;
}
}

@media (max-width: 1199px) {
.header-top-section {
display: none;
}
}

.header-top-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--bg);
border-bottom: 1px solid rgba(86, 86, 86, 0.3);
padding: 12px 60px;
}

@media (max-width: 1899px) {
.header-top-wrapper {
padding-left: 0;
padding-right: 0;
background-color: transparent;
}
}

.header-top-wrapper .top-left {
display: flex;
align-items: center;
gap: 44px;
}

.header-top-wrapper .top-left li {
color: var(--header);
font-size: 14px;
font-weight: 400;
}

.header-top-wrapper .top-left li a {
color: var(--header);
}

.header-top-wrapper .top-left li i {
margin-right: 5px;
}

.header-top-wrapper .top-right .social-icon {
display: flex;
align-items: center;
gap: 10px;
}

.header-top-wrapper .top-right .social-icon a {
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
text-align: center;
color: rgba(86, 86, 86, 0.5);
border: 1px solid rgba(86, 86, 86, 0.5);
border-radius: 100px;
}

.header-top-wrapper .top-right .social-icon a:hover {
background-color: var(--theme);
border: 1px solid var(--theme);
color: var(--white);
}

@media (max-width: 1199px) {
.menu-thumb {
display: none !important;
}
}

.header-section-1 {
position: relative;
}

.header-section-1::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background-color: var(--theme);
width: 16%;
}

@media (max-width: 1899px) {
.header-section-1::before {
display: none;
}
}

.header-1 {
position: relative;
}

.header-1 .header-main {
padding-left: 60px;
padding-right: 60px;
background-color: var(--bg);
}

@media (max-width: 1899px) {
.header-1 .header-main {
padding-left: 0;
padding-right: 0;
background-color: transparent;
}
.header-1 .header-main .logo {
display: block !important;
}
}

@media (max-width: 1199px) {
.header-1 .theme-btn {
display: none;
}
}

.header-1 .main-logo {
position: absolute;
left: 70px;
top: 0;
}

@media (max-width: 1899px) {
.header-1 .main-logo {
display: none;
}
}

.header-1 .countact-call {
display: flex;
align-items: center;
gap: 20px;
position: absolute;
right: 50px;
top: 0;
}

@media (max-width: 1899px) {
.header-1 .countact-call {
display: none;
}
}

.header-1 .countact-call .icon {
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 100px;
text-align: center;
color: var(--white);
background-color: var(--theme);
}

.header-1 .countact-call .content h6 {
font-weight: 500;
margin-top: 5px;
}

.header-2 {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
background: transparent;
border: 1px solid rgba(182, 140, 90, 0.3);
}

.header-2 .container-fluid {
padding-left: 80px;
padding-right: 0px;
}

@media (max-width: 1600px) {
.header-2 .container-fluid {
padding-left: 50px;
}
}

@media (max-width: 1399px) {
.header-2 .container-fluid {
padding-left: 40px;
}
}

@media (max-width: 1199px) {
.header-2 .container-fluid {
padding-left: 30px;
}
}

.header-2 .header-logo {
display: none;
}

.header-2::before {
display: none;
}

.header-2 .header-main {
background: transparent;
padding: 0;
}

.header-2 .header-main .header-left {
display: flex;
align-items: center;
gap: 30px;
}

.header-2 .header-main .header-left .main-menu ul li a {
color: var(--white);
}

.header-2 .header-main .header-left .main-menu ul li a:hover {
color: var(--theme) !important;
}

.header-2 .header-main .header-left .main-menu ul li .submenu {
color: var(--header);
}

.header-2 .header-main .header-left .main-menu ul li .submenu li a {
color: var(--header);
}

.header-2
.header-main
.header-left
.main-menu
ul
li
.submenu
li.has-dropdown
> a::after {
position: absolute;
top: 50%;
inset-inline-end: 25px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: var(--theme);
}

.header-2 .header-main .header-right {
gap: 60px;
}

.header-2 .header-main .header-right .countact-call {
display: flex;
align-items: center;
gap: 20px;
}

@media (max-width: 1899px) {
.header-2 .header-main .header-right .countact-call {
display: none;
}
}

.header-2 .header-main .header-right .countact-call .icon {
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 100px;
text-align: center;
color: var(--white);
background-color: var(--theme);
}

.header-2 .header-main .header-right .countact-call .content span {
color: var(--white);
}

.header-2 .header-main .header-right .countact-call .content h6 {
font-weight: 500;
}

.header-2 .header-main .header-right .countact-call .content h6 a {
color: var(--white);
}

.header-2 .header-main .header-right .sidebar__toggle {
color: var(--white);
width: 110px;
height: 110px;
line-height: 110px;
text-align: center;
background-color: var(--theme);
font-size: 32px;
}

@media (max-width: 767px) {
.header-2 .header-main .header-right .sidebar__toggle {
height: 90px;
width: 90px;
line-height: 90px;
font-size: 24px;
}
}

.header-3 .container-fluid {
padding: 0 150px;
}

@media (max-width: 1600px) {
.header-3 .container-fluid {
padding: 0 50px;
}
}

@media (max-width: 1399px) {
.header-3 .container-fluid {
padding: 0 40px;
}
}

@media (max-width: 1199px) {
.header-3 .container-fluid {
padding: 0 30px;
}
}

@media (max-width: 1899px) {
.header-3 .logo-2 {
display: block !important;
}
}

@media (max-width: 1899px) {
.header-3 .logo {
display: none !important;
}
}

.header-3 .header-main {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
background-color: transparent;
}

.header-3 .header-main .header-left {
display: flex;
align-items: center;
gap: 300px;
}

.header-3 .header-main .header-left .header-logo-2 {
display: none;
}

.header-3 .header-main .main-menu ul li .has-homemenu {
left: -80px;
}

@media (max-width: 1199px) {
.header-3 .theme-btn {
display: none !important;
}
}

.header-main {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
}

.header-main .main-menu ul {
margin-bottom: 0;
}

.header-main .main-menu ul li {
position: relative;
list-style: none;
display: inline-block;
margin-inline-end: 44px;
}

.header-main .main-menu ul li:last-child {
margin-inline-end: 0;
}

.header-main .main-menu ul li a {
display: inline-block;
font-size: 16px;
font-weight: 500;
color: var(--header);
padding: 20px 0;
text-align: left;
position: relative;
text-transform: capitalize;
transition: all 0.4s ease-in-out;
}

.header-main .main-menu ul li a i {
margin-left: 4px;
font-size: 14px;
}

.header-main .main-menu ul li a:hover {
color: var(--theme) !important;
}

.header-main .main-menu ul li .submenu {
position: absolute;
top: 115%;
inset-inline-start: 0;
min-width: 240px;
background: var(--white);
padding: 20px 0;
z-index: 99999;
visibility: hidden;
opacity: 0;
transform-origin: top center;
color: var(--header);
transform: translateY(-10px);
transition: all 0.4s ease-in-out;
border-top: 6px solid var(--theme);
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.header-main .main-menu ul li .submenu li {
display: block;
width: 100%;
margin: 0;
}

.header-main .main-menu ul li .submenu li a {
position: relative;
z-index: 11;
font-size: 16px;
font-weight: 500;
color: var(--header);
line-height: 38px;
padding: 0px 0px 0px 32px;
width: 100%;
}

.header-main .main-menu ul li .submenu li a::before {
content: "";
position: absolute;
width: 0px;
height: 2px;
background: var(--theme);
left: 14px;
bottom: 18px;
transition: all 0.4s ease-in-out;
}

.header-main .main-menu ul li .submenu li a:hover {
color: var(--theme) !important;
}

.header-main .main-menu ul li .submenu li:last-child a {
border: none;
}

.header-main .main-menu ul li .submenu li .submenu {
inset-inline-start: 100%;
top: 0;
visibility: hidden;
opacity: 0;
}

.header-main .main-menu ul li .submenu li:hover > a {
color: var(--theme) !important;
margin-left: 10px;
}

.header-main .main-menu ul li .submenu li:hover > a::before {
width: 10px;
}

.header-main .main-menu ul li .submenu li:hover > a::after {
color: var(--theme);
}

.header-main .main-menu ul li .submenu li:hover > .submenu {
-webkit-transform: translateY(1);
-moz-transform: translateY(1);
-ms-transform: translateY(1);
-o-transform: translateY(1);
transform: translateY(1);
visibility: visible;
opacity: 1;
}

.header-main .main-menu ul li .submenu li.has-dropdown > a::after {
position: absolute;
top: 50%;
inset-inline-end: 25px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: var(--theme);
}

.header-main .main-menu ul li .has-homemenu {
width: 800px;
padding: 30px 30px 10px 30px;
opacity: 0;
left: -250px;
visibility: hidden;
padding: 30px 30px 10px 30px;
}

.header-main .main-menu ul li .has-homemenu .homemenu-items {
display: flex;
align-items: center;
gap: 30px;
justify-content: space-between;
}

@media (max-width: 991px) {
.header-main .main-menu ul li .has-homemenu .homemenu-items {
flex-wrap: wrap;
}
}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu {
position: relative;
}

.header-main
.main-menu
ul
li
.has-homemenu
.homemenu-items
.homemenu
.homemenu-thumb {
position: relative;
}

.header-main
.main-menu
ul
li
.has-homemenu
.homemenu-items
.homemenu
.homemenu-thumb
.demo-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70%;
gap: 10px;
display: flex;
justify-content: center;
flex-direction: column;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
margin-top: 20px;
}

.header-main
.main-menu
ul
li
.has-homemenu
.homemenu-items
.homemenu
.homemenu-thumb
.demo-button
.theme-btn {
padding: 14px 20px;
color: var(--white) !important;
width: initial;
font-size: 16px;
text-align: center;
border-radius: 0px !important;
background-color: var(--theme);
line-height: initial;
}

.header-main
.main-menu
ul
li
.has-homemenu
.homemenu-items
.homemenu
.homemenu-thumb
.demo-button
.theme-btn:hover {
background-color: var(--header);
}

.header-main
.main-menu
ul
li
.has-homemenu
.homemenu-items
.homemenu
.homemenu-thumb::before {
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(20, 19, 19, 0)),
to(#5e5ef6)
);
background: linear-gradient(
to bottom,
rgba(99, 92, 92, 0) 0%,
#252527 100%
);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
content: "";
}

.header-main
.main-menu
ul
li
.has-homemenu
.homemenu-items
.homemenu
.homemenu-thumb:hover::before {
visibility: visible;
opacity: 1;
}

.header-main
.main-menu
ul
li
.has-homemenu
.homemenu-items
.homemenu
.homemenu-thumb:hover
.demo-button {
opacity: 1;
visibility: visible;
margin-top: 0;
}

.header-main
.main-menu
ul
li
.has-homemenu
.homemenu-items
.homemenu
.homemenu-thumb:hover
.homemenu-btn {
opacity: 1;
visibility: visible;
bottom: 50%;
transform: translateY(50%);
}

.header-main
.main-menu
ul
li
.has-homemenu
.homemenu-items
.homemenu
.homemenu-thumb
img {
width: 100%;
}

.header-main
.main-menu
ul
li
.has-homemenu
.homemenu-items
.homemenu
.homemenu-title {
text-align: center;
margin: 15px auto;
display: inline-block;
font-size: 18px;
font-weight: 600;
font-family: "DM Sans", sans-serif;
}

.header-main .main-menu ul li:hover > a {
color: var(--theme);
}

.header-main .main-menu ul li:hover > a::after {
color: var(--theme);
}

.header-main .main-menu ul li:hover > .submenu {
visibility: visible;
opacity: 1;
transform: translateY(0px);
}

.header-main .header-right {
gap: 30px;
}

@media (max-width: 1399px) {
.header-main .header-right {
gap: 20px;
}
}

.header-main .header-right .search-icon {
font-size: 24px;
}

.header-main .header-right .theme-btn.style-2 {
background: var(--header);
}

.header-main .header-right .theme-btn.style-2::before {
background-color: var(--theme);
}

.header-main .header-right .theme-btn.style-2::after {
background-color: var(--theme);
}

.header-main .header-right .theme-btn.style-2:hover {
color: var(--white);
}

.header-main .header-right .theme-btn.style-2:hover::before,
.header-main .header-right .theme-btn.style-2:hover::after {
width: 100%;
}

.header-main .sidebar__toggle {
cursor: pointer;
font-size: 20px;
}

.sticky {
position: fixed !important;
top: 0 !important;
left: 0;
width: 100%;
z-index: 100;
transition: all 0.9s;
background-color: var(--white);
-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.sticky.header-1 .header-main {
padding-left: 0;
padding-right: 0;
background-color: transparent;
}

.sticky.header-1 .logo {
display: block !important;
}

.sticky.header-1 .countact-call {
display: none;
}

.sticky.header-2 .header-logo-2 {
display: none;
}

.sticky.header-2 .header-logo {
display: block;
}

.sticky.header-2 .header-main .main-menu ul li a {
color: var(--header);
}

.sticky.header-2 .header-main .main-menu ul li a:hover {
color: var(--theme) !important;
}

.sticky.header-2 .header-main .main-menu ul li .submenu {
color: var(--header);
}

.sticky.header-2 .header-main .main-menu ul li .submenu li a {
color: var(--header);
}

.sticky.header-2 .header-main .header-right .countact-call .content span {
color: var(--header);
}

.sticky.header-2 .header-main .header-right .countact-call .content h6 a {
color: var(--header);
}

.sticky.header-2 .search-icon {
color: var(--header);
}

.offcanvas__info {
background: var(--white) none repeat scroll 0 0;
border-left: 2px solid var(--theme);
position: fixed;
right: 0;
top: 0;
width: 400px;
height: 100%;
-webkit-transform: translateX(calc(100% + 80px));
-moz-transform: translateX(calc(100% + 80px));
-ms-transform: translateX(calc(100% + 80px));
-o-transform: translateX(calc(100% + 80px));
transform: translateX(calc(100% + 80px));
-webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
-moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
z-index: 99999;
overflow-y: scroll;
overscroll-behavior-y: contain;
scrollbar-width: none;
}

.offcanvas__info::-webkit-scrollbar {
display: none;
}

.offcanvas__info.info-open {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}

.offcanvas__wrapper {
position: relative;
height: 100%;
padding: 30px 30px;
}

.offcanvas__wrapper .offcanvas__content .text {
color: var(--text);
}

.offcanvas__wrapper .offcanvas__content .offcanvas__close {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 50%;
background-color: var(--theme);
position: relative;
z-index: 9;
cursor: pointer;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__close i {
color: var(--white);
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact {
margin-top: 20px;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul {
margin-top: 20px;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li a {
color: var(--text);
}

.offcanvas__wrapper
.offcanvas__content
.offcanvas__contact
ul
li:not(:last-child) {
margin-bottom: 15px;
}

.offcanvas__wrapper
.offcanvas__content
.offcanvas__contact
ul
li
.offcanvas__contact-icon {
margin-right: 20px;
}

.offcanvas__wrapper
.offcanvas__content
.offcanvas__contact
ul
li
.offcanvas__contact-icon
i {
color: var(--theme);
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact span {
text-transform: initial;
}

.offcanvas__wrapper
.offcanvas__content
.offcanvas__contact
.header-button
.theme-btn {
width: 100%;
padding: 20px 40px;
text-transform: capitalize !important;
text-align: center;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon {
margin-top: 30px;
gap: 10px;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
font-size: 16px;
display: block;
background: transparent;
color: var(--text);
border-radius: 50%;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
text-align: center;
border: 1px solid var(--border);
}

.offcanvas__wrapper
.offcanvas__content
.offcanvas__contact
.social-icon
a:hover {
background-color: var(--theme);
color: var(--white);
}

.offcanvas__wrapper .offcanvas__logo {
width: 170px;
}

.offcanvas__wrapper .offcanvas__logo img {
width: 100%;
height: 100%;
}

.offcanvas__overlay {
position: fixed;
height: 100%;
width: 100%;
background: #151515;
z-index: 900;
top: 0;
opacity: 0;
visibility: hidden;
right: 0;
}

.offcanvas__overlay.overlay-open {
opacity: 0.8;
visibility: visible;
}

@media (max-width: 450px) {
.offcanvas__info {
width: 300px;
}
}

@media (max-width: 575px) {
.offcanvas__wrapper {
padding: 20px;
}
}

.breadcrumb-wrapper {
position: relative;
}

.breadcrumb-wrapper::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border: 1.2px solid rgba(86, 86, 86, 0);
background: rgba(24, 24, 24, 0.9);
background-image: url(../../assets/img/breadcrumb/overlay.png);
}

.breadcrumb-wrapper .page-heading {
padding: 150px 0 150px;
text-align: center;
position: relative;
}

@media (max-width: 1199px) {
.breadcrumb-wrapper .page-heading {
padding: 140px 0 140px;
}
}

@media (max-width: 991px) {
.breadcrumb-wrapper .page-heading {
padding: 120px 0 120px;
}
}

@media (max-width: 767px) {
.breadcrumb-wrapper .page-heading {
padding: 100px 0 100px;
}
}

@media (max-width: 575px) {
.breadcrumb-wrapper .page-heading {
padding: 80px 0 80px;
}
}

.breadcrumb-wrapper .page-heading h2 {
color: var(--white);
font-size: 80px;
margin-bottom: 20px;
}

@media (max-width: 1199px) {
.breadcrumb-wrapper .page-heading h2 {
font-size: 70px;
}
}

@media (max-width: 991px) {
.breadcrumb-wrapper .page-heading h2 {
font-size: 60px;
}
}

@media (max-width: 767px) {
.breadcrumb-wrapper .page-heading h2 {
font-size: 50px;
}
}

@media (max-width: 575px) {
.breadcrumb-wrapper .page-heading h2 {
font-size: 40px;
}
}

.breadcrumb-wrapper .page-heading .breadcrumb-list {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 24px;
background: rgba(255, 255, 255, 0.1);
justify-content: center;
display: inline-flex;
}

.breadcrumb-wrapper .page-heading .breadcrumb-list li {
color: var(--white);
font-weight: 500;
}

.breadcrumb-wrapper .page-heading .breadcrumb-list li i {
color: var(--white);
}

.breadcrumb-wrapper .page-heading .breadcrumb-list li a {
color: var(--white);
}

.error-items {
text-align: center;
position: relative;
margin-top: -38px;
}

@media (max-width: 991px) {
.error-items {
margin-top: -30px;
}
}

@media (max-width: 767px) {
.error-items {
margin-top: -25px;
}
}

@media (max-width: 575px) {
.error-items {
margin-top: -18px;
}
}

.error-items .error-text {
font-size: 300px;
font-weight: 800;
display: inline-block;
text-align: center;
color: var(--theme);
line-height: 1;
}

@media (max-width: 1199px) {
.error-items .error-text {
font-size: 280px;
}
}

@media (max-width: 991px) {
.error-items .error-text {
font-size: 230px;
}
}

@media (max-width: 767px) {
.error-items .error-text {
font-size: 180px;
}
}

@media (max-width: 575px) {
.error-items .error-text {
font-size: 130px;
}
}

.error-items .error-text span {
color: var(--header);
}

.error-items h2 {
margin-bottom: 15px;
}

.error-items p {
font-weight: 500;
margin-bottom: 30px;
}

.error-items .shape {
position: absolute;
top: 42px;
left: 60px;
right: 58px;
z-index: -1;
}

@media (max-width: 1199px) {
.error-items .shape {
display: none;
}
}

.error-items .shape img {
width: 100%;
height: 100%;
}

::-webkit-scrollbar {
width: 4px;
height: 4px;
}

/* Track */

::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px var(--theme);
border-radius: 5px;
}

/* Handle */

::-webkit-scrollbar-thumb {
background: var(--theme);
border-radius: 10px;
}

.fix {
overflow: hidden;
}

.ralt {
position: relative;
}

.ml-50 {
margin-left: 50px;
}

@media (max-width: 1199px) {
.ml-50 {
margin-left: 0;
}
}

.ripple {
position: relative;
}

.ripple::before,
.ripple::after {
position: absolute;
left: 50%;
top: 50%;
width: 80px;
height: 80px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 50%;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-webkit-animation: rippleOne 3s infinite;
animation: rippleOne 3s infinite;
}

.ripple::before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
content: "";
position: absolute;
right: 0;
bottom: 0;
}

.ripple::after {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
content: "";
position: absolute;
right: 0;
bottom: 0;
}

.array-button {
display: flex;
align-items: center;
gap: 20px;
}

.array-button .array-prev {
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 50px;
text-align: center;
background-color: var(--white);
color: var(--header);
transition: all 0.4s ease-in-out;
}

.array-button .array-prev:hover {
background-color: var(--theme);
color: var(--white);
}

.array-button .array-next {
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 50px;
text-align: center;
color: var(--header);
background-color: var(--white);
transition: all 0.4s ease-in-out;
}

.array-button .array-next:hover {
background-color: var(--theme);
color: var(--white);
}

.array-button.style-2 .array-prev {
background-color: var(--bg);
}

.array-button.style-2 .array-prev:hover {
background-color: var(--theme);
color: var(--white);
}

.array-button.style-2 .array-next {
background-color: var(--bg);
}

.array-button.style-2 .array-next:hover {
background-color: var(--theme);
color: var(--white);
}

.swiper-dot .swiper-pagination-bullet {
width: 10px;
height: 10px;
transition: all 0.4s ease-in-out;
background-color: var(--theme);
opacity: 1;
border-radius: 10px;
}

.swiper-dot .swiper-pagination-bullet:not(:last-child) {
margin-right: 10px;
}

.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--theme);
transition: 0.6s;
position: relative;
}

.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
position: absolute;
width: 22px;
height: 22px;
line-height: 22px;
top: -6px;
left: -6px;
border-radius: 50%;
background-color: transparent;
border: 2px solid var(--theme);
content: "";
}

.swiper-dot-2 {
text-align: center;
}

.swiper-dot-2 .swiper-pagination-bullet {
width: 32px;
height: 8px;
transition: 0.6s;
background-color: rgba(213, 213, 213, 0.6);
opacity: 1;
border-radius: 10px;
position: relative;
}

.swiper-dot-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--theme);
transition: 0.6s;
position: relative;
width: 50px;
}

.price-range-wrapper {
/* Custom thumb styling */
/* Remove the default appearance for sliders in Firefox */
}

.price-range-wrapper .slider-container {
position: relative;
width: 100%;
}

.price-range-wrapper .price-text label {
color: #1b1f2a;
font-size: 20px;
font-weight: 500;
}

.price-range-wrapper .price-text input {
color: #1b1f2a;
font-size: 18px;
font-weight: 500;
}

.price-range-wrapper .slider {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 6px;
background: var(--theme);
outline: none;
position: absolute;
top: 0;
pointer-events: none;
}

.price-range-wrapper .slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 18px;
height: 18px;
background: var(--theme);
cursor: pointer;
border: 2px solid #fff;
position: relative;
z-index: 2;
pointer-events: all;
}

.price-range-wrapper .slider::-moz-range-thumb {
width: 20px;
height: 20px;
background: var(--theme);
cursor: pointer;
border-radius: 4px;
border: 2px solid #000;
z-index: 2;
position: relative;
}

.price-range-wrapper .slider::-ms-thumb {
width: 20px;
height: 20px;
background: var(--theme);
cursor: pointer;
border-radius: 4px;
border: 2px solid #000;
z-index: 2;
position: relative;
}

.price-range-wrapper input[type="range"]::-moz-range-track {
background: transparent;
}

.mt-10 {
margin-top: 10px;
}

@media (max-width: 767px) {
br {
display: none;
}
}

.mt-60 {
margin-top: 55px;
}

.mb-40 {
margin-bottom: 40px;
}

/* background */

.bg-cover {
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-position: center;
}

.bg-cover-2 {
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-position: center;
width: 100%;
height: 100%;
}

.nice-select {
background-color: transparent;
width: unset;
outline: none;
border: none;
border-radius: 0;
padding: 0;
}

.nice-select .current {
margin-right: 12px;
}

.nice-select.open .list {
background: var(--bg);
margin-top: 16px;
width: 100%;
text-transform: capitalize;
color: var(--text);
}

.nice-select .option.selected.focus {
background: var(--bg);
outline: none;
color: var(--text);
text-transform: capitalize;
font-weight: 400;
font-size: 16px;
border: none;
}

.nice-select .option {
border: none;
}

.nice-select .option:hover {
background: transparent;
}

.custom-container {
max-width: 1680px;
}

.margin-bottom-40 {
margin-bottom: -30px;
}

@media (max-width: 1399px) {
.margin-bottom-40 {
margin-bottom: -35px;
}
}

.page-nav-wrap {
margin-top: 60px;
}

.page-nav-wrap ul li {
display: inline-block;
}

.page-nav-wrap ul li.active .page-numbers {
background-color: var(--theme);
color: var(--white);
}

.page-nav-wrap ul li .page-numbers {
display: inline-block;
width: 44px;
height: 44px;
text-align: center;
line-height: 44px;
border-radius: 100px;
border: 1px solid rgba(24, 24, 24, 0.2);
background: transparent;
color: var(--black);
font-weight: 400;
transition: all 0.3s ease-in-out;
margin: 0 2px;
}

.page-nav-wrap ul li .page-numbers.current {
background-color: var(--theme);
color: var(--white);
}

@media (max-width: 767px) {
.page-nav-wrap ul li .page-numbers {
margin-top: 10px;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 14px;
}
}

.page-nav-wrap ul li .page-numbers i {
margin-top: 2px;
}

.page-nav-wrap ul li .page-numbers:hover {
background-color: var(--theme);
color: var(--white);
}

.custom-container {
max-width: 1410px;
margin: 0 auto;
}

.custom-container-3 {
max-width: 1655px;
margin: 0 auto;
}

.swiper-dot4 {
text-align: center;
}

.swiper-dot4 .swiper-pagination-bullet {
width: 15px;
height: 15px;
transition: 0.6s;
background-color: var(--white);
border: 1px solid var(--theme);
opacity: 1;
border-radius: 100%;
position: relative;
}

.swiper-dot4 .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--theme);
transition: 0.6s;
position: relative;
width: 30px;
border-radius: 30px;
}

.hero-1 {
position: relative;
padding: 80px 0px 0px;
}

.hero-1::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: rgba(24, 24, 24, 0.9);
}

.hero-1 .hero-video {
max-width: 350px;
height: 150px;
width: 100%;
border-radius: 75px 0px 0px 75px;
background: #d9d9d9;
position: absolute;
right: -100px;
top: 32%;
padding: 30px;
display: flex;
align-items: center;
gap: 10px;
}

@media (max-width: 1399px) {
.hero-1 .hero-video {
display: none;
}
}

.hero-1 .hero-video .watch-btn .video-btn {
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 100px;
text-align: center;
background: #d9d9d9;
color: var(--theme);
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
font-size: 18px;
z-index: 99;
}

.hero-1 .hero-video .watch-btn .video-btn::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border: 1px solid var(--theme);
border-radius: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
border-radius: 100px;
}

.hero-1 .hero-video .watch-btn .video-btn::after {
position: absolute;
content: "";
border: 1px solid var(--theme);
border-radius: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70px;
height: 70px;
border-radius: 100px;
}

@media (max-width: 767px) {
.hero-1 .hero-video .watch-btn .video-btn {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 18px;
}
}

.hero-1 .hero-video .watch-btn h6 {
font-weight: 500;
}

.hero-1 .hero-content {
position: relative;
max-width: 655px;
}

.hero-1 .hero-content h1 {
color: var(--white);
margin-bottom: 20px;
}

.hero-1 .hero-content p {
color: var(--bg);
}

.hero-1 .hero-content .hero-button {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
}

@media (max-width: 1199px) {
.hero-1 .hero-content .hero-button {
flex-wrap: wrap;
gap: 30px;
}
}

.hero-1 .hero-content .hero-button .counter-content h2 {
font-size: 90px;
font-weight: 400;
color: var(--white);
}

.hero-1 .hero-content .hero-button .counter-content p {
font-size: 18px;
font-weight: 400;
color: var(--theme);
}

.hero-1 .hero-image {
position: relative;
margin-right: -70px;
z-index: 1;
}

@media (max-width: 1399px) {
.hero-1 .hero-image {
margin-right: 0;
}
}

.hero-1 .hero-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: var(--theme);
width: 540px;
height: 643px;
border-radius: 270px 270px 0px 0px;
left: 12%;
z-index: -1;
top: initial;
}

@media (max-width: 1399px) {
.hero-1 .hero-image::before {
display: none;
}
}

.hero-1 .hero-image img {
width: 100%;
height: 100%;
}

.hero-2 {
position: relative;
padding: 310px 0px 200px;
}

@media (max-width: 1199px) {
.hero-2 {
padding: 280px 0 180px;
}
}

@media (max-width: 991px) {
.hero-2 {
padding: 250px 0 150px;
}
}

@media (max-width: 767px) {
.hero-2 {
padding: 210px 0 120px;
}
}

.hero-2::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(
90deg,
#181818 0.06%,
rgba(24, 24, 24, 0) 100.71%
);
}

.hero-2 .hero-content {
position: relative;
}

.hero-2 .hero-content span {
color: var(--white);
display: inline-block;
margin-bottom: 20px;
}

.hero-2 .hero-content h1 {
color: var(--white);
margin-bottom: 20px;
}

.hero-2 .hero-content h1 img {
margin-bottom: 15px;
}

.hero-2 .hero-content p {
color: var(--bg);
}

.hero-2 .hero-content .hero-button {
display: flex;
align-items: center;
gap: 270px;
margin-top: 40px;
}

.hero-2 .hero-image {
position: relative;
z-index: 1;
right: 130px;
position: absolute;
bottom: 0;
}

@media (max-width: 1899px) {
.hero-2 .hero-image {
display: none;
}
}

.hero-2 .hero-image img {
width: 100%;
height: 100%;
}

.hero-3 {
padding: 120px 0px 0px;
position: relative;
}

@media (max-width: 1199px) {
.hero-3 {
padding: 100px 0px 0px;
}
}

@media (max-width: 991px) {
.hero-3 {
padding: 80px 0px 0px;
}
}

.hero-3 .left-image {
position: absolute;
top: 25px;
left: 0;
}

.hero-3 .left-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(
0deg,
rgba(24, 24, 24, 0.9) 0%,
rgba(24, 24, 24, 0.9) 100%
);
}

.hero-3 .right-image {
position: absolute;
right: 0;
top: 80px;
}

.hero-3 .hero-content {
position: relative;
z-index: 1;
}

.hero-3 .hero-content h1 {
color: var(--white);
}

.hero-3 .content {
position: relative;
}

.hero-3 .content p {
color: var(--bg);
margin-bottom: 50px;
}

.hero-3 .hero-wrapper {
position: relative;
height: 800px;
margin-top: 120px;
}

@media (max-width: 1199px) {
.hero-3 .hero-wrapper {
margin-top: 100px;
}
}

@media (max-width: 991px) {
.hero-3 .hero-wrapper {
margin-top: 80px;
}
}

@media (max-width: 1199px) {
.hero-3 .hero-wrapper {
height: 550px;
}
}

@media (max-width: 575px) {
.hero-3 .hero-wrapper {
height: 450px;
}
}

.hero-3 .hero-wrapper::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(
359deg,
#181818 0.72%,
rgba(24, 24, 24, 0) 99.21%
);
}

.hero-3 .hero-wrapper .text {
font-size: 460px;
color: var(--white);
position: absolute;
bottom: 145px;
left: 50%;
transform: translateX(-50%);
}

@media (max-width: 1399px) {
.hero-3 .hero-wrapper .text {
display: none;
}
}

.mean-container a.meanmenu-reveal {
display: none;
}

.mean-container .mean-nav {
background: none;
margin-top: 0;
}

.mean-container .mean-bar {
padding: 0;
min-height: auto;
background: none;
}

.mean-container .mean-nav > ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
display: block !important;
}

.mean-container .mean-nav > ul .homemenu-items {
display: flex;
align-items: center;
gap: 30px;
justify-content: space-between;
}

@media (max-width: 1199px) {
.mean-container .mean-nav > ul .homemenu-items {
flex-wrap: wrap;
}
}

.mean-container .mean-nav > ul .homemenu-items .homemenu {
position: relative;
}

@media (max-width: 1199px) {
.mean-container .mean-nav > ul .homemenu-items .homemenu {
max-width: 300px;
text-align: center;
margin: 0 auto;
border: 1px solid var(--border);
padding: 10px;
}
}

.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb {
position: relative;
}

.mean-container
.mean-nav
> ul
.homemenu-items
.homemenu
.homemenu-thumb
.demo-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60%;
gap: 10px;
display: flex;
justify-content: center;
flex-direction: column;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
margin-top: 20px;
}

.mean-container
.mean-nav
> ul
.homemenu-items
.homemenu
.homemenu-thumb
.demo-button
.theme-btn {
padding: 12px 20px;
color: var(--white) !important;
width: initial;
font-size: 16px;
text-align: center;
border-radius: 0;
}

.mean-container
.mean-nav
> ul
.homemenu-items
.homemenu
.homemenu-thumb
.demo-button
.theme-btn:hover {
color: var(--white) !important;
}

.mean-container
.mean-nav
> ul
.homemenu-items
.homemenu
.homemenu-thumb::before {
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(20, 19, 19, 0)),
to(#5e5ef6)
);
background: linear-gradient(
to bottom,
rgba(99, 92, 92, 0) 0%,
#252527 100%
);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
content: "";
}

.mean-container
.mean-nav
> ul
.homemenu-items
.homemenu
.homemenu-thumb:hover::before {
visibility: visible;
opacity: 1;
}

.mean-container
.mean-nav
> ul
.homemenu-items
.homemenu
.homemenu-thumb:hover
.demo-button {
opacity: 1;
visibility: visible;
margin-top: 0;
}

.mean-container
.mean-nav
> ul
.homemenu-items
.homemenu
.homemenu-thumb:hover
.homemenu-btn {
opacity: 1;
visibility: visible;
bottom: 50%;
transform: translateY(50%);
}

.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb img {
width: 100%;
}

.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-title {
text-align: center;
margin: 15px auto;
display: inline-block;
font-size: 16px;
}

.mean-container a.meanmenu-reveal {
display: none !important;
}

.mean-container .mean-nav ul li a {
width: 100%;
padding: 10px 0;
color: var(--header);
font-size: 16px;
line-height: 1.5;
font-weight: 500;
text-transform: capitalize;
border-bottom: 1px solid var(--border) !important;
border: none;
}

.mean-container .mean-nav ul li a:hover {
color: var(--theme);
}

.mean-container .mean-nav ul li a:last-child {
border-bottom: 0;
}

.mean-container .mean-nav ul li a:hover {
color: var(--theme);
}

.mean-container .mean-nav ul li a.mean-expand {
margin-top: 5px;
padding: 0 !important;
}

.mean-container .mean-nav ul li > a > i {
display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
display: inline-block;
font-size: 18px;
}

.mean-container .mean-nav > ul > li:first-child > a {
border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transition: all 0.4s ease-in-out;
}

.mean-container .mean-nav ul li .mega-menu li a {
height: 200px;
width: 100%;
padding: 0;
border-top: 0;
margin-bottom: 20px;
}

.news-card-items {
display: flex;
align-items: center;
gap: 30px;
background-color: var(--white);
}

@media (max-width: 1199px) {
.news-card-items {
flex-wrap: wrap;
gap: 0px;
}
}

@media (max-width: 1199px) {
.news-card-items .news-image {
flex-basis: 100%;
}
}

.news-card-items .news-image img {
width: 100%;
height: 100%;
}

@media (max-width: 1199px) {
.news-card-items .news-content {
padding: 30px;
}
}

.news-card-items .news-content .post-meta {
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 10px;
}

@media (max-width: 1199px) {
.news-card-items .news-content .post-meta {
flex-wrap: wrap;
gap: 20px;
}
}

.news-card-items .news-content .post-meta li {
font-size: 18px;
color: var(--text);
position: relative;
}

@media (max-width: 1199px) {
.news-card-items .news-content .post-meta li {
font-size: 16px;
}
}

.news-card-items .news-content .post-meta li:not(:last-child)::after {
position: absolute;
content: "";
width: 6px;
height: 6px;
top: 11px;
right: -15px;
border-radius: 30px;
background: var(--text);
}

@media (max-width: 1199px) {
.news-card-items .news-content .post-meta li:not(:last-child)::after {
display: none;
}
}

.news-card-items .news-content h4 a:hover {
color: var(--theme);
}

.news-card-items .news-content .link-btns {
display: inline-block;
margin-top: 50px;
}

@media (max-width: 1199px) {
.news-card-items .news-content .link-btns {
margin-top: 20px;
}
}

.news-card-items-2 {
margin-top: 30px;
}

.news-card-items-2.style-2 {
margin-top: 0;
}

.news-card-items-2 .news-image {
overflow: hidden;
}

.news-card-items-2 .news-image img {
width: 100%;
height: 100%;
transform: scale(1.1);
transition: all 0.4s ease-in-out;
}

.news-card-items-2 .news-content {
padding: 28px 30px;
background: var(--bg);
}

.news-card-items-2 .news-content .news-post {
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 10px;
}

.news-card-items-2 .news-content .news-post li {
position: relative;
font-size: 16px;
color: var(--text);
}

.news-card-items-2 .news-content .news-post li:not(:last-child)::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
width: 6px;
height: 6px;
top: 12px;
left: 56px;
border-radius: 30px;
background: var(--text);
}

.news-card-items-2 .news-content h4 a:hover {
color: var(--theme);
}

.news-card-items-2 .news-content .link-btns {
display: inline-block;
margin-top: 20px;
}

.news-card-items-2:hover .news-image img {
transform: scale(1.4);
}

.news-card-items-3 {
margin-top: 30px;
}

.news-card-items-3 .news-image img {
width: 100%;
height: 100%;
}

.news-card-items-3 .news-content {
padding: 40px 30px;
background: var(--bg);
}

@media (max-width: 575px) {
.news-card-items-3 .news-content {
padding: 40px 22px;
}
}

.news-card-items-3 .news-content h3 {
border-bottom: 1px solid var(--border);
padding-bottom: 30px;
margin-bottom: 30px;
}

.news-card-items-3 .news-content h3 a:hover {
color: var(--theme);
}

.news-card-items-3 .news-content .news-post {
display: flex;
align-items: center;
gap: 40px;
}

@media (max-width: 575px) {
.news-card-items-3 .news-content .news-post {
gap: 26px;
}
}

.news-card-items-3 .news-content .news-post li {
font-size: 16px;
color: var(--text);
}

.news-card-items-3 .news-content .news-post li i {
margin-right: 6px;
color: var(--theme);
}

.news-standard-wrapper .news-standard-items .news-card-items-4 {
margin-bottom: 60px;
}

.news-standard-wrapper .news-standard-items .news-card-items-4 .news-image {
overflow: hidden;
}

.news-standard-wrapper .news-standard-items .news-card-items-4 .news-image img {
width: 100%;
height: 100%;
transform: scale(1.1);
transition: all 0.4s ease-in-out;
}

.news-standard-wrapper .news-standard-items .news-card-items-4 .news-content {
margin-top: 30px;
}

.news-standard-wrapper
.news-standard-items
.news-card-items-4
.news-content
.news-post {
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 10px;
}

.news-standard-wrapper
.news-standard-items
.news-card-items-4
.news-content
.news-post
li {
position: relative;
font-size: 16px;
color: var(--text);
}

.news-standard-wrapper
.news-standard-items
.news-card-items-4
.news-content
.news-post
li:not(:last-child)::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
width: 6px;
height: 6px;
top: 12px;
left: 56px;
border-radius: 30px;
background: var(--text);
}

.news-standard-wrapper
.news-standard-items
.news-card-items-4
.news-content
h3 {
margin-bottom: 5px;
}

.news-standard-wrapper
.news-standard-items
.news-card-items-4
.news-content
h3
a:hover {
color: var(--theme);
}

.news-standard-wrapper
.news-standard-items
.news-card-items-4
.news-content
.theme-btn {
display: inline-block;
margin-top: 50px;
}

.news-standard-wrapper
.news-standard-items
.news-card-items-4:hover
.news-image
img {
transform: scale(1.4);
}

.main-sideber .single-sidebar-widget {
padding: 40px 35px;
margin-bottom: 30px;
background-color: var(--bg);
}

.main-sideber .single-sidebar-widget .wid-title {
margin-bottom: 20px;
}

.main-sideber .single-sidebar-widget .search-widget form {
width: 100%;
position: relative;
}

.main-sideber .single-sidebar-widget .search-widget form input {
background-color: var(--white);
font-size: 18px;
font-weight: 400;
padding: 16px 20px;
width: 100%;
border: none;
color: var(--text);
}

.main-sideber .single-sidebar-widget .search-widget form button {
position: absolute;
right: -2px;
top: 0;
width: 58px;
border-radius: 8px;
font-size: 18px;
height: 100%;
background-color: var(--theme);
color: var(--white);
text-align: center;
transition: all 0.3s ease-in-out;
}

.main-sideber .single-sidebar-widget .search-widget form button:hover {
background-color: var(--header);
}

.main-sideber .single-sidebar-widget .news-widget-categories ul li {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 18px;
font-weight: 400;
background-color: var(--white);
transition: all 0.4s ease-in-out;
border-radius: 0;
line-height: 1;
padding: 20px;
}

.main-sideber .single-sidebar-widget .news-widget-categories ul li a {
color: var(--header);
}

.main-sideber .single-sidebar-widget .news-widget-categories ul li span {
transition: all 0.4s ease-in-out;
color: var(--header);
}

.main-sideber
.single-sidebar-widget
.news-widget-categories
ul
li:not(:last-child) {
margin-bottom: 20px;
}

.main-sideber .single-sidebar-widget .news-widget-categories ul li:hover {
background-color: var(--theme);
}

.main-sideber .single-sidebar-widget .news-widget-categories ul li:hover a {
color: var(--white);
}

.main-sideber .single-sidebar-widget .news-widget-categories ul li:hover span {
color: var(--white);
}

.main-sideber .single-sidebar-widget .recent-post-area .recent-items {
display: flex;
align-items: center;
gap: 20px;
}

.main-sideber
.single-sidebar-widget
.recent-post-area
.recent-items:not(:last-child) {
margin-bottom: 20px;
}

.main-sideber
.single-sidebar-widget
.recent-post-area
.recent-items
.recent-content
h6 {
margin-bottom: 10px;
line-height: 133%;
}

.main-sideber
.single-sidebar-widget
.recent-post-area
.recent-items
.recent-content
h6
a:hover {
color: var(--theme);
}

.main-sideber
.single-sidebar-widget
.recent-post-area
.recent-items
.recent-content
ul
li {
color: var(--text);
}

.main-sideber .single-sidebar-widget .tagcloud a {
display: inline-block;
padding: 12px 20px;
line-height: 1;
font-size: 16px;
font-weight: 400;
background: transparent;
margin-right: 5px;
text-transform: capitalize;
margin-bottom: 10px;
color: var(--text);
border: 1px solid var(--border);
transition: all 0.4s ease-in-out;
}

.main-sideber .single-sidebar-widget .tagcloud a:last-child {
margin-right: 0;
}

.main-sideber .single-sidebar-widget .tagcloud a:hover {
background-color: var(--theme);
color: var(--white);
}

.news-details-wrapper
.news-post-details
.single-news-post
.post-featured-thumb {
height: 600px;
}

@media (max-width: 767px) {
.news-details-wrapper
.news-post-details
.single-news-post
.post-featured-thumb {
height: 400px;
}
}

.news-details-wrapper .news-post-details .single-news-post .post-content {
margin-top: 30px;
}

.news-details-wrapper
.news-post-details
.single-news-post
.post-content
.news-post {
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 10px;
}

.news-details-wrapper
.news-post-details
.single-news-post
.post-content
.news-post
li {
position: relative;
font-size: 16px;
color: var(--text);
}

.news-details-wrapper
.news-post-details
.single-news-post
.post-content
.news-post
li:not(:last-child)::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
width: 6px;
height: 6px;
top: 12px;
left: 56px;
border-radius: 30px;
background: var(--text);
}

.news-details-wrapper
.news-post-details
.single-news-post
.post-content
h3
a:hover {
color: var(--theme);
}

.news-details-wrapper
.news-post-details
.single-news-post
.post-content
.hilight-text {
padding: 40px;
background-color: var(--header);
display: flex;
gap: 24px;
justify-content: space-between;
}

@media (max-width: 767px) {
.news-details-wrapper
.news-post-details
.single-news-post
.post-content
.hilight-text {
padding: 30px;
flex-wrap: wrap;
gap: 30px;
}
}

.news-details-wrapper
.news-post-details
.single-news-post
.post-content
.hilight-text
.icon {
font-size: 62px;
}

.news-details-wrapper
.news-post-details
.single-news-post
.post-content
.hilight-text
p {
max-width: 840px;
font-size: 24px;
font-weight: 400;
color: var(--white);
line-height: 36px;
}

.news-details-wrapper
.news-post-details
.single-news-post
.post-content
.details-image
img {
width: 100%;
height: 100%;
}

.news-details-wrapper .news-post-details .tag-share-wrap .tagcloud a {
display: inline-block;
padding: 12px 26px;
line-height: 1;
background: var(--bg);
margin-right: 8px;
text-transform: capitalize;
font-weight: 400;
transition: all 0.4s ease-in-out;
}

@media (max-width: 575px) {
.news-details-wrapper .news-post-details .tag-share-wrap .tagcloud a {
margin-bottom: 5px;
}
}

.news-details-wrapper .news-post-details .tag-share-wrap .tagcloud a:hover {
background-color: var(--theme);
color: var(--white);
}

.news-details-wrapper .news-post-details .tag-share-wrap .social-share span {
font-size: 18px;
color: var(--header);
font-weight: 600;
}

.news-details-wrapper .news-post-details .tag-share-wrap .social-share a {
font-size: 18px;
color: var(--header);
}

.news-details-wrapper
.news-post-details
.tag-share-wrap
.social-share
a:not(:last-child) {
margin-right: 10px;
}

.news-details-wrapper .news-post-details .tag-share-wrap .social-share a:hover {
color: var(--theme);
}

.news-details-wrapper .news-post-details .news-comment-box {
display: flex;
align-items: center;
gap: 25px;
padding: 40px;
background-color: var(--bg);
margin-top: 80px;
margin-bottom: 80px;
}

.news-details-wrapper .news-post-details .news-comment-box .content p {
margin-bottom: 5px;
}

.news-details-wrapper .news-post-details .comments-area {
margin-top: 40px;
}

.news-details-wrapper .news-post-details .comments-area .comments-heading {
margin-bottom: 30px;
}

@media (max-width: 575px) {
.news-details-wrapper .news-post-details .comments-area .comments-heading {
margin-bottom: 20px;
}
}

@media (max-width: 575px) {
.news-details-wrapper
.news-post-details
.comments-area
.blog-single-comment {
flex-wrap: wrap;
gap: 20px;
}
}

.news-details-wrapper
.news-post-details
.comments-area
.blog-single-comment
.content
.head
.con
h5 {
margin-bottom: 5px;
}

.news-details-wrapper
.news-post-details
.comments-area
.blog-single-comment
.content
.head
.reply {
font-weight: 500;
font-size: 18px;
color: var(--theme);
}

.news-details-wrapper
.news-post-details
.comments-area
.blog-single-comment.style-2 {
margin-left: 140px;
}

@media (max-width: 1199px) {
.news-details-wrapper
.news-post-details
.comments-area
.blog-single-comment.style-2 {
margin-left: 0;
}
}

.news-details-wrapper .news-post-details .comment-form-wrap h3 {
margin-bottom: 10px;
}

.news-details-wrapper .news-post-details .comment-form-wrap p {
margin-bottom: 20px;
}

.news-details-wrapper .news-post-details .comment-form-wrap .form-clt input,
.news-details-wrapper .news-post-details .comment-form-wrap .form-clt textarea {
width: 100%;
outline: none;
border: none;
background-color: var(--bg);
padding-bottom: 20px;
padding: 16px 20px;
transition: all 0.4s ease-in-out;
color: var(--text);
font-size: 16px;
}

.news-details-wrapper
.news-post-details
.comment-form-wrap
.form-clt
input::placeholder,
.news-details-wrapper
.news-post-details
.comment-form-wrap
.form-clt
textarea::placeholder {
color: var(--text);
}

.news-details-wrapper .news-post-details .comment-form-wrap .form-clt textarea {
padding-bottom: 150px;
resize: none;
}

.loader-box {
position: fixed;
top: 0;
left: 0;
display: block;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
background: var(--white);
z-index: 99999999;
}

.loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 200px;
background-image: url("../../assets/img/loader-center.png");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 50px;
}

.loader:before,
.loader:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("../../assets/img/loader-left-icon.svg");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
animation: rotate_left 1.3s linear infinite alternate;
}

.loader:after {
background-image: url("../../assets/img/loader-right-icon.svg");
animation: rotate_right 1.3s linear infinite alternate;
}

@keyframes rotate_left {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(18deg);
}
}

@keyframes rotate_right {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-18deg);
}
}

.search-wrap {
width: 100%;
height: 100%;
overflow: hidden;
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 999999;
background-color: rgba(255, 255, 255, 0.9);
}

.search-wrap .search-inner {
position: relative;
width: 100%;
height: 100%;
}

.search-wrap .search-cell {
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
}

.search-wrap .search-field-holder {
width: 50%;
margin: auto;
position: relative;
animation: slideInUp 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.search-wrap .search-field-holder {
width: 70%;
}
}

@media (max-width: 575px) {
.search-wrap .search-field-holder {
width: 80%;
}
}

.search-wrap .main-search-input {
width: 100%;
height: 70px;
border: 0;
padding: 0 50px;
text-transform: capitalize;
background: transparent;
font-size: 25px;
color: var(--theme);
border-bottom: 2px solid var(--theme);
text-align: center;
letter-spacing: 2px;
}

@media (max-width: 575px) {
.search-wrap .main-search-input {
height: 50px;
padding: 0 0;
line-height: 50px;
font-size: 18px;
}
}

.search-wrap input.form-control,
.search-wrap input.form-control:focus {
background-color: var(--theme);
}

input.main-search-input::placeholder {
color: var(--theme);
opacity: 1;
font-size: 25px;
}

@media (max-width: 575px) {
input.main-search-input::placeholder {
font-size: 18px;
}
}

.search-close {
position: absolute;
top: 50px;
right: 50px;
font-size: 30px;
color: var(--theme);
cursor: pointer;
}

.mouse-cursor {
position: fixed;
left: 0;
top: 0;
pointer-events: none;
border-radius: 50%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
visibility: hidden;
}

.cursor-inner {
width: 6px;
height: 6px;
z-index: 10000001;
background-color: var(--theme);
-webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out,
margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
-o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out,
margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
transition: width 0.3s ease-in-out, height 0.3s ease-in-out,
margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.cursor-inner.cursor-hover {
margin-left: -35px;
margin-top: -35px;
width: 70px;
height: 70px;
background-color: var(--theme);
opacity: 0.3;
}

.cursor-outer {
margin-left: -12px;
margin-top: -12px;
width: 30px;
height: 30px;
border: 1px solid var(--theme);
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 10000000;
opacity: 0.5;
-webkit-transition: all 0.08s ease-out;
-o-transition: all 0.08s ease-out;
transition: all 0.08s ease-out;
}

.cursor-outer.cursor-hover {
opacity: 0;
}

.back-to-top {
border-radius: 50%;
background-color: var(--theme);
width: 50px;
height: 50px;
line-height: 50px;
color: var(--white);
font-size: 18px;
position: fixed;
display: inline-block;
z-index: 999;
right: 30px;
bottom: 30px;
transition: all 0.4s ease-in-out;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
}

.back-to-top:hover {
background-color: var(--header);
color: var(--white);
}

.back-to-top.show {
opacity: 1;
visibility: visible;
transform: translate(0);
}

.pricing-card-items {
padding: 40px 30px;
background-color: var(--white);
}

@media (max-width: 575px) {
.pricing-card-items {
padding: 40px 20px;
}
}

.pricing-card-items .pricing-price {
margin-top: 30px;
}

.pricing-card-items .pricing-price h2 span {
font-size: 16px;
font-weight: 400;
color: var(--text);
}

.pricing-card-items .pricing-button {
margin-top: 20px;
}

.pricing-card-items .pricing-button .theme-btn {
width: 100%;
text-align: center;
}

.pricing-card-items .pricing-button.style-2 .theme-btn {
background-color: var(--header);
}

.pricing-card-items .pricing-button.style-2 .theme-btn::before {
background-color: var(--theme);
}

.pricing-card-items .pricing-button.style-2 .theme-btn::after {
background-color: var(--theme);
}

.pricing-card-items .pricing-list {
margin-top: 30px;
}

.pricing-card-items .pricing-list li {
font-size: 18px;
color: #282943;
}

@media (max-width: 575px) {
.pricing-card-items .pricing-list li {
font-size: 16px;
}
}

.pricing-card-items .pricing-list li:not(:last-child) {
margin-bottom: 15px;
}

.pricing-card-items .pricing-list li i {
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 50px;
text-align: center;
background-color: var(--theme);
color: var(--white);
margin-right: 10px;
font-size: 12px;
}

@media (max-width: 575px) {
.pricing-card-items .pricing-list li i {
margin-right: 5px;
}
}

.project-card-items {
margin-top: 30px;
}

.project-card-items .project-image {
position: relative;
overflow: hidden;
transition: all 0.4s ease-in-out;
}

.project-card-items .project-image img {
width: 100%;
height: 100%;
}

.project-card-items .project-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(
0deg,
rgba(24, 24, 24, 0.9) 17.39%,
rgba(24, 24, 24, 0) 100%
);
opacity: 0;
z-index: 9;
visibility: hidden;
transition: all 0.4s ease-in-out;
}

.project-card-items .project-image .project-content {
position: absolute;
bottom: -30px;
left: 30px;
right: 30px;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}

@media (max-width: 1199px) {
.project-card-items .project-image .project-content {
left: 20px;
}
}

.project-card-items .project-image .project-content span {
color: var(--white);
display: inline-block;
margin-bottom: 5px;
}

.project-card-items .project-image .project-content h3 a {
color: var(--white);
}

.project-card-items .project-image .project-content h3 a:hover {
color: var(--theme);
}

.project-card-items .project-image .project-content.style-2 h4 a {
color: var(--white);
}

.project-card-items .project-image .project-content.style-2 h4 a:hover {
color: var(--theme);
}

.project-card-items:hover .project-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
opacity: 1;
visibility: visible;
}

.project-card-items:hover .project-image .project-content {
visibility: visible;
opacity: 1;
bottom: 30px;
z-index: 9;
}

.portfolio-details-wrapper .details-image {
margin-bottom: 50px;
}

.portfolio-details-wrapper .details-image img {
width: 100%;
height: 100%;
}

.portfolio-details-wrapper .details-content h3 {
margin-bottom: 10px;
}

.portfolio-details-wrapper .details-content .thumb {
margin-bottom: 30px;
margin-top: 30px;
}

.portfolio-details-wrapper .details-content .thumb img {
width: 100%;
height: 100%;
}

.portfolio-details-wrapper .details-content p {
font-size: 18px;
font-weight: 500;
}

.portfolio-details-wrapper .main-side-ber .portfolio-main-card {
padding: 30px;
background-color: var(--bg);
margin-bottom: 40px;
}

.portfolio-details-wrapper .main-side-ber .portfolio-main-card h5 {
margin-bottom: 20px;
}

.portfolio-details-wrapper .main-side-ber .portfolio-main-card .portfolio-card {
border-bottom: 1px solid rgba(86, 86, 86, 0.3);
padding-bottom: 50px;
margin-bottom: 30px;
}

.portfolio-details-wrapper
.main-side-ber
.portfolio-main-card
.portfolio-card
li {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 16px;
font-weight: 400;
}

.portfolio-details-wrapper
.main-side-ber
.portfolio-main-card
.portfolio-card
li
span {
font-size: 16px;
font-weight: 500;
color: var(--header);
}

.portfolio-details-wrapper .main-side-ber .portfolio-main-card .social-icon {
margin-top: 40px;
display: flex;
align-items: center;
gap: 10px;
}

.portfolio-details-wrapper .main-side-ber .portfolio-main-card .social-icon a {
width: 32px;
height: 32px;
line-height: 32px;
display: inline-block;
text-align: center;
color: var(--text);
border: 1px solid var(--text);
border-radius: 100px;
transition: all 0.4s ease-in-out;
}

.portfolio-details-wrapper
.main-side-ber
.portfolio-main-card
.social-icon
a:hover {
background-color: var(--theme);
border: 1px solid var(--theme);
color: var(--white);
}

.portfolio-details-wrapper .main-side-ber .contact-bg {
position: relative;
}

.portfolio-details-wrapper .main-side-ber .contact-bg::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: rgba(24, 24, 24, 0.9);
background-image: url(../../assets/img/project/overlay.png);
}

.portfolio-details-wrapper .main-side-ber .contact-bg .contact-item {
padding: 35px;
position: relative;
}

.portfolio-details-wrapper .main-side-ber .contact-bg .contact-item .icon {
font-size: 48px;
color: var(--white);
margin-bottom: 80px;
}

.portfolio-details-wrapper
.main-side-ber
.contact-bg
.contact-item
.contact-content
h4 {
color: var(--bg);
margin-bottom: 20px;
}

.portfolio-details-wrapper
.main-side-ber
.contact-bg
.contact-item
.contact-content
p {
color: var(--bg);
margin-bottom: 30px;
}

.portfolio-details-wrapper
.main-side-ber
.contact-bg
.contact-item
.contact-content
.list
li {
font-size: 18px;
font-weight: 400;
color: var(--bg);
}

.portfolio-details-wrapper
.main-side-ber
.contact-bg
.contact-item
.contact-content
.list
li
a {
color: var(--bg);
}

.section-title {
position: relative;
z-index: 99;
margin-bottom: 30px;
margin-top: -6px;
}

.section-title .sub-title {
font-size: 16px;
font-weight: 400;
color: var(--header);
font-family: "DM Sans", sans-serif;
margin-bottom: 30px;
text-transform: uppercase;
background: rgba(182, 140, 90, 0.1);
padding: 12px 14px;
line-height: 1;
display: inline-block;
}

@media (max-width: 767px) {
.section-title {
margin-bottom: 0;
}
}

.section-title-area {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 9;
}

@media (max-width: 991px) {
.section-title-area {
flex-wrap: wrap;
gap: 30px;
}
}

.center {
text-align: center;
margin: 0 auto;
}

.section-bg2 {
background-color: var(--header);
}

.section-bg {
background-color: var(--bg);
}

.theme-bg {
background-color: var(--theme);
}

.section-padding {
padding: 120px 0;
}

@media (max-width: 1199px) {
.section-padding {
padding: 100px 0;
}
}

@media (max-width: 991px) {
.section-padding {
padding: 80px 0;
}
}

.service-main-items {
display: flex;
align-items: center;
margin-top: 30px;
}

@media (max-width: 1399px) {
.service-main-items {
flex-wrap: wrap;
gap: 30px;
}
}

.service-main-items .service-card {
background-color: var(--white);
padding: 30px;
max-width: 420px;
margin-right: -100px;
position: relative;
z-index: 1;
}

@media (max-width: 1399px) {
.service-main-items .service-card {
margin-right: 0;
max-width: initial;
}
}

.service-main-items .service-card .icon {
width: 80px;
height: 80px;
line-height: 92px;
background: var(--bg);
text-align: center;
margin-bottom: 40px;
transition: all 0.4s ease-in-out;
color: var(--header);
font-size: 48px;
}

.service-main-items .service-card .icon:hover {
background-color: var(--theme);
}

.service-main-items .service-card .icon:hover i {
color: var(--white);
}

.service-main-items .service-card .content h4 {
margin-bottom: 5px;
}

.service-main-items .service-card .content h4 a:hover {
color: var(--theme);
}

.service-main-items .service-image {
overflow: hidden;
}

@media (max-width: 1399px) {
.service-main-items .service-image {
flex-basis: 100%;
}
}

.service-main-items .service-image img {
width: 100%;
height: 100%;
transform: scale(1.1);
transition: all 0.4s ease-in-out;
}

.service-main-items:hover .service-image img {
transform: scale(1.4);
}

.service-box-items {
padding: 30px;
background-color: var(--white);
margin-top: 30px;
}

.service-box-items .service-content h4 {
margin-bottom: 10px;
}

.service-box-items .service-content h4 a:hover {
color: var(--theme);
}

.service-box-items .service-content p {
font-size: 18px;
border-bottom: 1px solid rgba(86, 86, 86, 0.3);
margin-bottom: 30px;
padding-bottom: 30px;
}

.service-box-items .service-content .service-button {
display: flex;
align-items: center;
justify-content: space-between;
}

.service-box-items .service-content .service-button .icon {
font-size: 48px;
color: var(--theme);
transition: all 0.4s ease-in-out;
}

.service-box-items .service-content .service-button .icon svg {
color: var(--theme);
}

.service-box-items .service-content .service-button .icon:hover {
transform: scaleX(-1);
}

.service-box-items .service-content .service-button .icon:hover svg {
color: var(--theme);
}

.service-box-items .service-content .service-button .theme-btn {
padding: 15px 28px;
color: var(--header);
background: var(--bg);
}

.service-box-items .service-content .service-button .theme-btn::before {
background-color: var(--theme);
}

.service-box-items .service-content .service-button .theme-btn::after {
background-color: var(--theme);
}

.service-box-items .service-content .service-button .theme-btn:hover {
color: var(--white);
}

.service-box-items .service-content .service-button .theme-btn:hover::before,
.service-box-items .service-content .service-button .theme-btn:hover::after {
width: 100%;
}

.service-box-items .service-content .service-button .theme-btn:hover i {
transform: rotate(0);
color: var(--white);
}

.service-wrapper .service-content .group-image-item {
display: flex;
align-items: center;
gap: 22px;
margin-bottom: 30px;
}

@media (max-width: 1199px) {
.service-wrapper .service-content .group-image-item {
margin-top: 30px;
}
}

.service-wrapper .service-main-box {
background-color: var(--white);
}

.service-wrapper .service-main-box .service-items {
display: flex;
align-items: center;
gap: 48px;
border-bottom: 1px solid rgba(24, 24, 24, 0.3);
padding: 40px 40px;
position: relative;
}

@media (max-width: 575px) {
.service-wrapper .service-main-box .service-items {
padding: 30px 30px;
gap: 25px;
}
}

.service-wrapper .service-main-box .service-items .icon {
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 100px;
text-align: center;
background-color: var(--bg);
font-size: 36px;
color: var(--theme);
transition: all 0.4s ease-in-out;
}

.service-wrapper .service-main-box .service-items .icon svg {
color: var(--theme);
}

.service-wrapper .service-main-box .service-items .icon:hover {
background-color: var(--theme);
color: var(--white);
transform: scaleX(-1);
}

.service-wrapper .service-main-box .service-items .icon:hover svg {
filter: grayscale(100%) brightness(300%);
}

.service-wrapper .service-main-box .service-items .content h3 a:hover {
color: var(--theme);
}

.service-wrapper .service-main-box .service-items .service-hover {
width: 300px;
height: 400px;
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(28.57deg);
inset-inline-start: 0;
background-size: cover;
background-repeat: no-repeat;
background-position-x: 75%;
opacity: 0;
transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
margin: -200px 0 0 -50px;
overflow: hidden;
pointer-events: none;
z-index: 2;
visibility: hidden;
}

.service-wrapper .service-main-box .service-items:hover .service-hover {
opacity: 1;
visibility: visible;
}

.service-details-wrapper .main-sideber .single-sideber-widget {
margin-bottom: 40px;
}

.service-details-wrapper .main-sideber .single-sideber-widget ul li {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 16px;
font-weight: 400;
background-color: var(--bg);
color: var(--header);
transition: all 0.4s ease-in-out;
border-radius: 0;
line-height: 1;
padding: 20px;
}

.service-details-wrapper .main-sideber .single-sideber-widget ul li a {
color: var(--header);
}

.service-details-wrapper .main-sideber .single-sideber-widget ul li i {
transition: all 0.4s ease-in-out;
color: var(--theme);
}

.service-details-wrapper
.main-sideber
.single-sideber-widget
ul
li:not(:last-child) {
margin-bottom: 20px;
}

.service-details-wrapper .main-sideber .single-sideber-widget ul li:hover {
background-color: var(--theme);
}

.service-details-wrapper .main-sideber .single-sideber-widget ul li:hover a {
color: var(--white);
}

.service-details-wrapper .main-sideber .single-sideber-widget ul li:hover i {
color: var(--white);
}

.service-details-wrapper .main-sideber .contact-bg {
position: relative;
}

.service-details-wrapper .main-sideber .contact-bg::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: rgba(24, 24, 24, 0.9);
background-image: url(../../assets/img/project/overlay.png);
}

.service-details-wrapper .main-sideber .contact-bg .contact-item {
padding: 35px;
position: relative;
}

.service-details-wrapper .main-sideber .contact-bg .contact-item .icon {
font-size: 48px;
color: var(--white);
margin-bottom: 80px;
}

.service-details-wrapper
.main-sideber
.contact-bg
.contact-item
.contact-content
h4 {
color: var(--bg);
margin-bottom: 20px;
}

.service-details-wrapper
.main-sideber
.contact-bg
.contact-item
.contact-content
p {
color: var(--bg);
margin-bottom: 30px;
}

.service-details-wrapper
.main-sideber
.contact-bg
.contact-item
.contact-content
.list
li {
font-size: 18px;
font-weight: 400;
color: var(--bg);
}

.service-details-wrapper
.main-sideber
.contact-bg
.contact-item
.contact-content
.list
li
a {
color: var(--bg);
}

.service-details-wrapper .service-details-post .details-image img {
width: 100%;
height: 100%;
}

.service-details-wrapper .service-details-post .details-content {
margin-top: 40px;
}

.service-details-wrapper .service-details-post .details-content h3 {
margin-bottom: 10px;
}

.service-details-wrapper .service-details-post .details-content .details-list {
margin-top: 30px;
margin-bottom: 50px;
}

.service-details-wrapper
.service-details-post
.details-content
.details-list
li {
font-size: 18px;
font-weight: 400;
color: var(--header);
}

.service-details-wrapper
.service-details-post
.details-content
.details-list
li:not(:last-child) {
margin-bottom: 10px;
}

.service-details-wrapper
.service-details-post
.details-content
.details-list
li
i {
margin-right: 8px;
}

.service-details-wrapper
.service-details-post
.details-content
.contact-form-items {
margin-top: 60px;
border-top: 1px solid rgba(86, 86, 86, 0.2);
padding-top: 60px;
}

.service-details-wrapper
.service-details-post
.details-content
.contact-form-items
.form-clt
input,
.service-details-wrapper
.service-details-post
.details-content
.contact-form-items
.form-clt
textarea {
width: 100%;
outline: none;
border: none;
background-color: var(--bg);
padding-bottom: 20px;
padding: 16px 20px;
transition: all 0.4s ease-in-out;
color: var(--text);
font-size: 16px;
}

.service-details-wrapper
.service-details-post
.details-content
.contact-form-items
.form-clt
input::placeholder,
.service-details-wrapper
.service-details-post
.details-content
.contact-form-items
.form-clt
textarea::placeholder {
color: var(--text);
}

.service-details-wrapper
.service-details-post
.details-content
.contact-form-items
.form-clt
textarea {
padding-bottom: 150px;
resize: none;
}

.service-details-wrapper
.service-details-post
.details-content
.contact-form-items
.contact-btn {
margin-top: 20px;
text-align: center;
}

.testimonial-wrapper {
margin-top: 60px;
}

.testimonial-wrapper .testimonial-card .testimonial-image {
position: relative;
}

.testimonial-wrapper .testimonial-card .testimonial-image img {
width: 100%;
height: 100%;
}

.testimonial-wrapper .testimonial-card .testimonial-image .group-image {
position: absolute;
left: 50%;
bottom: -30px;
transform: translateX(-50%);
}

.testimonial-wrapper .testimonial-card .testimonial-content {
background-color: var(--theme);
padding: 45px 0;
text-align: center;
}

.testimonial-wrapper .testimonial-card .testimonial-content h3 {
color: var(--white);
}

.testimonial-wrapper .testimonial-card .testimonial-content .star {
color: var(--white);
margin-top: 20px;
font-size: 24px;
}

.testimonial-wrapper .Testimonial-box-items {
padding: 50px;
background: var(--white);
margin: auto;
max-width: 90%;
}

@media (max-width: 1399px) {
.testimonial-wrapper .Testimonial-box-items {
padding: 30px;
}
}

.testimonial-wrapper .Testimonial-box-items svg {
margin-bottom: 35px;
}

.testimonial-wrapper .Testimonial-box-items p {
font-size: 24px;
border-bottom: 1px solid var(--border);
padding-bottom: 35px;
margin-bottom: 35px;
}

@media (max-width: 1199px) {
.testimonial-wrapper .Testimonial-box-items p {
font-size: 20px;
}
}

.testimonial-wrapper .Testimonial-box-items .client-info-items {
display: flex;
align-items: center;
justify-content: space-between;
}

@media (max-width: 1199px) {
.testimonial-wrapper .Testimonial-box-items .client-info-items {
flex-wrap: wrap;
gap: 20px;
}
}

.testimonial-wrapper .Testimonial-box-items .client-info-items .client-info {
display: flex;
align-items: center;
gap: 10px;
}

.testimonial-wrapper
.Testimonial-box-items
.client-info-items
.client-info
.client-info
.client-content
h4 {
margin-bottom: 10px;
}

.testimonial-wrapper .Testimonial-box-items .client-info-items .star {
color: var(--theme);
font-size: 24px;
}

.testimonial-wrapper .testimonial-slider {
margin-right: -80%;
}

@media (max-width: 1199px) {
.testimonial-wrapper .testimonial-slider {
margin-right: 0;
}
}

.testimonial-main-item {
position: relative;
margin-top: 30px;
}

.testimonial-main-item .top-shape {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

.testimonial-main-item .testimonial-card-item2 {
padding: 30px;
background-color: var(--bg);
position: relative;
}

.testimonial-main-item .testimonial-card-item2 .polygon-shape {
position: absolute;
left: 30px;
bottom: -38px;
}

.testimonial-main-item .testimonial-card-item2 .testimonial-content .star {
color: var(--theme);
font-size: 24px;
margin-bottom: 20px;
position: relative;
z-index: 1;
}

.testimonial-main-item .testimonial-card-item2 .testimonial-content p {
font-size: 18px;
}

.testimonial-main-item .testimonial-card-item2 .testimonial-content .info-item {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px;
}

.testimonial-main-item
.testimonial-card-item2
.testimonial-content
.info-item
.icon {
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50px;
text-align: center;
background-color: var(--theme);
color: var(--white);
}

.testimonial-main-item .client-info-item {
padding: 40px 25px 0;
display: flex;
align-items: center;
gap: 15px;
}

.testimonial-section .section-title-area .array-button .array-prev {
border: 1px solid var(--header);
background-color: transparent;
}

.testimonial-section .section-title-area .array-button .array-prev:hover {
background-color: var(--theme);
border: 1px solid var(--theme);
}

.testimonial-section .section-title-area .array-button .array-next {
background-color: var(--theme);
color: var(--white);
transition: all 0.4s ease-in-out;
}

.testimonial-section .section-title-area .array-button .array-next:hover {
background-color: var(--header);
}

.testimonial-main-ber {
margin-top: 120px;
padding: 50px 0;
position: relative;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
position: relative;
}

@media (max-width: 1199px) {
.testimonial-main-ber {
margin-top: 90px;
}
}

@media (max-width: 991px) {
.testimonial-main-ber {
margin-top: 70px;
}
}

.testimonial-main-ber .client-image {
position: relative;
}

.testimonial-main-ber .testimonial-card-items {
position: relative;
}

.testimonial-main-ber .testimonial-card-items .icon {
color: var(--theme);
margin-bottom: 20px;
}

.testimonial-main-ber .testimonial-card-items .content p {
font-size: 36px;
font-weight: 400;
color: var(--bg);
line-height: 133%;
}

@media (max-width: 1399px) {
.testimonial-main-ber .testimonial-card-items .content p {
font-size: 30px;
}
}

@media (max-width: 991px) {
.testimonial-main-ber .testimonial-card-items .content p {
font-size: 26px;
}
}

@media (max-width: 767px) {
.testimonial-main-ber .testimonial-card-items .content p {
font-size: 22px;
}
}

@media (max-width: 575px) {
.testimonial-main-ber .testimonial-card-items .content p {
font-size: 18px;
}
}

.testimonial-main-ber .testimonial-card-items .content .info-text {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 40px;
}

.testimonial-main-ber .testimonial-card-items .content .info-text .text h3 {
color: var(--theme);
}

.testimonial-main-ber .testimonial-card-items .content .info-text .text span {
color: var(--bg);
}

.testimonial-main-ber .testimonial-card-items .content .info-text .star {
color: var(--theme);
font-size: 24px;
}

.testimonial-section3 {
position: relative;
}

.testimonial-section3:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: rgba(24, 24, 24, 0.96);
}

.testimonial-section3::after {
position: absolute;
content: "";
border: 1px solid rgba(255, 255, 255, 0.2);
top: 0;
left: 27%;
height: 72%;
width: 1px;
}

@media (max-width: 1399px) {
.testimonial-section3::after {
display: none;
}
}

.testimonial-section3 .array-button {
position: relative;
}

.testimonial-section3 .array-button .array-prev {
background-color: var(--white);
color: var(--header);
}

.testimonial-section3 .array-button .array-next {
background-color: var(--white);
color: var(--header);
}

.team-card-items {
margin-top: 30px;
}

.team-card-items .team-image {
position: relative;
}

.team-card-items .team-image img {
width: 100%;
height: 100%;
}

.team-card-items .team-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(
0deg,
rgba(24, 24, 24, 0.9) 17.39%,
rgba(24, 24, 24, 0) 100%
);
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}

.team-card-items .team-image .team-social {
position: absolute;
left: 50%;
bottom: -30px;
transform: translateX(-50%);
transition: all 0.4s ease-in-out;
opacity: 0;
visibility: hidden;
display: flex;
align-items: center;
gap: 10px;
}

.team-card-items .team-image .team-social a {
width: 32px;
height: 32px;
line-height: 32px;
display: inline-block;
text-align: center;
color: var(--white);
border: 1px solid var(--white);
border-radius: 100px;
}

.team-card-items .team-image .team-social a:hover {
background-color: var(--theme);
border: 1px solid var(--theme);
}

.team-card-items .team-content {
background: var(--bg);
padding: 28px 0;
text-align: center;
}

.team-card-items .team-content h4 a:hover {
color: var(--theme);
}

.team-card-items.style-2 {
margin-top: 90px;
}

@media (max-width: 1399px) {
.team-card-items.style-2 {
margin-top: 30px;
}
}

.team-card-items:hover .team-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
opacity: 1;
visibility: visible;
}

.team-card-items:hover .team-image .team-social {
opacity: 1;
visibility: visible;
bottom: 30px;
z-index: 9;
}

.team-main-item {
position: relative;
overflow: hidden;
margin-top: 30px;
}

.team-main-item .team-card-item2 {
transition: all 0.4s ease-in-out;
width: 100%;
height: 100%;
}

.team-main-item .team-card-item2 .team-image img {
width: 100%;
height: 100%;
}

.team-main-item .team-content-hover {
padding: 28px;
background: linear-gradient(
0deg,
rgba(182, 140, 90, 0.95) 0%,
rgba(182, 140, 90, 0.95) 100%
);
transition: all 200ms linear;
top: 0;
right: -100%;
position: absolute;
opacity: 0;
visibility: hidden;
width: 100%;
height: 100%;
}

.team-main-item .team-content-hover h4 {
margin-bottom: 5px;
}

.team-main-item .team-content-hover h4 a {
color: var(--white);
}

.team-main-item .team-content-hover span {
color: var(--bg);
}

.team-main-item .team-content-hover p {
margin-top: 10px;
font-weight: 400;
color: var(--bg);
}

.team-main-item .team-content-hover .team-social {
display: flex;
align-items: center;
gap: 10px;
margin-top: 90px;
}

.team-main-item .team-content-hover .team-social a {
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
text-align: center;
color: var(--white);
border: 1px solid var(--white);
border-radius: 100px;
}

.team-main-item .team-content-hover .team-social a:hover {
background-color: var(--theme);
border: 1px solid var(--theme);
}

.team-main-item:hover .team-card-item2 {
opacity: 0;
visibility: hidden;
}

.team-main-item:hover .team-content-hover {
opacity: 1;
visibility: visible;
right: 0;
}

.team-section {
position: relative;
}

.team-section .dot-shape {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}

.team-details-wrapper .thumb {
max-width: 563px;
}

.team-details-wrapper .thumb img {
width: 100%;
height: 100%;
}

.team-details-wrapper .details-content span {
font-size: 22px;
color: var(--theme);
display: inline-block;
margin-bottom: 20px;
}

.team-details-wrapper .details-content p {
font-size: 18px;
color: var(--header);
}

.team-details-wrapper .details-content .list {
margin-top: 30px;
}

.team-details-wrapper .details-content .list li {
color: #1c1d20;
}

.team-details-wrapper .details-content .list li:not(:last-child) {
margin-bottom: 10px;
}

.team-details-wrapper .details-content .list li i {
color: var(--header);
margin-right: 5px;
}

.team-details-wrapper .details-content .social-icon {
margin-top: 40px;
display: flex;
align-items: center;
gap: 10px;
}

.team-details-wrapper .details-content .social-icon a {
width: 44px;
height: 44px;
line-height: 44px;
display: inline-block;
text-align: center;
color: var(--white);
background-color: var(--header);
border-radius: 100px;
transition: all 0.4s ease-in-out;
}

.team-details-wrapper .details-content .social-icon a:hover {
background-color: var(--theme);
}

.team-details-wrapper .details-info-items {
margin-top: 100px;
}

.team-details-wrapper .details-info-items .info-content h4 {
margin-bottom: 30px;
}

.team-details-wrapper .details-info-items .progress-area {
margin-left: 30px;
}

@media (max-width: 1199px) {
.team-details-wrapper .details-info-items .progress-area {
margin-left: 0;
}
}

.team-details-wrapper .details-info-items .progress-area h4 {
margin-bottom: 20px;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items {
width: 100%;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items:not(:last-child) {
margin-bottom: 20px;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.pro-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.pro-head
.title {
font-size: 16px;
font-weight: 500;
color: #1c1d20;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.pro-head
.point {
font-size: 16px;
color: var(--header);
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.progress {
background: var(--bg);
justify-content: flex-start;
border-radius: 0px;
align-items: center;
position: relative;
display: flex;
height: 10px;
width: 100%;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.progress-value {
animation: load 3s normal forwards;
border-radius: 0;
background: var(--theme);
height: 10px;
width: 0;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.style-two {
animation: load2 3s normal forwards;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.style-three {
animation: load3 3s normal forwards;
}

@keyframes load {
0% {
width: 0;
}
100% {
width: 90%;
}
}

@keyframes load2 {
0% {
width: 0;
}
100% {
width: 70%;
}
}

@keyframes load3 {
0% {
width: 0;
}
100% {
width: 55%;
}
}

.scrolling-wrap {
overflow: hidden;
white-space: nowrap;
display: flex;
gap: 20px;
padding: 15px 0;
}

.scrolling-wrap .comm {
display: flex;
align-items: center;
animation: scroll 60s linear infinite;
gap: 20px;
cursor: pointer;
}

.scrolling-wrap .comm .cmn-textslide {
font-size: 16px;
font-weight: 500;
line-height: 32px;
text-transform: capitalize;
color: var(--white);
/* font-family: "Prata", sans-serif; */
/* font-family: "Cairo", sans-serif; */
font-family: "Tajawal", sans-serif;

display: flex;
align-items: center;
gap: 20px;
}

.scrolling-wrap .comm .cmn-textslide i {
font-size: 21px;
}

.scrolling-wrap .comm .cmn-textslide.text-color-2 {
color: var(--header);
}

.scrolling-wrap:hover .comm {
animation-play-state: paused;
}

@media (max-width: 1399px) {
.scrolling-wrap .comm {
gap: 20px;
}
}

@media (max-width: 991px) {
.scrolling-wrap {
gap: 14px;
}
.scrolling-wrap .comm {
gap: 14px;
}
}

@media (max-width: 575px) {
.scrolling-wrap .comm {
gap: 12px;
}
}

@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}

@keyframes scrolly {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-60%);
}
}

@keyframes scrolls {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}

/*# sourceMappingURL=main.css.map */
/* {
position: relative;
} */

.testimonial-main-ber .testimonial-card-items {
position: relative;
}

.testimonial-main-ber .testimonial-card-items .icon {
color: var(--theme);
margin-bottom: 20px;
}

.testimonial-main-ber .testimonial-card-items .content p {
font-size: 36px;
font-weight: 400;
color: var(--bg);
line-height: 133%;
}

@media (max-width: 1399px) {
.testimonial-main-ber .testimonial-card-items .content p {
font-size: 30px;
}
}

@media (max-width: 991px) {
.testimonial-main-ber .testimonial-card-items .content p {
font-size: 26px;
}
}

@media (max-width: 767px) {
.testimonial-main-ber .testimonial-card-items .content p {
font-size: 22px;
}
}

@media (max-width: 575px) {
.testimonial-main-ber .testimonial-card-items .content p {
font-size: 18px;
}
}

.testimonial-main-ber .testimonial-card-items .content .info-text {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 40px;
}

.testimonial-main-ber .testimonial-card-items .content .info-text .text h3 {
color: var(--theme);
}

.testimonial-main-ber .testimonial-card-items .content .info-text .text span {
color: var(--bg);
}

.testimonial-main-ber .testimonial-card-items .content .info-text .star {
color: var(--theme);
font-size: 24px;
}

.testimonial-section3 {
position: relative;
}

.testimonial-section3:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: rgba(24, 24, 24, 0.96);
}

.testimonial-section3::after {
position: absolute;
content: "";
border: 1px solid rgba(255, 255, 255, 0.2);
top: 0;
left: 27%;
height: 72%;
width: 1px;
}

@media (max-width: 1399px) {
.testimonial-section3::after {
display: none;
}
}

.testimonial-section3 .array-button {
position: relative;
}

.testimonial-section3 .array-button .array-prev {
background-color: var(--white);
color: var(--header);
}

.testimonial-section3 .array-button .array-next {
background-color: var(--white);
color: var(--header);
}

.team-card-items {
margin-top: 30px;
}

.team-card-items .team-image {
position: relative;
}

.team-card-items .team-image img {
width: 100%;
height: 100%;
}

.team-card-items .team-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(
0deg,
rgba(24, 24, 24, 0.9) 17.39%,
rgba(24, 24, 24, 0) 100%
);
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}

.team-card-items .team-image .team-social {
position: absolute;
left: 50%;
bottom: -30px;
transform: translateX(-50%);
transition: all 0.4s ease-in-out;
opacity: 0;
visibility: hidden;
display: flex;
align-items: center;
gap: 10px;
}

.team-card-items .team-image .team-social a {
width: 32px;
height: 32px;
line-height: 32px;
display: inline-block;
text-align: center;
color: var(--white);
border: 1px solid var(--white);
border-radius: 100px;
}

.team-card-items .team-image .team-social a:hover {
background-color: var(--theme);
border: 1px solid var(--theme);
}

.team-card-items .team-content {
background: var(--bg);
padding: 28px 0;
text-align: center;
}

.team-card-items .team-content h4 a:hover {
color: var(--theme);
}

.team-card-items.style-2 {
margin-top: 90px;
}

@media (max-width: 1399px) {
.team-card-items.style-2 {
margin-top: 30px;
}
}

.team-card-items:hover .team-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
opacity: 1;
visibility: visible;
}

.team-card-items:hover .team-image .team-social {
opacity: 1;
visibility: visible;
bottom: 30px;
z-index: 9;
}

.team-main-item {
position: relative;
overflow: hidden;
margin-top: 30px;
}

.team-main-item .team-card-item2 {
transition: all 0.4s ease-in-out;
width: 100%;
height: 100%;
}

.team-main-item .team-card-item2 .team-image img {
width: 100%;
height: 100%;
}

.team-main-item .team-content-hover {
padding: 28px;
background: linear-gradient(
0deg,
rgba(182, 140, 90, 0.95) 0%,
rgba(182, 140, 90, 0.95) 100%
);
transition: all 200ms linear;
top: 0;
right: -100%;
position: absolute;
opacity: 0;
visibility: hidden;
width: 100%;
height: 100%;
}

.team-main-item .team-content-hover h4 {
margin-bottom: 5px;
}

.team-main-item .team-content-hover h4 a {
color: var(--white);
}

.team-main-item .team-content-hover span {
color: var(--bg);
}

.team-main-item .team-content-hover p {
margin-top: 10px;
font-weight: 400;
color: var(--bg);
}

.team-main-item .team-content-hover .team-social {
display: flex;
align-items: center;
gap: 10px;
margin-top: 90px;
}

.team-main-item .team-content-hover .team-social a {
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
text-align: center;
color: var(--white);
border: 1px solid var(--white);
border-radius: 100px;
}

.team-main-item .team-content-hover .team-social a:hover {
background-color: var(--theme);
border: 1px solid var(--theme);
}

.team-main-item:hover .team-card-item2 {
opacity: 0;
visibility: hidden;
}

.team-main-item:hover .team-content-hover {
opacity: 1;
visibility: visible;
right: 0;
}

.team-section {
position: relative;
}

.team-section .dot-shape {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}

.team-details-wrapper .thumb {
max-width: 563px;
}

.team-details-wrapper .thumb img {
width: 100%;
height: 100%;
}

.team-details-wrapper .details-content span {
font-size: 22px;
color: var(--theme);
display: inline-block;
margin-bottom: 20px;
}

.team-details-wrapper .details-content p {
font-size: 18px;
color: var(--header);
}

.team-details-wrapper .details-content .list {
margin-top: 30px;
}

.team-details-wrapper .details-content .list li {
color: #1c1d20;
}

.team-details-wrapper .details-content .list li:not(:last-child) {
margin-bottom: 10px;
}

.team-details-wrapper .details-content .list li i {
color: var(--header);
margin-right: 5px;
}

.team-details-wrapper .details-content .social-icon {
margin-top: 40px;
display: flex;
align-items: center;
gap: 10px;
}

.team-details-wrapper .details-content .social-icon a {
width: 44px;
height: 44px;
line-height: 44px;
display: inline-block;
text-align: center;
color: var(--white);
background-color: var(--header);
border-radius: 100px;
transition: all 0.4s ease-in-out;
}

.team-details-wrapper .details-content .social-icon a:hover {
background-color: var(--theme);
}

.team-details-wrapper .details-info-items {
margin-top: 100px;
}

.team-details-wrapper .details-info-items .info-content h4 {
margin-bottom: 30px;
}

.team-details-wrapper .details-info-items .progress-area {
margin-left: 30px;
}

@media (max-width: 1199px) {
.team-details-wrapper .details-info-items .progress-area {
margin-left: 0;
}
}

.team-details-wrapper .details-info-items .progress-area h4 {
margin-bottom: 20px;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items {
width: 100%;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items:not(:last-child) {
margin-bottom: 20px;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.pro-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.pro-head
.title {
font-size: 16px;
font-weight: 500;
color: #1c1d20;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.pro-head
.point {
font-size: 16px;
color: var(--header);
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.progress {
background: var(--bg);
justify-content: flex-start;
border-radius: 0px;
align-items: center;
position: relative;
display: flex;
height: 10px;
width: 100%;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.progress-value {
animation: load 3s normal forwards;
border-radius: 0;
background: var(--theme);
height: 10px;
width: 0;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.style-two {
animation: load2 3s normal forwards;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.style-three {
animation: load3 3s normal forwards;
}

@keyframes load {
0% {
width: 0;
}
100% {
width: 90%;
}
}

@keyframes load2 {
0% {
width: 0;
}
100% {
width: 70%;
}
}

@keyframes load3 {
0% {
width: 0;
}
100% {
width: 55%;
}
}

.scrolling-wrap {
overflow: hidden;
white-space: nowrap;
display: flex;
gap: 20px;
padding: 15px 0;
}

.scrolling-wrap .comm {
display: flex;
align-items: center;
animation: scroll 60s linear infinite;
gap: 20px;
cursor: pointer;
}

.scrolling-wrap .comm .cmn-textslide {
font-size: 16px;
font-weight: 500;
line-height: 32px;
text-transform: capitalize;
color: var(--white);
/* font-family: "Prata", sans-serif; */
/* font-family: "Cairo", sans-serif; */
font-family: "Tajawal", sans-serif;

display: flex;
align-items: center;
gap: 20px;
}

.scrolling-wrap .comm .cmn-textslide i {
font-size: 21px;
}

.scrolling-wrap .comm .cmn-textslide.text-color-2 {
color: var(--header);
}

.scrolling-wrap:hover .comm {
animation-play-state: paused;
}

@media (max-width: 1399px) {
.scrolling-wrap .comm {
gap: 20px;
}
}

@media (max-width: 991px) {
.scrolling-wrap {
gap: 14px;
}
.scrolling-wrap .comm {
gap: 14px;
}
}

@media (max-width: 575px) {
.scrolling-wrap .comm {
gap: 12px;
}
}

@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}

@keyframes scrolly {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-60%);
}
}

@keyframes scrolls {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}

/*# sourceMappingURL=main.css.map */
.testimonial-main-ber .testimonial-card-items .icon {
color: var(--theme);
margin-bottom: 20px;
}

.testimonial-main-ber .testimonial-card-items .content p {
font-size: 36px;
font-weight: 400;
color: var(--bg);
line-height: 133%;
}

@media (max-width: 1399px) {
.testimonial-main-ber .testimonial-card-items .content p {
font-size: 30px;
}
}

@media (max-width: 991px) {
.testimonial-main-ber .testimonial-card-items .content p {
font-size: 26px;
}
}

@media (max-width: 767px) {
.testimonial-main-ber .testimonial-card-items .content p {
font-size: 22px;
}
}

@media (max-width: 575px) {
.testimonial-main-ber .testimonial-card-items .content p {
font-size: 18px;
}
}

.testimonial-main-ber .testimonial-card-items .content .info-text {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 40px;
}

.testimonial-main-ber .testimonial-card-items .content .info-text .text h3 {
color: var(--theme);
}

.testimonial-main-ber .testimonial-card-items .content .info-text .text span {
color: var(--bg);
}

.testimonial-main-ber .testimonial-card-items .content .info-text .star {
color: var(--theme);
font-size: 24px;
}

.testimonial-section3 {
position: relative;
}

.testimonial-section3:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: rgba(24, 24, 24, 0.96);
}

.testimonial-section3::after {
position: absolute;
content: "";
border: 1px solid rgba(255, 255, 255, 0.2);
top: 0;
left: 27%;
height: 72%;
width: 1px;
}

@media (max-width: 1399px) {
.testimonial-section3::after {
display: none;
}
}

.testimonial-section3 .array-button {
position: relative;
}

.testimonial-section3 .array-button .array-prev {
background-color: var(--white);
color: var(--header);
}

.testimonial-section3 .array-button .array-next {
background-color: var(--white);
color: var(--header);
}

.team-card-items {
margin-top: 30px;
}

.team-card-items .team-image {
position: relative;
}

.team-card-items .team-image img {
width: 100%;
height: 100%;
}

.team-card-items .team-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background: linear-gradient(
0deg,
rgba(24, 24, 24, 0.9) 17.39%,
rgba(24, 24, 24, 0) 100%
);
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}

.team-card-items .team-image .team-social {
position: absolute;
left: 50%;
bottom: -30px;
transform: translateX(-50%);
transition: all 0.4s ease-in-out;
opacity: 0;
visibility: hidden;
display: flex;
align-items: center;
gap: 10px;
}

.team-card-items .team-image .team-social a {
width: 32px;
height: 32px;
line-height: 32px;
display: inline-block;
text-align: center;
color: var(--white);
border: 1px solid var(--white);
border-radius: 100px;
}

.team-card-items .team-image .team-social a:hover {
background-color: var(--theme);
border: 1px solid var(--theme);
}

.team-card-items .team-content {
background: var(--bg);
padding: 28px 0;
text-align: center;
}

.team-card-items .team-content h4 a:hover {
color: var(--theme);
}

.team-card-items.style-2 {
margin-top: 90px;
}

@media (max-width: 1399px) {
.team-card-items.style-2 {
margin-top: 30px;
}
}

.team-card-items:hover .team-image::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
opacity: 1;
visibility: visible;
}

.team-card-items:hover .team-image .team-social {
opacity: 1;
visibility: visible;
bottom: 30px;
z-index: 9;
}

.team-main-item {
position: relative;
overflow: hidden;
margin-top: 30px;
}

.team-main-item .team-card-item2 {
transition: all 0.4s ease-in-out;
width: 100%;
height: 100%;
}

.team-main-item .team-card-item2 .team-image img {
width: 100%;
height: 100%;
}

.team-main-item .team-content-hover {
padding: 28px;
background: linear-gradient(
0deg,
rgba(182, 140, 90, 0.95) 0%,
rgba(182, 140, 90, 0.95) 100%
);
transition: all 200ms linear;
top: 0;
right: -100%;
position: absolute;
opacity: 0;
visibility: hidden;
width: 100%;
height: 100%;
}

.team-main-item .team-content-hover h4 {
margin-bottom: 5px;
}

.team-main-item .team-content-hover h4 a {
color: var(--white);
}

.team-main-item .team-content-hover span {
color: var(--bg);
}

.team-main-item .team-content-hover p {
margin-top: 10px;
font-weight: 400;
color: var(--bg);
}

.team-main-item .team-content-hover .team-social {
display: flex;
align-items: center;
gap: 10px;
margin-top: 90px;
}

.team-main-item .team-content-hover .team-social a {
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
text-align: center;
color: var(--white);
border: 1px solid var(--white);
border-radius: 100px;
}

.team-main-item .team-content-hover .team-social a:hover {
background-color: var(--theme);
border: 1px solid var(--theme);
}

.team-main-item:hover .team-card-item2 {
opacity: 0;
visibility: hidden;
}

.team-main-item:hover .team-content-hover {
opacity: 1;
visibility: visible;
right: 0;
}

.team-section {
position: relative;
}

.team-section .dot-shape {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}

.team-details-wrapper .thumb {
max-width: 563px;
}

.team-details-wrapper .thumb img {
width: 100%;
height: 100%;
}

.team-details-wrapper .details-content span {
font-size: 22px;
color: var(--theme);
display: inline-block;
margin-bottom: 20px;
}

.team-details-wrapper .details-content p {
font-size: 18px;
color: var(--header);
}

.team-details-wrapper .details-content .list {
margin-top: 30px;
}

.team-details-wrapper .details-content .list li {
color: #1c1d20;
}

.team-details-wrapper .details-content .list li:not(:last-child) {
margin-bottom: 10px;
}

.team-details-wrapper .details-content .list li i {
color: var(--header);
margin-right: 5px;
}

.team-details-wrapper .details-content .social-icon {
margin-top: 40px;
display: flex;
align-items: center;
gap: 10px;
}

.team-details-wrapper .details-content .social-icon a {
width: 44px;
height: 44px;
line-height: 44px;
display: inline-block;
text-align: center;
color: var(--white);
background-color: var(--header);
border-radius: 100px;
transition: all 0.4s ease-in-out;
}

.team-details-wrapper .details-content .social-icon a:hover {
background-color: var(--theme);
}

.team-details-wrapper .details-info-items {
margin-top: 100px;
}

.team-details-wrapper .details-info-items .info-content h4 {
margin-bottom: 30px;
}

.team-details-wrapper .details-info-items .progress-area {
margin-left: 30px;
}

@media (max-width: 1199px) {
.team-details-wrapper .details-info-items .progress-area {
margin-left: 0;
}
}

.team-details-wrapper .details-info-items .progress-area h4 {
margin-bottom: 20px;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items {
width: 100%;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items:not(:last-child) {
margin-bottom: 20px;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.pro-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.pro-head
.title {
font-size: 16px;
font-weight: 500;
color: #1c1d20;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.pro-head
.point {
font-size: 16px;
color: var(--header);
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.progress {
background: var(--bg);
justify-content: flex-start;
border-radius: 0px;
align-items: center;
position: relative;
display: flex;
height: 10px;
width: 100%;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.progress-value {
animation: load 3s normal forwards;
border-radius: 0;
background: var(--theme);
height: 10px;
width: 0;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.style-two {
animation: load2 3s normal forwards;
}

.team-details-wrapper
.details-info-items
.progress-area
.progress-wrap
.pro-items
.style-three {
animation: load3 3s normal forwards;
}

@keyframes load {
0% {
width: 0;
}
100% {
width: 90%;
}
}

@keyframes load2 {
0% {
width: 0;
}
100% {
width: 70%;
}
}

@keyframes load3 {
0% {
width: 0;
}
100% {
width: 55%;
}
}

.scrolling-wrap {
overflow: hidden;
white-space: nowrap;
display: flex;
gap: 20px;
padding: 15px 0;
}

.scrolling-wrap .comm {
display: flex;
align-items: center;
animation: scroll 60s linear infinite;
gap: 20px;
cursor: pointer;
}

.scrolling-wrap .comm .cmn-textslide {
font-size: 16px;
font-weight: 500;
line-height: 32px;
text-transform: capitalize;
color: var(--white);
/* font-family: "Prata", sans-serif; */
/* font-family: "Cairo", sans-serif; */
font-family: "Tajawal", sans-serif;

display: flex;
align-items: center;
gap: 20px;
}

.scrolling-wrap .comm .cmn-textslide i {
font-size: 21px;
}

.scrolling-wrap .comm .cmn-textslide.text-color-2 {
color: var(--header);
}

.scrolling-wrap:hover .comm {
animation-play-state: paused;
}

@media (max-width: 1399px) {
.scrolling-wrap .comm {
gap: 20px;
}
}

@media (max-width: 991px) {
.scrolling-wrap {
gap: 14px;
}
.scrolling-wrap .comm {
gap: 14px;
}
}

@media (max-width: 575px) {
.scrolling-wrap .comm {
gap: 12px;
}
}

@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}

@keyframes scrolly {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-60%);
}
}

@keyframes scrolls {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}

/*# sourceMappingURL=main.css.map */