/*==========

Theme Name: CONSULT VITTARTH LLP

==========*/
/*==========
----- CSS INDEX -----
1.Common CSS
2.Loader CSS
3.Header CSS
4.Banner CSS
5.Features CSS
6.About Us CSS
7.Case Study CSS
8.Our Services CSS
9.Our Skills CSS
10.Clients We Serve CSS
11.Testimonials CSS
12.Special Team CSS
13.Subscribe CSS
14.FAQ CSS
15.Counter CSS
16.Blog CSS
17.Footer CSS
18.Scroll To Top CSS
19.About Us Page CSS
20.Services Page CSS
21.Service Detail Page CSS
22.Case Study Page CSS
23.Case Study Detail Page CSS
24.Our Team Page CSS
25.Team Detail Page CSS
26.Our Pricing Page CSS
27.FAQ Page CSS
28.Blog Grid Page CSS
29.Blog List Page CSS
30.Blog Detail Page CSS
31.404 Error Page CSS
32.Contact Us Page CSS
33.Responsive CSS
==========*/

/*==========Common CSS Start==========*/
:root {
    --primary-color: #003399;
    --primary-shadow: 0px 4px 30px -1px rgb(0 51 153 / 40%);
    --secondary-color: #00091c;
    --secondary-shadow: 0px 4px 20px -1px #00091c;
    --gradient-color: linear-gradient(to right, #003399, #145ae7);
    --gradient-color2: linear-gradient(to left, #003399, #145ae7);
    --common-color: #666666;
    --bg-color: #f5f9ff;
    --gray-color: #C4C4C4;
    --white-color: #ffffff;
    --black-color: #000000;
    --yellow-color: #FFC107;
    --red-color: #BA2D2D;
    --green-color: #319609;
    --dark-color: #00091c;
    --overlay-color: linear-gradient(180deg, rgba(0, 0, 0, 0) 80%, #000 300%);
    --body-font: "Poppins", sans-serif;
    --title-font: "PT Serif", serif;
    --spacing: 120px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    width: 100vw;
    font-family: var(--body-font);
    overflow-x: hidden !important;
    font-size: 15px;
    line-height: 25px;
    color: var(--common-color);
    background-image: url(../images/body-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow-x: hidden;
}

body.fixed {
    position: fixed;
    top: 0;
    height: 100vh;
    overflow: hidden;
}

.main {
    width: 100vw;
    overflow-x: hidden !important;
    position: relative;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

section {
    position: relative;
}

input,
input:focus,
input:hover,
button,
button:hover,
button:focus {
    outline: none;
}

img {
    width: auto;
    height: auto;
    max-width: 100%;
}

p {
    font-size: 15px;
    line-height: 25px;
    color: var(--common-color);
    font-weight: normal;
    margin-bottom: 25px;
}

p:last-child {
    margin-bottom: 0;
}

.title {
    text-align: center;
    margin-bottom: 45px;
}

.title.left {
    text-align: left;
}

.title p {
    margin-top: 25px;
}

.sub-title {
    font-size: 22px;
    line-height: 29px;
    color: var(--primary-color);
    font-family: var(--title-font);
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px;
}

.h1-title {
    font-size: 70px;
    line-height: 85px;
    color: var(--secondary-color);
    font-weight: bold;
    font-family: var(--title-font);
    text-transform: capitalize;
    margin-bottom: 18px;
}

.h2-title {
    font-size: 50px;
    line-height: 65px;
    font-weight: bold;
    color: var(--secondary-color);
    font-family: var(--title-font);
    text-transform: capitalize;
    margin-bottom: 30px;
    position: relative;
}

.h3-title {
    font-size: 50px;
    line-height: 60px;
    color: var(--secondary-color);
    font-weight: bold;
    font-family: var(--title-font);
    text-transform: capitalize;
    margin-bottom: 25px;
}

.h4-title {
    font-size: 25px;
    line-height: 35px;
    color: var(--secondary-color);
    font-weight: bold;
    font-family: var(--title-font);
    margin-bottom: 0;
}

h5, h6 {
    color: var(--primary-color);
    font-weight: bold;
}

.sec-btn {
    height: 55px;
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 32px;
    background: var(--gradient-color);
    border-radius: 40px;
    overflow: hidden;
    position: relative;
    border: none;
    outline: none;
    transition: 0.5s;
}

.sec-btn:hover {
    color: #ffffff;
    box-shadow: var(--primary-shadow);
}

.sec-btn:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(0);
    width: 110%;
    height: 110%;
    background: var(--gradient-color2);
    border-radius: 40px;
    opacity: 0;
    transition: 0.5s;
    z-index: 0;
}

.sec-btn:hover:before {
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
}

.sec-btn span {
    position: relative;
    z-index: 1;
}

.sec-btn span i {
    margin-left: 10px;
}

.sec-btn.btn-secondary {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    color: #ffffff;
}

.sec-btn.btn-secondary::before {
    display: none;
}

.sec-btn.big {
    width: 200px;
    height: 60px;
    padding: 17px 5px;
}

.sec-btn span {
    position: relative;
    display: inline-block;
    z-index: 1;
}

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

.whatsapp-btn {
    display: inline-block;
    font-size: 45px;
    line-height: 1;
    color: var(--green-color);
    vertical-align: middle;
}

.whatsapp-btn:hover {
    --hover_color: color-mix(in srgb, var(--green-color), black 30%);
    color: var(--hover_color);
}

.rotate-btn {
    width: 121px;
    aspect-ratio: 1/1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    line-height: 1;
    color: var(--secondary-color);
    transition: 0.3s;
}

.rotate-btn:hover {
    color: var(--primary-color);
}

.rotate-btn:before {
    content: attr(title);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    --mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI0IiBoZWlnaHQ9IjEyMiIgdmlld0JveD0iMCAwIDEyNCAxMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00Ny4wMjI5IDEwOC4wMjFDNDYuNDg2NiAxMDcuNzUxIDQ2LjEwMjUgMTA3LjMzMyA0NS44NzA3IDEwNi43NjdDNDUuNjM4OCAxMDYuMiA0NS42MDg5IDEwNS42MTkgNDUuNzgxIDEwNS4wMjNDNDUuOTM2NCAxMDQuNDg1IDQ2LjIwODMgMTA0LjA0OSA0Ni41OTY3IDEwMy43MTNDNDYuOTcyNiAxMDMuMzg1IDQ3LjQ0MzcgMTAzLjE3NyA0OC4wMDk5IDEwMy4wOTFDNDguNTc2MSAxMDMuMDA1IDQ5LjIwMDIgMTAzLjA2IDQ5Ljg4MjMgMTAzLjI1N0w1NC4yMTk5IDEwNC41MUw1MS4zMTQxIDExNC41NjlMNDcuMTYzOCAxMTMuMzdDNDYuNDgxNyAxMTMuMTczIDQ1LjkyNzYgMTEyLjg5MyA0NS41MDE0IDExMi41MzFDNDUuMDY1NyAxMTIuMTY1IDQ0Ljc3OTggMTExLjc1IDQ0LjY0MzkgMTExLjI4NEM0NC40OTgyIDExMC44MTUgNDQuNDk3NiAxMTAuMzMxIDQ0LjY0MTkgMTA5LjgzMUM0NC44MTEyIDEwOS4yNDUgNDUuMTExMyAxMDguODAxIDQ1LjU0MjEgMTA4LjQ5OEM0NS45NjMzIDEwOC4xOTMgNDYuNDU2OSAxMDguMDM0IDQ3LjAyMjkgMTA4LjAyMVpNNTAuNDk1NiAxMDkuODM2TDQ4LjY1MSAxMDkuMzAzQzQ4LjE3MDYgMTA5LjE2NCA0Ny43NzAyIDEwOS4xNjMgNDcuNDQ5OCAxMDkuMjk5QzQ3LjEyNjUgMTA5LjQ0NSA0Ni45MDY3IDEwOS43MiA0Ni43OTAxIDExMC4xMjRDNDYuNjczNSAxMTAuNTI3IDQ2LjcxMyAxMTAuODc3IDQ2LjkwODYgMTExLjE3M0M0Ny4xMDQxIDExMS40NjkgNDcuNDQyMSAxMTEuNjg2IDQ3LjkyMjQgMTExLjgyNUw0OS43NjcgMTEyLjM1OEw1MC40OTU2IDEwOS44MzZaTTQ5LjY5NTkgMTA0Ljk4M0M0OS4yMDYgMTA0Ljg0MiA0OC43OTMyIDEwNC44NDcgNDguNDU3NiAxMDVDNDguMTEyMyAxMDUuMTUgNDcuODc4NyAxMDUuNDM3IDQ3Ljc1NjYgMTA1Ljg1OUM0Ny42MzE3IDEwNi4yOTIgNDcuNjc4NiAxMDYuNjcgNDcuODk3NSAxMDYuOTkzQzQ4LjExMzUgMTA3LjMyNiA0OC40NjY1IDEwNy41NjMgNDguOTU2NSAxMDcuNzA1TDUwLjk0NTIgMTA4LjI3OUw1MS43Mjc4IDEwNS41N0w0OS42OTU5IDEwNC45ODNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzMuODMxOSAxMDUuMzUxTDM1LjMwNjYgMTAzLjE3OUwzMi4zOTA0IDEwMS4xOTlMMzMuMzI1OCA5OS44MjEzTDM2LjI0MiAxMDEuODAyTDM3LjgwMDkgOTkuNTA1OUwzNC41MTI1IDk3LjI3MjhMMzUuNDczMiA5NS44NTgyTDQwLjQ5ODkgOTkuMjcxTDM0LjYwODUgMTA3Ljk0NUwyOS41ODI4IDEwNC41MzJMMzAuNTQzNCAxMDMuMTE4TDMzLjgzMTkgMTA1LjM1MVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yOC4zODgzIDg4LjQ2NTFDMjguODM1MyA4OS4wNDIyIDI5LjE0MDYgODkuNjQwNiAyOS4zMDQyIDkwLjI2MDFDMjkuNDYxNiA5MC44NzE4IDI5LjQ1ODYgOTEuNDU1OSAyOS4yOTUyIDkyLjAxMjVDMjkuMTMxOCA5Mi41NjkxIDI4LjgwMDEgOTMuMDQ3MiAyOC4zMDAyIDkzLjQ0N0wyNi45MjI2IDkxLjY2ODFDMjcuMjQ0MiA5MS4zODExIDI3LjQyMTIgOTEuMDU0MyAyNy40NTM1IDkwLjY4NzdDMjcuNDc5OCA5MC4zMTMzIDI3LjM0NTkgODkuOTM2MyAyNy4wNTIgODkuNTU2OEMyNi43NTIgODkuMTY5NCAyNi40MjU0IDg4LjkzNTQgMjYuMDcyMSA4OC44NTQ4QzI1LjcxMDkgODguNzgwNCAyNS4zODAxIDg4Ljg1OTUgMjUuMDc5NiA4OS4wOTIyQzI0LjgzNDUgODkuMjgyIDI0LjY5MTEgODkuNTEzMiAyNC42NDkzIDg5Ljc4NTlDMjQuNjA3NSA5MC4wNTg2IDI0LjYzMTkgOTAuMzQzMiAyNC43MjI1IDkwLjYzOTlDMjQuNzk5IDkwLjkzNDcgMjQuOTM1IDkxLjMyMjcgMjUuMTMwNSA5MS44MDM3QzI1LjM4ODcgOTIuNDYzOCAyNS41NzQzIDkzLjAyMiAyNS42ODc0IDkzLjQ3ODNDMjUuNzg2NCA5My45MzI5IDI1Ljc3NjcgOTQuNDAyMSAyNS42NTgxIDk0Ljg4NkMyNS41MjU1IDk1LjM2ODEgMjUuMTk4MyA5NS44MTEyIDI0LjY3NjUgOTYuMjE1M0MyNC4xODYzIDk2LjU5NDkgMjMuNjY0NSA5Ni44MDI5IDIzLjExMSA5Ni44Mzk1QzIyLjU1NzQgOTYuODc2IDIyLjAxNDQgOTYuNzQ2NCAyMS40ODE4IDk2LjQ1MDZDMjAuOTQxMiA5Ni4xNjA5IDIwLjQ1MDUgOTUuNzMxNCAyMC4wMDk3IDk1LjE2MjFDMTkuMzQ4NCA5NC4zMDgzIDE5LjAyMjIgOTMuNDU0MiAxOS4wMzEgOTIuNTk5OUMxOS4wMjU4IDkxLjc0MzkgMTkuMzczNCA5MS4wMDA1IDIwLjA3MzcgOTAuMzY5NkwyMS40ODgxIDkyLjE5NkMyMS4yMTU3IDkyLjQzMjIgMjEuMDc3NCA5Mi43MzU0IDIxLjA3MzEgOTMuMTA1NUMyMS4wNTQ4IDkzLjQ3MzggMjEuMTg5NSA5My44NDM4IDIxLjQ3NzMgOTQuMjE1NEMyMS43MjgzIDk0LjUzOTYgMjIuMDEzNCA5NC43MzYyIDIyLjMzMjUgOTQuODA1M0MyMi42NDU0IDk0Ljg2NjQgMjIuOTYwMSA5NC43NzQ2IDIzLjI3NjMgOTQuNTI5N0MyMy40OTc3IDk0LjM1ODIgMjMuNjI4NCA5NC4xNDMyIDIzLjY2ODQgOTMuODg0NUMyMy42OTQ0IDkzLjYyNDEgMjMuNjcyMiA5My4zNTA0IDIzLjYwMTcgOTMuMDYzNUMyMy41MTczIDkyLjc3NDcgMjMuMzgxMyA5Mi4zODY4IDIzLjE5MzcgOTEuODk5NkMyMi45MzU1IDkxLjIzOTUgMjIuNzUzOCA5MC42NzgzIDIyLjY0ODcgOTAuMjE1OEMyMi41NDM1IDg5Ljc1MzQgMjIuNTU0MiA4OS4yNzcyIDIyLjY4MDYgODguNzg3MkMyMi44MDcxIDg4LjI5NzIgMjMuMTI3MyA4Ny44NTMyIDIzLjY0MTIgODcuNDU1MkMyNC4wODQgODcuMTEyMyAyNC41ODM5IDg2LjkwODYgMjUuMTQwOSA4Ni44NDRDMjUuNjk4IDg2Ljc3OTQgMjYuMjYyNiA4Ni44Nzk3IDI2LjgzNDggODcuMTQ0OUMyNy4zOTkgODcuNDE2MiAyNy45MTY5IDg3Ljg1NjMgMjguMzg4MyA4OC40NjUxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEwLjI3MzUgNzUuNzY3OEwxMS44NzU3IDc1LjIxNDhMMTIuNzg2IDc3Ljg1MjFMMjEuMDgwOCA3NC45ODkxTDIxLjc2NiA3Ni45NzQxTDEzLjQ3MTIgNzkuODM3MkwxNC4zODE1IDgyLjQ3NDVMMTIuNzc5MiA4My4wMjc1TDEwLjI3MzUgNzUuNzY3OFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMS40OTU5IDU5LjA5MDZDMTAuNDk5OSA1OC44MjgxIDkuNjY4ODUgNTguMzcxMyA5LjAwMjgyIDU3LjcyMDFDOC4zMjk2NiA1Ny4wNTY2IDcuODc3NDQgNTYuMjgwOCA3LjY0NjE3IDU1LjM5MjVDNy40MDc3NyA1NC40OTIgNy40MTU5OSA1My41NTgzIDcuNjcwODIgNTIuNTkxM0M3Ljk2ODk4IDUxLjQ1OTkgOC41MjAyOCA1MC41NDUyIDkuMzI0NzIgNDkuODQ3MkMxMC4xMjkyIDQ5LjE0OTEgMTEuMDg4NSA0OC43NjU5IDEyLjIwMjcgNDguNjk3NkwxMS41ODczIDUxLjAzMjlDMTEuMDQyNiA1MS4xMzc2IDEwLjU5MzMgNTEuMzcwOCAxMC4yMzk1IDUxLjczMjVDOS44ODgxNSA1Mi4wODQ2IDkuNjM5ODYgNTIuNTM2MyA5LjQ5NDYgNTMuMDg3NEM5LjMzOTE1IDUzLjY3NzMgOS4zNDA0OCA1NC4yNDEzIDkuNDk4NTkgNTQuNzc5M0M5LjY0OTU3IDU1LjMwNTIgOS45NDIwOCA1NS43NjQ5IDEwLjM3NjEgNTYuMTU4NUMxMC44MTI3IDU2LjU0MjQgMTEuMzY5NCA1Ni44MjM2IDEyLjA0NjMgNTcuMDAxOUMxMi43MTM1IDU3LjE3NzggMTMuMzM2NSA1Ny4yMDc1IDEzLjkxNTMgNTcuMDkxMkMxNC40ODY5IDU2Ljk2MjYgMTQuOTcyOCA1Ni43MDggMTUuMzczIDU2LjMyNzRDMTUuNzY2MSA1NS45MzQ2IDE2LjA0MDQgNTUuNDQzMyAxNi4xOTU4IDU0Ljg1MzRDMTYuMzQxMSA1NC4zMDIzIDE2LjM0NzYgNTMuNzg2OSAxNi4yMTU0IDUzLjMwNzRDMTYuMDc2MSA1Mi44MTU3IDE1Ljc5NTMgNTIuMzkwMSAxNS4zNzMgNTIuMDMwNkwxNS45ODg0IDQ5LjY5NTNDMTYuOTMzOSA1MC4zMDY0IDE3LjU4NDYgNTEuMTEzOSAxNy45NDA2IDUyLjExNzdDMTguMjg5NCA1My4xMDk0IDE4LjMxMzQgNTQuMTc1NyAxOC4wMTI3IDU1LjMxNjdDMTcuNzU3OSA1Ni4yODM3IDE3LjMwOTcgNTcuMTAxNSAxNi42NjgxIDU3Ljc3MDFDMTYuMDE5NSA1OC40MjY1IDE1LjI0MzYgNTguODc4NyAxNC4zNDA2IDU5LjEyNjdDMTMuNDQwMSA1OS4zNjUxIDEyLjQ5MTkgNTkuMzUzMSAxMS40OTU5IDU5LjA5MDZaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjIuNzg0NiA0MS41OTc1QzIyLjMxODEgNDIuNDU5MyAyMS42ODc1IDQzLjE0MTQgMjAuODkyNiA0My42NDM2QzIwLjA5NzggNDQuMTQ1OCAxOS4yMjk5IDQ0LjQxNTIgMTguMjg5MSA0NC40NTE4QzE3LjMzOTUgNDQuNDgzNiAxNi40MTE3IDQ0LjI1NDQgMTUuNTA1OSA0My43NjQyQzE0LjYwODkgNDMuMjc4NyAxMy45MTg0IDQyLjYzMjEgMTMuNDM0NSA0MS44MjQ0QzEyLjk0MTggNDEuMDEyIDEyLjY4ODMgNDAuMTM1NyAxMi42NzQxIDM5LjE5NTZDMTIuNjU5OCAzOC4yNTU1IDEyLjg4NTkgMzcuMzU0NSAxMy4zNTI0IDM2LjQ5MjdDMTMuODIzNiAzNS42MjIgMTQuNDU0MiAzNC45NCAxNS4yNDQzIDM0LjQ0NjVDMTYuMDM5MiAzMy45NDQzIDE2LjkwOSAzMy42ODE3IDE3Ljg1MzkgMzMuNjU4NkMxOC43OTQ3IDMzLjYyMiAxOS43MTM2IDMzLjg0NjUgMjAuNjEwNyAzNC4zMzJDMjEuNTE2NSAzNC44MjIyIDIyLjIxNTggMzUuNDczNiAyMi43MDg1IDM2LjI4NkMyMy4xOTcyIDM3LjA4NDkgMjMuNDQ4NiAzNy45NTQ0IDIzLjQ2MjkgMzguODk0NUMyMy40NzcxIDM5LjgzNDYgMjMuMjUxIDQwLjczNTYgMjIuNzg0NiA0MS41OTc1Wk0yMS4xMzU2IDQwLjcwNUMyMS40MzU0IDQwLjE1MDkgMjEuNTc2NSAzOS41OTYyIDIxLjU1ODcgMzkuMDQwOEMyMS41MzIxIDM4LjQ4MDYgMjEuMzUgMzcuOTU1NyAyMS4wMTI0IDM3LjQ2NkMyMC42NzQ4IDM2Ljk3NjIgMjAuMTk4MiAzNi41NjQ4IDE5LjU4MjYgMzYuMjMxNkMxOC45NjcgMzUuODk4NCAxOC4zNjYyIDM1LjcyNjggMTcuNzgwNCAzNS43MTY4QzE3LjE4NTggMzUuNzAyIDE2LjY1MTEgMzUuODM5IDE2LjE3NjQgMzYuMTI3OUMxNS43MDE3IDM2LjQxNjcgMTUuMzE0NCAzNi44MzgyIDE1LjAxNDUgMzcuMzkyMkMxNC43MTQ3IDM3Ljk0NjMgMTQuNTcxMyAzOC41MDU0IDE0LjU4NDMgMzkuMDY5NkMxNC42MDIxIDM5LjYyNTEgMTQuNzc5OCA0MC4xNDc2IDE1LjExNzQgNDAuNjM3M0MxNS40NDYyIDQxLjEyMjMgMTUuOTE4NCA0MS41MzE0IDE2LjUzNCA0MS44NjQ2QzE3LjE0OTYgNDIuMTk3NyAxNy43NTQ3IDQyLjM3MTcgMTguMzQ5NCA0Mi4zODY1QzE4Ljk0NCA0Mi40MDE0IDE5LjQ4MzEgNDIuMjY2NyAxOS45NjY2IDQxLjk4MjZDMjAuNDQ2MSA0MS42ODQ5IDIwLjgzNTcgNDEuMjU5MSAyMS4xMzU2IDQwLjcwNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zNC4xODY5IDI2LjUwODJMMzIuNjUyNSAyNy45NDJMMjQuMjcyNyAyNS45Mzg5TDI5LjE3ODQgMzEuMTg4NUwyNy42NDQgMzIuNjIyM0wyMC40ODUyIDI0Ljk2MTZMMjIuMDE5NSAyMy41Mjc4TDMwLjQwOTYgMjUuNTQxOEwyNS40OTM3IDIwLjI4MTNMMjcuMDI4IDE4Ljg0NzRMMzQuMTg2OSAyNi41MDgyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQxLjUwMDIgMjIuMTc5OUM0MC44Njg0IDIyLjU0NTYgNDAuMjM0NiAyMi43NjgxIDM5LjU5ODcgMjIuODQ3M0MzOC45NzE1IDIyLjkyMTYgMzguMzkzIDIyLjg0MDUgMzcuODYzMyAyMi42MDRDMzcuMzMzNiAyMi4zNjc2IDM2LjkwNDEgMjEuOTc1IDM2LjU3NDggMjEuNDI2MUwzOC41MjIgMjAuMjk4OEMzOC43NjM0IDIwLjY1NiAzOS4wNjM2IDIwLjg3NTEgMzkuNDIyNSAyMC45NTYxQzM5Ljc5MDEgMjEuMDMyMiA0MC4xODE2IDIwLjk1IDQwLjU5NyAyMC43MDk2QzQxLjAyMTEgMjAuNDY0MSA0MS4yOTY2IDIwLjE3MTcgNDEuNDIzNyAxOS44MzIzQzQxLjU0NTggMTkuNDg0MyA0MS41MTE3IDE5LjE0NTkgNDEuMzIxMyAxOC44MTdDNDEuMTY2IDE4LjU0ODcgNDAuOTU2IDE4LjM3NTcgNDAuNjkxNCAxOC4yOTc4QzQwLjQyNjcgMTguMjE5OSA0MC4xNDE0IDE4LjIwNTkgMzkuODM1MyAxOC4yNTZDMzkuNTMyOSAxOC4yOTI1IDM5LjEzMDIgMTguMzc1MyAzOC42MjczIDE4LjUwNDdDMzcuOTM4NiAxOC42NzIzIDM3LjM2MDYgMTguNzgxNiAzNi44OTMzIDE4LjgzMjZDMzYuNDI5NiAxOC44Njk5IDM1Ljk2NTkgMTguNzk3NCAzNS41MDIyIDE4LjYxNTJDMzUuMDQyMiAxOC40MTkzIDM0LjY0NjggMTguMDM1OCAzNC4zMTYyIDE3LjQ2NDZDMzQuMDA1NiAxNi45MjggMzMuODY5MiAxNi4zODMgMzMuOTA3IDE1LjgyOTZDMzMuOTQ0OCAxNS4yNzYyIDM0LjE0NiAxNC43NTU0IDM0LjUxMDQgMTQuMjY3MUMzNC44Njk4IDEzLjc3MDIgMzUuMzYxIDEzLjM0MTQgMzUuOTg0MiAxMi45ODA2QzM2LjkxODggMTIuNDM5NiAzNy44MDg5IDEyLjIzMDUgMzguNjU0MiAxMi4zNTM1QzM5LjUwMzMgMTIuNDYyOSA0MC4xOTM1IDEyLjkwNjggNDAuNzI1MSAxMy42ODUzTDM4LjcyNTkgMTQuODQyNkMzOC41MjgyIDE0LjU0MSAzOC4yNDYzIDE0LjM2MzQgMzcuODgwMSAxNC4zMDk2QzM3LjUxNzUgMTQuMjQyMiAzNy4xMzI4IDE0LjMyNjIgMzYuNzI2MSAxNC41NjE3QzM2LjM3MTIgMTQuNzY3MSAzNi4xMzgyIDE1LjAyMzMgMzYuMDI3MSAxNS4zMzAzQzM1LjkyNDYgMTUuNjMyMyAzNS45NzM1IDE1Ljk1NjMgMzYuMTczOSAxNi4zMDI1QzM2LjMxNDIgMTYuNTQ0OCAzNi41MDk4IDE2LjcwMzEgMzYuNzYwOCAxNi43Nzc0QzM3LjAxNTQgMTYuODM4IDM3LjI4OTYgMTYuODUyNiAzNy41ODM0IDE2LjgyMTJDMzcuODgwOSAxNi43NzYxIDM4LjI4MzUgMTYuNjkzMiAzOC43OTE0IDE2LjU3MjVDMzkuNDgwMSAxNi40MDQ5IDQwLjA2MDYgMTYuMyA0MC41MzMgMTYuMjU3NkM0MS4wMDUzIDE2LjIxNTMgNDEuNDc1OCAxNi4yODk1IDQxLjk0NDUgMTYuNDgwNEM0Mi40MTMyIDE2LjY3MTMgNDIuODEwNCAxNy4wNDggNDMuMTM2IDE3LjYxMDVDNDMuNDE2NiAxOC4wOTUyIDQzLjU1MTYgMTguNjE3OSA0My41NDExIDE5LjE3ODZDNDMuNTMwNiAxOS43MzkzIDQzLjM1NTcgMjAuMjg1NCA0My4wMTYzIDIwLjgxNjlDNDIuNjcxOSAyMS4zMzk4IDQyLjE2NjYgMjEuNzk0MSA0MS41MDAyIDIyLjE3OTlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNDguNDQwMyA4LjI3NDg0TDQ5Ljc4MDcgMTQuNjE0N0M0OS45Mjc1IDE1LjMwOTMgNTAuMjIxMyAxNS44MDQzIDUwLjY2MTkgMTYuMDk5NUM1MS4xMDA0IDE2LjM4NSA1MS42NDc0IDE2LjQ1ODQgNTIuMzAyOSAxNi4zMTk5QzUyLjk2ODIgMTYuMTc5MiA1My40NDM2IDE1Ljg4OTYgNTMuNzI5MSAxNS40NTExQzU0LjAxMjUgMTUuMDAyOCA1NC4wODA3IDE0LjQzMTMgNTMuOTMzOSAxMy43MzY2TDUyLjU5MzUgNy4zOTY3OEw1NC42NjI4IDYuOTU5M0w1NiAxMy4yODQ1QzU2LjE4NDEgMTQuMTU1MiA1Ni4xNDk1IDE0LjkzNDIgNTUuODk2MiAxNS42MjE1QzU1LjY1MDYgMTYuMjk2OSA1NS4yNDE5IDE2Ljg1MzUgNTQuNjcgMTcuMjkxMkM1NC4xMDggMTcuNzI2OSA1My40NDA1IDE4LjAyNjUgNTIuNjY3NiAxOC4xODk5QzUxLjkwNDUgMTguMzUxMiA1MS4xNzc4IDE4LjM0NjQgNTAuNDg3NSAxOC4xNzU1QzQ5LjgwNyAxOC4wMDI1IDQ5LjIyMjcgMTcuNjU1OSA0OC43MzQ1IDE3LjEzNTZDNDguMjQ0MyAxNi42MDU2IDQ3LjkwNzEgMTUuOTA1MiA0Ny43MjMgMTUuMDM0NEw0Ni4zODU3IDguNzA5MjJMNDguNDQwMyA4LjI3NDg0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYzLjc1NjEgMTUuNTQxNEw2Ny4xOTQzIDE1LjgyNThMNjcuMDU3MSAxNy40ODUxTDYxLjUyNiAxNy4wMjc3TDYyLjM4ODggNi41OTMzM0w2NC40ODE3IDYuNzY2MzlMNjMuNzU2MSAxNS41NDE0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTgzLjczOTMgMTAuNjgzNkw4My4yMjkxIDEyLjNMODAuNTY4NSAxMS40NjAyTDc3LjkyNzEgMTkuODI4Mkw3NS45MjQ1IDE5LjE5NjFMNzguNTY1OSAxMC44MjgxTDc1LjkwNTMgOS45ODgyNkw3Ni40MTU1IDguMzcxODdMODMuNzM5MyAxMC42ODM2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEwNi4yNTkgMjkuODU4TDEwNC45NTUgMzAuOTQwMUwxMDIuMTY4IDI3LjU4MDRMMTAwLjEwMSAyOS4yOTQ1TDEwMi4yMzcgMzEuODY5MUwxMDAuOTU1IDMyLjkzMjFMOTguODE5OSAzMC4zNTc0TDk1LjQxNCAzMy4xODIzTDk0LjA3MzMgMzEuNTY2TDEwMi4xMzIgMjQuODgxOUwxMDYuMjU5IDI5Ljg1OFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMDMuMTQzIDQ2LjQ1MzdDMTAyLjgwMyA0NS41MzQ2IDEwMi43MDYgNDQuNjEwOCAxMDIuODUzIDQzLjY4MjFDMTAyLjk5OSA0Mi43NTM0IDEwMy4zNjkgNDEuOTIzMyAxMDMuOTYyIDQxLjE5MTlDMTA0LjU2NCA0MC40NTcxIDEwNS4zNDkgMzkuOTEwOSAxMDYuMzE0IDM5LjU1MzNDMTA3LjI3MSAzOS4xOTkxIDEwOC4yMTIgMzkuMTA2NSAxMDkuMTM5IDM5LjI3NTRDMTEwLjA3NCAzOS40NDA5IDExMC45IDM5LjgyODIgMTExLjYxNiA0MC40Mzc1QzExMi4zMzIgNDEuMDQ2OCAxMTIuODYxIDQxLjgxMDkgMTEzLjIwMSA0Mi43M0MxMTMuNTQ1IDQzLjY1ODQgMTEzLjY0MSA0NC41ODIzIDExMy40OTEgNDUuNTAxNkMxMTMuMzQ0IDQ2LjQzMDMgMTEyLjk2OCA0Ny4yNTc0IDExMi4zNjIgNDcuOTgyOEMxMTEuNzY5IDQ4LjcxNDIgMTEwLjk5NSA0OS4yNTY5IDExMC4wMzggNDkuNjExMUMxMDkuMDcyIDQ5Ljk2ODcgMTA4LjEyMSA1MC4wNjQ4IDEwNy4xODYgNDkuODk5M0MxMDYuMjYzIDQ5LjczOTggMTA1LjQ0NCA0OS4zNTU0IDEwNC43MjggNDguNzQ2MUMxMDQuMDExIDQ4LjEzNjkgMTAzLjQ4MyA0Ny4zNzI3IDEwMy4xNDMgNDYuNDUzN1pNMTA0LjkwMSA0NS44MDI3QzEwNS4xMiA0Ni4zOTM1IDEwNS40NDQgNDYuODY1MyAxMDUuODczIDQ3LjIxODNDMTA2LjMxMiA0Ny41Njc3IDEwNi44MjcgNDcuNzc3IDEwNy40MTcgNDcuODQ2MkMxMDguMDA4IDQ3LjkxNTQgMTA4LjYzMiA0Ny44Mjg1IDEwOS4yODggNDcuNTg1NUMxMDkuOTQ1IDQ3LjM0MjQgMTEwLjQ3IDQ3LjAwNCAxMTAuODY0IDQ2LjU3MDNDMTExLjI2NyA0Ni4xMzMxIDExMS41MTcgNDUuNjQwOCAxMTEuNjEzIDQ1LjA5MzRDMTExLjcwOSA0NC41NDYxIDExMS42NDcgNDMuOTc3IDExMS40MjggNDMuMzg2MkMxMTEuMjEgNDIuNzk1NCAxMTAuODg0IDQyLjMxODggMTEwLjQ1MSA0MS45NTY1QzExMC4wMjIgNDEuNjAzNiAxMDkuNTEyIDQxLjM5MjUgMTA4LjkyMSA0MS4zMjMzQzEwOC4zNCA0MS4yNTA3IDEwNy43MjEgNDEuMzM1OSAxMDcuMDY0IDQxLjU3ODlDMTA2LjQwOCA0MS44MjE5IDEwNS44NzggNDIuMTYyMSAxMDUuNDc1IDQyLjU5OTNDMTA1LjA3MiA0My4wMzY1IDEwNC44MTcgNDMuNTMwNSAxMDQuNzEyIDQ0LjA4MTNDMTA0LjYxOSA0NC42MzgxIDEwNC42ODMgNDUuMjExOSAxMDQuOTAxIDQ1LjgwMjdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTA1Ljk3NSA2My4zMDUxTDExMC4wNjggNjEuMDE4OEwxMTAuMDc0IDYwLjAyODhMMTA1Ljk5NCA2MC4wMDUyTDEwNi4wMDYgNTcuOTA1MkwxMTYuNDc2IDU3Ljk2NTdMMTE2LjQ1MyA2MS44OTU3QzExNi40NDggNjIuNzA1NyAxMTYuMjk5IDYzLjM5NDggMTE2LjAwNiA2My45NjMxQzExNS43MjMgNjQuNTMxNSAxMTUuMzM1IDY0Ljk1NDMgMTE0Ljg0NCA2NS4yMzE0QzExNC4zNjIgNjUuNTE4NyAxMTMuODIxIDY1LjY2MDUgMTEzLjIyMSA2NS42NTcxQzExMi41MzEgNjUuNjUzMSAxMTEuOTA4IDY1LjQ0OTUgMTExLjM1IDY1LjA0NjJDMTEwLjgwMiA2NC42NDMxIDExMC40MjYgNjQuMDQ1OSAxMTAuMjIgNjMuMjU0N0wxMDUuOTYxIDY1LjczNTFMMTA1Ljk3NSA2My4zMDUxWk0xMTEuNjQ5IDYwLjAzNzlMMTExLjYzOSA2MS43OTI4QzExMS42MzUgNjIuMzYyOCAxMTEuNzY4IDYyLjc4ODYgMTEyLjAzNiA2My4wNzAyQzExMi4zMTUgNjMuMzUxOCAxMTIuNjk5IDYzLjQ5NCAxMTMuMTg5IDYzLjQ5NjhDMTEzLjY2OSA2My40OTk2IDExNC4wNCA2My4zNjE4IDExNC4zMDEgNjMuMDgzM0MxMTQuNTczIDYyLjgwNDggMTE0LjcxIDYyLjM4MDYgMTE0LjcxNCA2MS44MTA2TDExNC43MjQgNjAuMDU1N0wxMTEuNjQ5IDYwLjAzNzlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTA2LjMzMyA5My4zODRMMTAyLjM0MSA4Ni44MTM0TDk5LjIyNjEgODQuOTE5NkwxMDAuMzE3IDgzLjEyNTNMMTAzLjQzMiA4NS4wMTlMMTExLjExIDg1LjUyNzRMMTA5Ljg3OSA4Ny41NTI0TDEwNC42MjEgODYuOTg4OUwxMDcuNTQ5IDkxLjM4NDZMMTA2LjMzMyA5My4zODRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNODkuMzEzNiA5NS43MjU5QzkwLjA4NTMgOTUuMTIxOSA5MC45MzU4IDk0Ljc0ODMgOTEuODY1IDk0LjYwNTFDOTIuNzk0MiA5NC40NjE5IDkzLjY5NzUgOTQuNTYxMyA5NC41NzQ3IDk0LjkwMzNDOTUuNDU4MSA5NS4yNTMyIDk2LjIxNzIgOTUuODMzNiA5Ni44NTIxIDk2LjY0NDdDOTcuNDgwOCA5Ny40NDc5IDk3Ljg1NTggOTguMzE2NCA5Ny45NzcgOTkuMjUwMUM5OC4xMDQ1IDEwMC4xOTIgOTcuOTg3MSAxMDEuMDk2IDk3LjYyNDkgMTAxLjk2NEM5Ny4yNjI3IDEwMi44MzIgOTYuNjk1OCAxMDMuNTY3IDk1LjkyNDEgMTA0LjE3MUM5NS4xNDQ1IDEwNC43ODIgOTQuMjk0IDEwNS4xNTUgOTMuMzcyNiAxMDUuMjkyQzkyLjQ0MzQgMTA1LjQzNSA5MS41NDEgMTA1LjMyOSA5MC42NjU1IDEwNC45NzNDODkuNzg4MiAxMDQuNjMxIDg5LjAzNTMgMTA0LjA1OCA4OC40MDY2IDEwMy4yNTVDODcuNzcxNyAxMDIuNDQ0IDg3LjM5MDYgMTAxLjU2OCA4Ny4yNjMxIDEwMC42MjZDODcuMTM0IDk5LjY5ODcgODcuMjUwNSA5OC44MDExIDg3LjYxMjcgOTcuOTMzNUM4Ny45NzQ5IDk3LjA2NTggODguNTQxOCA5Ni4zMyA4OS4zMTM2IDk1LjcyNTlaTTkwLjQ2OTIgOTcuMjAyNEM4OS45NzMxIDk3LjU5MDcgODkuNjIyNCA5OC4wNDMxIDg5LjQxNyA5OC41NTk0Qzg5LjIxNzggOTkuMDgzNiA4OS4xNzUyIDk5LjYzNzYgODkuMjg5MiAxMDAuMjIxQzg5LjQwMzMgMTAwLjgwNSA4OS42NzYgMTAxLjM3MyA5MC4xMDc1IDEwMS45MjRDOTAuNTM4OSAxMDIuNDc1IDkxLjAyMTIgMTAyLjg3MiA5MS41NTQ0IDEwMy4xMTVDOTIuMDkzNiAxMDMuMzY2IDkyLjYzODYgMTAzLjQ1NCA5My4xODkxIDEwMy4zNzlDOTMuNzM5NyAxMDMuMzAzIDk0LjI2MyAxMDMuMDcxIDk0Ljc1OTEgMTAyLjY4M0M5NS4yNTUyIDEwMi4yOTUgOTUuNjA5OSAxMDEuODM5IDk1LjgyMzIgMTAxLjMxN0M5Ni4wMjg2IDEwMC44MDEgOTYuMDc0MyAxMDAuMjUxIDk1Ljk2MDIgOTkuNjY2OEM5NS44NTIzIDk5LjA5MDkgOTUuNTgyNiA5OC41MjczIDk1LjE1MTIgOTcuOTc2MUM5NC43MTk3IDk3LjQyNDggOTQuMjM0NCA5Ny4wMjM4IDkzLjY5NTEgOTYuNzcyOEM5My4xNTU4IDk2LjUyMTkgOTIuNjA3OCA5Ni40MzAyIDkyLjA1MTEgOTYuNDk3N0M5MS40OTI2IDk2LjU3OTIgOTAuOTY1MyA5Ni44MTQxIDkwLjQ2OTIgOTcuMjAyNFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik04MC4zMzg4IDExMi42MDZMNzguNDcwNCAxMDYuNDAxQzc4LjI2NTcgMTA1LjcyMSA3Ny45MzE0IDEwNS4yNTMgNzcuNDY3NSAxMDQuOTk1Qzc3LjAwNjUgMTA0Ljc0OCA3Ni40NTUzIDEwNC43MjEgNzUuODEzNyAxMDQuOTE0Qzc1LjE2MjYgMTA1LjExIDc0LjcxMzMgMTA1LjQzOCA3NC40NjU3IDEwNS44OTlDNzQuMjIxIDEwNi4zNyA3NC4yMDEgMTA2Ljk0NSA3NC40MDU3IDEwNy42MjVMNzYuMjc0MSAxMTMuODNMNzQuMjQ5IDExNC40NEw3Mi4zODQ4IDEwOC4yNDlDNzIuMTI4MiAxMDcuMzk3IDcyLjA5NzIgMTA2LjYxOCA3Mi4yOTE5IDEwNS45MTJDNzIuNDc5OSAxMDUuMjE4IDcyLjg0MDQgMTA0LjYyOSA3My4zNzM0IDEwNC4xNDVDNzMuODk2OCAxMDMuNjYzIDc0LjUzNjcgMTAzLjMwOSA3NS4yOTMyIDEwMy4wODFDNzYuMDQwMSAxMDIuODU2IDc2Ljc2NDYgMTAyLjggNzcuNDY2OCAxMDIuOTEyQzc4LjE1OTQgMTAzLjAyNyA3OC43NzA4IDEwMy4zMjQgNzkuMzAxIDEwMy44MDFDNzkuODM0MSAxMDQuMjg4IDgwLjIyODkgMTA0Ljk1OCA4MC40ODU1IDEwNS44MUw4Mi4zNDk2IDExMkw4MC4zMzg4IDExMi42MDZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=");
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--secondary-color);
    animation: rotate_360 60s linear infinite;
    transition: 0.3s;
}

.rotate-btn:hover:before {
    background-color: var(--primary-color);
}

@keyframes rotate_360 {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.video-btn {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    line-height: 26.08px;
    color: var(--light-color);
    font-family: var(--title-font);
    font-weight: bold;
    text-transform: capitalize;
    transition: 0.3s;
}

.video-btn:hover {
    color: var(--secondary-color);
}

.video-btn span.icon {
    display: inline-block;
    width: 46.08px;
    height: 46.08px;
    background: var(--secondary-color);
    border-radius: 50%;
    box-shadow: 0 3.04px 10.08px rgba(0, 0, 0, 0.1);
    margin-right: 10.08px;
    position: relative;
    transition: 0.3s;
}

.video-btn span.icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 16px;
    border-left: 12px solid var(--white-color);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    transition: 0.3s;
}

.video-btn:hover span.icon:before {
    border-left-color: var(--light-color);
}

.swiper-arrow:after {
    display: none;
}

.swiper-arrow {
    position: absolute;
    top: 50%;
    bottom: auto;
    left: -100px;
    right: auto;
    transform: translate(0, -50%);
    width: 70.08px;
    height: 70.08px;
    background: var(--gradient-color);
    background-size: 200% 100%;
    background-position: left center;
    border-radius: 50%;
    box-shadow: 0px 3.04px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none !important;
    font-size: 24.96px;
    color: var(--white-color);
    transition: 0.3s;
    z-index: 5;
}

.swiper-arrow.swiper-button-next {
    left: auto;
    right: -100px;
}

.swiper-arrow:hover {
    background-position: right center;
}

.swiper-pagination {
    position: relative;
    bottom: 0 !important;
    font-size: 0;
    line-height: 0;
    margin-top: 30px;
}

.swiper-pagination:empty {
    display: none;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: var(--gray-color);
    border-radius: 50%;
    opacity: 1;
    margin: 0 5px !important;
    display: inline-block;
    transition: 0.3s;
}

.swiper-pagination-bullet:hover,
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--primary-color);
}

.swiper-arrow img {
    width: 30.08px;
}

.black-shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0.5;
    z-index: 90;
    display: none;
    background-color: var(--black-color);
}

.back-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.form-box {
    display: block;
    position: relative;
    font-size: 0;
    line-height: 1;
    margin-bottom: 24px;
}

.form-box label {
    font-size: 16px;
    line-height: 26.08px;
    color: var(--light-color);
    font-weight: bold;
    margin-bottom: 6.08px;
}

.form-box.checkbox label {
    font-weight: normal;
    margin-bottom: 0;
}

.form-box label input {
    margin-right: 4.96px;
}

.form-input-box {
    position: relative;
}

.form-input-box img {
    position: absolute;
    top: 50%;
    left: 15.04px;
    transform: translate(0, -50%);
    width: 12px;
    height: auto;
}

.form-input {
    width: 100%;
    height: 60px;
    background-color: transparent;
    font-size: 15px;
    line-height: 25px;
    color: var(--common-color);
    border: 1px solid var(--common-color);
    outline: none;
    padding: 17px 30px;
    border-radius: 100px;
}

textarea.form-input {
    height: 120px;
    resize: none;
    padding: 18px 30px;
    border-radius: 20px;
    margin-bottom: 0;
}

.form-input::placeholder {
    color: var(--common-color);
    opacity: 1;
}

.form-input.error {
    border-color: var(--red_color);
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

.form-element {
    position: relative;
}

.form-element i {
    position: absolute;
    top: 23px;
    right: 30px;
    pointer-events: none;
    font-size: 16px;
    color: var(--common-color);
}

select.form-input {
    padding-right: 45px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.datepicker.dropdown-menu {
    font-size: 13px;
}

.date .form-input {
    border-radius: 10px !important;
    margin-left: 0 !important;
}

.datepicker table tr td.active {
    background: var(--primary-color) !important;
}

.form-input.error {
    border-color: var(--red-color);
}

.error-message {
    font-size: 14px;
    line-height: 24px;
    display: block;
    margin-bottom: -20px;
    color: var(--red-color);
}

.success-message {
    color: var(--green-color);
    border: 1px solid var(--green-color);
    padding: 5px 10px;
    margin-top: 30px;
    display: block;
    width: 100%;
}

.error-message-wp {
    color: var(--red-color);
    border: 1px solid var(--red-color);
    padding: 5px 10px;
    margin-top: 30px;
    display: block;
    width: 100%;
}

.for-des {
    display: inline-block !important;
}

.for-mob {
    display: none !important;
}

.toggle-button {
    position: fixed;
    top: 24.96px;
    right: 30.08px;
    display: block;
    width: 30.08px;
    height: 30.08px;
    background: transparent;
    border: none;
    outline: none !important;
    border-radius: 0;
    display: none;
    z-index: 110;
}

.toggle-button span {
    display: block;
    width: 100%;
    height: 2.08px;
    position: absolute;
    top: 50%;
    background: var(--secondary-color);
    transform: translate(0, -50%);
    transition: opacity 0.3s 0.3s;
}

.toggle-button::before,
.toggle-button::after {
    content: "";
    display: block;
    width: 100%;
    height: 2.08px;
    position: absolute;
    background: var(--secondary-color);
    transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s;
}

.toggle-button::before {
    top: 6.08px;
}

.toggle-button::after {
    bottom: 6.08px;
}

.toggle-menu .toggle-button span {
    opacity: 0;
    transition: opacity 0.3s;
}

.toggle-menu .toggle-button::before,
.toggle-menu .toggle-button::after {
    background-color: var(--primary-color);
}

.toggle-menu .toggle-button::before {
    top: calc(50% - .96px);
    transform: rotate(45deg);
}

.toggle-menu .toggle-button::after {
    bottom: calc(50% - .96px);
    transform: rotate(-45deg);
}

.toggle-menu .toggle-button::before,
.toggle-menu .toggle-button::after {
    transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s;
}

.container {
    position: relative;
    z-index: 5;
}

label {
    font-size: 16px;
    line-height: 26.08px;
}

.common-sec {
    position: relative;
    padding: 100px 0;
}

.common-sec-top {
    position: relative;
    padding: 100px 0 0 0;
}

.common-sec-bottom {
    position: relative;
    padding: 0 0 100px 0;
}

.arrow-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    aspect-ratio: 1/1;
    background: transparent;
    border: 1px solid var(--white-color);
    border-radius: 50%;
    font-size: 18px;
    color: var(--white-color);
    transition: 0.3s;
}

.arrow-btn:hover {
    background: var(--white-color);
    color: var(--primary-color);
    transform: rotate(-45deg);
}

.link-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    line-height: 23px;
    color: var(--primary-color);
    text-transform: uppercase;
    font-weight: 600;
    transition: 0.3s;
}

.link-btn:hover {
    color: var(--secondary-color);
    gap: 15px;
}

.link-btn span {
    text-decoration: underline;
}

.link-btn i {
    font-size: 14px;
    vertical-align: baseline;
}

.modal-dialog-scrollable {
    height: 100%;
}

.modal-dialog {
    max-width: 800px;
    width: calc(100% - 60px);
    margin: auto;
}

.modal-body {
    padding: 30px;
}

.modal-header {
    padding: 15px 30px;
}

.btn-close {
    outline: none !important;
    box-shadow: none !important;
}

ul.list {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    gap: 15px;
}

ul.list:not(:last-child) {
    margin-bottom: 30px;
}

ul.list li {
    color: var(--secondary-color);
    position: relative;
    padding-left: 26px;
}

ul.list li:before {
    content: '\f00c';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    aspect-ratio: 1 / 1;
    background: var(--primary-color);
    border-radius: 50%;
    margin-top: 4px;
    flex-shrink: 0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: 1;
    font-size: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white-color);
}
/*==========Common CSS End==========*/

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

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loader:before {
    content: '';
    display: block;
    width: 150px;
    height: 150px;
    background-image: url('../images/loader.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    animation: 1.5s ease 0s infinite beat;
}

@keyframes beat {
  0%, 50%, 100% { transform: scale(1, 1); }
  30%, 80% { transform: scale(0.92, 0.95); }
}

/*==========Loader CSS End==========*/

/*==========Header CSS Start==========*/
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    border-bottom: 1px solid var(--gray-color);
    padding: 15px 0;
    transition: 0.3s;
    z-index: 100;
}

.site-header.sticky-header {
    background: var(--white-color);
    padding: 10px 0;
}

.header-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.site-branding {
    width: 70px;
    flex-shrink: 0;
    transition: 0.3s;
}

.site-header.sticky-header .site-branding {
    width: 60px;
}

.header-menu {
    flex: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 40px;
}

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

.main-navigation ul:not(.main-navigation ul ul) {
    display: flex;
    align-items: center;
    gap: 40px;
}

.main-navigation li {
    font-size: 16px;
    line-height: 1.3;
    position: relative;
}

.main-navigation li a {
    font-size: 16px;
    line-height: 1.3;
    color: var(--secondary-color);
    font-weight: 500;
    transition: 0.3s;
}

.main-navigation li a:hover,
.main-navigation li.active>a {
    color: var(--primary-color);
}

.main-navigation ul li.sub-items>a {
    padding-right: 15px;
    position: relative;
}

.main-navigation ul li.sub-items:hover>a {
    color: var(--primary-color);
}

.main-navigation ul li.sub-items>a:after {
    content: "\f078";
    position: absolute;
    top: 60%;
    right: 0;
    transform: translate(0, -50%);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--secondary-color);
    font-size: 12px;
    line-height: 1;
    transition: 0.3s;
}

.main-navigation ul li.sub-items:hover>a:after,
.main-navigation ul li.sub-items>a:hover:after {
    color: var(--primary-color);
    transform: translate(0, -50%) rotate(-180deg);
}

.main-navigation ul li.sub-items.active>a:after {
    color: var(--primary-color);
}

.main-navigation ul li ul.sub-menu {
    position: absolute;
    top: 100%;
    left: -15px;
    width: 280px;
    height: auto;
    background: var(--white-color);
    border-radius: 8px;
    box-shadow: 1px 1px 60px rgba(0, 0, 0, 0.1);
    display: none;
    transition: 0.3s;
    overflow: hidden;
    z-index: 150;
}

.main-navigation ul li:hover ul.sub-menu {
    display: block;
    animation: swip_up 0.3s linear 1;
}

@keyframes swip_up {
    from {
        transform: translate(0, 20px);
        opacity: 0;
    }

    to {
        transform: translate(0, 0);
        opacity: 1;
    }
}

.main-navigation ul li ul.sub-menu li {
    display: block;
    text-align: left;
    margin: 0;
    border-bottom: 1px solid #ebebeb;
}

.main-navigation ul li ul.sub-menu li:last-child {
    border-bottom: none;
}

.main-navigation ul li ul.sub-menu li a {
    display: block;
    padding: 8px 15px;
    transition: 0.3s;
}

.main-navigation ul li ul.sub-menu li a:hover,
.main-navigation ul li ul.sub-menu li.active>a {
    background: var(--primary-color);
    color: var(--white-color);
}

/*==========Header CSS End==========*/

/*==========Banner CSS Start==========*/
.main-banner {
    position: relative;
    padding-top: 157px;
    /* background: var(--bg-color); */
    overflow: hidden;
}

.main-banner .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: var(--overlay-color);
    pointer-events: none;
    z-index: 10;
}

.banner-content {
    margin: 60px 0;
}

.banner-content p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 33px;
}

.banner-img {
    position: relative;
    padding-top: 49px;
}

.banner-img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 81.134%;
    aspect-ratio: 1 / 1.1163;
    background: var(--primary-color);
    opacity: 0.1;
    border-radius: 59% 41% 35% 65% / 53% 36% 64% 47%;
    animation: radius_animation 8s linear infinite alternate;
    z-index: 0;
}

@keyframes radius_animation {
    0% {
        border-radius: 59% 41% 35% 65% / 53% 36% 64% 47%;
    }

    50% {
        border-radius: 26% 74% 33% 67% / 67% 61% 39% 33%;
    }

    100% {
        border-radius: 59% 41% 35% 65% / 53% 36% 64% 47%;
    }
}

.banner-img:after {
    content: '';
    position: absolute;
    top: 88px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    aspect-ratio: 1 / 0.87108;
    background: transparent;
    border: 1px solid var(--primary-color);
    border-radius: 71% 29% 34% 66% / 33% 36% 64% 67%;
    animation: radius_animation2 5s linear infinite alternate;
    z-index: 2;
}

@keyframes radius_animation2 {
    0% {
        border-radius: 71% 29% 34% 66% / 33% 36% 64% 67%;
    }

    50% {
        border-radius: 39% 61% 49% 51% / 34% 23% 77% 66%;
    }

    100% {
        border-radius: 71% 29% 34% 66% / 33% 36% 64% 67%;
    }
}

.banner-img img {
    position: relative;
    z-index: 5;
}

.main-banner .bg-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 15.6vw;
    line-height: 0.78;
    font-family: var(--title-font);
    color: var(--primary-color);
    opacity: 0.03;
    pointer-events: none;
    animation: blink_text 1s linear infinite alternate;
    z-index: 0;
}

@keyframes blink_text {
    0% {
        opacity: 0.03;
    }

    100% {
        opacity: 0.02;
    }
}

.main-banner .bg-icon,
.main-inner-banner .bg-icon {
    position: absolute;
    top: 238px;
    left: -43px;
    width: 202px;
    aspect-ratio: 1/1;
    --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTM2MS4zNTQgMjMxLjA4MkgxNTAuNjM4Yy0yLjc2MiAwLTUtMi4yMzgtNS01czIuMjM4LTUgNS01aDIxMC43MTZhNSA1IDAgMSAxIDAgMTB6TTI1NS45OTcgMzM5LjYzOGgtNTQuNTAxYTUgNSAwIDEgMCAwIDEwaDU0LjUwMWE1IDUgMCAxIDAgMC0xMHptMTA1LjM1Ny01OS4yNzloLTE1OS43MmE1IDUgMCAxIDAgMCAxMGgxNTkuNzIxYTUgNSAwIDEgMC0uMDAxLTEwem0wIDI5LjYzOWgtMTU5Ljc5YTUgNSAwIDEgMCAwIDEwaDE1OS43OWE1IDUgMCAxIDAgMC0xMHptMC01OS4yNzdIMTk5Ljc3NmE1IDUgMCAxIDAgMCAxMGgxNjEuNTc5YTUgNSAwIDEgMC0uMDAxLTEwem0xMzkuNjQzIDEyNS41NXY1Ljk0MWMwIDguMjcyLTYuNzMgMTUuMDAyLTE1LjAwMyAxNS4wMDJoLTMuNjg1Yy41NTcgMS41NjguODc2IDMuMjQ3Ljg3NiA1LjAwM3Y1Ljk0MWExNC45IDE0LjkgMCAwIDEtMS4wNzQgNS41NDJjNi4zNyAxLjczMyAxMS4wNzQgNy41NTEgMTEuMDc0IDE0LjQ2MnY1Ljk0MWMwIDIuMjA3LS40OTEgNC4yOTgtMS4zNTEgNi4xODcgNS4zOCAyLjI4MiA5LjE2MyA3LjYxNiA5LjE2MyAxMy44MTh2NS45NDFjMCA4LjI3Mi02LjczIDE1LjAwMy0xNS4wMDMgMTUuMDAzaC0zLjY4NGMuNTU3IDEuNTY3Ljg3NiAzLjI0Ni44NzYgNS4wMDJ2NS45NDFjMCA4LjI3Mi02LjczIDE1LjAwMy0xNS4wMDMgMTUuMDAzSDM2My4xODhjLTguMjcyIDAtMTUuMDAyLTYuNzMtMTUuMDAyLTE1LjAwM3YtNS45NDFjMC04LjI3MiA2LjczLTE1LjAwMiAxNS4wMDItMTUuMDAyaDMuNjg1YTE0LjkwNSAxNC45MDUgMCAwIDEtLjg3Ni01LjAwM3YtNS45NDFjMC0yLjIwNy40OTEtNC4yOTcgMS4zNTEtNi4xODZhMTUuMDggMTUuMDggMCAwIDEtNS40OTctNC4wMjJIMTg2LjI2NGwtLjA3NSAzMi4xMWMtLjAzMiAxMy43NzgtMTEuMjQ3IDI0Ljk4OC0yNSAyNC45ODhIMzUuOTk3Yy02LjY4IDAtMTIuOTY2LTIuNjE0LTE3LjcwMi03LjM2LTQuNzIyLTQuNzMyLTcuMzEzLTExLjAwMS03LjI5OC0xNy42NTFsLjQ4NS0yMDguMDYyYy4wMzItMTMuNzc4IDExLjI0Ny0yNC45ODggMjUtMjQuOTg4aDU1LjA1N1Y4OS4wMzNhNSA1IDAgMCAxIDEuNDY0LTMuNTM1bDczLjAzMy03My4wMzNBNSA1IDAgMCAxIDE2OS41NzIgMTFoMjI0LjQ3MWMxNC41NjQgMCAyNi40MTMgMTEuODQ5IDI2LjQxMyAyNi40MTJ2MTU1LjQzbDQ0Ljc3Ni03Ny41NTVjNS4yODYtOS4xNTUgMTcuMDM0LTEyLjMwNSAyNi4xOS03LjAxOCA5LjE1NSA1LjI4NiAxMi4zMDMgMTcuMDM1IDcuMDE3IDI2LjE4OUw0MjAuNDU1IDI2OS41M3Y2NS43OTFoNTcuNzI4YzguMjcyIDAgMTUuMDAyIDYuNzMgMTUuMDAyIDE1LjAwM3Y1Ljk0MWMwIDIuMjA3LS40OTEgNC4yOTctMS4zNTEgNi4xODYgNS4zOCAyLjI4MyA5LjE2MyA3LjYxOCA5LjE2MyAxMy44MnptLTIyLjgxNC0zMC45NUgzNzMuMTg4YTUuMDA4IDUuMDA4IDAgMCAwLTUuMDAyIDUuMDAzdjUuOTQxYTUuMDA4IDUuMDA4IDAgMCAwIDUuMDAyIDUuMDAyaDEwNC45OTZhNS4wMDggNS4wMDggMCAwIDAgNS4wMDItNS4wMDJ2LTUuOTQxYTUuMDEgNS4wMSAwIDAgMC01LjAwMy01LjAwM3ptMS45MjEtMTk5LjEwNi0xNS44ODctOS4xNzItNzAuODY1IDEyMi43NDEgMTUuODg3IDkuMTcyem0tOTEuMDIzIDEzOS4zMTMgMTIuODA3LTkuMjctMTEuMTg0LTYuNDU3em04NC44MTEtMTY1LjI0MS00LjY3NCA4LjA5NiAxNS44ODYgOS4xNzIgNC42NzUtOC4wOTZjMi41MjktNC4zOCAxLjAyMy0xMC0zLjM1Ny0xMi41MjktNC4zODEtMi41My0xMC4wMDEtMS4wMjMtMTIuNTMgMy4zNTd6TTEwOC42MSA4NC4wMzNoMzkuNTQ5YzkuMDUgMCAxNi40MTMtNy4zNjIgMTYuNDEzLTE2LjQxMnYtMzkuNTV6bTY4LjA2NCAxODMuODk0Yy4wMDktMy45NzQtMS41NDUtNy43MjYtNC4zNzYtMTAuNTYzLTIuODQ3LTIuODU0LTYuNjE5LTQuNDI1LTEwLjYyMy00LjQyNUgzNi40ODJjLTguMjUyIDAtMTQuOTgxIDYuNzM0LTE1IDE1LjAxMmwtLjQ4NSAyMDguMDYyYy0uMDA5IDMuOTc1IDEuNTQ1IDcuNzI3IDQuMzc3IDEwLjU2NEMyOC4yMiA0ODkuNDI5IDMxLjk5MiA0OTEgMzUuOTk3IDQ5MUgxNjEuMTljOC4yNTEgMCAxNC45OC02LjczNCAxNS0xNS4wMTJ6bTEwIC4wMjMtLjM4NyAxNjUuOTUxaDE3MS44OTd2LTUuNzM4YzAtMS45NTguMzg4LTMuODI1IDEuMDczLTUuNTQyLTYuMzctMS43MzMtMTEuMDczLTcuNTUyLTExLjA3My0xNC40NjN2LTUuOTQxYzAtOC4yNzIgNi43My0xNS4wMDMgMTUuMDAyLTE1LjAwM2gzLjY4NWExNC44OTQgMTQuODk0IDAgMCAxLS44NzUtNS4wMDJ2LTUuOTQxYzAtMi4yMDcuNDkxLTQuMjk4IDEuMzUxLTYuMTg3LTUuMzgtMi4yODItOS4xNjItNy42MTYtOS4xNjItMTMuODE4di01Ljk0MWMwLTguMjcyIDYuNzMtMTUuMDAzIDE1LjAwMi0xNS4wMDNoMzcuMjY4di01Mi45MThsLTI0LjU2MyAxNy43NzdhNSA1IDAgMCAxLTUuNDMyLjI3OSA1IDUgMCAwIDEtMi40NzQtNC44NDRsMy41NjMtMzQuNTE2YTQuOTkgNC45OSAwIDAgMSAuNjQ0LTEuOTg2bDI4LjI2Mi00OC45NTJWMzcuNDEyYzAtOS4wNS03LjM2My0xNi40MTItMTYuNDEzLTE2LjQxMmgtMjE5LjQ3djQ2LjYyMWMwIDE0LjU2My0xMS44NDkgMjYuNDEyLTI2LjQxMyAyNi40MTJoLTQ2LjYyMXYxNDguOTA1aDYwLjEzNmM2LjY4IDAgMTIuOTY2IDIuNjE0IDE3LjcwMyA3LjM2MSA0LjcyMiA0LjczMyA3LjMxMyAxMS4wMDIgNy4yOTcgMTcuNjUxem0yODEuNTA4IDIwNy4xMDRIMzYzLjE4OGE1LjAwOCA1LjAwOCAwIDAgMC01LjAwMiA1LjAwMnY1Ljk0MWE1LjAwOCA1LjAwOCAwIDAgMCA1LjAwMiA1LjAwM2gxMDQuOTk1YTUuMDA4IDUuMDA4IDAgMCAwIDUuMDAzLTUuMDAzdi01Ljk0MWE1LjAxIDUuMDEgMCAwIDAtNS4wMDQtNS4wMDJ6bTIyLjgxNS0yMC45NDVhNS4wMDggNS4wMDggMCAwIDAtNS4wMDMtNS4wMDJIMzgwLjk5OWE1LjAwOCA1LjAwOCAwIDAgMC01LjAwMiA1LjAwMnY1Ljk0MWE1LjAwOCA1LjAwOCAwIDAgMCA1LjAwMiA1LjAwM2gxMDQuOTk1YTUuMDA4IDUuMDA4IDAgMCAwIDUuMDAzLTUuMDAzem0tNy44MTItMjUuOTQ2YTUuMDA4IDUuMDA4IDAgMCAwLTUuMDAyLTUuMDAySDM3My4xODhhNS4wMDggNS4wMDggMCAwIDAtNS4wMDIgNS4wMDJ2NS45NDFhNS4wMDggNS4wMDggMCAwIDAgNS4wMDIgNS4wMDNoMTA0Ljk5NmE1LjAwOCA1LjAwOCAwIDAgMCA1LjAwMi01LjAwM3YtNS45NDF6bS0xNS4wMDMtMzAuOTQ5SDM2My4xODhhNS4wMDggNS4wMDggMCAwIDAtNS4wMDIgNS4wMDN2NS45NDFhNS4wMDggNS4wMDggMCAwIDAgNS4wMDIgNS4wMDNoMTA0Ljk5NWE1LjAwOCA1LjAwOCAwIDAgMCA1LjAwMy01LjAwM3YtNS45NDFhNS4wMSA1LjAxIDAgMCAwLTUuMDA0LTUuMDAzem0yMi44MTUtMjAuOTQzYTUuMDA4IDUuMDA4IDAgMCAwLTUuMDAzLTUuMDAzSDM4MC45OTlhNS4wMDggNS4wMDggMCAwIDAtNS4wMDIgNS4wMDN2NS45NDFhNS4wMDggNS4wMDggMCAwIDAgNS4wMDIgNS4wMDJoMTA0Ljk5NWE1LjAwOCA1LjAwOCAwIDAgMCA1LjAwMy01LjAwMnpNMTYzLjYxIDI3Ni4wMDN2NDcuNjMxYzAgNS41MTQtNC40ODYgMTAtMTAgMTBINDQuNTQ3Yy01LjUxNCAwLTEwLTQuNDg2LTEwLTEwdi00Ny42MzFjMC01LjUxNCA0LjQ4Ni05Ljk5OSAxMC05Ljk5OUgxNTMuNjFjNS41MTQgMCAxMCA0LjQ4NSAxMCA5Ljk5OXptLTEwIDAtMTA5LjA2NS4wMDEuMDAzIDQ3LjYzSDE1My42MXptLTgyLjc0NyA4Mi44NTR2MTYuMzE2YzAgNS41MTQtNC40ODYgMTAtMTAgMTBINDQuNTQ3Yy01LjUxNCAwLTEwLTQuNDg2LTEwLTEwdi0xNi4zMTZjMC01LjUxNCA0LjQ4Ni0xMCAxMC0xMGgxNi4zMTdjNS41MTMgMCA5Ljk5OSA0LjQ4NyA5Ljk5OSAxMHptLTkuOTk5IDE2LjMxN3YtMTYuMzE2aC0xNi4zMmwuMDAzIDE2LjMxNnptMTAyLjc0Ni0xNi4zMTd2MTYuMzE2YzAgNS41MTQtNC40ODYgMTAtMTAgMTBoLTE2LjMxN2MtNS41MTQgMC0xMC00LjQ4Ni0xMC0xMHYtMTYuMzE2YzAtNS41MTQgNC40ODYtMTAgMTAtMTBoMTYuMzE3YzUuNTE0IDAgMTAgNC40ODcgMTAgMTB6bS0xMCAwaC0xNi4zMTlsLjAwMyAxNi4zMTZoMTYuMzE2em0tMzYuMzc0IDB2MTYuMzE2YzAgNS41MTQtNC40ODYgMTAtMTAgMTBIOTAuOTJjLTUuNTE0IDAtMTAtNC40ODYtMTAtMTB2LTE2LjMxNmMwLTUuNTE0IDQuNDg2LTEwIDEwLTEwaDE2LjMxN2M1LjUxMyAwIDkuOTk5IDQuNDg3IDkuOTk5IDEwem0tOS45OTkgMTYuMzE3di0xNi4zMTZoLTE2LjMybC4wMDMgMTYuMzE2ek03MC44NjMgNDA1LjIzdjE2LjMxNmMwIDUuNTE0LTQuNDg2IDEwLTEwIDEwSDQ0LjU0N2MtNS41MTQgMC0xMC00LjQ4Ni0xMC0xMFY0MDUuMjNjMC01LjUxNCA0LjQ4Ni0xMCAxMC0xMGgxNi4zMTdjNS41MTMgMCA5Ljk5OSA0LjQ4NyA5Ljk5OSAxMHptLTkuOTk5IDE2LjMxN3YtMTYuMzE2aC0xNi4zMmwuMDAzIDE2LjMxNnptOS45OTkgMzAuMDU3djE2LjMxNmMwIDUuNTE0LTQuNDg2IDEwLTEwIDEwSDQ0LjU0N2MtNS41MTQgMC0xMC00LjQ4Ni0xMC0xMHYtMTYuMzE2YzAtNS41MTQgNC40ODYtMTAgMTAtMTBoMTYuMzE3YzUuNTEzIDAgOS45OTkgNC40ODYgOS45OTkgMTB6bS05Ljk5OSAxNi4zMTZ2LTE2LjMxNmgtMTYuMzJsLjAwMyAxNi4zMTZ6bTU2LjM3Mi02Mi42OXYxNi4zMTZjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMEg5MC45MmMtNS41MTQgMC0xMC00LjQ4Ni0xMC0xMFY0MDUuMjNjMC01LjUxNCA0LjQ4Ni0xMCAxMC0xMGgxNi4zMTdjNS41MTMgMCA5Ljk5OSA0LjQ4NyA5Ljk5OSAxMHptLTkuOTk5IDE2LjMxN3YtMTYuMzE2aC0xNi4zMmwuMDAzIDE2LjMxNnptNTYuMzczLTE2LjMxN3Y2Mi42ODljMCA1LjUxNC00LjQ4NiAxMC0xMCAxMGgtMTYuMzE3Yy01LjUxNCAwLTEwLTQuNDg2LTEwLTEwVjQwNS4yM2MwLTUuNTE0IDQuNDg2LTEwIDEwLTEwaDE2LjMxN2M1LjUxNCAwIDEwIDQuNDg3IDEwIDEwem0tMTAgMGgtMTYuMzE5bC4wMDMgNjIuNjg5aDE2LjMxNnptLTM2LjM3NCA0Ni4zNzR2MTYuMzE2YzAgNS41MTQtNC40ODYgMTAtMTAgMTBIOTAuOTJjLTUuNTE0IDAtMTAtNC40ODYtMTAtMTB2LTE2LjMxNmMwLTUuNTE0IDQuNDg2LTEwIDEwLTEwaDE2LjMxN2M1LjUxMyAwIDkuOTk5IDQuNDg2IDkuOTk5IDEwem0tOS45OTkgMTYuMzE2di0xNi4zMTZoLTE2LjMybC4wMDMgMTYuMzE2em03OC45NjUtMzQ5Ljg2YzAtMzguNDg1IDMxLjMxLTY5Ljc5NSA2OS43OTUtNjkuNzk1czY5Ljc5NSAzMS4zMSA2OS43OTUgNjkuNzk1LTMxLjMxIDY5Ljc5NS02OS43OTUgNjkuNzk1LTY5Ljc5NS0zMS4zMS02OS43OTUtNjkuNzk1em0xMCAwYzAgMzIuOTcxIDI2LjgyNCA1OS43OTUgNTkuNzk1IDU5Ljc5NXM1OS43OTUtMjYuODI0IDU5Ljc5NS01OS43OTUtMjYuODI0LTU5Ljc5NS01OS43OTUtNTkuNzk1LTU5Ljc5NSAyNi44MjQtNTkuNzk1IDU5Ljc5NXptNTkuNzk1IDVjNS45NDYgMCAxMC43ODQgNC44MzcgMTAuNzg0IDEwLjc4M3MtNC44MzcgMTAuNzg0LTEwLjc4NCAxMC43ODRhMTAuNzYzIDEwLjc2MyAwIDAgMS05LjAyNy00Ljg4NSA1IDUgMCAxIDAtOC4zNjQgNS40ODEgMjAuNzQgMjAuNzQgMCAwIDAgMTIuMzkyIDguNzk5djMuNjg3YTUgNSAwIDEgMCAxMCAwdi0zLjY4OGM5LjA1NC0yLjI0NCAxNS43ODQtMTAuNDM5IDE1Ljc4NC0yMC4xNzcgMC0xMS40Ni05LjMyNC0yMC43ODMtMjAuNzg0LTIwLjc4My01Ljk0NiAwLTEwLjc4My00LjgzNy0xMC43ODMtMTAuNzgzczQuODM3LTEwLjc4MyAxMC43ODMtMTAuNzgzYzMuNjQ4IDAgNy4wMjMgMS44MjYgOS4wMjggNC44ODVhNS4wMDEgNS4wMDEgMCAwIDAgOC4zNjQtNS40ODMgMjAuNzQzIDIwLjc0MyAwIDAgMC0xMi4zOTItOC43OTd2LTMuNjg4YTUgNSAwIDEgMC0xMCAwdjMuNjg5Yy05LjA1MiAyLjI0NS0xNS43ODMgMTAuNDM5LTE1Ljc4MyAyMC4xNzYtLjAwMiAxMS40NTkgOS4zMjIgMjAuNzgzIDIwLjc4MiAyMC43ODN6IiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PC9nPjwvc3ZnPg==");
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--primary-color);
    transform: rotate(27.74deg);
    animation: rotate_icon 2s linear infinite alternate;
    opacity: 0.2;
}

@keyframes rotate_icon {
    0% {
        transform: rotate(23deg);
    }

    100% {
        transform: rotate(27.74deg);
    }
}

.banner-img .rotate-btn {
    position: absolute;
    top: 25.545%;
    right: 13.523%;
    z-index: 10;
}

.banner-img .rotate-btn img {
    position: absolute;
}

/*==========Banner CSS End==========*/

/*==========Features CSS Start==========*/
.main-features {
    background: var(--secondary-color);
}

.features-list {
    display: flex;
}

.feature-box {
    width: 25%;
    padding: 27px clamp(1.25rem, 5.769vw - 3.798rem, 3.125rem) 30px clamp(1.25rem, 5.769vw - 3.798rem, 3.125rem);
    /* Clamp value 50px to 20px from 1920px to 1400px */
    display: flex;
    align-items: center;
    gap: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.feature-box .icon img {
    width: auto;
    max-width: 60px;
    height: auto;
    max-height: 60px;
    object-fit: contain;
    object-position: center;
    transform: scale(1);
    transition: 0.3s;
}

.feature-box:hover .icon img {
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

.feature-box .h4-title {
    color: var(--white-color);
    margin-bottom: 0;
}

.feature-box .text p {
    line-height: 10px;
    color: var(--white-color);
    opacity: 0.8;
}

/*==========Features CSS End==========*/

/*==========About Us CSS Start==========*/
.main-about-us {
    margin: var(--spacing) 0;
}

.about-us-img-box {
    width: 100%;
    position: relative;
}

.about-us-img {
    width: 84.278%;
    aspect-ratio: 1/1.34702;
    max-width: 100%;
    --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MzYiIGhlaWdodD0iNzIyIiB2aWV3Qm94PSIwIDAgNTM2IDcyMiIgZmlsbD0ibm9uZSI+CjxtYXNrIGlkPSJtYXNrMF85Ml85MDYxIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iNTM2IiBoZWlnaHQ9IjcyMiI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjAgMEM4Ljk1NDMgMCAwIDguOTU0MzEgMCAyMFY3MDJDMCA3MTMuMDQ2IDguOTU0MzIgNzIyIDIwIDcyMkg1MTZDNTI3LjA0NiA3MjIgNTM2IDcxMy4wNDYgNTM2IDcwMlY0OTNDNTM2IDQ4MS45NTQgNTI2Ljk2OSA0NzMuMTg3IDUxNi4wOTcgNDcxLjIzN0M0NjMuNzM2IDQ2MS44NDYgNDI0IDQxNi4wNjMgNDI0IDM2MUM0MjQgMzA1LjkzNyA0NjMuNzM2IDI2MC4xNTQgNTE2LjA5NyAyNTAuNzYzQzUyNi45NjkgMjQ4LjgxMyA1MzYgMjQwLjA0NiA1MzYgMjI5VjIwQzUzNiA4Ljk1NDMgNTI3LjA0NiAwIDUxNiAwSDIwWiIgZmlsbD0iYmxhY2siLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzkyXzkwNjEpIj4KPHJlY3QgeD0iLTIyNyIgeT0iLTYiIHdpZHRoPSIxMDk4IiBoZWlnaHQ9IjczMSIgZmlsbD0iYmxhY2siLz4KPC9nPgo8L3N2Zz4=");
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.about-counter-box {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 31.448%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: var(--primary-color);
    box-shadow: var(--primary-shadow);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 1px;
}

.about-counter-box .h3-title,
.about-counter-box .h4-title {
    color: var(--white-color);
    margin-bottom: 0;
}

.about-us-content {
    padding-left: 27px;
}

.about-us-content .faq-accordion {
    margin-top: 25px;
}

.faq-accordion {
    display: flex;
    flex-direction: column;
}

.faq-accordion-box {
    margin-bottom: 20px;
}

.faq-accordion-box:last-child {
    margin-bottom: 0;
}

.faq-accordion-title {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--gray-color);
}

.faq-accordion-title .h4-title {
    transition: 0.3s;
}

.faq-accordion-title .icon {
    font-size: 18px;
    color: var(--secondary-color);
    transition: 0.3s;
}

.faq-accordion-title:hover .h4-title,
.faq-accordion-title.active-faq .h4-title,
.faq-accordion-title:hover .icon,
.faq-accordion-title.active-faq .icon {
    color: var(--primary-color);
}

.faq-accordion-title.active-faq .icon {
    transform: rotate(90deg);
}

.faq-accordion-content {
    margin-top: 15px;
}

.about-us-content-btn {
    margin-top: 30px;
}

/*==========About Us CSS End==========*/

/*==========Case Study CSS Start==========*/
.case-study-box {
    position: relative;
    width: 100%;
    aspect-ratio: 1/1.2822;
    overflow: hidden;
}

.case-study-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(2, 13, 12, 0.1) 0%, rgba(2, 13, 12, 0.8) 100%);
    z-index: 1;
}

.case-study-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: relative;
    z-index: 0;
    transition: 0.5s;
}

.case-study-box:hover img {
    transform: scale(1.1) rotate(3deg);
}

.case-study-box-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: clamp(1.563rem, 4.808vw - 2.644rem, 3.125rem);
    /* Clamp value 50px to 25px from 1920px to 1400px*/
    z-index: 10;
}

.case-study-box-content .h4-title,
.case-study-box-content .h4-title a {
    color: var(--white-color);
    transition: 0.3s;
}

.case-study-box-content .h4-title a:hover {
    color: var(--primary-color);
}

.case-study-box-content p {
    margin: 21px 0 30px;
    color: var(--white-color);
    opacity: 0.8;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.case-study-box-text {
    margin-bottom: -161px;
    opacity: 0;
    transition: 0.5s;
    pointer-events: none;
}

.case-study-box:hover .case-study-box-text {
    margin-bottom: 0;
    opacity: 1;
    pointer-events: auto;
}

/*==========Case Study CSS End==========*/

/*==========Our Services CSS Start==========*/
.main-our-services {
    position: relative;
    padding: 114px 0 var(--spacing);
    background: var(--bg-color);
}

.our-services-title .h2-title {
    margin-bottom: 0;
}

.our-services-content {
    padding-left: 26px;
}

.our-services-content p {
    margin-bottom: 16px;
}

.services-list {
    position: relative;
    margin-top: 37px;
}

.services-list .row {
    --bs-gutter-y: 1.5rem;
}

.services-list-bg-shape {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.services-list-bg-shape img {
    width: 100%;
    min-width: 1936px;
    max-width: unset;
}

.service-box {
    width: 100%;
    height: 100%;
    background: var(--white-color);
    padding: 30px 30px 24px;
    border-radius: 20px;
    box-shadow: 0px 4px 60px -1px rgba(0, 0, 0, 0.1);
    position: relative;
    top: 0;
    transition: 0.5s;
}

.service-box:hover {
    top: -10px;
}

.service-box .icon {
    width: 70px;
    aspect-ratio: 1/1;
    background: var(--primary-color);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 23px;
    transition: 0.3s;
}

.service-box:hover .icon {
    animation: zoom 0.8s linear infinite alternate;
}

@keyframes zoom {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.1);
    }
}

.service-box .icon img {
    width: auto;
    height: auto;
    max-width: 70%;
    max-height: 70%;
    object-fit: contain;
    object-position: center;
}

.service-box .h4-title {
    margin-bottom: 16px;
}

.service-box .h4-title a {
    color: inherit;
    transition: 0.3s;
}

.service-box .h4-title a:hover {
    color: var(--primary-color);
}

/*==========Our Services CSS End==========*/

/*==========Our Skills CSS Start==========*/
.main-our-skills {
    margin: var(--spacing) 0;
}

.our-skills-img-wp {
    width: 100%;
    position: relative;
}

.our-skills-img1 {
    width: 100%;
    aspect-ratio: 1/0.8931;
    --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MzYiIGhlaWdodD0iNTY4IiB2aWV3Qm94PSIwIDAgNjM2IDU2OCIgZmlsbD0ibm9uZSI+CjxtYXNrIGlkPSJtYXNrMF85Ml85MjAwIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iNjM2IiBoZWlnaHQ9IjU2OCI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjAgMEM4Ljk1NDMxIDAgMCA4Ljk1NDMgMCAyMFY1NDhDMCA1NTkuMDQ2IDguOTU0MjkgNTY4IDIwIDU2OEgyNzdDMjg4LjA0NiA1NjggMjk3IDU1OS4wNDYgMjk3IDU0OFYzMDRDMjk3IDI5Mi45NTQgMzA1Ljk1NCAyODQgMzE3IDI4NEg2MTZDNjI3LjA0NiAyODQgNjM2IDI3NS4wNDYgNjM2IDI2NFYyMEM2MzYgOC45NTQzMSA2MjcuMDQ2IDAgNjE2IDBIMjBaIiBmaWxsPSJibGFjayIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfOTJfOTIwMCkiPgo8cmVjdCB4PSItMTIwIiB5PSItOCIgd2lkdGg9Ijg3NiIgaGVpZ2h0PSI1ODMiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPC9zdmc+");
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.our-skills-img2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50.158%;
    height: 46.48%;
    border-radius: 7%;
    z-index: 1;
}

.our-skills-content {
    padding-left: 27px;
}

.experience-skill-bar-box {
    position: relative;
    margin-bottom: 41px;
    padding-bottom: 31px;
    border-bottom: 1px solid var(--gray-color);
}

.experience-skill-bar-box:last-child {
    margin-bottom: 0
}

.experience-skill-bar-title {
    margin-bottom: 12px
}

.experience-skill-bar-percent {
    position: absolute;
    top: 0;
    right: 0;
}

.experience-skill-bar {
    width: 100%;
    height: 10px;
    border-radius: 5px;
    position: relative
}

.experience-skill-bar:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 100%;
    height: 10px;
    background: var(--gray-color);
    border-radius: 20px;
    opacity: .5
}

.experience-skill-bar-inner {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 0;
    height: 10px;
    background: var(--primary-color);
    box-shadow: 0px 4px 20px -1px rgba(203, 166, 114, 0.5);
    border-radius: 20px;
    overflow: visible !important
}

/*==========Our Skills CSS End==========*/

/*==========Clients We Serve CSS Start==========*/
.main-clients {
    padding: 72px 0 77px;
    background: var(--secondary-color);
}

.clients-title {
    margin-bottom: 49px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    gap: 10px;
}

.clients-title:before,
.clients-title:after {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--white-color);
    opacity: 0.5;
    flex: auto;
}

.clients-title .h4-title {
    color: var(--white-color);
    flex-shrink: 0;
}

.clients-title .h4-title span {
    color: var(--primary-color);
}

.client-box {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    opacity: 0.5;
    transition: 0.3s;
}

.client-box:hover {
    opacity: 1;
}

.client-box img {
    max-width: 181px;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

/*==========Clients We Serve CSS End==========*/

/*==========Testimonials CSS Start==========*/
.main-testimonials {
    padding: 113px 0 var(--spacing) 0;
}

.testimonial-bg-shape {
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translate(-695px);
    width: 405px;
    display: inline-block;
}

.testimonials-title .h2-title {
    margin-bottom: 38px;
}

.testimonial-box {
    width: 100%;
    position: relative;
    /* margin-top: 78px; */
    padding: 30px 30px;
    text-align: center;
    border: 1px solid var(--secondary-color);
    border-radius: 20px;
}

.testimonial-box-shape {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translate(-50%);
    width: 170px;
}

.testimonial-img {
    position: absolute;
    top: -78px;
    left: 50%;
    transform: translate(-50%);
    width: 120px;
    aspect-ratio: 1/1;
    border-radius: 50%;
}

.quote-icon {
    /* position: absolute;
    top: 30px;
    right: 30px; */
    width: 76px;
    display: inline-block;
    opacity: 0.3;
    margin-bottom: 20px;
}

.review-by {
    margin-bottom: 16px;
}

.review-by .h4-title {
    margin-bottom: 9px;
}

.review-by p {
    color: var(--primary-color);
}

.testimonial-text {
    margin-bottom: 23px;
}

.testimonial-ratting {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    font-size: 25px;
    color: var(--yellow-color);
}

/*==========Testimonials CSS End==========*/

/*==========Special Team CSS Start==========*/
.main-special-team {
    padding: var(--spacing) 0;
    background: var(--bg-color);
}

.special-team-content {
    padding-right: 26px;
}

.special-team-content .sub-title {
    margin-bottom: 3px;
}

.special-team-content p {
    margin-bottom: 17px;
}

.team-box {
    position: relative;
}

.team-img-wp {
    position: relative;
}

.team-img {
    width: 100%;
    aspect-ratio: 1/1.18302;
    position: relative;
    --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDYiIGhlaWdodD0iMzYyIiB2aWV3Qm94PSIwIDAgMzA2IDM2MiIgZmlsbD0ibm9uZSI+CjxtYXNrIGlkPSJtYXNrMF85Ml85NDczIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzA2IiBoZWlnaHQ9IjM2MiI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjAgMEM4Ljk1NDMxIDAgMCA4Ljk1NDMgMCAyMFYzNDJDMCAzNTMuMDQ2IDguOTU0MyAzNjIgMjAgMzYySDIxMEMyMTMuODY2IDM2MiAyMTcgMzU4Ljg2NiAyMTcgMzU1QzIxNyAzMzguNDMxIDIzMC40MzEgMzI1IDI0NyAzMjVDMjYzLjU2OSAzMjUgMjc3IDMzOC40MzEgMjc3IDM1NUMyNzcgMzU4Ljg2NiAyODAuMTM0IDM2MiAyODQgMzYySDI4NkMyOTcuMDQ2IDM2MiAzMDYgMzUzLjA0NiAzMDYgMzQyVjIwQzMwNiA4Ljk1NDMgMjk3LjA0NiAwIDI4NiAwSDIwWiIgZmlsbD0iYmxhY2siLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzkyXzk0NzMpIj4KPHJlY3QgeD0iLTIiIHk9Ii00IiB3aWR0aD0iMzE3IiBoZWlnaHQ9IjM2OCIgZmlsbD0iYmxhY2siLz4KPC9nPgo8L3N2Zz4=");
    mask-image: var(--mask-image);
    -webkit-mask-image: var(--mask-image);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    margin-bottom: 23px;
}

.team-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.5s;
}

.team-box:hover .team-img img {
    transform: scale(1.1);
}

.team-box p {
    margin-bottom: 3px;
}

.team-box .h4-title a {
    color: inherit;
    transition: 0.3s;
}

.team-box .h4-title a:hover {
    color: var(--primary-color);
}

.team-social {
    position: absolute;
    bottom: -3.87%;
    right: 12.75%;
    z-index: 10;
}

.team-social-share {
    width: 40px;
    aspect-ratio: 1/1;
    background: var(--secondary-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    padding-right: 5%;
    z-index: 1;
}

.team-social-share:hover,
.team-social:hover .team-social-share,
.team-social.active .team-social-share {
    background: var(--primary-color);
}

.team-social-share img {
    width: auto;
    height: auto;
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
    object-position: center;
}

.team-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%);
    z-index: 0;
    pointer-events: none;
}

.team-social:hover ul {
    pointer-events: auto;
}

.team-social ul li {
    position: relative;
    margin-bottom: 10px;
    transition: 0.5s;
}

.team-social ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    aspect-ratio: 1/1;
    border: 2px solid var(--white-color);
    background: var(--secondary-color);
    border-radius: 50%;
    color: var(--white-color);
    font-size: 14px;
    transition: 0.3s;
}

.team-social ul li a:hover {
    background: var(--primary-color);
}

.team-social ul li:nth-child(1) {
    top: 150px;
}

.team-social ul li:nth-child(2) {
    top: 100px;
}

.team-social ul li:nth-child(3) {
    top: 50px;
}

.team-social.active ul li:nth-child(1),
.team-social.active ul li:nth-child(2),
.team-social.active ul li:nth-child(3) {
    top: 0;
}

@media screen and (min-width: 992px) {

    .team-social-share:hover,
    .team-social:hover .team-social-share {
        background: var(--primary-color);
    }

    .team-social:hover ul li:nth-child(1),
    .team-social:hover ul li:nth-child(2),
    .team-social:hover ul li:nth-child(3) {
        top: 0;
    }
}

/*==========Special Team CSS End==========*/

/*==========Subscribe CSS Start==========*/
.main-subscribe {
    position: relative;
}

.main-subscribe:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: var(--bg-color);
    z-index: 0;
}

.subscribe-box {
    width: 100%;
    background: var(--secondary-color);
    border-radius: 20px;
    padding: 74px 50px 79px;
}

.subscribe-box .sub-title {
    margin-bottom: 21px;
}

.subscribe-box .h3-title {
    color: var(--white-color);
    margin-bottom: 39px;
}

.subscribe-form {
    max-width: 678px;
    margin: auto;
}

.subscribe-form form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.subscribe-form form .sec-btn {
    flex-shrink: 0;
}

.subscribe-form form .sec-btn:hover {
    background: var(--white-color);
    color: var(--primary-color);
}

.subscribe-form form .form-input {
    background: var(--white-color);
    border-color: var(--white-color);
    flex: auto;
}

.main-subscribe.about-page-cta:before {
    display: none;
}

/*==========Subscribe CSS End==========*/

/*==========FAQ CSS Start==========*/
.main-faq {
    margin: var(--spacing) 0;
}

.faq-img-wp {
    width: 100%;
    position: relative;
}

.faq-img1 {
    width: 100%;
    aspect-ratio: 1/1.11794;
    --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MzYiIGhlaWdodD0iNzExIiB2aWV3Qm94PSIwIDAgNjM2IDcxMSIgZmlsbD0ibm9uZSI+CjxtYXNrIGlkPSJtYXNrMF85Ml85NjA2IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iNjM2IiBoZWlnaHQ9IjcxMSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAyMEMwIDguOTU0MzEgOC45NTQzIDAgMjAgMEgyNjJDMjczLjA0NiAwIDI4MiA4Ljk1NDMgMjgyIDIwVjIyN0MyODIgMjM4LjA0NiAyOTAuOTU0IDI0NyAzMDIgMjQ3SDYxNkM2MjcuMDQ2IDI0NyA2MzYgMjU1Ljk1NCA2MzYgMjY3VjY5MUM2MzYgNzAyLjA0NiA2MjcuMDQ2IDcxMSA2MTYgNzExSDQ3N0M0NjYuNTA3IDcxMSA0NTggNzAyLjQ5MyA0NTggNjkyQzQ1OCA2ODEuNTA3IDQ0OS40OTMgNjczIDQzOSA2NzNIMTk3QzE4Ni41MDcgNjczIDE3OCA2ODEuNTA3IDE3OCA2OTJDMTc4IDcwMi40OTMgMTY5LjQ5MyA3MTEgMTU5IDcxMUgyMEM4Ljk1NDMxIDcxMSAwIDcwMi4wNDYgMCA2OTFWMjBaIiBmaWxsPSJibGFjayIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfOTJfOTYwNikiPgo8cmVjdCB4PSItMTcwIiB5PSItNyIgd2lkdGg9IjEwODciIGhlaWdodD0iNzI0IiBmaWxsPSJibGFjayIvPgo8L2c+Cjwvc3ZnPg==");
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.faq-img2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 52.516%;
    height: 31.928%;
    border-radius: 8%;
    z-index: 1;
}

.faq-img-wp .link-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    max-width: 40%;
    z-index: 10;
}

.faq-img-wp .link-btn:hover {
    gap: 10px;
}

.faq-sec-content {
    padding-left: 26px;
}

.who-we-are .faq-sec-content {
    padding-left: 0;
    padding-right: 26px;
}

/*==========FAQ CSS End==========*/

/*==========Counter CSS Start==========*/
.main-counter {
    padding: 83px 0 66px 0;
    background: var(--bg-color);
}

.counter-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 110px;
}

.counter-box {
    display: flex;
    align-items: center;
    gap: 20px;
}

.counter-title .h1-title {
    color: var(--primary-color);
    margin-bottom: 0;
}

.counter-text {
    display: inline-block;
    flex: auto;
    position: relative;
}

.counter-text:before {
    content: '';
    position: absolute;
    top: -10px;
    right: -33px;
    width: 66px;
    aspect-ratio: 1/1;
    background: var(--primary-color);
    opacity: 0.2;
    border-radius: 50%;
    z-index: -1;
    animation: zoom 1s linear infinite alternate;
}

.counter-text .h4-title span {
    display: block;
}

/*==========Counter CSS End==========*/

/*==========Blog CSS Start==========*/
.main-blog {
    margin: 113px 0 118px 0;
}

.blog-title .h2-title {
    margin-bottom: 38px;
}

.blog-lists .row {
    --bs-gutter-y: 1.5rem;
}

.blog-box {
    position: relative;
}

.blog-img-box {
    position: relative;
    margin-bottom: 23px;
}

.blog-img-wp {
    position: relative;
    width: 100%;
    height: 100%;
    --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTUiIGhlaWdodD0iMzUyIiB2aWV3Qm94PSIwIDAgNDE1IDM1MiIgZmlsbD0ibm9uZSI+CjxtYXNrIGlkPSJtYXNrMF85Ml85NjM3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDE1IiBoZWlnaHQ9IjM1MiI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDE1IDIwQzQxNSA4Ljk1NDMgNDA2LjA0NiAwIDM5NSAwSDIwQzguOTU0MyAwIDAgOC45NTQzMSAwIDIwVjI5MkMwIDMwMy4wNDYgOC45NTQzMSAzMTIgMjAgMzEySDEyMkMxMzMuMDQ2IDMxMiAxNDIgMzIwLjk1NCAxNDIgMzMyQzE0MiAzNDMuMDQ2IDE1MC45NTQgMzUyIDE2MiAzNTJIMzk1QzQwNi4wNDYgMzUyIDQxNSAzNDMuMDQ2IDQxNSAzMzJWMjBaIiBmaWxsPSJibGFjayIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfOTJfOTYzNykiPgo8cmVjdCB4PSItNTAiIHdpZHRoPSI1MzIiIGhlaWdodD0iMzU1IiBmaWxsPSJibGFjayIvPgo8L2c+Cjwvc3ZnPg==");
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    aspect-ratio: 1/0.84616;
}

.blog-img {
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

.blog-box:hover .blog-img {
    transform: scale(1.1) rotate(3deg);
}

.blog-date {
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 32%;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 1;
}

.blog-date img {
    width: 20px;
    flex-shrink: 0;
}

.blog-box-text .h4-title {
    margin-bottom: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-box-text .h4-title a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    display: inherit;
    -webkit-line-clamp: inherit;
    line-clamp: inherit;
    -webkit-box-orient: inherit;
    box-orient: inherit;
    overflow: inherit;
    text-overflow: inherit;
    transition: 0.3s;
}

.blog-box-text .h4-title a:hover {
    color: var(--primary-color);
}

.blog-box-text p {
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*==========Blog CSS End==========*/

/*==========Footer CSS Start==========*/
.site-footer {
    position: relative;
    background: var(--secondary-color);
    padding-bottom: 31px;
    overflow: hidden;
}

.site-footer .bg-icon {
    position: absolute;
    top: 156px;
    left: -76px;
    width: 202px;
    aspect-ratio: 1 / 1;
    --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTM2MS4zNTQgMjMxLjA4MkgxNTAuNjM4Yy0yLjc2MiAwLTUtMi4yMzgtNS01czIuMjM4LTUgNS01aDIxMC43MTZhNSA1IDAgMSAxIDAgMTB6TTI1NS45OTcgMzM5LjYzOGgtNTQuNTAxYTUgNSAwIDEgMCAwIDEwaDU0LjUwMWE1IDUgMCAxIDAgMC0xMHptMTA1LjM1Ny01OS4yNzloLTE1OS43MmE1IDUgMCAxIDAgMCAxMGgxNTkuNzIxYTUgNSAwIDEgMC0uMDAxLTEwem0wIDI5LjYzOWgtMTU5Ljc5YTUgNSAwIDEgMCAwIDEwaDE1OS43OWE1IDUgMCAxIDAgMC0xMHptMC01OS4yNzdIMTk5Ljc3NmE1IDUgMCAxIDAgMCAxMGgxNjEuNTc5YTUgNSAwIDEgMC0uMDAxLTEwem0xMzkuNjQzIDEyNS41NXY1Ljk0MWMwIDguMjcyLTYuNzMgMTUuMDAyLTE1LjAwMyAxNS4wMDJoLTMuNjg1Yy41NTcgMS41NjguODc2IDMuMjQ3Ljg3NiA1LjAwM3Y1Ljk0MWExNC45IDE0LjkgMCAwIDEtMS4wNzQgNS41NDJjNi4zNyAxLjczMyAxMS4wNzQgNy41NTEgMTEuMDc0IDE0LjQ2MnY1Ljk0MWMwIDIuMjA3LS40OTEgNC4yOTgtMS4zNTEgNi4xODcgNS4zOCAyLjI4MiA5LjE2MyA3LjYxNiA5LjE2MyAxMy44MTh2NS45NDFjMCA4LjI3Mi02LjczIDE1LjAwMy0xNS4wMDMgMTUuMDAzaC0zLjY4NGMuNTU3IDEuNTY3Ljg3NiAzLjI0Ni44NzYgNS4wMDJ2NS45NDFjMCA4LjI3Mi02LjczIDE1LjAwMy0xNS4wMDMgMTUuMDAzSDM2My4xODhjLTguMjcyIDAtMTUuMDAyLTYuNzMtMTUuMDAyLTE1LjAwM3YtNS45NDFjMC04LjI3MiA2LjczLTE1LjAwMiAxNS4wMDItMTUuMDAyaDMuNjg1YTE0LjkwNSAxNC45MDUgMCAwIDEtLjg3Ni01LjAwM3YtNS45NDFjMC0yLjIwNy40OTEtNC4yOTcgMS4zNTEtNi4xODZhMTUuMDggMTUuMDggMCAwIDEtNS40OTctNC4wMjJIMTg2LjI2NGwtLjA3NSAzMi4xMWMtLjAzMiAxMy43NzgtMTEuMjQ3IDI0Ljk4OC0yNSAyNC45ODhIMzUuOTk3Yy02LjY4IDAtMTIuOTY2LTIuNjE0LTE3LjcwMi03LjM2LTQuNzIyLTQuNzMyLTcuMzEzLTExLjAwMS03LjI5OC0xNy42NTFsLjQ4NS0yMDguMDYyYy4wMzItMTMuNzc4IDExLjI0Ny0yNC45ODggMjUtMjQuOTg4aDU1LjA1N1Y4OS4wMzNhNSA1IDAgMCAxIDEuNDY0LTMuNTM1bDczLjAzMy03My4wMzNBNSA1IDAgMCAxIDE2OS41NzIgMTFoMjI0LjQ3MWMxNC41NjQgMCAyNi40MTMgMTEuODQ5IDI2LjQxMyAyNi40MTJ2MTU1LjQzbDQ0Ljc3Ni03Ny41NTVjNS4yODYtOS4xNTUgMTcuMDM0LTEyLjMwNSAyNi4xOS03LjAxOCA5LjE1NSA1LjI4NiAxMi4zMDMgMTcuMDM1IDcuMDE3IDI2LjE4OUw0MjAuNDU1IDI2OS41M3Y2NS43OTFoNTcuNzI4YzguMjcyIDAgMTUuMDAyIDYuNzMgMTUuMDAyIDE1LjAwM3Y1Ljk0MWMwIDIuMjA3LS40OTEgNC4yOTctMS4zNTEgNi4xODYgNS4zOCAyLjI4MyA5LjE2MyA3LjYxOCA5LjE2MyAxMy44MnptLTIyLjgxNC0zMC45NUgzNzMuMTg4YTUuMDA4IDUuMDA4IDAgMCAwLTUuMDAyIDUuMDAzdjUuOTQxYTUuMDA4IDUuMDA4IDAgMCAwIDUuMDAyIDUuMDAyaDEwNC45OTZhNS4wMDggNS4wMDggMCAwIDAgNS4wMDItNS4wMDJ2LTUuOTQxYTUuMDEgNS4wMSAwIDAgMC01LjAwMy01LjAwM3ptMS45MjEtMTk5LjEwNi0xNS44ODctOS4xNzItNzAuODY1IDEyMi43NDEgMTUuODg3IDkuMTcyem0tOTEuMDIzIDEzOS4zMTMgMTIuODA3LTkuMjctMTEuMTg0LTYuNDU3em04NC44MTEtMTY1LjI0MS00LjY3NCA4LjA5NiAxNS44ODYgOS4xNzIgNC42NzUtOC4wOTZjMi41MjktNC4zOCAxLjAyMy0xMC0zLjM1Ny0xMi41MjktNC4zODEtMi41My0xMC4wMDEtMS4wMjMtMTIuNTMgMy4zNTd6TTEwOC42MSA4NC4wMzNoMzkuNTQ5YzkuMDUgMCAxNi40MTMtNy4zNjIgMTYuNDEzLTE2LjQxMnYtMzkuNTV6bTY4LjA2NCAxODMuODk0Yy4wMDktMy45NzQtMS41NDUtNy43MjYtNC4zNzYtMTAuNTYzLTIuODQ3LTIuODU0LTYuNjE5LTQuNDI1LTEwLjYyMy00LjQyNUgzNi40ODJjLTguMjUyIDAtMTQuOTgxIDYuNzM0LTE1IDE1LjAxMmwtLjQ4NSAyMDguMDYyYy0uMDA5IDMuOTc1IDEuNTQ1IDcuNzI3IDQuMzc3IDEwLjU2NEMyOC4yMiA0ODkuNDI5IDMxLjk5MiA0OTEgMzUuOTk3IDQ5MUgxNjEuMTljOC4yNTEgMCAxNC45OC02LjczNCAxNS0xNS4wMTJ6bTEwIC4wMjMtLjM4NyAxNjUuOTUxaDE3MS44OTd2LTUuNzM4YzAtMS45NTguMzg4LTMuODI1IDEuMDczLTUuNTQyLTYuMzctMS43MzMtMTEuMDczLTcuNTUyLTExLjA3My0xNC40NjN2LTUuOTQxYzAtOC4yNzIgNi43My0xNS4wMDMgMTUuMDAyLTE1LjAwM2gzLjY4NWExNC44OTQgMTQuODk0IDAgMCAxLS44NzUtNS4wMDJ2LTUuOTQxYzAtMi4yMDcuNDkxLTQuMjk4IDEuMzUxLTYuMTg3LTUuMzgtMi4yODItOS4xNjItNy42MTYtOS4xNjItMTMuODE4di01Ljk0MWMwLTguMjcyIDYuNzMtMTUuMDAzIDE1LjAwMi0xNS4wMDNoMzcuMjY4di01Mi45MThsLTI0LjU2MyAxNy43NzdhNSA1IDAgMCAxLTUuNDMyLjI3OSA1IDUgMCAwIDEtMi40NzQtNC44NDRsMy41NjMtMzQuNTE2YTQuOTkgNC45OSAwIDAgMSAuNjQ0LTEuOTg2bDI4LjI2Mi00OC45NTJWMzcuNDEyYzAtOS4wNS03LjM2My0xNi40MTItMTYuNDEzLTE2LjQxMmgtMjE5LjQ3djQ2LjYyMWMwIDE0LjU2My0xMS44NDkgMjYuNDEyLTI2LjQxMyAyNi40MTJoLTQ2LjYyMXYxNDguOTA1aDYwLjEzNmM2LjY4IDAgMTIuOTY2IDIuNjE0IDE3LjcwMyA3LjM2MSA0LjcyMiA0LjczMyA3LjMxMyAxMS4wMDIgNy4yOTcgMTcuNjUxem0yODEuNTA4IDIwNy4xMDRIMzYzLjE4OGE1LjAwOCA1LjAwOCAwIDAgMC01LjAwMiA1LjAwMnY1Ljk0MWE1LjAwOCA1LjAwOCAwIDAgMCA1LjAwMiA1LjAwM2gxMDQuOTk1YTUuMDA4IDUuMDA4IDAgMCAwIDUuMDAzLTUuMDAzdi01Ljk0MWE1LjAxIDUuMDEgMCAwIDAtNS4wMDQtNS4wMDJ6bTIyLjgxNS0yMC45NDVhNS4wMDggNS4wMDggMCAwIDAtNS4wMDMtNS4wMDJIMzgwLjk5OWE1LjAwOCA1LjAwOCAwIDAgMC01LjAwMiA1LjAwMnY1Ljk0MWE1LjAwOCA1LjAwOCAwIDAgMCA1LjAwMiA1LjAwM2gxMDQuOTk1YTUuMDA4IDUuMDA4IDAgMCAwIDUuMDAzLTUuMDAzem0tNy44MTItMjUuOTQ2YTUuMDA4IDUuMDA4IDAgMCAwLTUuMDAyLTUuMDAySDM3My4xODhhNS4wMDggNS4wMDggMCAwIDAtNS4wMDIgNS4wMDJ2NS45NDFhNS4wMDggNS4wMDggMCAwIDAgNS4wMDIgNS4wMDNoMTA0Ljk5NmE1LjAwOCA1LjAwOCAwIDAgMCA1LjAwMi01LjAwM3YtNS45NDF6bS0xNS4wMDMtMzAuOTQ5SDM2My4xODhhNS4wMDggNS4wMDggMCAwIDAtNS4wMDIgNS4wMDN2NS45NDFhNS4wMDggNS4wMDggMCAwIDAgNS4wMDIgNS4wMDNoMTA0Ljk5NWE1LjAwOCA1LjAwOCAwIDAgMCA1LjAwMy01LjAwM3YtNS45NDFhNS4wMSA1LjAxIDAgMCAwLTUuMDA0LTUuMDAzem0yMi44MTUtMjAuOTQzYTUuMDA4IDUuMDA4IDAgMCAwLTUuMDAzLTUuMDAzSDM4MC45OTlhNS4wMDggNS4wMDggMCAwIDAtNS4wMDIgNS4wMDN2NS45NDFhNS4wMDggNS4wMDggMCAwIDAgNS4wMDIgNS4wMDJoMTA0Ljk5NWE1LjAwOCA1LjAwOCAwIDAgMCA1LjAwMy01LjAwMnpNMTYzLjYxIDI3Ni4wMDN2NDcuNjMxYzAgNS41MTQtNC40ODYgMTAtMTAgMTBINDQuNTQ3Yy01LjUxNCAwLTEwLTQuNDg2LTEwLTEwdi00Ny42MzFjMC01LjUxNCA0LjQ4Ni05Ljk5OSAxMC05Ljk5OUgxNTMuNjFjNS41MTQgMCAxMCA0LjQ4NSAxMCA5Ljk5OXptLTEwIDAtMTA5LjA2NS4wMDEuMDAzIDQ3LjYzSDE1My42MXptLTgyLjc0NyA4Mi44NTR2MTYuMzE2YzAgNS41MTQtNC40ODYgMTAtMTAgMTBINDQuNTQ3Yy01LjUxNCAwLTEwLTQuNDg2LTEwLTEwdi0xNi4zMTZjMC01LjUxNCA0LjQ4Ni0xMCAxMC0xMGgxNi4zMTdjNS41MTMgMCA5Ljk5OSA0LjQ4NyA5Ljk5OSAxMHptLTkuOTk5IDE2LjMxN3YtMTYuMzE2aC0xNi4zMmwuMDAzIDE2LjMxNnptMTAyLjc0Ni0xNi4zMTd2MTYuMzE2YzAgNS41MTQtNC40ODYgMTAtMTAgMTBoLTE2LjMxN2MtNS41MTQgMC0xMC00LjQ4Ni0xMC0xMHYtMTYuMzE2YzAtNS41MTQgNC40ODYtMTAgMTAtMTBoMTYuMzE3YzUuNTE0IDAgMTAgNC40ODcgMTAgMTB6bS0xMCAwaC0xNi4zMTlsLjAwMyAxNi4zMTZoMTYuMzE2em0tMzYuMzc0IDB2MTYuMzE2YzAgNS41MTQtNC40ODYgMTAtMTAgMTBIOTAuOTJjLTUuNTE0IDAtMTAtNC40ODYtMTAtMTB2LTE2LjMxNmMwLTUuNTE0IDQuNDg2LTEwIDEwLTEwaDE2LjMxN2M1LjUxMyAwIDkuOTk5IDQuNDg3IDkuOTk5IDEwem0tOS45OTkgMTYuMzE3di0xNi4zMTZoLTE2LjMybC4wMDMgMTYuMzE2ek03MC44NjMgNDA1LjIzdjE2LjMxNmMwIDUuNTE0LTQuNDg2IDEwLTEwIDEwSDQ0LjU0N2MtNS41MTQgMC0xMC00LjQ4Ni0xMC0xMFY0MDUuMjNjMC01LjUxNCA0LjQ4Ni0xMCAxMC0xMGgxNi4zMTdjNS41MTMgMCA5Ljk5OSA0LjQ4NyA5Ljk5OSAxMHptLTkuOTk5IDE2LjMxN3YtMTYuMzE2aC0xNi4zMmwuMDAzIDE2LjMxNnptOS45OTkgMzAuMDU3djE2LjMxNmMwIDUuNTE0LTQuNDg2IDEwLTEwIDEwSDQ0LjU0N2MtNS41MTQgMC0xMC00LjQ4Ni0xMC0xMHYtMTYuMzE2YzAtNS41MTQgNC40ODYtMTAgMTAtMTBoMTYuMzE3YzUuNTEzIDAgOS45OTkgNC40ODYgOS45OTkgMTB6bS05Ljk5OSAxNi4zMTZ2LTE2LjMxNmgtMTYuMzJsLjAwMyAxNi4zMTZ6bTU2LjM3Mi02Mi42OXYxNi4zMTZjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMEg5MC45MmMtNS41MTQgMC0xMC00LjQ4Ni0xMC0xMFY0MDUuMjNjMC01LjUxNCA0LjQ4Ni0xMCAxMC0xMGgxNi4zMTdjNS41MTMgMCA5Ljk5OSA0LjQ4NyA5Ljk5OSAxMHptLTkuOTk5IDE2LjMxN3YtMTYuMzE2aC0xNi4zMmwuMDAzIDE2LjMxNnptNTYuMzczLTE2LjMxN3Y2Mi42ODljMCA1LjUxNC00LjQ4NiAxMC0xMCAxMGgtMTYuMzE3Yy01LjUxNCAwLTEwLTQuNDg2LTEwLTEwVjQwNS4yM2MwLTUuNTE0IDQuNDg2LTEwIDEwLTEwaDE2LjMxN2M1LjUxNCAwIDEwIDQuNDg3IDEwIDEwem0tMTAgMGgtMTYuMzE5bC4wMDMgNjIuNjg5aDE2LjMxNnptLTM2LjM3NCA0Ni4zNzR2MTYuMzE2YzAgNS41MTQtNC40ODYgMTAtMTAgMTBIOTAuOTJjLTUuNTE0IDAtMTAtNC40ODYtMTAtMTB2LTE2LjMxNmMwLTUuNTE0IDQuNDg2LTEwIDEwLTEwaDE2LjMxN2M1LjUxMyAwIDkuOTk5IDQuNDg2IDkuOTk5IDEwem0tOS45OTkgMTYuMzE2di0xNi4zMTZoLTE2LjMybC4wMDMgMTYuMzE2em03OC45NjUtMzQ5Ljg2YzAtMzguNDg1IDMxLjMxLTY5Ljc5NSA2OS43OTUtNjkuNzk1czY5Ljc5NSAzMS4zMSA2OS43OTUgNjkuNzk1LTMxLjMxIDY5Ljc5NS02OS43OTUgNjkuNzk1LTY5Ljc5NS0zMS4zMS02OS43OTUtNjkuNzk1em0xMCAwYzAgMzIuOTcxIDI2LjgyNCA1OS43OTUgNTkuNzk1IDU5Ljc5NXM1OS43OTUtMjYuODI0IDU5Ljc5NS01OS43OTUtMjYuODI0LTU5Ljc5NS01OS43OTUtNTkuNzk1LTU5Ljc5NSAyNi44MjQtNTkuNzk1IDU5Ljc5NXptNTkuNzk1IDVjNS45NDYgMCAxMC43ODQgNC44MzcgMTAuNzg0IDEwLjc4M3MtNC44MzcgMTAuNzg0LTEwLjc4NCAxMC43ODRhMTAuNzYzIDEwLjc2MyAwIDAgMS05LjAyNy00Ljg4NSA1IDUgMCAxIDAtOC4zNjQgNS40ODEgMjAuNzQgMjAuNzQgMCAwIDAgMTIuMzkyIDguNzk5djMuNjg3YTUgNSAwIDEgMCAxMCAwdi0zLjY4OGM5LjA1NC0yLjI0NCAxNS43ODQtMTAuNDM5IDE1Ljc4NC0yMC4xNzcgMC0xMS40Ni05LjMyNC0yMC43ODMtMjAuNzg0LTIwLjc4My01Ljk0NiAwLTEwLjc4My00LjgzNy0xMC43ODMtMTAuNzgzczQuODM3LTEwLjc4MyAxMC43ODMtMTAuNzgzYzMuNjQ4IDAgNy4wMjMgMS44MjYgOS4wMjggNC44ODVhNS4wMDEgNS4wMDEgMCAwIDAgOC4zNjQtNS40ODMgMjAuNzQzIDIwLjc0MyAwIDAgMC0xMi4zOTItOC43OTd2LTMuNjg4YTUgNSAwIDEgMC0xMCAwdjMuNjg5Yy05LjA1MiAyLjI0NS0xNS43ODMgMTAuNDM5LTE1Ljc4MyAyMC4xNzYtLjAwMiAxMS40NTkgOS4zMjIgMjAuNzgzIDIwLjc4MiAyMC43ODN6IiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PC9nPjwvc3ZnPg==");
    mask-image: var(--mask-image);
    -webkit-mask-image: var(--mask-image);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--primary-color);
    transform: rotate(27.74deg);
    animation: rotate_icon 2s linear infinite alternate;
    opacity: 0.2;
}

.footer-bg-shape {
    position: absolute;
    top: 57px;
    left: 50%;
    transform: translate(690px) rotateY(180deg);
    width: 404px;
}

.footer-top {
    padding: 111px 0 113px 0;
}

.h4-title.footer-title {
    color: var(--white-color);
    padding-bottom: 4px;
    position: relative;
    margin-bottom: 23px;
}

.h4-title.footer-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 61px;
    height: 1px;
    background: var(--primary-color);
}

.footer-info p {
    margin-bottom: 23px;
    color: var(--white-color);
    opacity: 0.8;
}

.social-media {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.social-media a {
    width: 40px;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    font-size: 15px;
    color: var(--white-color);
    transition: 0.3s;
}

.social-media a:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

.footer-link-wp {
    display: flex;
    justify-content: center;
}

.footer-link ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.footer-link ul li a {
    display: inline-block;
    color: var(--white-color);
    opacity: 0.8;
    transition: 0.3s;
}

.footer-link ul li a:hover {
    opacity: 1;
    color: var(--primary-color);
}

.footer-contact ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.footer-contact ul li {
    display: flex;
    gap: 20px;
}

.footer-contact ul li .icon {
    width: 40px;
    aspect-ratio: 1/1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--primary-color);
    border-radius: 50%;
    color: var(--white-color);
    flex-shrink: 0;
    font-size: 15px;
}

.footer-contact ul li .text {
    align-self: center;
}

.footer-contact ul li .text a {
    color: var(--white-color);
    transition: 0.3s;
    opacity: 0.8;
}

.footer-contact ul li .text a:hover {
    color: var(--primary-color);
    opacity: 1;
}

.footer-bottom {
    background: var(--white-color);
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 15px 30px;
    border-radius: 20px;
}

.footer-logo {
    width: 65px;
}

.copy-right p a {
    color: var(--primary-color);
    font-weight: 600;
    transition: 0.3s;
}

.copy-right p a:hover {
    text-decoration: underline;
}

.copy-right p i {
    color: var(--primary-color);
}
/*==========Footer CSS End==========*/

/*==========Scroll To Top CSS Start==========*/
.scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    display: none;
    font-size: 20px;
    line-height: 50px;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    transition: 0.3s;
    z-index: 80;
}

.scroll-to-top:hover {
    color: var(--white-color);
    box-shadow: var(--primary-shadow);
}

.scroll-to-top:hover i {
    animation: up_down 0.8s linear infinite alternate;
}

@keyframes up_down {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(0, -3px);
    }
}

/*==========Scroll To Top CSS End==========*/

/*==========About Us Page CSS Start==========*/
/* Inner Banner CSS Start */
.main-inner-banner {
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg-color);
    padding: 183px 0 70px;
}

.inner-banner-content {
    text-align: center;
}

.inner-banner-content .h1-title:last-child {
    margin-bottom: 0;
}

.inner-banner-shape {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 684px;
    max-width: calc(100% - 60px);
    height: 343px;
    overflow: hidden;
    z-index: 0;
}

.inner-banner-shape:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 81.134%;
    aspect-ratio: 1 / 1.1163;
    background: var(--primary-color);
    opacity: 0.1;
    border-radius: 59% 41% 35% 65% / 53% 36% 64% 47%;
    animation: radius_animation 8s linear infinite alternate;
    z-index: 0;
}

.inner-banner-shape:after {
    content: '';
    position: absolute;
    top: 88px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    aspect-ratio: 1 / 0.87108;
    background: transparent;
    border: 1px solid var(--primary-color);
    border-radius: 71% 29% 34% 66% / 33% 36% 64% 67%;
    animation: radius_animation2 5s linear infinite alternate;
    z-index: 2;
}

/* Inner Banner CSS End */

/* Breadcrumb CSS Start */
.breadcrumb-box {
    text-align: center;
    margin: -20px auto 0;
    max-width: calc(100% - 60px);
    position: relative;
    z-index: 10;
}

.breadcrumb-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    min-height: 40px;
    padding: 8px 19px 7px;
    background: var(--primary-color);
    border-radius: 40px;
}

.breadcrumb-box ul li {
    color: var(--white-color);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    font-weight: 600;
    gap: 10px;
}

.breadcrumb-box ul li:not(:last-child):after {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 14px;
    line-height: 1;
}

.breadcrumb-box ul li a {
    color: inherit;
    text-transform: inherit;
    transition: 0.3s;
}

.breadcrumb-box ul li a:hover {
    text-decoration: underline;
}

/* Breadcrumb CSS End */

/* Our Story CSS Start */
.main-our-story {
    margin: 113px 0;
}

.story-year .h2-title {
    color: var(--gray-color);
    margin: 0;
}

.our-story-box {
    position: relative;
    text-align: center;
    padding-inline: 24px;
    display: flex;
    flex-direction: column;
    gap: 140px;
}

.our-story-slider .swiper-slide:nth-child(even) .our-story-box {
    flex-direction: column-reverse;
}

.our-story-box:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 1px;
    width: 100%;
    background: var(--primary-color);
}

.our-story-pin {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50%;
    width: 1px;
    height: 34px;
    background: var(--primary-color);
}

.our-story-pin:before {
    --pin-size: 6px;
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(calc(50% - var(--pin-size)));
    top: 0;
    width: var(--pin-size);
    height: var(--pin-size);
    background: var(--primary-color);
    border-radius: 50%;
}

.story-achievement .h4-title {
    margin-bottom: 15px;
}

.our-story-slider .swiper-slide:nth-child(even) .our-story-box .our-story-pin {
    bottom: unset;
    top: 50%;
    transform: rotate(-180deg);
    height: 50px;
}

.our-story-title {
    margin-bottom: 30px;
}

.our-story-slider .swiper-slide:nth-child(odd) .our-story-box .h2-title {
    top: 20px;
}

.our-story-slider .swiper-slide:nth-child(even) .our-story-box .h2-title {
    top: auto;
    bottom: 20px
}


/* Our Story CSS End */
/*==========About Us Page CSS End==========*/

/*==========Services Page CSS Start==========*/

.main-service-page-list {
    margin: var(--spacing) 0;
}

/* Law Solution CSS Start */
.main-consultation {
    margin: 113px 0;
}

.consultation-step-card {
    position: relative;
    text-align: center;
}

.consultation-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 121px;
    aspect-ratio: 1/1;
    margin-inline: auto;
    background: var(--white-color);
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 60px;
    border-radius: 20px;
    transition: all 0.4s ease;
}

.consultation-step-card .h4-title {
    margin-top: 21px;
}

.consultation-text {
    margin-top: 15px;
}

.consultation-title {
    margin-bottom: 38px;
}

.consultation-step-sec .row {
    row-gap: 40px;
}

.consultation-step-card:before {
    content: '';
    position: absolute;
    top: 58px;
    transform: translateY(-50%);
    /* background-image: url(../images/Path-Arrow.svg); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 155px;
    aspect-ratio: 1/0.1677;
    left: 85%;
}

.consultation-step-sec .row>div:last-child .consultation-step-card:before {
    content: none;
}

.consultation-step-card:hover .consultation-icon img {
    transform: rotateY(180deg);
}

.consultation-step-card .consultation-icon img {
    width: auto;
    height: auto;
    max-width: 60px;
    max-height: 60px;
    object-fit: contain;
    object-position: center;
    transition: all 0.5s ease;
}

.consultation-step-card:hover .consultation-icon {
    transform: translateY(-10px);
    box-shadow: rgb(0 0 0 / 16%) 0px 4px 60px;
}

/* Law Solution CSS End */

/* Pricing Plan CSS Start */
.main-law-plan {
    padding: var(--spacing) 0;
    background: var(--bg-color);
}

.pricing-plan-content {
    padding-right: 30px;
}

.pricing-plan-content .h2-title {
    margin-bottom: 19px;
}

.pricing-plan-content p {
    margin-bottom: 16px;
}

.plan-card-wp .row {
    row-gap: 30px;
}

.law-plan-card {
    position: relative;
    background: var(--white-color);
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 60px;
    transition: 0.5s;
}

.plan-card-wp .row>div:first-child .law-plan-card {
    margin-top: 50px;
}

.law-plan-card:hover {
    transform: translateY(-10px);
}

.plan-price {
    font-family: var(--title-font);
    font-size: 50px;
    line-height: 66px;
    color: var(--primary-color);
    font-weight: bold;
    margin-bottom: 14px;
}

.plan-price span {
    font-size: 15px;
    line-height: 1;
    display: inline-block;
}

.law-plan-card .h4-title {
    margin-bottom: 8px;
}

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

.plan-description ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 18px;
}

.plan-description ul li:last-child {
    margin-bottom: 0;
}

.plan-description ul li:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    /* background-image: url(../images/Checkmar-Icon.svg); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 18px;
    aspect-ratio: 1/1;
}

.plan-description {
    padding: 27px 40px 37px;
}

.law-plan-btn {
    margin-top: 22px;
}

.law-plan-btn .sec-btn {
    width: 100%;
}

.law-plan-card-info {
    padding: 32px 40px 31px;
    border-bottom: 1px solid var(--gray-color);
}

/* Pricing Plan CSS End */
/*==========Services Page CSS End==========*/

/*==========Service Detail Page CSS Start==========*/
.main-service-detail {
    margin: var(--spacing) 0;
}

.service-detail-content {
    padding-right: 25px;
}

.service-detail-content-title {
    display: flex;
    align-items: center;
    gap: 45px;
    margin-bottom: 21px;
}

.service-detail-content-title .icon {
    flex-shrink: 0;
    width: 70px;
    aspect-ratio: 1/1;
    background: var(--primary-color);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service-detail-content-title .icon img {
    width: auto;
    height: auto;
    max-width: 35px;
    max-height: 35px;
    object-fit: contain;
    object-position: center;
}

.service-detail-content-title .h2-title {
    margin-bottom: 0;
}

.service-detail-content-box:not(:last-child) {
    margin-bottom: 43px;
}

.service-detail-content-box .row {
    row-gap: 24px;
}

.service-detail-content-box.img img {
    border-radius: 20px;
}

.service-detail-content-box .h4-title {
    margin-bottom: 15px;
}

.service-detail-content-box ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 18px;
}

.service-detail-content-box ul li {
    color: var(--secondary-color);
    display: flex;
    gap: 8px;
    position: relative;
    align-items: flex-start;
}

.service-detail-content-box ul li:before {
    content: '\f00c';
    width: 18px;
    aspect-ratio: 1/1;
    background: var(--primary-color);
    border-radius: 50%;
    margin-top: 4px;
    flex-shrink: 0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: 1;
    font-size: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white-color);
}

.service-detail-feature-box {
    background: var(--white-color);
    box-shadow: 0px 4px 60px -1px #0000001A;
    border-radius: 20px;
    padding: 22px 30px 24px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: 0.5s;
}

.service-detail-feature-box:hover {
    transform: translate(0, -10px);
}

.service-detail-feature-box .icon {
    flex-shrink: 0;
}

.service-detail-feature-box .icon img {
    width: auto;
    height: auto;
    max-width: 50px;
    max-height: 50px;
    object-fit: contain;
    object-position: center;
    transition: 0.5s;
}

.service-detail-feature-box:hover .icon img {
    transform: rotateY(180deg);
}

.service-detail-feature-box .text .h4-title {
    margin-bottom: 4px;
}

.get-in-touch {
    position: relative;
    background: var(--bg-color);
    padding: 22px 30px 30px;
    border-radius: 20px;
}

.get-in-touch:not(:last-child) {
    margin-bottom: 42px;
}

.sidebar .h4-title {
    padding-bottom: 4px;
    position: relative;
    margin-bottom: 30px;
}

.sidebar .h4-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 79px;
    height: 1px;
    background: var(--primary-color);
}

.get-in-touch-form {
    margin-top: 45px;
}

.get-in-touch-form .form-input {
    background: var(--white-color);
    border-color: var(--white-color);
}

.get-in-touch-form textarea.form-input {
    height: 100px;
    border-radius: 10px;
}

.get-in-touch-form .form-box:last-child {
    margin-bottom: 0;
}

.download-brochure:not(:last-child) {
    margin-bottom: 50px;
}

.download-brochure-box {
    display: flex;
    align-items: center;
    gap: 20px;
}

.download-brochure-box:not(:last-child) {
    margin-bottom: 24px;
}

.download-brochure-box .icon {
    flex-shrink: 0;
}

.download-brochure-box .icon img {
    width: auto;
    height: auto;
    max-width: 55px;
    max-height: 60px;
    object-fit: contain;
    object-position: center;
}

.download-brochure-box .text {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.download-brochure-box .text p {
    margin-bottom: 0;
}

.download-brochure-box .text p a {
    color: var(--primary-color);
    transition: 0.3s;
}

.download-brochure-box .text p a:hover {
    color: var(--secondary-color);
}

.service-detail-contact {
    display: flex;
    align-items: center;
    gap: 20px;
    background: var(--secondary-color);
    border-radius: 20px;
    padding: 28px 30px;
}

.service-detail-contact .icon {
    flex-shrink: 0;
    width: 70px;
    aspect-ratio: 1/1;
    background: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}

.service-detail-contact .icon img {
    width: auto;
    height: auto;
    max-width: 40px;
    max-height: 40px;
    object-fit: contain;
    object-position: center;
}

.service-detail-contact .text .h4-title {
    padding-bottom: 0;
    margin-bottom: 5px;
    color: var(--white-color);
}

.service-detail-contact .text .h4-title:before {
    display: none;
}

.service-detail-contact .text a {
    color: inherit;
    transition: 0.3s;
}

.service-detail-contact .text a:hover {
    color: var(--primary-color);
}

.service-detail-contact .text p {
    font-size: 18px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.8);
}

.service-detail-contact .text p a {
    text-decoration: underline;
}

/*==========Service Detail Page CSS End==========*/

/*==========Case Study Page CSS Start==========*/
.page-case-study {
    margin: var(--spacing) 0;
}

.case-study-tabbing .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px 0;
}

.case-study-tabbing .nav .nav-link {
    padding: 6px 20px;
    font-size: 18px;
    line-height: 28px;
    color: var(--secondary-color);
    font-weight: 600;
    border-radius: 40px;
    transition: 0.3s;
    cursor: pointer;
}

.case-study-tabbing .nav .nav-link:hover {
    color: var(--primary-color);
}

.case-study-tabbing .nav .nav-link.active {
    background: var(--secondary-color);
    color: var(--white-color);
    box-shadow: var(--secondary-shadow);
}

.case-study-tab-content {
    margin-top: 50px;
}

.case-study-tab-content .row {
    row-gap: 24px;
}

.case-study-tab-content .case-study-box {
    border-radius: 20px;
    aspect-ratio: 1/1.46635;
}

/*==========Case Study Page CSS End==========*/

/*==========Case Study Detail Page CSS Start==========*/
.page-case-study-detail {
    margin: var(--spacing) 0;
}

.case-study-detail-content {
    padding-right: 26px;
}

.case-study-detail-box:not(:last-child) {
    margin-bottom: 35px;
}

.case-study-detail-box.img img {
    border-radius: 20px;
}

.case-study-detail-box .h2-title {
    margin-bottom: 10px;
}

.case-study-detail-box p:not(:last-child) {
    margin-bottom: 18px;
}

.case-study-detail-box .h4-title {
    margin-bottom: 15px;
}

.case-study-challenge {
    margin-top: 43px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    position: relative;
}

.case-study-challenge:before {
    content: '';
    position: absolute;
    top: 250px;
    left: 0;
    width: 100%;
    border-top: 1px dashed var(--primary-color);
    opacity: 0.5;
    z-index: 0;
}

.case-study-challenge-box {
    position: relative;
    text-align: center;
    z-index: 1;
}

.case-study-challenge-box img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    margin-bottom: 30px;
}

.case-study-challenge-box .dot-box {
    height: 40px;
    width: 100%;
    position: relative;
    margin-bottom: 22px;
}

.case-study-challenge-box .dot-box:before,
.case-study-challenge-box .dot-box:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    aspect-ratio: 1/1;
    background: var(--primary-color);
    border-radius: 50%;
    opacity: 0.2;
    z-index: 0;
}

.case-study-challenge-box .dot-box:after {
    width: 20px;
    opacity: 1;
    z-index: 1;
}

.case-study-challenge-box .h4-title {
    margin-bottom: 16px;
}

.case-study-challenge-box:first-child .dot-box {
    background: linear-gradient(to right, var(--white-color) 50%, transparent 50%);
}

.case-study-challenge-box:last-child .dot-box {
    background: linear-gradient(to left, var(--white-color) 50%, transparent 50%);
}

.case-information {
    margin-bottom: 42px;
    background: var(--secondary-color);
    padding: 23px 30px 22px;
    border-radius: 20px;
    color: var(--white-color);
}

.case-information .h4-title {
    color: var(--white-color);
    margin-bottom: 23px;
}

.case-information ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.case-information ul li {
    color: var(--white-color);
    font-size: 18px;
    line-height: 28px;
}

.case-information ul li:not(:last-child) {
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.case-information ul li strong {
    font-weight: 600;
}

/*==========Case Study Detail Page CSS End==========*/

/*==========Our Team Page CSS Start==========*/
.page-our-team {
    margin: var(--spacing) 0;
}

.page-team-list .row {
    row-gap: 81px;
}

/*==========Our Team Page CSS End==========*/

/*==========Team Detail Page CSS Start==========*/
.main-team-detail {
    margin: var(--spacing) 0;
}

.team-detail-img .team-social-share {
    width: 60px;
}

.team-detail-img .team-social {
    right: 11.95%;
    bottom: -4.37%;
}

.team-detail-img .team-social-share img {
    width: 20px;
}

.team-detail-content {
    padding-left: 26px;
}

.team-detail-content-text p:not(:last-child) {
    margin-bottom: 15px;
}

.team-detail-contact {
    margin-top: 33px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.team-detail-contact .contact-link-box .icon {
    width: 60px;
    border-radius: 15px;
}

.team-detail-contact .contact-link-box .icon img {
    max-width: 26px;
    max-height: 28px;
}

.team-detail-contact .contact-link-box .text p,
.team-detail-contact .contact-link-box .text p a:not(:hover) {
    color: var(--secondary-color);
}

.team-detail-contact .contact-link-box .text p strong {
    font-weight: 600;
}

.team-professional-info {
    margin-top: 43px;
    padding-right: 30px;
}

.team-professional-info .h4-title {
    margin-bottom: 15px;
}

.team-professional-info p:not(:last-child) {
    margin-bottom: 16px;
}

.team-professional-info ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    gap: 5px;
}

.team-professional-info ul li {
    color: var(--secondary-color);
    display: flex;
    gap: 8px;
    position: relative;
    align-items: flex-start;
}

.team-professional-info ul li:before {
    content: '\f00c';
    width: 18px;
    aspect-ratio: 1/1;
    background: var(--primary-color);
    border-radius: 50%;
    margin-top: 4px;
    flex-shrink: 0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: 1;
    font-size: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white-color);
}

.team-professional-progressbar {
    margin-top: 43px;
}



.mail-related-member {
    margin: var(--spacing) 0;
}

.related-member-title {
    margin-bottom: 38px;
}

/*==========Team Detail Page CSS End==========*/

/*==========Our Pricing Page CSS Start==========*/
.page-main-pricing {
    margin: var(--spacing) 0;
}

.page-pricing-list .row {
    row-gap: 30px;
}

/*==========Our Pricing Page CSS End==========*/

/*==========FAQ Page CSS Start==========*/
.page-main-faq {
    margin: var(--spacing) 0;
}

.faq-lists .row {
    row-gap: 20px;
}

@media screen and (min-width: 992px) {
    .faq-lists .row {
        --bs-gutter-x: 50px;
    }
}

/*==========FAQ Page CSS End==========*/

/*==========Blog Grid Page CSS Start==========*/
.page-blog-list {
    margin: var(--spacing) 0;
}

.blog-pagination {
    margin-top: 66px;
}

.blog-pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.blog-pagination ul li:not(.arrow) a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    aspect-ratio: 1/1;
    text-align: center;
    background: var(--bg-color);
    border-radius: 50%;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: var(--common-color);
    transition: 0.3s;
}

.blog-pagination ul li:not(.arrow) a:hover,
.blog-pagination ul li.active:not(.arrow) a {
    background: var(--primary-color);
    color: var(--white-color);
}

.blog-pagination ul li.arrow a {
    display: inline-block;
    padding: 0 10px;
    color: var(--secondary-color);
    transition: 0.3s;
}

.blog-pagination ul li.arrow a:hover {
    color: var(--primary-color);
}

/*==========Blog Grid Page CSS End==========*/

/*==========Blog List Page CSS Start==========*/
.page-blog-lists {
    padding-right: 26px;
    display: flex;
    flex-direction: column;
    gap: 67px;
}

.page-blog-lists .blog-img-wp {
    --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MzAiIGhlaWdodD0iNDUwIiB2aWV3Qm94PSIwIDAgODMwIDQ1MCIgZmlsbD0ibm9uZSI+CjxtYXNrIGlkPSJtYXNrMF8yMzhfMTg2MCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjgzMCIgaGVpZ2h0PSI0NTAiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTgzMCAyMEM4MzAgOC45NTQzMSA4MjEuMDQ2IDAgODEwIDBIMjBDOC45NTQzIDAgMCA4Ljk1NDMxIDAgMjBWMzkwQzAgNDAxLjA0NiA4Ljk1NDMxIDQxMCAyMCA0MTBIMTIyQzEzMy4wNDYgNDEwIDE0MiA0MTguOTU0IDE0MiA0MzBWNDMwQzE0MiA0NDEuMDQ2IDE1MC45NTQgNDUwIDE2MiA0NTBIODEwQzgyMS4wNDYgNDUwIDgzMCA0NDEuMDQ2IDgzMCA0MzBWMjBaIiBmaWxsPSJibGFjayIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjM4XzE4NjApIj4KPHJlY3QgeD0iLTEyIiB5PSItMTE1IiB3aWR0aD0iODUxIiBoZWlnaHQ9IjU2OCIgZmlsbD0iYmxhY2siLz4KPC9nPgo8L3N2Zz4=");
    aspect-ratio: 1 / 0.54218;
}

.page-blog-lists .blog-pagination {
    margin-top: 0;
}

.blog-search:not(:last-child) {
    margin-bottom: 42px;
}

.blog-search .search-box {
    position: relative;
}

.blog-search .search-box .form-input {
    border: 0;
    box-shadow: 0 4px 60px rgba(0, 0, 0, 0.1);
    padding-right: 70px;
}

.blog-search .search-box .search-btn {
    position: absolute;
    top: 5px;
    right: 6px;
    width: 50px;
    aspect-ratio: 1/1;
    background: var(--primary-color);
    border: 0;
    outline: none;
    border-radius: 50%;
    color: var(--white-color);
    cursor: pointer;
    transition: 0.3s;
}

.blog-search .search-box .search-btn:hover {
    background: var(--secondary-color);
    color: var(--white-color);
}

.blog-category:not(:last-child) {
    margin-bottom: 39px;
}

.blog-category .h4-title {
    margin-bottom: 24px;
}

.blog-category ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-category ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-category ul li:before {
    content: '';
    width: 18px;
    height: 15px;
    --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE4IDE1IiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOCAxMi45MTNWMy41MjE3NEMxOCAzLjAwMjg3IDE3Ljc5MzggMi41MDUxMyAxNy40MjcxIDIuMTM4MDhDMTcuMDYwMSAxLjc3MTQzIDE2LjU2MjMgMS41NjUyMiAxNi4wNDM1IDEuNTY1MjJIOS4yNDE4M0w5IDEuMDgxNTdDOC42Njg1NiAwLjQxODY5OSA3Ljk5MTIyIDAgNy4yNTAwOSAwSDEuOTU2NTJDMC44NzYxMyAwIDAgMC44NzYxMyAwIDEuOTU2NTJWMTIuOTEzQzAgMTMuOTkzNCAwLjg3NjEzIDE0Ljg2OTYgMS45NTY1MiAxNC44Njk2SDE2LjA0MzVDMTYuNTYyMyAxNC44Njk2IDE3LjA2MDEgMTQuNjYzNCAxNy40MjcxIDE0LjI5NjdDMTcuNzkzOCAxMy45Mjk3IDE4IDEzLjQzMTkgMTggMTIuOTEzWk0xNy4yMTc0IDUuMDg2OTZWMTIuOTEzQzE3LjIxNzQgMTMuMjI0NSAxNy4wOTM3IDEzLjUyMzEgMTYuODczNCAxMy43NDNDMTYuNjUzNSAxMy45NjMzIDE2LjM1NSAxNC4wODcgMTYuMDQzNSAxNC4wODdDMTIuNzY5NCAxNC4wODcgNS4yMzA1NyAxNC4wODcgMS45NTY1MiAxNC4wODdDMS4zMDgxMyAxNC4wODcgMC43ODI2MDkgMTMuNTYxNCAwLjc4MjYwOSAxMi45MTNWMS45NTY1MkMwLjc4MjYwOSAxLjMwODEzIDEuMzA4MTMgMC43ODI2MDkgMS45NTY1MiAwLjc4MjYwOUg3LjI1MDA5QzcuNjk0NjEgMC43ODI2MDkgOC4xMDExNyAxLjAzMzgyIDguMjk5OTYgMS40MzEzOUw5LjQzMjc4IDMuNjk2NjVDOS40OTg5MSAzLjgyOTMgOS42MzQzIDMuOTEzMDQgOS43ODI2MSAzLjkxMzA0SDE2LjA0MzVDMTYuMzU1IDMuOTEzMDQgMTYuNjUzNSA0LjAzNjY5IDE2Ljg3MzQgNC4yNTdDMTcuMDkzNyA0LjQ3NjkxIDE3LjIxNzQgNC43NzU0OCAxNy4yMTc0IDUuMDg2OTZaTTkuNjMzMTMgMi4zNDc4M0wxMC4wMjQ0IDMuMTMwNDNIMTYuMDQzNUMxNi40NjkyIDMuMTMwNDMgMTYuODgwOSAzLjI2OTM1IDE3LjIxNzQgMy41MjE3NEMxNy4yMTc0IDMuMjEwMjYgMTcuMDkzNyAyLjkxMTY5IDE2Ljg3MzQgMi42OTE3OEMxNi42NTM1IDIuNDcxNDggMTYuMzU1IDIuMzQ3ODMgMTYuMDQzNSAyLjM0NzgzSDkuNjMzMTNaIiBmaWxsPSIjQjY4QzVBIi8+Cjwvc3ZnPg==");
    mask-image: var(--mask-image);
    -webkit-mask-image: var(--mask-image);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--primary-color);
    flex-shrink: 0;
}

.blog-category ul li a {
    color: var(--common-color);
    transition: 0.3s;
}

.blog-category ul li a:hover {
    color: var(--primary-color);
}

.recent-post:not(:last-child) {
    margin-bottom: 41px;
}

.recent-post-box:not(:last-child) {
    margin-bottom: 25px;
}

.recent-post-box {
    display: flex;
    align-items: center;
    gap: 20px;
}

.recent-post-box .img {
    width: 100px;
    aspect-ratio: 1/1;
    border-radius: 20px;
    flex-shrink: 0;
}

.recent-post-box .text p {
    margin-bottom: 10px;
}

.recent-post-box .text p a {
    color: var(--common-color);
    transition: 0.3s;
}

.recent-post-box .text p a:hover {
    color: var(--primary-color);
}

.recent-post-box .date {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--primary-color);
}

.blog-tags:not(:last-child) {
    margin-bottom: 50px;
}

.blog-tags ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.blog-tags ul li a {
    display: inline-block;
    padding: 6px 17px 7px 18px;
    color: var(--common-color);
    border: 1px solid var(--common-color);
    border-radius: 30px;
    transition: 0.3s;
}

.blog-tags ul li a:hover {
    background: var(--primary-color);
    color: var(--white-color);
    border-color: var(--primary-color);
}

/*==========Blog List Page CSS End==========*/

/*==========Blog Detail Page CSS Start==========*/
.page-blog-detail {
    margin: var(--spacing) 0;
}

.blog-detail-content {
    padding-right: 26px;
}

.blog-detail-content .page-blog-lists {
    padding-right: 0;
}

.blog-detail-text-box:not(:last-child) {
    margin-bottom: 43px;
}

.blog-detail-text-box p:not(:last-child) {
    margin-bottom: 16px;
}

.blog-detail-text-box .row {
    row-gap: 24px;
}

.blog-detail-text-box.img img {
    border-radius: 20px;
}

.blog-detail-text-box ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    gap: 18px;
}

.blog-detail-text-box ul li {
    color: var(--secondary-color);
    display: flex;
    gap: 8px;
    position: relative;
    align-items: flex-start;
}

.blog-detail-text-box ul li:before {
    content: '\f00c';
    width: 18px;
    aspect-ratio: 1/1;
    background: var(--primary-color);
    border-radius: 50%;
    margin-top: 4px;
    flex-shrink: 0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: 1;
    font-size: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white-color);
}

.blog-detail-text-box blockquote {
    margin-bottom: 12px;
    background: var(--secondary-color);
    padding: 31px 40px 32px 40px;
    border-radius: 20px;
    position: relative;
}

.blog-detail-text-box blockquote .h4-title {
    color: var(--white-color);
}

.blog-detail-text-box .h4-title:not(blockquote .h4-title, .faq-accordion .h4-title) {
    margin-bottom: 15px;
}

.blog-detail-text-box blockquote .quote {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 25px;
    bottom: -22px;
    width: 70px;
    aspect-ratio: 1/1;
    background: var(--primary-color);
    border: 10px solid var(--white-color);
    border-radius: 50%;
}

.blog-detail-text-box blockquote .quote img {
    width: 20px;
}

.blog-detail-tags-share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bg-color);
    border-radius: 15px;
    padding: 10px 20px;
    gap: 20px;
}

.blog-detail-tags {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-detail-tags p {
    color: var(--secondary-color);
    margin-bottom: 0;
    flex-shrink: 0;
}

.blog-detail-tags ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.blog-detail-tags ul li a {
    display: inline-block;
    padding: 6px 17px 7px 18px;
    color: var(--common-color);
    border: 1px solid var(--common-color);
    border-radius: 30px;
    transition: 0.3s;
}

.blog-detail-tags ul li a:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
}

.blog-share {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-share p {
    color: var(--secondary-color);
    margin-bottom: 0;
}

.blog-share-box {
    position: relative;
    z-index: 10;
}

.blog-share-icon {
    width: 40px;
    aspect-ratio: 1 / 1;
    background: var(--primary-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.blog-share-icon:hover {
    background: var(--secondary-color);
}

.blog-share-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 130%;
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
    pointer-events: none;
    display: flex;
    align-items: center;
    background: var(--white-color);
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    gap: 10px;
    opacity: 0;
    transition: 0.3s;
}

@media screen and (min-width: 992px) {
    .blog-share-box:hover ul {
        top: calc(100% + 8px);
        pointer-events: auto;
        opacity: 1;
    }
}

.blog-share-box.active ul {
    top: calc(100% + 8px);
    pointer-events: auto;
    opacity: 1;
}

.blog-share-box ul:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%);
    width: 16px;
    height: 8px;
    border-bottom: 8px solid var(--white-color);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: 1;
}

.blog-share-box ul:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 8px;
    background: transparent;
}

.blog-share-box ul li {
    position: relative;
}

.blog-share-box ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    aspect-ratio: 1/1;
    border: 2px solid var(--white-color);
    background: var(--secondary-color);
    border-radius: 50%;
    color: var(--white-color);
    font-size: 14px;
    transition: 0.3s;
}

.blog-share-box ul li a:hover {
    background: var(--primary-color);
}

.blog-author:not(:first-child) {
    margin-top: 50px;
}

.blog-author {
    display: flex;
    align-items: center;
    padding: 22px 30px 29px;
    background: var(--white-color);
    box-shadow: 0 4px 60px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    gap: 20px;
}

.blog-author .img {
    width: 180px;
    aspect-ratio: 1/1;
    border-radius: 20px;
    flex-shrink: 0;
}

.blog-author .text .h4-title {
    margin-bottom: 14px;
}

.blog-author .text p:not(:last-child) {
    margin-bottom: 24px;
}

.blog-author .text ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 14px;
}

.blog-author .text ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    aspect-ratio: 1/1;
    background: var(--primary-color);
    border-radius: 50%;
    color: var(--white-color);
    transition: 0.3s;
}

.blog-author .text ul li a:hover {
    background: var(--secondary-color);
}

.main-related-blog {
    margin-top: 113px;
}

.related-blog-list .row {
    row-gap: 30px;
}

.main-blog-comments {
    margin-top: 110px;
}

.blog-comment-box:not(:last-child) {
    padding-bottom: 36px;
    margin-bottom: 33px;
    border-bottom: 1px solid var(--gray-color);
}

.blog-comment-box {
    display: flex;
    align-items: center;
    gap: 20px;
}

.blog-comment-box .img {
    width: 125px;
    aspect-ratio: 1/1;
    flex-shrink: 0;
    border-radius: 20px;
}

.blog-comment-box .content .text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.blog-comment-box .content .text-title .h4-title {
    margin-bottom: 9px;
}

.blog-comment-box .content .text-title .date {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--primary-color);
}

.blog-comment-box .content .text-title .date img {
    width: 20px;
    flex-shrink: 0;
}

.text-reply a {
    display: inline-flex;
    padding: 5px 19px;
    align-items: center;
    gap: 10px;
    background: var(--primary-color);
    color: var(--white-color);
    border-radius: 30px;
    text-transform: uppercase;
    transition: 0.3s;
}

.text-reply a:hover {
    background: var(--secondary-color);
}

.blog-comment-box.reply {
    padding-left: 50px;
}

.main-leave-comment {
    margin-top: 109px;
}

.leave-comment-form {
    margin-top: 37px;
}

/*==========Blog Detail Page CSS End==========*/

/*==========404 Error Page CSS Start==========*/
.main-404-error {
    margin: var(--spacing) 0;
}

.error-content {
    text-align: center;
}

.error-content .error-img {
    margin-bottom: 30px;
}

.error-content .h2-title {
    margin-bottom: 18px;
}

.error-content p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 32px;
}

/*==========404 Error Page CSS End==========*/

/*==========Contact Us Page CSS Start==========*/
.page-contact-us {
    margin: var(--spacing) 0;
}

.contact-link-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 38px;
    align-items: flex-start;
}

.contact-link-box {
    display: flex;
    align-items: center;
    gap: 20px;
}

.contact-link-box .icon {
    flex-shrink: 0;
    width: 80px;
    aspect-ratio: 1/1;
    background: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}

.contact-link-box .icon img {
    width: auto;
    height: auto;
    max-width: 40px;
    max-height: 40px;
    object-fit: contain;
    object-position: center;
}

.contact-link-box .text {
    flex: auto;
}

.contact-link-box .text .h4-title {
    margin-bottom: 9px;
}

.contact-link-box .text p {
    font-size: 18px;
    line-height: 28px;
}

.contact-link-box .text a {
    font-size: inherit;
    line-height: inherit;
    color: var(--common-color);
    transition: 0.3s;
}

.contact-link-box .text a:hover {
    color: var(--primary-color);
}

.google-map {
    display: flex;
    flex-direction: column;
}

.google-map iframe {
    width: 100%;
    height: 500px;
}

/*==========Contact Us Page CSS End==========*/

/*==========Custom Services Page CSS Start==========*/
.main-page-services {
    margin: var(--spacing) 0;
}

.page-services-content {
    padding-right: 26px;
}

.services-btn {
    margin-top: 30px;
}

.page-services-img {
    width: 100%;
    min-height: 500px;
    height: 100%;
    clip-path: polygon(80% 0, 100% 20%, 100% 100%, 20% 100%, 0 80%, 0 0);
    position: relative;
    z-index: 1;
}

.page-services-img-wp {
    position: relative;
    padding: 10px;
}

.page-services-img-wp:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--gradient-color2);
    clip-path: polygon(80% 0, 100% 20%, 100% 100%, 20% 100%, 0 80%, 0 0);
    z-index: 0;
}

.page-services-content ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 10px;
}

.page-services-content ul li {
    color: var(--secondary-color);
    display: flex;
    gap: 8px;
    position: relative;
    align-items: flex-start;
}

.page-services-content ul li:before {
    content: '\f00c';
    width: 18px;
    aspect-ratio: 1/1;
    background: var(--primary-color);
    border-radius: 50%;
    margin-top: 4px;
    flex-shrink: 0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: 1;
    font-size: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white-color);
}

.page-services-even-img-wp {
    width: 100%;
    height: 100%;
    min-height: 500px;
}

.page-services-even-img {
    width: 50vw;
    height: 100%;
    float: right;
}

.main-page-services-even {
    background: var(--bg-color);
}

.main-page-services-even .page-services-content {
    padding: 60px 0 60px 26px;
}

.page-services-content .h2-title {
    margin-bottom: 20px;
}

.page-services-content h6 {
    margin-bottom: 12px;
}
/*==========Custom Services Page CSS End==========*/

/*==========Responsive CSS Start==========*/
@media screen and (max-width: 1399px) {

    /* Common CSS Start */
    .sub-title {
        font-size: 20px;
        line-height: 27px;
    }

    .h1-title {
        font-size: 65px;
        line-height: 75px;
    }

    .h2-title {
        font-size: 45px;
        line-height: 55px;
        margin-bottom: 25px;
    }

    .h3-title {
        font-size: 40px;
        line-height: 50px;
    }

    .h4-title {
        font-size: 22px;
        line-height: 32px;
    }

    /* Common CSS End */

    /* Header CSS Start */
    .header-menu,
    .main-navigation ul:not(.main-navigation ul ul) {
        gap: 25px;
    }

    /* Header CSS End */

    /* Banner CSS Start */
    .main-banner {
        padding-top: 130px;
    }

    .banner-img {
        padding-top: 30px;
    }

    .main-banner .bg-icon,
    .main-inner-banner .bg-icon {
        left: -70px;
        width: 170px;
    }

    /* Banner CSS End */

    /* Features CSS Start */
    .feature-box {
        gap: 15px;
    }

    .feature-box .icon img {
        max-width: 50px;
        max-height: 50px;
    }

    .feature-box .h4-title {
        margin-bottom: 8px;
    }

    /* Features CSS End */

    /* About Us CSS Start */
    .faq-accordion-box {
        margin-bottom: 20px;
    }

    .about-us-content-btn {
        margin-top: 30px;
    }

    /* About Us CSS End */

    /* Our Services CSS Start */
    .service-box {
        padding: 30px 25px 24px;
    }

    /* Our Services CSS End */

    /* Our Skills CSS Start */
    .experience-skill-bar-box {
        margin-bottom: 30px;
        padding-bottom: 20px;
    }

    /* Our Skills CSS End */

    /* Testimonials CSS Start */
    .quote-icon {
        width: 60px;
    }

    .testimonial-bg-shape {
        transform: translate(-565px);
        width: 240px;
    }

    /* Testimonials CSS End */

    /* Special Team CSS Start */
    .team-social {
        bottom: -4.87%;
        right: 11.75%;
    }

    /* Special Team CSS End */

    /* FAQ CSS Start */
    .faq-img-wp .link-btn {
        font-size: 13px;
    }

    .faq-img-wp .link-btn i {
        font-size: 12px;
    }

    /* FAQ CSS End */

    /* Blog CSS Start */
    .blog-date {
        font-size: 13px;
    }

    /* Blog CSS End */

    /* Footer CSS Start */
    .site-footer .bg-icon {
        left: -70px;
        width: 170px;
    }

    .footer-bg-shape {
        top: auto;
        bottom: 0;
        transform: translate(560px) rotateY(180deg);
        width: 240px;
    }

    /* Footer CSS End */

    /* Services Page CS Start */
    .pricing-plan-content {
        padding-right: 0;
    }

    .law-plan-card-info,
    .plan-description {
        padding-inline: 30px;
    }

    /* Services Page CS End */

    /* Service Detail Page CSS Start */
    .service-detail-content-title {
        gap: 35px;
    }

    /* Service Detail Page CSS End */

    /* Team Detail Page CSS Start */
    .team-detail-img .team-social-share {
        width: 51px;
    }

    /* Blog List Page CSS Start */
    .blog-tags ul {
        gap: 15px;
    }

    /* Blog List Page CSS End */

}

@media screen and (max-width: 1199px) {

    /* Common CSS Start */
    :root {
        --spacing: 100px;
    }

    .sub-title {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    .h1-title {
        font-size: 55px;
        line-height: 65px;
    }

    .h2-title {
        font-size: 40px;
        line-height: 55px;
    }

    /* Common CSS End */

    /* Header CSS Start */
    .header-btn {
        display: none;
    }

    /* Header CSS End */

    /* Banner CSS Start */
    .banner-content p {
        font-size: 16px;
    }

    .rotate-btn {
        width: 100px;
    }

    .main-banner .bg-icon,
    .main-inner-banner .bg-icon {
        left: -45px;
        width: 100px;
    }

    /* Banner CSS End */

    /* About Us CSS Start */
    .about-us-content {
        padding-left: 0;
    }

    .about-counter-box .h4-title {
        font-size: 18px;
        line-height: 28px;
    }

    /* About Us CSS End */

    /* Our Services CSS Start */
    .main-our-services {
        padding: var(--spacing) 0;
    }

    .service-box {
        padding: 30px;
    }

    /* Our Services CSS End */

    /* Our Skills CSS Start */
    .our-skills-content {
        padding-left: 0;
    }

    /* Our Skills CSS End */

    /* Testimonials CSS Start */
    .main-testimonials {
        padding: var(--spacing) 0;
    }

    /* Testimonials CSS End */

    /* Special Team CSS Start */
    .special-team-content {
        padding-right: 0;
        text-align: center;
        margin-bottom: 38px;
    }

    .team-social {
        bottom: -3.87%;
        right: 12.55%;
    }

    /* Special Team CSS End */

    /* FAQ CSS Start */
    .faq-sec-content {
        padding-left: 0;
    }

    .who-we-are .faq-sec-content {
        padding-right: 0;
    }

    .faq-img-wp .link-btn {
        max-width: 50%;
    }

    .faq-img1 {
        --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NTYiIGhlaWdodD0iNTEwIiB2aWV3Qm94PSIwIDAgNDU2IDUxMCIgZmlsbD0ibm9uZSI+CjxtYXNrIGlkPSJtYXNrMF85Ml85NjA2IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDU2IiBoZWlnaHQ9IjUxMCI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAyMEMwIDguOTU0MzEgOC45NTQzMiAwIDIwIDBIMTgyLjE4OUMxOTMuMjM0IDAgMjAyLjE4OSA4Ljk1NDMyIDIwMi4xODkgMjBWMTU3LjA5NEMyMDIuMTg5IDE2OC4xNCAyMTEuMTQzIDE3Ny4wOTQgMjIyLjE4OSAxNzcuMDk0SDQzNkM0NDcuMDQ2IDE3Ny4wOTQgNDU2IDE4Ni4wNDkgNDU2IDE5Ny4wOTRWNDg5Ljc3NEM0NTYgNTAwLjgxOSA0NDcuMDQ2IDUwOS43NzQgNDM2IDUwOS43NzRIMzgyLjM4N0MzNzEuNjggNTA5Ljc3NCAzNjMgNTAxLjA5NCAzNjMgNDkwLjM4N1Y0OTAuMzg3QzM2MyA0NzkuNjggMzU0LjMyIDQ3MSAzNDMuNjEzIDQ3MUgxMTIuMzg3QzEwMS42OCA0NzEgOTMgNDc5LjY4IDkzIDQ5MC4zODdWNDkwLjM4N0M5MyA1MDEuMDk0IDg0LjMyMDIgNTA5Ljc3NCA3My42MTMyIDUwOS43NzRIMjBDOC45NTQzMSA1MDkuNzc0IDAgNTAwLjgxOSAwIDQ4OS43NzRWMjBaIiBmaWxsPSJibGFjayIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfOTJfOTYwNikiPgo8cmVjdCB4PSItMTIxLjg4NyIgeT0iLTUuMDE5MDQiIHdpZHRoPSI3NzkuMzU5IiBoZWlnaHQ9IjUxOS4wOTQiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPC9zdmc+")
    }

    /* FAQ CSS End */

    /* Counter CSS Start */
    .main-counter {
        padding: 73px 0 66px 0;
    }

    .counter-list {
        gap: 70px;
    }

    /* Counter CSS End */

    /* Blog CSS Start */
    .main-blog {
        margin: var(--spacing) 0;
    }

    .blog-img-wp {
        --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTYiIGhlaWdodD0iMjUyIiB2aWV3Qm94PSIwIDAgMjk2IDI1MiIgZmlsbD0ibm9uZSI+CjxtYXNrIGlkPSJtYXNrMF85Ml85NjM3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjk2IiBoZWlnaHQ9IjI1MiI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjk2IDIwQzI5NiA4Ljk1NDMxIDI4Ny4wNDYgMCAyNzYgMEgyMEM4Ljk1NDMgMCAwIDguOTU0MyAwIDIwVjIwM0MwIDIxNC4wNDYgOC45NTQzIDIyMyAyMCAyMjNIMTIzLjk2N0MxMzEuNzE3IDIyMyAxMzggMjI5LjI4MyAxMzggMjM3LjAzM1YyMzcuMDMzQzEzOCAyNDQuNzgyIDE0NC4yODMgMjUxLjA2NSAxNTIuMDMzIDI1MS4wNjVIMjc2QzI4Ny4wNDYgMjUxLjA2NSAyOTYgMjQyLjExMSAyOTYgMjMxLjA2NVYyMFoiIGZpbGw9ImJsYWNrIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85Ml85NjM3KSI+CjxyZWN0IHg9Ii0zNS42NjI2IiB3aWR0aD0iMzc5LjQ1MSIgaGVpZ2h0PSIyNTMuMjA1IiBmaWxsPSJibGFjayIvPgo8L2c+Cjwvc3ZnPg==");
    }

    .blog-date {
        bottom: -2px;
        width: 41%;
    }

    /* Blog CSS End */

    /* Footer CSS Start */
    .footer-top {
        padding: var(--spacing) 0;
    }

    .site-footer .bg-icon {
        left: -50px;
        width: 120px;
    }

    .footer-bg-shape {
        transform: translate(450px) rotateY(180deg);
    }

    /* Footer CSS End */

    /* Inner Banner CSS Start */
    .main-inner-banner {
        min-height: 400px;
        padding: 150px 0 70px;
    }

    .inner-banner-shape {
        width: 580px;
        height: 300px;
    }

    /* Inner Banner CSS End */

    /* Services Page CSS Start */
    .consultation-step-card:before {
        width: 110px;
    }

    .plan-card-wp {
        margin-top: 50px;
    }

    .pricing-plan-content {
        text-align: center;
    }

    .pricing-plan-content p {
        max-width: 700px;
        margin-inline: auto;
    }

    .plan-card-wp .row>div:first-child .law-plan-card {
        margin-top: 0;
    }

    /* Services Page CSS End */

    /* Service Detail Page CSS Start */
    .service-detail-content {
        padding-right: 0;
    }

    .service-detail-content-title {
        gap: 20px;
    }

    .get-in-touch {
        padding: 20px;
    }

    .get-in-touch-form {
        margin-top: 0;
    }

    .download-brochure-box {
        gap: 10px;
    }

    .service-detail-contact {
        padding: 15px;
        gap: 10px;
    }

    /* Service Detail Page CSS End */

    /* Case Study Detail Page CSS Start */
    .case-study-detail-content {
        padding-right: 0;
    }

    .case-study-challenge:before {
        top: 200px;
    }

    .case-study-challenge-box img {
        height: 150px;
    }

    .case-information ul li {
        font-size: 15px;
        line-height: 25px;
    }

    /* Case Study Detail Page CSS End */

    /* Our Team Page CSS Start */
    .page-team-list .row {
        row-gap: 60px;
    }

    /* Our Team Page CSS End */

    /* Team Detail Page CSS Start */
    .team-detail-img .team-social-share {
        width: 43px;
    }

    .team-detail-img .team-social-share img {
        width: 16px;
    }

    .team-detail-content {
        padding-left: 0;
    }

    .team-professional-info {
        padding-right: 0;
    }

    .team-detail-contact {
        gap: 24px;
    }

    .contact-link-box {
        gap: 10px;
    }

    .contact-link-box .text p {
        font-size: 15px;
        line-height: 25px;
    }

    /* Team Detail Page CSS End */

    /* Blog List Page CSS Start */
    .page-blog-lists {
        padding-right: 0;
        gap: 50px;
    }

    .recent-post-box {
        gap: 15px;
    }

    .page-blog-lists .blog-date {
        bottom: 0;
        gap: 5px;
        font-size: 12px;
    }

    /* Blog List Page CSS End */

    /* Blog Detail Page CSS Start */
    .blog-detail-content {
        padding-right: 0;
    }

    .blog-detail-tags ul {
        gap: 15px;
    }

    /* Blog Detail Page CSS End */

    /* Contact Us Page CSS Start */
    .google-map iframe {
        height: 400px;
    }

    /* Contact Us Page CSS End */

    .page-services-content {
        padding-right: 0;
    }
    .main-page-services-even .page-services-content {
        padding: 30px 0 40px 0;
    }
}

@media screen and (max-width: 991px) {

    /* Common CSS Start */
    :root {
        --spacing: 80px;
    }

    .for-des {
        display: none !important;
    }

    .for-mob {
        display: inline-block !important;
    }

    .form-input {
        height: 50px;
        padding: 12px 30px;
    }

    .form-element i {
        top: 20px;
        right: 25px;
        font-size: 14px;
    }

    /* Common CSS End */

    /* Header CSS Start */
    .site-header,
    .site-header.sticky-header {
        height: 80px;
        padding: 10px 0;
    }

    .site-branding {
        position: fixed;
        top: 0;
        left: 30px;
        display: flex;
        align-items: center;
    }

    .site-branding,
    .site-header.sticky-header .site-branding {
        width: 65px;
        height: 80px;
    }

    .toggle-button {
        display: block;
    }

    .header-menu,
    .site-header.sticky-header .header-menu {
        display: block;
        height: auto;
    }

    .mobile-menu-box {
        position: fixed;
        top: 0;
        left: auto;
        right: -500px;
        width: 300px;
        height: 100vh;
        background: var(--white-color);
        padding: 100px 30px 30px;
        opacity: 0;
        pointer-events: none;
        overflow: auto;
        overflow-x: hidden;
        scrollbar-color: transparent transparent;
        transition: 0.8s;
        z-index: 99;
    }

    .toggle-menu .mobile-menu-box {
        right: 0;
        opacity: 1;
        pointer-events: unset;
    }

    .mobile-menu-box::-webkit-scrollbar {
        width: 3px;
    }

    .mobile-menu-box::-webkit-scrollbar-thumb {
        background: var(--dark-color);
    }

    .mobile-menu-box::-webkit-scrollbar-track {
        background: #cccccc;
    }

    .main-navigation ul {
        position: relative;
        display: block;
        text-align: left;
        z-index: 10;
    }

    .main-navigation ul:not(.main-navigation ul ul) {
        display: block;
    }

    .main-navigation ul li {
        display: block;
        margin-right: 0;
        margin-bottom: 5vh;
        position: relative;
        left: -30px;
        opacity: 0;
        transition: 0.5s;
    }

    .main-navigation.toggle-menu ul li {
        left: 0;
        opacity: 1;
    }

    .main-navigation.toggle-menu ul li:nth-child(1) {
        transition-delay: 0.8s;
    }

    .main-navigation.toggle-menu ul li:nth-child(2) {
        transition-delay: 0.9s;
    }

    .main-navigation.toggle-menu ul li:nth-child(3) {
        transition-delay: 1s;
    }

    .main-navigation.toggle-menu ul li:nth-child(4) {
        transition-delay: 1.1s;
    }

    .main-navigation.toggle-menu ul li:nth-child(5) {
        transition-delay: 1.2s;
    }

    .main-navigation.toggle-menu ul li:nth-child(6) {
        transition-delay: 1.3s;
    }

    .main-navigation.toggle-menu ul li:nth-child(7) {
        transition-delay: 1.4s;
    }

    .main-navigation.toggle-menu ul li:nth-child(8) {
        transition-delay: 1.5s;
    }

    .main-navigation.toggle-menu ul li:nth-child(9) {
        transition-delay: 1.6s;
    }

    .main-navigation.toggle-menu ul li:nth-child(10) {
        transition-delay: 1.7s;
    }

    .main-navigation ul li:last-child {
        margin-bottom: 0;
    }

    .main-navigation ul li a:hover,
    .main-navigation ul li.active a,
    .site-header.sticky-header .main-navigation ul li.active>a,
    .main-navigation ul li ul.sub-menu li a:hover,
    .main-navigation ul li ul.sub-menu li.active>a {
        color: var(--primary-color);
        background: transparent;
    }

    .main-navigation ul li ul.sub-menu,
    .main-navigation ul li:hover ul.sub-menu {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        display: block;
        animation: none;
        padding: 0;
        padding-left: 20px;
        margin-top: 10px;
        transition: 0s;
        display: none;
    }

    .main-navigation ul li ul.sub-menu li {
        border: none;
        padding: 0;
        margin-bottom: 10px;
    }

    .main-navigation ul li ul.sub-menu li:last-child {
        margin-bottom: 0;
    }

    .main-navigation li a {
        font-size: 18px;
    }

    .main-navigation ul li.sub-items>a {
        padding-right: 0;
        position: unset;
    }

    .main-navigation ul li.sub-items {
        cursor: pointer;
    }

    .main-navigation ul li.sub-items>a:after,
    .main-navigation ul li.sub-items:hover>a:after,
    .main-navigation ul li.sub-items:hover>a:hover:after {
        top: 7px;
        transform: none;
    }

    .main-navigation ul li ul.sub-menu li a {
        padding: 0;
        font-size: 16px;
        line-height: 24px;
        color: var(--dark-color);
        display: inline-block;
    }

    .main-navigation ul li ul.sub-menu li a:hover {
        background: transparent;
        color: var(--primary-color);
    }

    .site-header.sticky-header .main-navigation ul li.sub-items:hover>a,
    .site-header.sticky-header .main-navigation ul li.sub-items:hover>a:after,
    .site-header.sticky-header .main-navigation ul li.sub-items>a:hover:after,
    .site-header.sticky-header .main-navigation ul li.sub-items.active>a:after,
    .main-navigation ul li ul.sub-menu li a:hover,
    .site-header.sticky-header .main-navigation ul li a:hover,
    .site-header.sticky-header .main-navigation ul li.active>a {
        color: var(--primary-color);
    }

    .main-navigation ul li.sub-items:hover>a:after {
        transform: rotate(0deg);
    }

    .main-navigation ul li.sub-items.active-sub-menu>a {
        color: var(--primary-color);
    }

    .main-navigation ul li.sub-items.active-sub-menu>a:after {
        color: var(--primary-color);
        transform: rotate(-180deg);
    }

    .header-mob-btn {
        margin-top: 5vh;
        opacity: 0;
        transition: 0.5s;
    }

    .main-navigation.toggle-menu .header-mob-btn {
        opacity: 1;
        transition-delay: 1.7s;
    }

    /* Header CSS End */

    /* Banner CSS Start */
    .main-banner {
        padding-top: 150px;
    }

    .banner-content {
        margin: 0;
        text-align: center;
    }

    .main-banner .bg-icon,
    .main-inner-banner .bg-icon {
        display: none;
    }

    .banner-img {
        padding-top: 30px;
        margin: 40px auto 0;
        max-width: 500px;
    }

    /* Banner CSS End */

    /* Features CSS Start */
    .features-list {
        flex-wrap: wrap;
    }

    .feature-box {
        width: 50%;
        padding: 30px;
    }

    .feature-box:nth-child(1),
    .feature-box:nth-child(2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    /* Features CSS End */

    /* About Us CSS Start */
    .about-us-content {
        margin-top: 40px;
    }

    /* About Us CSS End */

    /* Case Study CSS Start */
    .case-study-box-content {
        padding: 30px;
    }

    /* Case Study CSS End */

    /* Our Services CSS Start */
    .our-services-title .h2-title {
        margin-bottom: 15px;
    }

    .our-services-content {
        padding-left: 0;
    }

    .services-list-bg-shape {
        display: none;
    }

    /* Our Services CSS End */

    /* Our Skills CSS Start */
    .our-skills-content {
        margin-top: 40px;
    }

    /* Our Skills CSS End */

    /* Clients We Serve CSS Start */
    .main-clients {
        padding: 60px 0;
    }

    .clients-title {
        margin-bottom: 40px;
    }

    /* Clients We Serve CSS End */

    /* Testimonials CSS Start */
    .testimonial-bg-shape {
        display: none;
    }

    /* Testimonials CSS End */

    /* Special Team CSS Start */
    .team-social {
        bottom: -2.87%;
        right: 13.25%;
    }

    /* Special Team CSS End */

    /* Subscribe CSS Start */
    .subscribe-box {
        padding: 60px 50px;
    }

    .subscribe-box .sub-title {
        margin-bottom: 21px;
    }

    .subscribe-box .h3-title {
        margin-bottom: 30px;
    }

    .subscribe-form form {
        gap: 15px;
    }

    /* Subscribe CSS End */

    /* FAQ CSS Start */
    .faq-img-wp .link-btn {
        font-size: 15px;
        bottom: 2%;
    }

    .faq-sec-content {
        margin-top: 40px;
    }

    /* FAQ CSS End */

    /* Counter CSS Start */
    .main-counter {
        padding: 60px 0;
    }

    .counter-box {
        gap: 10px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .counter-text:before {
        top: -5px;
        right: -15px;
        width: 40px;
    }

    /* Counter CSS End */

    /* Footer CSS Start */
    .footer-info {
        margin-bottom: 40px;
    }

    .footer-link-wp {
        justify-content: flex-start;
    }

    .footer-bottom {
        flex-direction: column;
        height: auto;
        padding: 30px;
        gap: 15px;
        border-radius: 15px;
        text-align: center;
    }

    .site-footer .bg-icon,
    .footer-bg-shape {
        display: none;
    }

    /* Footer CSS End */

    /* Inner Banner CSS Start */
    .main-inner-banner {
        min-height: 300px;
        padding: 120px 0 60px;
    }

    .inner-banner-shape {
        width: 480px;
        height: 200px;
    }

    .inner-banner-shape:after {
        top: 30px;
    }

    /* Inner Banner CSS End */

    /* About Us Page CSS Start */
    /* Our Story CSS Start */
    .main-our-story {
        margin: var(--spacing) 0;
    }

    .story-achievement .h4-title {
        margin-bottom: 10px;
    }

    /* Our Story CSS End */
    /* About Us Page CSS End */

    /* Services Page CSS Start */
    .main-consultation {
        margin: var(--spacing) 0;
    }

    .consultation-step-card:before {
        display: none;
    }

    .consultation-text {
        max-width: 400px;
        margin-inline: auto;
    }

    .law-plan-card-info {
        padding: 25px;
    }

    .plan-description {
        padding: 25px;
    }

    .plan-description ul li {
        margin-bottom: 10px;
    }

    /* Services Page CSS End */

    /* Service Detail Page CSS Start */
    .service-detail-content-box:not(:last-child) {
        margin-bottom: 30px;
    }

    .sidebar {
        margin-top: 40px;
    }

    .get-in-touch {
        padding: 22px 30px 30px;
    }

    .service-detail-contact {
        padding: 28px 30px;
        gap: 15px;
    }

    /* Service Detail Page CSS End */

    /* Case Study Page CSS Start */
    .case-study-tabbing .nav {
        display: block;
        text-align: center;
        white-space: nowrap;
        overflow-x: auto;
        position: relative;
        left: 50%;
        transform: translate(-50%);
        width: 100vw;
        padding: 0 30px;
        border: none;
    }

    .case-study-tabbing .nav::-webkit-scrollbar {
        width: 0;
        opacity: 0 !important;
        display: none;
    }

    .case-study-tabbing .nav::-webkit-scrollbar-thumb {
        opacity: 0 !important;
    }

    .case-study-tabbing .nav::-webkit-scrollbar-track {
        opacity: 0 !important;
    }

    .case-study-tabbing .nav .nav-item {
        display: inline-block;
    }

    .case-study-tab-content {
        margin-top: 30px;
    }

    /* Case Study Page CSS End */

    /* Case Study Detail Page CSS Start */
    .case-study-detail-box:not(:last-child) {
        margin-bottom: 30px;
    }

    /* Case Study Detail Page CSS End */

    /* Our Team Page CSS Start */
    .page-team-list .row {
        row-gap: 40px;
    }

    /* Our Team Page CSS End */

    /* Team Detail Page CSS Start */
    .team-detail-img {
        max-width: 296px;
    }

    .team-detail-content {
        margin-top: 10px;
    }

    .team-detail-contact {
        margin-top: 25px;
    }

    .team-professional-info {
        margin-top: 30px;
    }

    .team-professional-info .h4-title {
        margin-bottom: 10px;
    }

    .related-member-title {
        margin-bottom: 25px;
    }

    /* Team Detail Page CSS End */

    /* Blog Grid Page CSS Start */
    .blog-pagination {
        margin-top: 40px;
    }

    /* Blog Grid Page CSS End */

    /* Blog List Page CSS Start */
    .page-blog-lists {
        gap: 40px;
    }

    .blog-search .search-box .form-input {
        padding-right: 60px;
    }

    .blog-search .search-box .search-btn {
        width: 40px;
    }

    /* Blog List Page CSS End */

    /* Blog Detail Page CSS Start */
    .blog-detail-text-box:not(:last-child) {
        margin-bottom: 30px;
    }

    .blog-author {
        flex-direction: column;
        text-align: center;
        padding: 30px;
    }

    .blog-author .text ul {
        justify-content: center;
    }

    .main-related-blog,
    .main-blog-comments,
    .main-leave-comment {
        margin-top: var(--spacing);
    }

    .related-blog-title {
        text-align: center;
    }

    .blog-comment-box:not(:last-child) {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .leave-comment-form {
        margin-top: 0;
    }

    /* Blog Detail Page CSS End */

    /* Contact Us Page CSS Start */
    .contact-us-content {
        margin-top: 50px;
    }

    /* Contact Us Page CSS End */

    .page-services-content {
        padding-top: 30px;
    }
    .page-services-img {
        min-height: unset;
        aspect-ratio: 1 / 0.8;
    }
    .page-services-even-img-wp {
        position: relative;
        left: 50%;
        transform: translate(-50%);
        width: 100.5vw;
        min-height: unset;
        aspect-ratio: 1 / 0.8;
        max-height: 500px;
    }
    .page-services-even-img {
        float: none;
        width: 100%;
    }
    .main-page-services-even .page-services-content {
        padding: 30px 0 80px 0;
    }
}

@media screen and (max-width: 767px) {

    /* Common CSS Start */
    .h1-title {
        font-size: 45px;
        line-height: 55px;
    }

    /* Common CSS End */

    /* Banner CSS Start */
    .main-banner {
        padding-top: 130px;
    }

    .h2-title {
        font-size: 38px;
        line-height: 48px;
        margin-bottom: 20px;
    }

    .h4-title {
        font-size: 20px;
        line-height: 30px;
    }

    /* Banner CSS End */

    /* Our Services CSS Start */
    .service-box .icon {
        margin-bottom: 18px;
    }

    .service-box .h4-title {
        margin-bottom: 10px;
    }

    /* Our Services CSS End */

    /* Our Skills CSS Start */
    .experience-skill-bar-box {
        margin-bottom: 20px;
    }

    /* Our Skills CSS End */

    /* Clients We Serve CSS Start */
    .clients-title {
        margin-bottom: 30px;
    }

    /* Clients We Serve CSS End */

    /* Testimonials CSS Start */
    .quote-icon {
        width: 50px;
        top: 20px;
        right: 20px;
    }

    /* Testimonials CSS End */

    /* Special Team CSS Start */
    .team-social {
        bottom: -5.67%;
        right: 10.95%;
    }

    /* Special Team CSS End */

    /* Subscribe CSS Start */
    .subscribe-box {
        padding: 60px 30px;
    }

    .subscribe-box .sub-title {
        margin-bottom: 10px;
    }

    .subscribe-form form {
        flex-direction: column;
    }

    .subscribe-form form .form-input {
        text-align: center;
    }

    /* Subscribe CSS End */

    /* FAQ CSS Start */
    .faq-img-wp .link-btn {
        bottom: 1%;
    }

    /* FAQ CSS End */

    /* Counter CSS Start */
    .counter-list {
        gap: 30px;
    }

    .counter-box {
        flex-direction: column;
        text-align: center;
        gap: 5px;
    }

    .counter-text .h4-title span {
        display: inline-block;
    }

    .counter-text:before {
        display: none;
    }

    /* Counter CSS End */

    /* Blog CSS Start */
    .blog-box {
        width: 400px;
        margin: auto;
        max-width: 100%;
    }

    .blog-date {
        font-size: 15px;
    }

    /* Blog CSS End */

    /* Footer CSS Start */
    .footer-link-wp {
        margin-bottom: 40px;
    }

    /* Footer CSS End */

    /* About Us Page CSS Start */
    /* Our Story CSS Start */
    .our-story-box {
        padding-inline: 10px;
    }

    /* Our Story CSS End */
    /* About Us Page CSS End */

    /* Services Page CSS Start */
    .consultation-text {
        max-width: 420px;
    }

    .consultation-step-card:before {
        content: none;
    }

    .plan-card-wp .law-plan-card:last-child {
        top: unset;
    }

    /* Services Page CSS End */

    /* Service Detail Page CSS Start */
    .service-detail-content-title .icon {
        width: 50px;
        border-radius: 15px;
    }

    .service-detail-content-title .icon img {
        max-width: 27px;
        max-height: 27px;
    }

    .service-detail-content-title {
        gap: 15px;
    }

    .service-detail-content-box .h4-title {
        margin-bottom: 10px;
    }

    /* Service Detail Page CSS End */

    /* Case Study Page CSS Start */
    .case-study-tab-content .case-study-box {
        aspect-ratio: 1 / 1;
    }

    .case-study-tabbing .nav .nav-link {
        font-size: 15px;
        line-height: 25px;
    }

    /* Case Study Page CSS End */

    /* Case Study Detail Page CSS Start */
    .case-study-challenge {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .case-study-challenge:before,
    .case-study-challenge-box .dot-box {
        display: none;
    }

    .case-study-challenge-box img {
        height: auto;
        aspect-ratio: 1 / 0.6;
        margin-bottom: 20px;
    }

    .case-study-challenge-box .h4-title {
        margin-bottom: 10px;
    }

    .case-study-detail-box .h4-title {
        margin-bottom: 10px;
    }

    /* Case Study Detail Page CSS End */

    /* Team Detail Page CSS Start */
    .team-detail-contact {
        display: flex;
        flex-direction: column;
    }

    /* Team Detail Page CSS End */

    /* Blog List Page CSS Start */
    .page-blog-lists .blog-date {
        font-size: 15px;
        bottom: 0;
        gap: 10px;
    }

    .page-blog-lists .blog-img-wp {
        --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTYiIGhlaWdodD0iMjUyIiB2aWV3Qm94PSIwIDAgMjk2IDI1MiIgZmlsbD0ibm9uZSI+CjxtYXNrIGlkPSJtYXNrMF85Ml85NjM3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjk2IiBoZWlnaHQ9IjI1MiI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjk2IDIwQzI5NiA4Ljk1NDMxIDI4Ny4wNDYgMCAyNzYgMEgyMEM4Ljk1NDMgMCAwIDguOTU0MyAwIDIwVjIwM0MwIDIxNC4wNDYgOC45NTQzIDIyMyAyMCAyMjNIMTIzLjk2N0MxMzEuNzE3IDIyMyAxMzggMjI5LjI4MyAxMzggMjM3LjAzM1YyMzcuMDMzQzEzOCAyNDQuNzgyIDE0NC4yODMgMjUxLjA2NSAxNTIuMDMzIDI1MS4wNjVIMjc2QzI4Ny4wNDYgMjUxLjA2NSAyOTYgMjQyLjExMSAyOTYgMjMxLjA2NVYyMFoiIGZpbGw9ImJsYWNrIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85Ml85NjM3KSI+CjxyZWN0IHg9Ii0zNS42NjI2IiB3aWR0aD0iMzc5LjQ1MSIgaGVpZ2h0PSIyNTMuMjA1IiBmaWxsPSJibGFjayIvPgo8L2c+Cjwvc3ZnPg==");
        aspect-ratio: 1 / 0.84616;
    }

    /* Blog List Page CSS End */

    /* Blog Detail Page CSS Start */
    .blog-detail-content .page-blog-lists {
        width: 400px;
        max-width: 100%;
    }

    .blog-detail-text-box ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .blog-detail-text-box blockquote {
        padding: 30px;
    }

    .blog-detail-tags-share {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }

    .blog-author .img {
        width: 150px;
    }

    .blog-comment-box {
        align-items: flex-start;
        gap: 15px;
    }

    .blog-comment-box .img {
        width: 80px;
        border-radius: 15px;
    }

    .blog-comment-box .content .text {
        margin-bottom: 15px;
    }

    /* Blog Detail Page CSS End */

    /* Contact Us Page CSS Start */
    .contact-link-box .icon {
        width: 70px;
        border-radius: 15px;
    }

    .contact-link-box .icon img {
        max-width: 35px;
        max-height: 35px;
    }

    .contact-link-box .text .h4-title {
        margin-bottom: 5px;
    }

    .contact-link-list {
        margin-top: 30px;
        gap: 30px;
    }

    /* Contact Us Page CSS End */
}

@media screen and (max-width: 575px) {

    /* Common CSS Start */
    :root {
        --spacing: 60px;
    }

    .container {
        padding: 0 30px;
    }

    .h1-title {
        font-size: 40px;
        line-height: 50px;
    }

    .h2-title {
        font-size: 35px;
        line-height: 45px;
    }

    .h3-title {
        font-size: 30px;
        line-height: 40px;
    }

    .breadcrumb-box ul {
        gap: 6px;
    }

    .breadcrumb-box ul li {
        font-size: 14px;
        gap: 6px;
    }

    /* Common CSS End */

    /* Banner CSS Start */
    .banner-img .rotate-btn {
        top: 20%;
        right: 5%;
    }

    /* Banner CSS End */

    /* Features CSS Start */
    .feature-box {
        width: 100%;
    }

    .feature-box:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    /* Features CSS End */

    /* About Us CSS Start */
    .about-counter-box .h4-title {
        font-size: 15px;
        line-height: 25px;
    }

    /* About Us CSS End */

    /* Clients We Serve CSS Start */
    .client-box img {
        max-width: 100%;
    }

    /* Clients We Serve CSS End */

    /* Testimonials CSS Start */
    .testimonial-ratting {
        gap: 10px;
        font-size: 20px;
    }

    /* Testimonials CSS End */

    /* Special Team CSS Start */
    .team-box {
        max-width: 340px;
        margin: 0 auto;
    }

    .team-social {
        bottom: -3%;
        right: 13%;
    }

    /* Special Team CSS End */

    /* FAQ CSS Start */
    .faq-img-wp .link-btn {
        bottom: 1%;
        font-size: 2.7vw;
        max-width: unset;
        width: 57%;
        justify-content: center;
    }

    .faq-img-wp .link-btn i {
        font-size: inherit;
    }

    /* FAQ CSS End */

    /* Counter CSS Start */
    .counter-list {
        flex-direction: column;
    }

    /* Counter CSS End */

    /* Scroll To Top CSS Start */
    .scroll-to-top {
        bottom: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
    }

    /* Scroll To Top CSS End */

    /* About Page CSS Start */

    .our-story-box {
        gap: 120px;
    }

    /* About Page CSS End */

    /* Services Page CSS Start */
    .consultation-text {
        margin-top: 10px;
    }

    .consultation-icon {
        width: 100px;
    }

    .consultation-step-card .consultation-icon img {
        max-width: 50px;
        max-height: 50px;
    }

    .plan-price {
        font-size: 40px;
        line-height: 56px;
    }

    .plan-card-wp {
        margin-top: 40px;
    }

    /* Services Page CSS End */

    /* Service Detail Page CSS Start */
    .service-detail-content-title {
        flex-direction: column;
        align-items: flex-start;
    }

    /* Service Detail Page CSS End */

    /* Case Study Page CSS Start */
    .case-study-tab-content .case-study-box {
        aspect-ratio: 1 / 1.2822;
    }

    /* Case Study Page CSS End */

    /* Blog List Page CSS Start */
    .blog-tags ul {
        gap: 10px;
    }

    .blog-tags ul li a {
        font-size: 13px;
    }

    /* Blog List Page CSS End */

    /* Blog Detail Page CSS Start */
    .blog-detail-tags {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-comment-box .content .text {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .text-reply a {
        font-size: 13px;
        line-height: 23px;
        padding: 2px 15px;
        gap: 5px;
    }

    .blog-comment-box:not(:last-child) {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    .blog-comment-box.reply {
        padding-left: 30px;
    }

    .blog-detail-tags ul {
        gap: 10px;
    }

    /* Blog Detail Page CSS End */

    /* 404 Error Page CSS Start */
    .error-content p {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 25px;
    }

    /* 404 Error Page CSS End */

    .main-page-services-even .page-services-content {
        padding: 30px 0 60px 0;
    }

}

@media screen and (max-width: 400px) {

    /* Common CSS Start */
    .container {
        padding: 0 15px;
    }

    .sub-title {
        font-size: 16px;
        line-height: 23px;
    }

    .h1-title {
        font-size: 35px;
        line-height: 45px;
    }

    .h2-title {
        font-size: 30px;
        line-height: 40px;
    }

    .h3-title {
        font-size: 25px;
        line-height: 35px;
    }

    .rotate-btn {
        width: 85px;
        font-size: 15px;
    }

    .form-input {
        padding: 12px 25px;
    }

    textarea.form-input {
        padding: 15px 25px;
    }

    .sec-btn {
        padding: 10px 25px;
    }
    .modal-dialog {
        width: calc(100% - 30px);
    }

    .modal-header {
        padding: 15px 20px;
    }
    
    .modal-body {
        padding: 20px;
    }

    /* Common CSS End */

    /* Header CSS Start */
    .site-branding {
        left: 15px;
    }

    .toggle-button {
        right: 15px;
    }

    .mobile-menu-box {
        width: 280px;
    }

    /* Header CSS End */

    /* Banner CSS Start */
    .banner-content p {
        margin-bottom: 25px;
    }

    .banner-img .rotate-btn {
        top: 25%;
        right: 10%;
    }

    /* Banner CSS End */

    /* Features CSS Start */
    .feature-box {
        padding: 30px 20px;
    }

    /* Features CSS End */

    /* About Us CSS Start */
    .about-counter-box .h4-title {
        font-size: 12px;
        line-height: 22px;
    }

    .about-us-content {
        margin-top: 30px;
    }

    /* About Us CSS End */

    /* Case Study CSS Start */
    .case-study-box-content {
        padding: 20px 15px;
    }

    /* Case Study CSS End */

    /* Our Services CSS Start */
    .service-box {
        padding: 20px;
    }

    .service-box .icon {
        width: 60px;
        border-radius: 15px;
        margin-bottom: 12px;
    }

    /* Our Services CSS End */

    /* Testimonials CSS Start */
    .testimonial-box {
        padding: 30px 15px;
    }

    /* .quote-icon {
        width: 40px;
    } */

    .review-by .h4-title {
        margin-bottom: 5px;
    }

    /* Testimonials CSS End */

    /* Special Team CSS Start */
    .team-box {
        max-width: 290px;
    }

    .team-social {
        bottom: -4%;
        right: 12.5%;
    }

    /* Special Team CSS End */

    /* Subscribe CSS Start */
    .subscribe-box {
        padding: 50px 15px;
    }

    /* Subscribe CSS End */

    /* FAQ CSS Start */
    .faq-img-wp .link-btn {
        bottom: 0;
    }

    /* FAQ CSS End */

    /* Blog CSS Start */
    .blog-date {
        font-size: 14px;
    }

    /* Blog CSS End */

    /* Footer CSS Start */
    .footer-contact ul li {
        gap: 10px;
    }

    .footer-bottom {
        padding: 20px;
    }

    /* Footer CSS End */

    /* Inner Banner CSS Start */
    .main-inner-banner {
        min-height: 250px;
        padding: 100px 0 40px;
    }

    .inner-banner-shape {
        width: 280px;
        height: 170px;
    }

    /* Inner Banner CSS End */

    /* Breadcrumb CSS Start */
    .breadcrumb-box {
        max-width: calc(100% - 10px);
    }

    .breadcrumb-box ul {
        padding: 8px 15px 7px;
        gap: 5px;
    }

    .breadcrumb-box ul li {
        font-size: 13px;
        gap: 5px;
    }

    /* Breadcrumb CSS End */

    /* Services Page CSS Start */
    .law-plan-card-info,
    .plan-description {
        padding: 25px 20px;
    }

    /* Services Page CSS End */

    /* Service Detail Page CSS Start */
    .service-detail-content-box:not(:last-child) {
        margin-bottom: 20px;
    }

    .service-detail-content-title {
        margin-bottom: 15px;
    }

    .service-detail-content-box ul {
        gap: 12px;
    }

    .service-detail-content-box.img img {
        border-radius: 14px;
    }

    .service-detail-feature-box {
        padding: 20px;
        gap: 15px;
    }

    .get-in-touch {
        padding: 20px;
    }

    .service-detail-contact {
        padding: 15px;
    }

    .service-detail-contact .text p {
        font-size: 15px;
        line-height: 28px;
    }

    .download-brochure:not(:last-child) {
        margin-bottom: 40px;
    }

    /* Service Detail Page CSS End */

    /* Case Study Page CSS Start */
    .case-study-tabbing .nav {
        padding: 0 15px;
    }

    /* Case Study Page CSS End */

    /* Case Study Detail Page CSS Start */
    .case-study-detail-box:not(:last-child) {
        margin-bottom: 20px;
    }

    .case-study-challenge {
        margin-top: 30px;
    }

    .case-study-challenge-box img {
        margin-bottom: 15px;
    }

    .case-information {
        padding: 23px 20px 22px
    }

    .case-information ul li:not(:last-child) {
        padding-bottom: 15px;
    }

    .case-information ul {
        gap: 15px;
    }

    /* Case Study Detail Page CSS End */

    /* Team Detail Page CSS Star */
    .team-detail-contact .contact-link-box .icon {
        width: 50px;
        border-radius: 12px;
    }

    .team-detail-contact .contact-link-box .icon img {
        max-width: 22px;
        max-height: 25px;
    }

    .team-detail-img .team-social-share {
        width: 40px;
    }

    /* Team Detail Page CSS End */

    /* Blog Grid Page CSS Start */
    .blog-pagination ul li:not(.arrow) a {
        width: 32px;
        font-size: 15px;
        line-height: 25px;
    }

    /* Blog Grid Page CSS End */

    /* Blog List Page CSS Start */
    .blog-search:not(:last-child),
    .blog-category:not(:last-child),
    .recent-post:not(:last-child),
    .blog-tags:not(:last-child) {
        margin-bottom: 35px;
    }

    .page-blog-lists .blog-date {
        font-size: 14px;
    }

    /* Blog List Page CSS End */

    /* Blog Detail Page CSS Start */
    .blog-detail-text-box:not(:last-child) {
        margin-bottom: 20px;
    }

    .blog-detail-text-box blockquote {
        padding: 20px;
    }

    .blog-detail-text-box blockquote .quote {
        right: 20px;
        width: 50px;
        border-width: 7px;
    }

    .blog-detail-text-box blockquote .quote img {
        width: 16px;
    }

    .blog-detail-tags ul li a {
        font-size: 13px;
    }

    .blog-comment-box .img {
        width: 60px;
        border-radius: 10px;
    }

    .blog-comment-box {
        gap: 10px;
    }

    .blog-comment-box .content .text-title .h4-title {
        margin-bottom: 5px;
    }

    .blog-comment-box .content p {
        font-size: 13px;
        line-height: 23px;
    }

    .blog-detail-text-box ul {
        gap: 12px;
    }

    .blog-author {
        padding: 20px;
    }

    .blog-author .text .h4-title {
        margin-bottom: 10px;
    }

    .blog-author .img {
        width: 110px;
        border-radius: 15px;
    }

    .blog-author .text p:not(:last-child) {
        margin-bottom: 17px;
    }

    .blog-comment-box.reply {
        padding-left: 20px;
    }

    /* Blog Detail Page CSS End */

    /* Contact Us Page CSS Start */
    .contact-link-box {
        gap: 15px;
    }

    .contact-link-box .text p {
        font-size: 15px;
        line-height: 25px;
    }

    /* Contact Us Page CSS End */
}

/*==========Responsive CSS End==========*/