/* Minification failed. Returning unminified contents.
(111,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(204,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(212,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(220,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(240,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(246,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(265,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(273,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(277,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(332,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(341,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(342,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(388,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(400,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(401,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(408,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(439,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(452,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(638,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2368,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2412,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2654,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2674,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2678,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2679,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2739,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2804,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2881,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2992,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3013,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3031,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3074,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3147,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3579,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3582,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3615,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3733,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3740,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3777,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3794,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3809,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3846,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3867,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3949,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3982,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3998,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(4024,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4052,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4084,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4098,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4215,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4317,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4331,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4424,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4425,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4460,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(4516,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4522,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4586,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4602,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4716,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4724,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(4730,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(4999,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(5182,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(5251,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5312,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(5497,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(5616,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5758,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5764,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5788,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5794,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5914,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5947,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(6007,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(6209,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(6355,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(6608,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(6636,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(6664,30): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(6676,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7031,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7052,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7075,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7140,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(7141,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(7364,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7368,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7395,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7511,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7512,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7565,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7614,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7669,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(7687,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7693,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7785,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7825,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(7848,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(7856,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7893,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7901,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(7948,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7967,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8223,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8351,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8359,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8367,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8373,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8518,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8538,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8604,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(8653,40): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(8698,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8700,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8705,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8718,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8766,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8880,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8987,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9059,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(9111,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9132,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9293,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9297,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9316,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9428,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9430,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9537,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9539,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9550,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(9552,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(9618,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9680,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(9894,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(9899,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(9991,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(10043,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10109,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10136,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10225,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(10230,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(10316,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10335,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10382,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10431,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10481,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10482,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10544,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10663,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10687,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10857,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10945,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11048,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11062,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(11073,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(11140,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11211,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11212,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11230,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11326,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11342,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11348,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11467,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11483,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11512,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11542,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11675,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11738,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11779,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11798,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11894,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11943,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12152,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12153,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12154,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12215,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12269,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12441,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12456,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12478,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12551,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12616,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(12728,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(12889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12894,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12900,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12906,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12912,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13072,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(13412,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(13586,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(13599,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(13631,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(13995,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15018,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15169,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15288,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15439,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15647,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15652,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15658,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15664,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15670,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16062,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16141,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16187,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16244,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16306,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16326,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16448,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16474,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16483,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
 */
.slider-nav-btn-wrapper {
    flex-direction: row-reverse;
}
.circle-rotate-text span {
    transform-origin: top left;
    left: 0;
    right: unset;
}

.style-btn i,
.simple-btn i,
.info-card.style-two .more-btn i,
.post-card .image .btn-link i,
.portfolio-area.style-3 .portfolio-card .btn-wrapper a i,
.author-info .author-post a i,
.portfolio-style-two .content-wrapper .content .btn-wrapper a i {
    transform: rotate(220deg);
}
.simple-btn:hover i,
.info-card.style-two .more-btn:hover i,
.post-card .image .btn-link:hover i,
.portfolio-area.style-3 .portfolio-card .btn-wrapper a:hover i,
.portfolio-style-two .content-wrapper .content .btn-wrapper a:hover i {
    transform: rotate(180deg);
}

.portfolio-slider-area.style-1 .single-portfolio-item .portfolio-cat-wrapper {
    writing-mode: vertical-rl;
}
.single-post-item button.post-gallery-btn,
.portfolio-slider-wrapper button.portfolio-arrow-btn,
.basic-pagination .page-numbers i,
.blog-post-nav .post-navigation:last-child .text i {
    transform: rotate(-180deg);
}
.blog-post-nav .post-navigation .text i,
.breadcrumb-list ul li:before {
    transform: rotate(180deg);
}
/* Table of contents
=========================
1.Preloader
2.Scrollup
3.Nav Menu
4.Slider Section
5.Info Card
6.Icon Card
7.About Image Card
8.About Info Card
9.Counter Card
10.Process Step Card
11.Testimonial Card
12.Accordion Card
13.Client Logo Card
14.Post Card
15.Skill Progress Card
16.Price Card
17.Call To Action Card
18.Title Card
19.Breadcrumb
20.Pagination's
21.Project Details Page
22.Sidebar
23.Comment List
24.Comment Form
25.Team Member
26.Portfolio
27.About Page
28.Contact Page
29.Service Page
30.Team Page
Footer


===========================*/
* {
    margin: 0;
    border: 0;
    outline: none;
}

html,
body {
    height: 100%;
    font-size: 18px;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    color: #8f939b;
    vertical-align: baseline;
    line-height: 30px;
    font-smoothing: antialiased;
    direction: rtl;
}

p {
    margin: 0 0 15px;
}

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

a.read-more {
    color: #ffffff;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    a.read-more:hover {
        color: var(--primary-color);
    }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    font-family: "Jost", sans-serif;
    color: #26262c;
    font-style: normal;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

h1 {
    font-size: 90px;
    line-height: 102px;
    font-weight: 500;
}

h2 {
    font-size: 60px;
    line-height: 72px;
    font-weight: 500;
}

h3 {
    font-size: 36px;
    line-height: 60px;
    font-weight: 500;
}

h4 {
    font-size: 30px;
    line-height: 42px;
    font-weight: 500;
}

h5 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
}

h6 {
    font-size: 21px;
    line-height: 32px;
    font-weight: 500;
}

label {
    color: #8f939b;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
}

button {
    cursor: pointer;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

a:not([href]):not([tabindex]) {
    text-decoration: none;
}

a,
.button {
    text-decoration: none;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

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

    a:focus {
        color: var(--primary-color);
        text-decoration: none;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

a,
button {
    color: var(--primary-color);
    outline: medium none;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    a:hover,
    button:hover {
        color: var(--secondary-color);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    button:focus,
    input:focus,
    input:focus,
    textarea,
    textarea:focus {
        outline: 0;
    }

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

::-moz-selection {
    background: var(--primary-color);
    text-shadow: none;
    color: #fff;
}

::selection {
    background: var(--primary-color);
    text-shadow: none;
    color: #fff;
}

textarea:focus,
input:focus {
    outline: none;
}

.background-black {
    background-color: rgb(14, 38, 66);
}

.bg-light-black {
    background-color: rgb(49, 55, 63);
}

.background-blue {
    background-color: var(--primary-color);
}

.bg-dark-blue {
    background-color: rgb(14, 49, 81);
}

.background-light-blue {
    background-color: var(--primary-color);
}

.background-skye {
    background-color: var(--primary-color);
}

.background-gray {
    background-color: rgb(241, 241, 249);
}

.background-light-gray {
    background-color: rgb(241, 241, 249);
}

.page-bg {
    background-color: #26262c;
}

.page-area {
    padding-top: 113px;
    padding-bottom: 100px;
}

.blog-area {
    padding-top: 120px;
    padding-bottom: 80px;
}

@media (max-width: 991px) {
    .page-area,
    .blog-area {
        padding-top: 100px;
        padding-bottom: 52px;
    }
}

@media (max-width: 767px) {
    .page-area,
    .blog-area {
        padding-top: 80px;
        padding-bottom: 32px;
    }
}

.page-area .page-links,
.blog-area .page-links {
    margin-bottom: 20px;
}

.border-radius-12 {
    border-radius: 12px;
}

.text-white-100 {
    color: #bbbfc7;
}

code {
    color: var(--primary-color);
}

.theme-btn,
.wp-block-loginout a,
input.theme-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
    color: #fff;
    padding: 11px 45px;
    text-align: center;
    font-weight: 500;
    font-family: "Jost", sans-serif;
    text-transform: capitalize;
    position: relative;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    font-size: 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    overflow: hidden;
    z-index: 2;
}

    .theme-btn i,
    .wp-block-loginout a i,
    input.theme-btn i {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 6px;
        color: #fff;
        font-size: 16px;
    }

    .theme-btn:before,
    .wp-block-loginout a:before,
    input.theme-btn:before {
        position: absolute;
        right: -20%;
        top: 0;
        height: 100%;
        width: 0;
        content: "";
        background-color: var(--secondary-color);
        z-index: -1;
        -webkit-transform: skew(-45deg);
        transform: skew(-45deg);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .theme-btn:hover,
    .wp-block-loginout a:hover,
    input.theme-btn:hover {
        color: #fff;
        border-color: var(--secondary-color);
        background-color: var(--secondary-color);
    }

        .theme-btn:hover:before,
        .wp-block-loginout a:hover:before,
        input.theme-btn:hover:before {
            width: 150%;
            background-color: var(--secondary-color);
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

    .theme-btn:focus,
    .wp-block-loginout a:focus,
    input.theme-btn:focus {
        color: #ffffff;
    }

.simple-btn {
    color: #26262c;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding: 2px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

    .simple-btn:before {
        position: absolute;
        content: "";
        bottom: 0;
        right: 0;
        background-color: var(--primary-color);
        height: 2px;
        width: calc(100% - 20px);
    }

    .simple-btn i {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .simple-btn:hover {
        color: var(--primary-color);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .simple-btn:hover i {
            -webkit-transform: rotate(180);
            transform: rotate(180);
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

.wp-block-loginout a {
    position: relative;
}

.contact-form-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    display: block;
    line-height: 42px;
}

    .contact-form-btn .icon {
        float: left;
    }

input.theme-btn {
    display: inline-block !important;
    width: inherit !important;
    border: 0 !important;
}

.style-btn {
    width: 143px;
    height: 143px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    color: #ffffff;
    z-index: 2;
    position: relative;
}

    .style-btn:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="143px" height="143px"><path fill-rule="evenodd" stroke-width="1px" stroke="rgb(38, 38, 44)" fill-opacity="0" opacity="0.451" fill="rgb(101, 97, 222)" d="M135.429,66.602 C133.777,67.727 132.830,69.519 132.830,71.518 C132.830,73.517 133.777,75.309 135.429,76.435 C138.241,78.352 139.577,81.617 138.914,84.954 C138.252,88.294 135.772,90.801 132.440,91.500 C130.469,91.912 128.910,93.205 128.146,95.49 C127.382,96.893 127.569,98.908 128.661,100.580 L128.677,100.604 C130.537,103.453 130.518,106.980 128.626,109.807 C126.734,112.637 123.482,114.0 120.138,113.368 C118.164,112.995 116.227,113.592 114.814,115.5 C113.401,116.418 112.804,118.355 113.175,120.318 C113.809,123.672 112.445,126.925 109.618,128.817 C106.789,130.709 103.263,130.728 100.413,128.868 L100.385,128.849 C98.718,127.760 96.702,127.573 94.858,128.336 C93.14,129.101 91.722,130.659 91.312,132.613 C90.611,135.962 88.103,138.443 84.764,139.105 C84.199,139.218 83.635,139.272 83.79,139.272 C80.358,139.272 77.836,137.955 76.244,135.619 C75.118,133.969 73.326,133.20 71.327,133.20 C69.329,133.20 67.536,133.969 66.411,135.619 C64.494,138.431 61.229,139.768 57.890,139.105 C54.552,138.443 52.44,135.962 51.346,132.631 C50.933,130.659 49.640,129.101 47.797,128.337 C45.953,127.573 43.937,127.760 42.265,128.852 L42.240,128.868 C39.392,130.728 35.866,130.709 33.37,128.817 C30.209,126.925 28.845,123.672 29.477,120.328 C29.851,118.355 29.254,116.418 27.841,115.5 C26.427,113.592 24.491,112.995 22.527,113.365 C19.174,114.0 15.921,112.637 14.29,109.807 C12.137,106.980 12.117,103.453 13.978,100.604 L13.992,100.582 C15.85,98.908 15.273,96.893 14.509,95.49 C13.744,93.205 12.186,91.912 10.232,91.503 C6.883,90.801 4.402,88.294 3.740,84.954 C3.78,81.617 4.413,78.352 7.226,76.435 C8.877,75.309 9.825,73.517 9.825,71.518 C9.825,69.519 8.877,67.727 7.226,66.602 C4.413,64.684 3.78,61.419 3.740,58.81 C4.402,54.743 6.883,52.234 10.215,51.537 C12.186,51.124 13.744,49.832 14.508,47.987 C15.273,46.144 15.85,44.128 13.993,42.456 L13.979,42.434 C12.117,39.583 12.137,36.56 14.29,33.228 C15.921,30.400 19.174,29.37 22.517,29.669 C24.491,30.41 26.427,29.444 27.840,28.31 C29.253,26.619 29.851,24.682 29.480,22.718 C28.845,19.364 30.209,16.112 33.37,14.220 C35.866,12.327 39.392,12.308 42.241,14.169 L42.265,14.184 C43.937,15.276 45.952,15.463 47.796,14.699 C49.640,13.935 50.933,12.376 51.342,10.423 C52.44,7.74 54.552,4.593 57.890,3.930 C61.229,3.269 64.494,4.605 66.411,7.417 C67.536,9.68 69.329,10.15 71.327,10.15 C73.326,10.15 75.118,9.68 76.244,7.417 C78.160,4.605 81.425,3.269 84.764,3.931 C88.103,4.593 90.611,7.74 91.309,10.405 C91.721,12.376 93.14,13.935 94.858,14.699 C96.702,15.463 98.718,15.276 100.389,14.184 L100.411,14.170 C103.262,12.308 106.789,12.327 109.617,14.220 C112.445,16.112 113.809,19.364 113.177,22.708 C112.803,24.682 113.401,26.619 114.814,28.31 C116.227,29.444 118.165,30.41 120.127,29.671 C123.482,29.36 126.734,30.399 128.625,33.228 C130.518,36.56 130.537,39.582 128.676,42.432 L128.661,42.455 C127.569,44.128 127.382,46.144 128.146,47.987 C128.910,49.832 130.469,51.123 132.422,51.533 C135.772,52.234 138.252,54.743 138.914,58.81 C139.577,61.419 138.241,64.684 135.429,66.602 Z"/></svg>');
        background-repeat: no-repeat;
        background-position: center center;
        z-index: -1;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .style-btn i {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }

    .style-btn:hover {
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .style-btn:hover:before {
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="143px" height="143px"><path fill-rule="evenodd" stroke-width="1px" stroke="var(--primary-color)" fill-opacity="1" opacity="1" fill="var(--primary-color)" d="M135.429,66.602 C133.777,67.727 132.830,69.519 132.830,71.518 C132.830,73.517 133.777,75.309 135.429,76.435 C138.241,78.352 139.577,81.617 138.914,84.954 C138.252,88.294 135.772,90.801 132.440,91.500 C130.469,91.912 128.910,93.205 128.146,95.49 C127.382,96.893 127.569,98.908 128.661,100.580 L128.677,100.604 C130.537,103.453 130.518,106.980 128.626,109.807 C126.734,112.637 123.482,114.0 120.138,113.368 C118.164,112.995 116.227,113.592 114.814,115.5 C113.401,116.418 112.804,118.355 113.175,120.318 C113.809,123.672 112.445,126.925 109.618,128.817 C106.789,130.709 103.263,130.728 100.413,128.868 L100.385,128.849 C98.718,127.760 96.702,127.573 94.858,128.336 C93.14,129.101 91.722,130.659 91.312,132.613 C90.611,135.962 88.103,138.443 84.764,139.105 C84.199,139.218 83.635,139.272 83.79,139.272 C80.358,139.272 77.836,137.955 76.244,135.619 C75.118,133.969 73.326,133.20 71.327,133.20 C69.329,133.20 67.536,133.969 66.411,135.619 C64.494,138.431 61.229,139.768 57.890,139.105 C54.552,138.443 52.44,135.962 51.346,132.631 C50.933,130.659 49.640,129.101 47.797,128.337 C45.953,127.573 43.937,127.760 42.265,128.852 L42.240,128.868 C39.392,130.728 35.866,130.709 33.37,128.817 C30.209,126.925 28.845,123.672 29.477,120.328 C29.851,118.355 29.254,116.418 27.841,115.5 C26.427,113.592 24.491,112.995 22.527,113.365 C19.174,114.0 15.921,112.637 14.29,109.807 C12.137,106.980 12.117,103.453 13.978,100.604 L13.992,100.582 C15.85,98.908 15.273,96.893 14.509,95.49 C13.744,93.205 12.186,91.912 10.232,91.503 C6.883,90.801 4.402,88.294 3.740,84.954 C3.78,81.617 4.413,78.352 7.226,76.435 C8.877,75.309 9.825,73.517 9.825,71.518 C9.825,69.519 8.877,67.727 7.226,66.602 C4.413,64.684 3.78,61.419 3.740,58.81 C4.402,54.743 6.883,52.234 10.215,51.537 C12.186,51.124 13.744,49.832 14.508,47.987 C15.273,46.144 15.85,44.128 13.993,42.456 L13.979,42.434 C12.117,39.583 12.137,36.56 14.29,33.228 C15.921,30.400 19.174,29.37 22.517,29.669 C24.491,30.41 26.427,29.444 27.840,28.31 C29.253,26.619 29.851,24.682 29.480,22.718 C28.845,19.364 30.209,16.112 33.37,14.220 C35.866,12.327 39.392,12.308 42.241,14.169 L42.265,14.184 C43.937,15.276 45.952,15.463 47.796,14.699 C49.640,13.935 50.933,12.376 51.342,10.423 C52.44,7.74 54.552,4.593 57.890,3.930 C61.229,3.269 64.494,4.605 66.411,7.417 C67.536,9.68 69.329,10.15 71.327,10.15 C73.326,10.15 75.118,9.68 76.244,7.417 C78.160,4.605 81.425,3.269 84.764,3.931 C88.103,4.593 90.611,7.74 91.309,10.405 C91.721,12.376 93.14,13.935 94.858,14.699 C96.702,15.463 98.718,15.276 100.389,14.184 L100.411,14.170 C103.262,12.308 106.789,12.327 109.617,14.220 C112.445,16.112 113.809,19.364 113.177,22.708 C112.803,24.682 113.401,26.619 114.814,28.31 C116.227,29.444 118.165,30.41 120.127,29.671 C123.482,29.36 126.734,30.399 128.625,33.228 C130.518,36.56 130.537,39.582 128.676,42.432 L128.661,42.455 C127.569,44.128 127.382,46.144 128.146,47.987 C128.910,49.832 130.469,51.123 132.422,51.533 C135.772,52.234 138.252,54.743 138.914,58.81 C139.577,61.419 138.241,64.684 135.429,66.602 Z"/></svg>');
            -webkit-animation-name: rotate;
            animation-name: rotate;
            -webkit-animation-duration: 5s;
            animation-duration: 5s;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

.circle-btn-text {
    position: absolute;
    z-index: 99;
    width: 300px;
    height: 300px;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    overflow: hidden;
}

    .circle-btn-text text {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .circle-btn-text text {
        font-size: 13px;
    }
}

.circle-btn-text svg {
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animate-move-left-right {
    -webkit-animation: MoveLeftRight 1.5s linear infinite alternate;
    animation: MoveLeftRight 1.5s linear infinite alternate;
}

.animate-move-top-bottom {
    -webkit-animation: MoveUpDown 1.5s linear infinite alternate;
    animation: MoveUpDown 1.5s linear infinite alternate;
}

.slider-nav-btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
}

    .slider-nav-btn-wrapper a,
    .slider-nav-btn-wrapper button {
        width: 72px;
        height: 72px;
        border-radius: 50px;
        background-color: #ffffff;
        -webkit-box-shadow: 0px 12px 24px 0px rgba(2, 24, 93, 0.06);
        box-shadow: 0px 12px 24px 0px rgba(2, 24, 93, 0.06);
        font-size: 24px;
        color: #26262c;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .slider-nav-btn-wrapper a,
    .slider-nav-btn-wrapper button {
        width: 60px;
        height: 60px;
    }
}

.slider-nav-btn-wrapper a:hover,
.slider-nav-btn-wrapper button:hover {
    background-color: var(--primary-color);
    color: #ffffff;
}

.circle-rotate-wrapper {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    width: 100%;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .circle-rotate-wrapper .circle-rotate-inner {
        position: absolute;
        width: 160px;
        height: 160px;
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

.circle-rotate-text {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: spin 6s linear infinite;
    animation: spin 6s linear infinite;
    position: absolute !important;
    width: 100%;
    height: 100% !important;
    top: 0;
    right: 0;
}

    .circle-rotate-text span {
        font-family: "Jost", sans-serif;
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #fff;
    }

/* Deafult Margin & Padding */
/*-- Margin Top --*/
.mt-5 {
    margin-top: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Margin Bottom --*/
.mb-5 {
    margin-bottom: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Padding Top --*/
.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-21 {
    padding-top: 21px;
}

.pt-22 {
    padding-top: 22px;
}

.pt-23 {
    padding-top: 23px;
}

.pt-24 {
    padding-top: 24px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-55 {
    padding-top: 55px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-65 {
    padding-top: 65px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-75 {
    padding-top: 75px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-85 {
    padding-top: 85px;
}

.pt-86 {
    padding-top: 85px;
}

.pt-87 {
    padding-top: 85px;
}

.pt-88 {
    padding-top: 85px;
}

.pt-89 {
    padding-top: 85px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-95 {
    padding-top: 95px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-105 {
    padding-top: 105px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-115 {
    padding-top: 115px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-125 {
    padding-top: 125px;
}

.pt-130 {
    padding-top: 130px;
}

.pt-135 {
    padding-top: 135px;
}

.pt-140 {
    padding-top: 140px;
}

.pt-145 {
    padding-top: 145px;
}

.pt-150 {
    padding-top: 150px;
}

.pt-155 {
    padding-top: 155px;
}

.pt-160 {
    padding-top: 160px;
}

.pt-165 {
    padding-top: 165px;
}

.pt-170 {
    padding-top: 170px;
}

.pt-175 {
    padding-top: 175px;
}

.pt-180 {
    padding-top: 180px;
}

.pt-185 {
    padding-top: 185px;
}

.pt-190 {
    padding-top: 190px;
}

.pt-195 {
    padding-top: 195px;
}

.pt-200 {
    padding-top: 200px;
}

.pt-250 {
    padding-top: 250px;
}

/*-- Padding Bottom --*/
.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-21 {
    padding-bottom: 21px;
}

.pb-22 {
    padding-bottom: 22px;
}

.pb-23 {
    padding-bottom: 23px;
}

.pb-24 {
    padding-bottom: 24px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-55 {
    padding-bottom: 55px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-65 {
    padding-bottom: 65px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-75 {
    padding-bottom: 75px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-85 {
    padding-bottom: 85px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-95 {
    padding-bottom: 95px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-105 {
    padding-bottom: 105px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-115 {
    padding-bottom: 115px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pb-125 {
    padding-bottom: 125px;
}

.pb-130 {
    padding-bottom: 130px;
}

.pb-135 {
    padding-bottom: 135px;
}

.pb-140 {
    padding-bottom: 140px;
}

.pb-145 {
    padding-bottom: 145px;
}

.pb-150 {
    padding-bottom: 150px;
}

.pb-155 {
    padding-bottom: 155px;
}

.pb-160 {
    padding-bottom: 160px;
}

.pb-165 {
    padding-bottom: 165px;
}

.pb-170 {
    padding-bottom: 170px;
}

.pb-175 {
    padding-bottom: 175px;
}

.pb-180 {
    padding-bottom: 180px;
}

.pb-185 {
    padding-bottom: 185px;
}

.pb-190 {
    padding-bottom: 190px;
}

.pb-195 {
    padding-bottom: 195px;
}

.pb-200 {
    padding-bottom: 200px;
}

/*-- Padding Left --*/
.pl-0 {
    padding-right: 0px;
}

.pl-5 {
    padding-right: 5px;
}

.pl-10 {
    padding-right: 10px;
}

.pl-15 {
    padding-right: 15px;
}

.pl-20 {
    padding-right: 20px;
}

.pl-25 {
    padding-right: 35px;
}

.pl-30 {
    padding-right: 30px;
}

.pl-35 {
    padding-right: 35px;
}

.pl-35 {
    padding-right: 35px;
}

.pl-40 {
    padding-right: 40px;
}

.pl-45 {
    padding-right: 45px;
}

.pl-50 {
    padding-right: 50px;
}

.pl-55 {
    padding-right: 55px;
}

.pl-60 {
    padding-right: 60px;
}

.pl-65 {
    padding-right: 65px;
}

.pl-70 {
    padding-right: 70px;
}

.pl-75 {
    padding-right: 75px;
}

.pl-80 {
    padding-right: 80px;
}

.pl-85 {
    padding-right: 80px;
}

.pl-90 {
    padding-right: 90px;
}

.pl-95 {
    padding-right: 95px;
}

.pl-100 {
    padding-right: 100px;
}

.pl-105 {
    padding-right: 105px;
}

.pl-110 {
    padding-right: 110px;
}

.pl-115 {
    padding-right: 115px;
}

.pl-120 {
    padding-right: 120px;
}

.pl-125 {
    padding-right: 125px;
}

.pl-130 {
    padding-right: 130px;
}

.pl-135 {
    padding-right: 135px;
}

.pl-140 {
    padding-right: 140px;
}

.pl-145 {
    padding-right: 145px;
}

.pl-150 {
    padding-right: 150px;
}

.pl-155 {
    padding-right: 155px;
}

.pl-160 {
    padding-right: 160px;
}

.pl-165 {
    padding-right: 165px;
}

.pl-170 {
    padding-right: 170px;
}

.pl-180 {
    padding-right: 180px;
}

.pl-185 {
    padding-right: 185px;
}

.pl-190 {
    padding-right: 190px;
}

.pl-195 {
    padding-right: 195px;
}

.pl-100 {
    padding-right: 100px;
}

.pl-200 {
    padding-right: 200px;
}

/*-- Padding Right --*/
.pr-0 {
    padding-left: 0px;
}

.pr-5 {
    padding-left: 5px;
}

.pr-10 {
    padding-left: 10px;
}

.pr-15 {
    padding-left: 15px;
}

.pr-20 {
    padding-left: 20px;
}

.pr-25 {
    padding-left: 35px;
}

.pr-30 {
    padding-left: 30px;
}

.pr-35 {
    padding-left: 35px;
}

.pr-35 {
    padding-left: 35px;
}

.pr-40 {
    padding-left: 40px;
}

.pr-45 {
    padding-left: 45px;
}

.pr-50 {
    padding-left: 50px;
}

.pr-55 {
    padding-left: 55px;
}

.pr-60 {
    padding-left: 60px;
}

.pr-65 {
    padding-left: 65px;
}

.pr-70 {
    padding-left: 70px;
}

.pr-75 {
    padding-left: 75px;
}

.pr-80 {
    padding-left: 80px;
}

.pr-85 {
    padding-left: 80px;
}

.pr-90 {
    padding-left: 90px;
}

.pr-95 {
    padding-left: 95px;
}

.pr-100 {
    padding-left: 100px;
}

.pr-105 {
    padding-left: 105px;
}

.pr-110 {
    padding-left: 110px;
}

.pr-115 {
    padding-left: 115px;
}

.pr-120 {
    padding-left: 120px;
}

.pr-125 {
    padding-left: 125px;
}

.pr-130 {
    padding-left: 130px;
}

.pr-135 {
    padding-left: 135px;
}

.pr-140 {
    padding-left: 140px;
}

.pr-145 {
    padding-left: 145px;
}

.pr-150 {
    padding-left: 150px;
}

.pr-155 {
    padding-left: 155px;
}

.pr-165 {
    padding-left: 165px;
}

.pr-170 {
    padding-left: 170px;
}

.pr-175 {
    padding-left: 175px;
}

.pr-180 {
    padding-left: 180px;
}

.pr-185 {
    padding-left: 185px;
}

.pr-190 {
    padding-left: 190px;
}

.pr-195 {
    padding-left: 195px;
}

.pr-200 {
    padding-left: 200px;
}

/** padding top & bottom **/
.py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.py-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.py-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.py-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.py-45 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.py-55 {
    padding-top: 55px;
    padding-bottom: 55px;
}

.py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.py-65 {
    padding-top: 65px;
    padding-bottom: 65px;
}

.py-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.py-75 {
    padding-top: 75px;
    padding-bottom: 75px;
}

.py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.py-85 {
    padding-top: 85px;
    padding-bottom: 85px;
}

.py-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.py-95 {
    padding-top: 95px;
    padding-bottom: 95px;
}

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.py-105 {
    padding-top: 105px;
    padding-bottom: 105px;
}

.py-110 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.py-115 {
    padding-top: 115px;
    padding-bottom: 115px;
}

.py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.py-125 {
    padding-top: 125px;
    padding-bottom: 125px;
}

.py-130 {
    padding-top: 130px;
    padding-bottom: 130px;
}

.py-135 {
    padding-top: 135px;
    padding-bottom: 135px;
}

.py-140 {
    padding-top: 140px;
    padding-bottom: 140px;
}

.py-145 {
    padding-top: 145px;
    padding-bottom: 145px;
}

.py-150 {
    padding-top: 150px;
    padding-bottom: 150px;
}

.py-155 {
    padding-top: 155px;
    padding-bottom: 155px;
}

.py-160 {
    padding-top: 160px;
    padding-bottom: 160px;
}

.py-165 {
    padding-top: 165px;
    padding-bottom: 165px;
}

.py-170 {
    padding-top: 170px;
    padding-bottom: 170px;
}

.py-175 {
    padding-top: 175px;
    padding-bottom: 175px;
}

.py-180 {
    padding-top: 180px;
    padding-bottom: 180px;
}

.py-185 {
    padding-top: 185px;
    padding-bottom: 185px;
}

.py-190 {
    padding-top: 190px;
    padding-bottom: 190px;
}

.py-195 {
    padding-top: 195px;
    padding-bottom: 195px;
}

.py-200 {
    padding-top: 200px;
    padding-bottom: 200px;
}

.py-205 {
    padding-top: 205px;
    padding-bottom: 205px;
}

.py-210 {
    padding-top: 210px;
    padding-bottom: 210px;
}

.py-215 {
    padding-top: 215px;
    padding-bottom: 215px;
}

.py-220 {
    padding-top: 220px;
    padding-bottom: 220px;
}

.py-225 {
    padding-top: 225px;
    padding-bottom: 225px;
}

.py-230 {
    padding-top: 230px;
    padding-bottom: 230px;
}

.py-235 {
    padding-top: 235px;
    padding-bottom: 235px;
}

.py-240 {
    padding-top: 240px;
    padding-bottom: 240px;
}

.py-250 {
    padding-top: 250px;
    padding-bottom: 250px;
}

.py-260 {
    padding-top: 260px;
    padding-bottom: 260px;
}

.py-270 {
    padding-top: 270px;
    padding-bottom: 270px;
}

.py-280 {
    padding-top: 280px;
    padding-bottom: 280px;
}

.py-290 {
    padding-top: 290px;
    padding-bottom: 290px;
}

.py-300 {
    padding-top: 300px;
    padding-bottom: 300px;
}

.py-310 {
    padding-top: 310px;
    padding-bottom: 310px;
}

.py-320 {
    padding-top: 320px;
    padding-bottom: 320px;
}

.py-330 {
    padding-top: 330px;
    padding-bottom: 330px;
}

.py-340 {
    padding-top: 340px;
    padding-bottom: 340px;
}

.py-350 {
    padding-top: 350px;
    padding-bottom: 350px;
}

/** padding left & right **/
.px-10 {
    padding-right: 10px;
    padding-left: 10px;
}

.px-15 {
    padding-right: 15px;
    padding-left: 15px;
}

.px-20 {
    padding-right: 20px;
    padding-left: 20px;
}

.px-25 {
    padding-right: 25px;
    padding-left: 25px;
}

.px-30 {
    padding-right: 30px;
    padding-left: 30px;
}

.px-35 {
    padding-right: 35px;
    padding-left: 35px;
}

.px-40 {
    padding-right: 40px;
    padding-left: 40px;
}

.px-45 {
    padding-right: 45px;
    padding-left: 45px;
}

.px-50 {
    padding-right: 50px;
    padding-left: 50px;
}

.px-55 {
    padding-right: 55px;
    padding-left: 55px;
}

.px-60 {
    padding-right: 60px;
    padding-left: 60px;
}

.px-65 {
    padding-right: 65px;
    padding-left: 65px;
}

.px-70 {
    padding-right: 70px;
    padding-left: 70px;
}

.px-75 {
    padding-right: 75px;
    padding-left: 75px;
}

.px-80 {
    padding-right: 80px;
    padding-left: 80px;
}

.px-85 {
    padding-right: 85px;
    padding-left: 85px;
}

.px-90 {
    padding-right: 90px;
    padding-left: 90px;
}

.px-95 {
    padding-right: 95px;
    padding-left: 95px;
}

.px-100 {
    padding-right: 100px;
    padding-left: 100px;
}

.px-105 {
    padding-right: 105px;
    padding-left: 105px;
}

.px-110 {
    padding-right: 110px;
    padding-left: 110px;
}

.px-115 {
    padding-right: 115px;
    padding-left: 115px;
}

.px-120 {
    padding-right: 120px;
    padding-left: 120px;
}

.px-125 {
    padding-right: 125px;
    padding-left: 125px;
}

.px-130 {
    padding-right: 130px;
    padding-left: 130px;
}

.px-135 {
    padding-right: 135px;
    padding-left: 135px;
}

.px-140 {
    padding-right: 140px;
    padding-left: 140px;
}

.px-145 {
    padding-right: 145px;
    padding-left: 145px;
}

.px-150 {
    padding-right: 150px;
    padding-left: 150px;
}

.px-155 {
    padding-right: 155px;
    padding-left: 155px;
}

.px-160 {
    padding-right: 160px;
    padding-left: 160px;
}

.px-165 {
    padding-right: 165px;
    padding-left: 165px;
}

.px-170 {
    padding-right: 170px;
    padding-left: 170px;
}

.px-175 {
    padding-right: 175px;
    padding-left: 175px;
}

.px-180 {
    padding-right: 180px;
    padding-left: 180px;
}

.px-185 {
    padding-right: 185px;
    padding-left: 185px;
}

.px-190 {
    padding-right: 190px;
    padding-left: 190px;
}

.px-195 {
    padding-right: 195px;
    padding-left: 195px;
}

.px-200 {
    padding-right: 200px;
    padding-left: 200px;
}

.px-205 {
    padding-right: 205px;
    padding-left: 205px;
}

.px-210 {
    padding-right: 210px;
    padding-left: 210px;
}

.px-215 {
    padding-right: 215px;
    padding-left: 215px;
}

.px-220 {
    padding-right: 220px;
    padding-left: 220px;
}

.px-225 {
    padding-right: 225px;
    padding-left: 225px;
}

.px-230 {
    padding-right: 230px;
    padding-left: 230px;
}

.px-235 {
    padding-right: 235px;
    padding-left: 235px;
}

.px-240 {
    padding-right: 240px;
    padding-left: 240px;
}

.px-250 {
    padding-right: 250px;
    padding-left: 250px;
}

.px-260 {
    padding-right: 260px;
    padding-left: 260px;
}

.px-270 {
    padding-right: 270px;
    padding-left: 270px;
}

.px-280 {
    padding-right: 280px;
    padding-left: 280px;
}

.px-290 {
    padding-right: 290px;
    padding-left: 290px;
}

.px-300 {
    padding-right: 300px;
    padding-left: 300px;
}

.px-310 {
    padding-right: 310px;
    padding-left: 310px;
}

.px-320 {
    padding-right: 320px;
    padding-left: 320px;
}

.px-330 {
    padding-right: 330px;
    padding-left: 330px;
}

.px-340 {
    padding-right: 340px;
    padding-left: 340px;
}

.px-350 {
    padding-right: 350px;
    padding-left: 350px;
}

/* WordPress Core
===================*/
body {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    overflow-x: hidden;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 25px;
}

ol {
    padding-right: 20px;
}

ul {
    list-style: disc;
    padding-right: 20px;
}

/* Protected Post Type */
.post-password-form label {
    width: 100%;
    display: block;
    font-weight: 500;
    margin-bottom: 10px;
}

.post-password-form input[type=password] {
    font-size: 1.2rem;
    line-height: 20px;
    padding: 12px 20px;
    border: 1px solid #E4E4F2;
    width: 100%;
}

.post-password-form input[type=submit] {
    background-color: var(--primary-color);
    border: none;
    padding: 10px 40px;
    color: #ffffff;
    cursor: pointer;
    font-weight: 500;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .post-password-form input[type=submit]:hover {
        background-color: #26262c;
    }

.textwidget p > strong {
    color: #26262c;
}

/* Table */
table {
    margin-bottom: 20px;
    width: 100%;
}

    table caption {
        border: 1px solid #dfe2e9;
        padding: 6px 10px;
        border-top: 0;
        color: #8f939b;
    }

    table th,
    table td {
        background-color: transparent;
        border: 1px solid #dfe2e9;
        text-align: center;
        padding: 8px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        color: #8f939b;
    }

        table th#today,
        table td#today {
            background: var(--primary-color);
            color: #ffffff;
        }

            table th#today a,
            table td#today a {
                color: #ffffff;
            }

.page-content .size-full.alignright {
    margin-bottom: 15px;
    margin-top: 20px;
}

.page-content figure.wp-caption.aligncenter {
    margin-top: 40px;
}

.page-content dl, .page-content ol, .page-content ul {
    margin-bottom: 11px;
}

.page-content .comment-respond {
    margin-top: 78px;
    margin-bottom: 20px;
}

.page-content .latest-comments .comment-respond {
    margin-bottom: 40px;
}

.page-content .post-comments {
    margin-top: 80px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

    .screen-reader-text:focus {
        background-color: #eee;
        clip: auto !important;
        -webkit-clip-path: none;
        clip-path: none;
        color: #444;
        display: block;
        font-size: 1em;
        height: auto;
        right: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000;
    }

/*
 Caption
============================*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

    .wp-caption img[class*=wp-image-] {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    .wp-caption .wp-caption-text {
        margin: 0.8075em 0;
        font-size: 14px;
        font-style: italic;
    }

.wp-caption-text {
    text-align: center;
}

/*
 Galleries
============================*/
.gallery {
    margin-bottom: 10px;
}

.gallery-item {
    display: inline-block;
    max-width: 33.33%;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding-left: 5px !important;
}

.gallery-columns-1 .gallery-item {
    max-width: 100%;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

.size-thumbnail {
    margin-bottom: 20px;
}

img.emoji {
    width: 15px;
    height: 15px;
}

/*
 Alignments
============================*/
.alignleft {
    display: inline;
    float: right;
    margin-left: 1.5em !important;
}

.alignright {
    display: inline;
    float: left;
    margin-right: 1.5em !important;
}

.aligncenter {
    clear: both;
    display: block;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center;
}

/*
 Block Unit Test Widget
============================*/
.wp-block-search__input {
    border: 1px solid #c7c7e1 !important;
}

.wp-block-search__button {
    margin-right: 0 !important;
}

.wp-block-social-links {
    padding-right: 0 !important;
}

    .wp-block-social-links li {
        padding-top: 0 !important;
    }

.single-post-item.format-quote blockquote {
    padding: 45px;
}

@media (max-width: 767px) {
    .single-post-item.format-quote blockquote {
        padding: 35px;
    }
}

blockquote {
    overflow: hidden;
    margin: 40px 0;
    position: relative;
    z-index: 1;
    padding-right: 60px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    blockquote {
        padding-right: 30px;
    }
}

blockquote p {
    font-family: "Roboto", sans-serif;
    font-size: 21px;
    color: #8f939b;
    line-height: initial;
    font-weight: 400;
    margin: 0 !important;
    font-style: italic;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    blockquote p {
        font-size: 18px;
        line-height: initial;
    }
}

blockquote p a {
    color: var(--primary-color);
    text-decoration: underline;
}

blockquote footer {
    font-family: "Jost", sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: #26262c;
    margin-top: 20px;
}

.wp-block-group.has-background p,
.wp-block-columns.has-background p,
.wp-block-columns .has-background p {
    color: #26262c;
}

.wp-block-quote, blockquote {
    border-right: solid 5px var(--primary-color);
}

.wp-block-pullquote {
    border-top: 5px solid var(--primary-color) !important;
    border-bottom: 5px solid var(--primary-color) !important;
    background-color: #eef5f8;
}

.wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer {
    margin-top: 10px;
    display: block;
}

.wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) {
    margin-right: 10px;
}

.wp-block-column:not(:last-child) {
    margin-left: 10px;
}

.wp-block-column:nth-child(2n+1) {
    margin-left: 10px;
}

.post-content > .alignwide {
    margin-right: 0;
    margin-left: 0;
    width: calc(100% + 20px);
    max-width: calc(100% + 20px);
}

.post-content h2.has-small-font-size {
    line-height: 24px;
}

.post-content h2.has-medium-font-size {
    line-height: 32px;
}

.post-content h2.has-large-font-size {
    line-height: 48px;
}

.post-content p.has-large-font-size {
    font-size: 36px;
    line-height: 1.2;
}

.post-content .wp-block-search {
    margin-bottom: 15px;
}

.post-content .wp-block-file {
    margin-top: 20px;
    margin-bottom: 20px;
}

.post-content .wp-block-group__inner-container p {
    margin-top: 0 !important;
}

.has-very-light-gray-color.has-very-light-gray-color {
    color: #fff;
    background: var(--primary-color) !important;
}

.wp-block-button {
    margin-bottom: 10px;
}

.wp-block-archives select,
.wp-block-categories select {
    height: 66px;
    width: 200px;
    border: 1px solid #c7c7e1;
    padding: 0 10px;
    margin-bottom: 10px;
}

.wp-block-latest-comments {
    padding-right: 0 !important;
}

.wp-block-cover p.wp-block-cover-text,
.wp-block-cover.is-light .wp-block-cover__inner-container {
    color: #fff !important;
}

.wp-block-cover-text a {
    color: #fff;
}

.wp-block-rss {
    padding-right: 0 !important;
}

.widget .wp-block-archives-dropdown,
.widget .wp-block-categories-dropdown,
.widget .wp-block-loginout,
.widget .wp-block-social-links,
.widget.widget_archive select,
.widget.widget_categories select,
.widget.widget_text select,
.widget.widget_search .search-form,
.widget.widget_tag_cloud .tagcloud,
.widget .wp-block-tag-cloud {
    margin-bottom: 6px;
}

.wp-block-latest-posts .wp-block-latest-posts__post-title {
    display: inline-block;
    width: 100%;
}

nav.wp-calendar-nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    nav.wp-calendar-nav a {
        color: #8f939b;
    }

        nav.wp-calendar-nav a:hover {
            color: var(--primary-color);
        }

.blog-search-content .search-form input {
    width: 50%;
}

@media (max-width: 991px) {
    .blog-search-content .search-form input {
        width: 100%;
    }
}

/* Search Widget */
.search-form {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

    .search-form button {
        width: 62px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

.wp-block-search__no-button.wp-block-search input {
    border-radius: 6px;
}

.wp-block-search {
    margin-bottom: -2px;
}

.wp-block-search,
.search-form {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

    .wp-block-search .wp-block-search__inside-wrapper,
    .search-form .wp-block-search__inside-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 !important;
    }

    .wp-block-search label,
    .search-form label {
        font-size: 24px;
        display: block;
        line-height: 28px;
        font-weight: 500;
        margin-bottom: 30px;
        color: #26262c;
        font-family: "Jost", sans-serif;
    }

    .wp-block-search input,
    .search-form input {
        border: 1px solid #c7c7e1;
        padding: 0 25px;
        height: 66px;
        width: 100%;
        color: #abb0ba;
        font-size: 18px;
        border-radius: 0 6px 6px 0;
    }

    .wp-block-search button,
    .search-form button {
        color: #ffffff;
        padding: 0 20px;
        position: relative;
        left: 0;
        background-color: var(--primary-color);
        top: 0;
        height: auto;
        border-radius: 6px 0 0 6px;
        line-height: 0;
        border: 0;
        margin-right: 0 !important;
    }

/*
 Media
============================*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

embed,
iframe,
object {
    max-width: 100%;
}

figure.wp-block-embed {
    overflow: hidden;
}

.comment-respond.style-two .wpcf7-form .wpcf7-not-valid-tip {
    color: #d9c0b8 !important;
}

.comment-respond .wpcf7-form .wpcf7-not-valid {
    border-color: #dc3232 !important;
}

.comment-respond .wpcf7-form .wpcf7-not-valid-tip {
    font-size: 16px;
    margin-top: 5px;
}

.comment-respond .wpcf7-form.sent .wpcf7-response-output {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.01em;
    color: #72DC60;
    padding: 15px 20px;
    text-align: center;
    position: relative;
    background: #F4FFF5;
    border: 1px solid #CDF5C8 !important;
    border-radius: 10px;
}

.comment-respond .wpcf7-form.invalid .wpcf7-response-output {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.01em;
    color: #dc3232;
    padding: 15px 20px;
    text-align: center;
    position: relative;
    background: #FFF7F7;
    border: 1px solid #FED8D8 !important;
    border-radius: 10px;
}

input[type=checkbox],
input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    width: 22px !important;
    height: 22px !important;
    border-color: #e3e4e5;
    border-radius: 6px !important;
    background-color: #e3e4e5 !important;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative !important;
    padding: 0 !important;
    cursor: pointer;
    margin-top: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    input[type=radio]::before {
        position: absolute;
        content: "";
        height: 8px;
        width: 8px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        -webkit-transform: scale(0);
        transform: scale(0);
        background-color: var(--primary-color);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

    input[type=checkbox]::before {
        position: absolute;
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.44899 7.76355C3.36328 7.84971 3.24641 7.89784 3.12495 7.89784C3.00349 7.89784 2.88662 7.84971 2.80091 7.76355L0.213156 5.17534C-0.0554271 4.90676 -0.0554271 4.47134 0.213156 4.20321L0.537198 3.87917C0.805781 3.61059 1.24074 3.61059 1.50932 3.87917L3.12495 5.4948L7.49057 1.12917C7.75916 0.860589 8.19457 0.860589 8.4627 1.12917L8.78674 1.45321C9.05532 1.7218 9.05532 2.15721 8.78674 2.42534L3.44899 7.76355Z' fill='white'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 8px;
        height: 100%;
        width: 100%;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        -webkit-transform: scale(0);
        transform: scale(0);
        background-color: var(--primary-color);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

    input[type=checkbox]:checked::before,
    input[type=radio]:checked::before {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-sizing: inherit !important;
        box-sizing: inherit !important;
    }

    input[type=checkbox]:checked,
    input[type=radio]:checked {
        border-color: var(--primary-color) !important;
    }

.wpcf7-form-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .wpcf7-form-control .wpcf7-list-item {
        margin: 0;
    }

        .wpcf7-form-control .wpcf7-list-item label {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-line-pack: center;
            align-content: center;
            margin: 0;
            gap: 10px;
        }

            .wpcf7-form-control .wpcf7-list-item label .wpcf7-list-item-label {
                font-size: 16px;
                font-weight: 400;
            }

.logged-in .comment-respond textarea {
    margin-bottom: 12px;
}

.zoom-instagram-widget p {
    color: #ffffff;
}

    .zoom-instagram-widget p a {
        color: var(--primary-color);
    }

.zoom-instagram-widget ul {
    list-style: none;
}

    .zoom-instagram-widget ul li {
        color: #ffffff;
    }

/* Recent Comment List Block Widget & Latest Post Widget Block */
.has-avatars.has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
.has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
    font-weight: 500;
    color: #26262c;
}

    .has-avatars.has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author,
    .has-avatars.has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-link,
    .has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author,
    .has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-link {
        font-weight: 500;
    }

.wp-block-latest-comments li.wp-block-latest-comments__comment,
.wp-block-latest-posts li.wp-block-latest-comments__comment {
    margin-bottom: 0;
}

.wp-block-latest-comments li .wp-block-latest-comments__comment-meta,
.wp-block-latest-comments li .wp-block-latest-posts__post-title,
.wp-block-latest-posts li .wp-block-latest-comments__comment-meta,
.wp-block-latest-posts li .wp-block-latest-posts__post-title {
    line-height: 28px;
    font-weight: 400;
}

    .wp-block-latest-comments li .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date,
    .wp-block-latest-comments li .wp-block-latest-posts__post-title .wp-block-latest-comments__comment-date,
    .wp-block-latest-posts li .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date,
    .wp-block-latest-posts li .wp-block-latest-posts__post-title .wp-block-latest-comments__comment-date {
        font-size: 14px !important;
        margin-bottom: 10px;
        position: relative;
        color: #8f939b;
    }

        .wp-block-latest-comments li .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date:before,
        .wp-block-latest-comments li .wp-block-latest-posts__post-title .wp-block-latest-comments__comment-date:before,
        .wp-block-latest-posts li .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date:before,
        .wp-block-latest-posts li .wp-block-latest-posts__post-title .wp-block-latest-comments__comment-date:before {
            content: "\f274";
            font-family: "Font Awesome 6 Pro";
            padding-left: 8px;
        }

.wp-block-latest-comments li a,
.wp-block-latest-posts li a {
    color: #26262c;
}

    .wp-block-latest-comments li a.wp-block-latest-comments__comment-author, .wp-block-latest-comments li a.wp-block-latest-comments__comment-link,
    .wp-block-latest-posts li a.wp-block-latest-comments__comment-author,
    .wp-block-latest-posts li a.wp-block-latest-comments__comment-link {
        display: inline !important;
        text-transform: capitalize;
        line-height: 28px;
        font-weight: 400;
    }

    .wp-block-latest-comments li a:hover,
    .wp-block-latest-posts li a:hover {
        color: var(--primary-color);
    }

.wp-block-latest-comments li .wp-block-latest-comments__comment-excerpt p,
.wp-block-latest-posts li .wp-block-latest-comments__comment-excerpt p {
    font-size: 16px;
    line-height: 28px;
    margin: 0;
}

body.admin-bar .header-menu-area.sticky_menu {
    top: 30px;
}

@media (max-width: 600px) {
    body.admin-bar .header-menu-area.sticky_menu {
        top: 0;
    }
}

.page-template-default.page-id-146 .page-content p:last-child {
    margin-bottom: 10px;
}

.page-template-default.page-id-156 .page-content-wrapper .page-content > p {
    margin-bottom: 10px;
}

.page-template-default.page-id-1133 .page-content .comment-respond {
    margin-top: 78px;
    display: inline-block;
    width: 100%;
}

.page-template-default.page-id-3 .page-area {
    padding-top: 120px;
}

    .page-template-default.page-id-3 .page-area .page-content {
        margin-top: -9px;
    }

.post-template-default.postid-163 .blog-details-wrapper .single-post-item .post-content {
    margin-bottom: 34px;
}

.post-template-default.postid-150 .blog-details-wrapper .single-post-item .post-content {
    margin-bottom: 34px;
}

    .post-template-default.postid-150 .blog-details-wrapper .single-post-item .post-content .wp-block-group.is-layout-constrained:last-child {
        border: 1px solid #000;
    }

.post-template-default.postid-51 .blog-details-wrapper .single-post-item .post-content {
    margin-bottom: 25px;
}

    .post-template-default.postid-51 .blog-details-wrapper .single-post-item .post-content p:last-child {
        margin-bottom: 0;
    }

.post-template-default.postid-1163 .blog-details-wrapper .single-post-item .post-content .wp-caption, .post-template-default.postid-568 .blog-details-wrapper .single-post-item .post-content .wp-caption {
    margin-top: 20px;
}

.post-template-default.postid-1785 .blog-details-wrapper .single-post-item .post-content .wp-block-button__link {
    color: #ffffff !important;
}

.post-template-default.postid-555 .blog-details-wrapper .single-post-item .post-content .gallery {
    margin-top: 20px;
}

.post-template-default.postid-1786 .blog-details-wrapper .single-post-item .post-title {
    margin-bottom: 20px;
}

.post-template-default.postid-1780 .blog-details-wrapper .single-post-item .wp-block-button {
    margin-top: 20px;
    margin-bottom: 40px;
}

.error-404.not-found {
    margin-top: -20px;
    margin-bottom: 40px;
}

    .error-404.not-found .error-content .error-btn-bh {
        margin-top: 20px;
    }

@-webkit-keyframes MovefadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes MovefadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.MovefadeUp {
    -webkit-animation-name: MovefadeUp;
    animation-name: MovefadeUp;
}

@-webkit-keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@-webkit-keyframes pulse {
    to {
        -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    }
}

@keyframes pulse {
    to {
        -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    }
}

@-webkit-keyframes animatelinebar {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    100% {
        -webkit-transform: translateX(-25px);
        transform: translateX(-25px);
    }
}

@keyframes animatelinebar {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    100% {
        -webkit-transform: translateX(-25px);
        transform: translateX(-25px);
    }
}

@-webkit-keyframes slideUpIn {
    0% {
        -webkit-transform: translateY(40px);
    }

    100% {
        -webkit-transform: translateY(0);
    }

    0% {
        -webkit-transform: translateY(40px);
    }
}

@keyframes slideUpIn {
    0% {
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    0% {
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }
}

@-webkit-keyframes MoveLeftRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes MoveLeftRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@-webkit-keyframes MoveUpDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}

@keyframes MoveUpDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}

@-webkit-keyframes Animated3 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes Animated3 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@-webkit-keyframes Animated4 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes Animated4 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@-webkit-keyframes UpToDown {
    49% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes UpToDown {
    49% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    51% {
        opacity: 1;
    }
}

@-webkit-keyframes Scroll {
    0% {
        -webkit-transform: translateX(50vw);
        transform: translateX(50vw);
        transform: translateX(50vw);
    }

    100% {
        -webkit-transform: translateX(-50vw);
        transform: translateX(-50vw);
        transform: translateX(-50vw);
    }
}

@keyframes Scroll {
    0% {
        -webkit-transform: translateX(50vw);
        transform: translateX(50vw);
        transform: translateX(50vw);
    }

    100% {
        -webkit-transform: translateX(-50vw);
        transform: translateX(-50vw);
        transform: translateX(-50vw);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg);
    }
}

#preloader {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #fff;
    z-index: 9999999;
    left: 0;
    bottom: 0;
}

#preloader-status {
    height: 210px;
    width: 210px;
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px -100px 0 0;
    position: absolute;
    right: 50%;
    top: 50%;
}

.scrollup-wrapper {
    position: fixed;
    right: 34px;
    bottom: 90px;
    z-index: 9999;
}

.scrollup-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 26px;
    color: #ffffff;
    text-decoration: none;
    width: 40px;
    height: 40px;
    background-color: var(--primary-color);
    border-radius: 50px;
    border: 2px solid transparent;
    outline: 2px dashed var(--primary-color);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

    .scrollup-btn i {
        margin-top: -3px;
        display: block;
    }

.header-area.style-1 .search-btn-with-btn .theme-btn {
    padding: 11px 40px;
}

.header-area.style-1 .header-menu-area {
    padding: 0 50px;
}

@media only screen and (min-width: 1400px) and (max-width: 1459px) {
    .header-area.style-1 .header-menu-area {
        padding: 0 10px;
    }
}

@media (max-width: 1399px) {
    .header-area.style-1 .header-menu-area {
        padding: 0;
    }
}

.header-top {
    background-color: var(--primary-color);
}

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

.header-top .header-top-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 24px;
}

@media (max-width: 1199px) {
    .header-top .header-top-info {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
    }
}

@media (max-width: 991px) {
    .header-top .header-top-info {
        padding-bottom: 10px;
    }
}

.header-top .header-contact-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 24px;
    padding: 6px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .header-top .header-contact-info span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 24px;
        color: #ffffff;
        font-size: 16px;
        font-weight: 400;
        font-family: "Roboto", sans-serif;
    }

        .header-top .header-contact-info span:first-child:before {
            display: none;
        }

        .header-top .header-contact-info span:before {
            background-color: rgb(255, 255, 255);
            opacity: 0.361;
            width: 1px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            height: 12px;
            content: "";
        }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .header-top .header-contact-info span:before {
        display: none;
    }
}

.header-top .header-contact-info span.contact-info-item {
    gap: 0 10px !important;
}

.header-top .header-contact-info span a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .header-top .header-top-btn {
        display: none;
    }
}

.header-top .header-top-btn a {
    position: relative;
    padding: 12px 46px;
    font-size: 18px;
    font-family: "Jost", sans-serif;
    color: #ffffff;
    margin-bottom: -100px;
    display: inline-block;
    font-weight: 500;
    z-index: 2;
}

    .header-top .header-top-btn a:hover:before {
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        background-color: var(--primary-color);
    }

    .header-top .header-top-btn a:before {
        position: absolute;
        content: "";
        border-radius: 0 0 10px 10px;
        background-color: var(--primary-color);
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.header-top .social-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .header-top .social-profile a {
        font-size: 16px;
        color: #ffffff;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

        .header-top .social-profile a:hover {
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            -webkit-transform: scale(1.4);
            transform: scale(1.4);
            color: var(--primary-color);
        }

.header-menu-area {
    width: 100%;
    z-index: 999;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    position: fixed;
    right: 0;
}

    .header-menu-area .search-btn-with-btn .search-btn-wrapper .search-btn {
        color: #ffffff;
    }

        .header-menu-area .search-btn-with-btn .search-btn-wrapper .search-btn:hover {
            color: var(--primary-color);
        }

    .header-menu-area.sticky-header {
        width: 100%;
        z-index: 999;
        -webkit-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

        .header-menu-area.sticky-header.sticky_menu .search-btn-wrapper .search-btn {
            color: #26262c;
        }

            .header-menu-area.sticky-header.sticky_menu .search-btn-wrapper .search-btn:hover {
                color: var(--primary-color);
            }

    .header-menu-area.sticky_menu {
        right: 0;
        left: 0;
        top: 0;
        position: fixed;
        z-index: 9999;
        background-color: #ffffff;
        -webkit-box-shadow: 0 7px 24px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 7px 24px 0 rgba(0, 0, 0, 0.05);
    }

        .header-menu-area.sticky_menu .logo {
            height: 84px;
        }

            .header-menu-area.sticky_menu .logo:before {
                display: none;
            }

            .header-menu-area.sticky_menu .logo .standard-logo {
                display: none;
            }

            .header-menu-area.sticky_menu .logo .sticky-logo {
                display: block;
            }

                .header-menu-area.sticky_menu .logo .sticky-logo img {
                    width: 220px;
                    -webkit-transition: all 0.5s ease-out;
                    transition: all 0.5s ease-out;
                }

        .header-menu-area.sticky_menu .main-menu ul li.active > a, .header-menu-area.sticky_menu .main-menu ul li.current-menu-ancestor > a {
            color: var(--primary-color);
        }

            .header-menu-area.sticky_menu .main-menu ul li.active > a:after, .header-menu-area.sticky_menu .main-menu ul li.current-menu-ancestor > a:after {
                display: none;
            }

        .header-menu-area.sticky_menu .main-menu ul li a {
            padding: 27px 26px;
            color: #26262c;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-menu-area.sticky_menu .main-menu ul li a {
        padding: 27px 15px;
    }
}

.header-menu-area.sticky_menu .main-menu ul li a:hover {
    color: var(--primary-color);
}

.header-menu-area.sticky_menu .main-menu ul li ul.submenu li.active > a {
    color: #ffffff;
}

.header-menu-area.sticky_menu .main-menu ul li ul li a {
    padding: 10px 20px;
}

    .header-menu-area.sticky_menu .main-menu ul li ul li a:hover {
        color: #ffffff;
    }

.header-menu-area.sticky_menu .ct-header-btn .content-wrapper span {
    color: #26262c;
}

.header-menu-area .logo {
    position: relative;
    z-index: 999;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 220px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-menu-area .logo {
        height: 100px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .header-menu-area .logo {
        height: 80px;
    }
}

.header-menu-area .logo .standard-logo img {
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.header-menu-area .logo .sticky-logo {
    display: none;
}

    .header-menu-area .logo .sticky-logo img {
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.header-menu-area .logo .retina-logo {
    display: none;
}

.main-menu ul {
    margin: 0;
    padding: 0;
    position: relative;
}

    .main-menu ul li {
        display: inline-block;
        padding: 0;
        position: relative;
    }

        .main-menu ul li.active, .main-menu ul li.current-menu-ancestor {
            position: relative;
        }

            .main-menu ul li.active > a, .main-menu ul li.current-menu-ancestor > a {
                color: var(--primary-color);
            }

                .main-menu ul li.active > a:after, .main-menu ul li.current-menu-ancestor > a:after {
                    position: absolute;
                    content: "...";
                    height: 0;
                    bottom: 75px;
                    right: 50%;
                    -webkit-transform: translateX(50%);
                    transform: translateX(50%);
                    font-size: 24px;
                }

        .main-menu ul li.dropdown > a {
            padding-left: 30px !important;
        }

            .main-menu ul li.dropdown > a:before {
                visibility: visible;
            }

        .main-menu ul li.dropdown .dropdown > a:before {
            visibility: visible;
            left: 15px;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            margin-top: -4px;
        }

        .main-menu ul li ul.submenu li.active > a {
            position: relative;
            z-index: 2;
            background-color: var(--primary-color);
            color: #ffffff !important;
        }

            .main-menu ul li ul.submenu li.active > a:after {
                display: none;
            }

        .main-menu ul li a {
            display: block;
            padding: 55px 24px;
            text-decoration: none;
            text-transform: capitalize;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            position: relative;
            color: var(--secondary-color);
            font-family: "Jost", sans-serif;
            font-size: 18px;
            font-weight: 500;
        }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu ul li a {
        padding: 55px 15px;
    }
}

.main-menu ul li a:before {
    position: absolute;
    content: "\f107";
    font-family: "Font Awesome 6 Pro";
    display: inline-block;
    padding: 3px;
    font-size: 14px;
    top: 50%;
    left: 6px;
    line-height: 0;
    visibility: hidden;
}

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

.main-menu ul li:hover > ul {
    visibility: visible;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.main-menu ul li ul li:hover ul {
    visibility: visible;
    top: -2px;
}

.main-menu ul ul {
    background-color: #ffffff;
    right: 0;
    opacity: 0;
    position: absolute;
    text-align: right;
    top: 100%;
    visibility: hidden;
    z-index: 99999;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    border-top: 2px solid var(--primary-color);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
    box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

    .main-menu ul ul li {
        float: none;
        min-width: 210px;
    }

        .main-menu ul ul li ul {
            visibility: hidden;
        }

        .main-menu ul ul li i {
            float: left;
        }

        .main-menu ul ul li a {
            line-height: 120%;
            padding: 10px 20px;
            color: #26262c;
            border-bottom: 1px solid #f5f5f5;
            margin-right: 0;
            font-size: 16px;
        }

            .main-menu ul ul li a:hover {
                background-color: var(--primary-color);
                color: #ffffff;
            }

        .main-menu ul ul li:last-child a {
            border-bottom: 0px;
        }

    .main-menu ul ul ul {
        right: 100%;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        opacity: 0;
        border-top: 0px;
        border-top: 2px solid var(--primary-color);
    }

.animation {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slideUpIn {
    -webkit-animation-name: slideUpIn;
    animation-name: slideUpIn;
}

.search-btn-with-cta-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}

@media (max-width: 1199px) {
    .search-btn-with-cta-btn {
        display: none;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .search-btn-with-cta-btn {
        gap: 24px;
    }
}

.search-btn-with-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
}

    .search-btn-with-btn .search-btn {
        font-size: 24px;
        font-weight: 500;
        color: #ffffff;
    }

.ct-header-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}

@media only screen and (min-width: 1400px) and (max-width: 1420px) {
    .ct-header-btn {
        display: none;
    }
}

@media only screen and (max-width: 1399px) {
    .ct-header-btn {
        display: none;
    }
}

.ct-header-btn .icon-wrapper .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.ct-header-btn .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .ct-header-btn .content-wrapper span {
        display: inline-block;
        width: 100%;
        color: #ffffff;
    }

    .ct-header-btn .content-wrapper .title {
        font-size: 14px;
    }

    .ct-header-btn .content-wrapper .text {
        font-family: "Jost", sans-serif;
        font-size: 16px;
        font-weight: 500;
        color: #ffffff;
        line-height: 22px;
    }

        .ct-header-btn .content-wrapper .text a {
            color: var(--primary-color);
        }

@media only screen and (max-width: 1199px) {
    .ct-header-btn {
        display: none;
    }
}

.search-form-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    z-index: 10000;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .search-form-wrapper.active {
        visibility: visible;
        opacity: 1;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .search-form-wrapper .search-form-inner {
        width: 768px;
        position: relative;
        top: 50%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        right: 50%;
    }

        .search-form-wrapper .search-form-inner .search-content-filed {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 30px;
        }

            .search-form-wrapper .search-form-inner .search-content-filed .search-close {
                cursor: pointer;
                font-size: 30px;
                color: #ffffff;
            }

        .search-form-wrapper .search-form-inner .search-form {
            background: #FFFFFF;
            -webkit-box-shadow: 0px 30px 70px rgba(208, 225, 242, 0.3);
            box-shadow: 0px 30px 70px rgba(208, 225, 242, 0.3);
            border-radius: 50px;
            padding: 15px 30px;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            .search-form-wrapper .search-form-inner .search-form .search-form-input {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .search-form-wrapper .search-form-inner .search-form .search-form-input .search-icon {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

                .search-form-wrapper .search-form-inner .search-form .search-form-input button.submit-search-btn {
                    padding: 15px 24px !important;
                }

            .search-form-wrapper .search-form-inner .search-form input[type=search] {
                margin-top: 0 !important;
                background: transparent !important;
                border: 0 !important;
                padding: 0 12px !important;
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
            }

.header-area.style-2 .header-menu-area.sticky_menu .main-menu ul li a {
    color: #26262c;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .header-area.style-2 .header-menu-area.sticky_menu .main-menu ul li a:hover {
        color: var(--primary-color);
    }

.header-area.style-2 .header-menu-area.sticky_menu .main-menu ul li ul li a:hover {
    color: #ffffff;
}

.header-area.style-2 .header-menu-area .main-menu ul li a {
    color: #26262c;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .header-area.style-2 .header-menu-area .main-menu ul li a:hover {
        color: var(--primary-color);
    }

.header-area.style-2 .header-menu-area .main-menu ul li ul li a:hover {
    color: #ffffff;
}

.header-area.style-2 .header-menu-area .search-btn-with-btn {
    margin-right: 34px;
}

@media (max-width: 1399px) {
    .header-area.style-2 .header-menu-area .search-btn-with-btn {
        display: none;
    }
}

.header-area.style-2 .header-menu-area .search-btn-with-btn .btn-wrapper {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.header-area.style-2 .header-menu-area .search-btn-with-btn .theme-btn {
    padding: 11px 38px;
}

.header-area.style-2 .header-menu-area .search-btn-with-btn .search-btn {
    color: #26262c;
}

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

.mean-container .mean-nav {
    background: none;
}

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

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

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

.mean-container .mean-nav ul li a {
    width: 100%;
    padding: 10px 0;
    color: #26262c;
    border-top: 1px solid #dfe2e9;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 1.5;
    font-weight: 500;
}

    .mean-container .mean-nav ul li a.mean-expand {
        margin-top: 5px;
        padding: 0 !important;
        border: 1px solid #dfe2e9 !important;
        height: 30px;
        width: 30px;
        line-height: 30px;
        color: #26262c;
        line-height: 30px;
        top: 0;
        font-weight: 400;
    }

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

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

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

.mean-container .mean-nav ul li.dropdown-opened a.mean-expand.mean-clicked {
    background-color: var(--primary-color);
    border-color: var(--primary-color) !important;
}

    .mean-container .mean-nav ul li.dropdown-opened a.mean-expand.mean-clicked i {
        color: #ffffff;
    }

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
    color: #ffffff;
}

    .mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        color: #ffffff;
    }

.header-area.style-2 .mobile-menu-bar a i,
.header-area .sticky_menu .mobile-menu-bar a i {
    color: #26262c;
}

.mobile-menu-bar a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .mobile-menu-bar a i {
        color: var(--secondary-color);
        font-size: 22px;
    }

.menu-sidebar-area {
    position: fixed;
    left: -485px;
    top: 0;
    width: 465px;
    height: 100%;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: 9999;
}

@media (max-width: 560px) {
    .menu-sidebar-area {
        width: 350px;
    }
}

.menu-sidebar-area .menu-sidebar-logo {
    display: inline-block;
    width: 180px;
}

.menu-sidebar-area .menu-sidebar-wrapper {
    position: relative;
    padding: 40px;
}

.menu-sidebar-area.active {
    left: 0;
}

.menu-sidebar-area .menu-sidebar-close {
    position: absolute;
    top: 35px;
    left: 45px;
}

    .menu-sidebar-area .menu-sidebar-close .menu-sidebar-close-btn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 16px;
        height: 45px;
        width: 45px;
        background-color: var(--primary-color);
        color: #ffffff;
        border-radius: 50%;
    }

        .menu-sidebar-area .menu-sidebar-close .menu-sidebar-close-btn:hover {
            background-color: var(--primary-color);
        }

.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
}

    .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .menu-sidebar-title {
        margin-bottom: 5px;
    }

    .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0 24px;
        padding: 6px 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 13px;
            color: #26262c;
            font-size: 16px;
            font-weight: 400;
            font-family: "Roboto", sans-serif;
            width: 100%;
        }

            .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span.contact-info-item {
                gap: 0 10px !important;
            }

            .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 10px;
                color: #26262c;
                font-size: 16px;
                font-weight: 400;
                font-family: "Roboto", sans-serif;
            }

                .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span a:hover {
                    color: var(--primary-color);
                }

    .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .social-profile {
        margin-top: 20px;
        border-top: 1px solid #dfe2e9;
        width: 100%;
        padding-top: 20px;
    }

        .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .social-profile a {
            color: #26262c;
            font-size: 22px;
        }

            .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .social-profile a:hover {
                color: var(--primary-color);
            }

.body-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .body-overlay.active {
        opacity: 1;
        visibility: visible;
    }

    .body-overlay:hover {
        cursor: pointer;
    }

.slider-area {
    overflow: hidden;
    position: relative;
}

    .slider-area.style-1 {
        margin-bottom: 17px;
    }

        .slider-area.style-1 .slider-wrapper .slider-btn-wrapper .style-btn:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='143px' height='143px'%3E%3Cpath fill-rule='evenodd' stroke-width='1px' stroke='rgb(255, 255, 255)' fill-opacity='0' opacity='0.451' fill='rgb(101, 97, 222)' d='M135.429,66.602 C133.777,67.728 132.830,69.520 132.830,71.518 C132.830,73.518 133.777,75.309 135.429,76.435 C138.241,78.352 139.577,81.618 138.915,84.955 C138.252,88.295 135.772,90.802 132.440,91.500 C130.469,91.913 128.910,93.206 128.146,95.50 C127.382,96.893 127.570,98.908 128.661,100.580 L128.677,100.605 C130.537,103.454 130.518,106.981 128.626,109.808 C126.734,112.636 123.482,114.1 120.138,113.369 C118.164,112.995 116.227,113.592 114.814,115.4 C113.401,116.419 112.804,118.356 113.175,120.319 C113.810,123.673 112.446,126.925 109.618,128.817 C106.790,130.709 103.263,130.728 100.413,128.868 L100.386,128.849 C98.719,127.761 96.702,127.574 94.858,128.337 C93.14,129.101 91.722,130.660 91.313,132.614 C90.611,135.963 88.103,138.444 84.764,139.106 C84.199,139.217 83.635,139.273 83.79,139.273 C80.358,139.273 77.836,137.955 76.244,135.620 C75.118,133.968 73.326,133.21 71.327,133.21 C69.329,133.21 67.537,133.968 66.411,135.620 C64.494,138.431 61.229,139.769 57.891,139.106 C54.552,138.444 52.44,135.963 51.346,132.631 C50.933,130.660 49.641,129.101 47.797,128.338 C45.953,127.574 43.937,127.761 42.266,128.853 L42.240,128.869 C39.392,130.728 35.866,130.709 33.37,128.817 C30.209,126.925 28.845,123.673 29.478,120.329 C29.851,118.356 29.254,116.419 27.841,115.5 C26.427,113.592 24.491,112.996 22.528,113.366 C19.174,114.1 15.921,112.636 14.29,109.808 C12.137,106.981 12.117,103.454 13.978,100.605 L13.992,100.582 C15.85,98.908 15.273,96.893 14.509,95.50 C13.745,93.206 12.186,91.913 10.232,91.503 C6.883,90.802 4.402,88.295 3.740,84.955 C3.78,81.618 4.413,78.352 7.226,76.436 C8.878,75.309 9.825,73.518 9.825,71.518 C9.825,69.520 8.878,67.728 7.226,66.602 C4.414,64.685 3.78,61.420 3.740,58.82 C4.403,54.743 6.883,52.235 10.215,51.537 C12.186,51.124 13.744,49.832 14.508,47.988 C15.273,46.145 15.85,44.128 13.994,42.457 L13.979,42.435 C12.117,39.584 12.137,36.57 14.29,33.228 C15.921,30.400 19.174,29.37 22.517,29.669 C24.491,30.42 26.427,29.445 27.840,28.31 C29.254,26.618 29.851,24.682 29.480,22.719 C28.845,19.365 30.209,16.112 33.37,14.221 C35.866,12.328 39.392,12.309 42.241,14.169 L42.266,14.185 C43.937,15.276 45.953,15.463 47.796,14.700 C49.641,13.936 50.933,12.377 51.342,10.424 C52.44,7.75 54.552,4.594 57.891,3.931 C61.229,3.269 64.494,4.605 66.411,7.417 C67.537,9.68 69.329,10.16 71.327,10.16 C73.326,10.16 75.118,9.68 76.244,7.417 C78.161,4.605 81.425,3.269 84.764,3.932 C88.103,4.594 90.611,7.75 91.309,10.406 C91.722,12.377 93.14,13.936 94.858,14.700 C96.702,15.464 98.718,15.276 100.389,14.185 L100.411,14.170 C103.262,12.308 106.789,12.328 109.617,14.221 C112.446,16.112 113.810,19.365 113.177,22.709 C112.803,24.682 113.401,26.618 114.814,28.31 C116.227,29.445 118.165,30.42 120.127,29.671 C123.482,29.36 126.734,30.400 128.626,33.228 C130.518,36.56 130.537,39.583 128.677,42.433 L128.661,42.456 C127.570,44.128 127.382,46.145 128.146,47.988 C128.910,49.831 130.469,51.123 132.422,51.533 C135.772,52.235 138.252,54.743 138.915,58.82 C139.577,61.420 138.242,64.685 135.429,66.602 Z'/%3E%3C/svg%3E");
        }

        .slider-area.style-1 .slider-wrapper .slider-btn-wrapper .style-btn:hover {
            color: #ffffff;
        }

    .slider-area .slider-wrapper .slick-arrow {
        display: none !important;
    }

    .slider-area .slider-wrapper .slick-active .slider-short-title,
    .slider-area .slider-wrapper .slick-active .slider-title,
    .slider-area .slider-wrapper .slick-active .slider-short-desc,
    .slider-area .slider-wrapper .slick-active .slider-btn-wrapper {
        -webkit-animation-name: MovefadeUp;
        animation-name: MovefadeUp;
        -webkit-animation-fill-mode: both;
    }

    .slider-area .slider-wrapper .slick-active .slider-short-title {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
    }

    .slider-area .slider-wrapper .slick-active .slider-title {
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
    }

    .slider-area .slider-wrapper .slick-active .slider-short-desc {
        -webkit-animation-delay: 0.7s;
        animation-delay: 0.7s;
        -webkit-animation-duration: 0.7s;
        animation-duration: 0.7s;
    }

    .slider-area .slider-wrapper .slick-active .slider-btn-wrapper {
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
        -webkit-animation-duration: 0.9s;
        animation-duration: 0.9s;
    }

    .slider-area .slider-wrapper .slick-dots {
        position: absolute;
        z-index: 2;
        width: 100%;
        bottom: 80px;
        padding: 0;
        margin-bottom: 0;
        display: none !important;
        text-align: center;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .slider-area .slider-wrapper .slick-dots {
        position: unset;
        padding-bottom: 80px;
    }
}

.slider-area .slider-wrapper .slick-dots li {
    list-style: none;
    line-height: 0;
    display: inline-block;
    margin: 0 5px;
}

    .slider-area .slider-wrapper .slick-dots li button {
        font-size: 0;
        padding: 0;
        width: 11px;
        height: 11px;
        background-color: var(--primary-color);
        border-radius: 50px;
        position: relative;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .slider-area .slider-wrapper .slick-dots li button:hover {
            background-color: var(--secondary-color);
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

    .slider-area .slider-wrapper .slick-dots li.slick-active button {
        background-color: var(--secondary-color);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.slider-area .single-slider {
    position: relative;
    z-index: 2;
    padding-top: 220px;
    border-bottom: 60px solid #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-area .single-slider {
        padding-top: 180px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .slider-area .single-slider {
        padding-top: 150px;
    }
}

.slider-area .single-slider .slider-overlay {
    background: rgb(14, 38, 66);
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.slider-area .single-slider .slider-content-wrapper {
    position: relative;
    z-index: 99;
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
    .slider-area .single-slider .slider-content-wrapper {
        padding-bottom: 40px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .slider-area .single-slider .slider-content-wrapper {
        padding-bottom: 90px;
    }
}

.slider-area .single-slider .slider-content-wrapper .slider-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 130px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider-area .single-slider .slider-content-wrapper .slider-content {
        gap: 120px;
    }
}

@media (max-width: 991px) {
    .slider-area .single-slider .slider-content-wrapper .slider-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        gap: 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-area .single-slider .slider-content-wrapper .slider-content {
        gap: 100px;
    }
}

.slider-area .single-slider .slider-content-wrapper .slider-content .slider-title {
    font-family: "Jost", sans-serif;
    font-weight: 500;
    font-size: 90px;
    color: #ffffff;
    line-height: 100px;
    margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1400px) {
    .slider-area .single-slider .slider-content-wrapper .slider-content .slider-title {
        font-size: 60px;
        line-height: 64px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-area .single-slider .slider-content-wrapper .slider-content .slider-title {
        font-size: 48px;
        line-height: 56px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-area .single-slider .slider-content-wrapper .slider-content .slider-title {
        font-size: 42px;
        line-height: 52px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .slider-area .single-slider .slider-content-wrapper .slider-content .slider-title {
        font-size: 38px;
        line-height: 44px;
    }
}

.slider-area .single-slider .slider-content-wrapper .slider-content .slider-short-desc {
    font-size: 24px;
    color: #ffffff;
    line-height: 36px;
    margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-area .single-slider .slider-content-wrapper .slider-content .slider-short-desc {
        font-size: 18px;
        line-height: 32px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-area .single-slider .slider-content-wrapper .slider-content .slider-short-desc {
        font-size: 18px;
        line-height: 32px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .slider-area .single-slider .slider-content-wrapper .slider-content .slider-short-desc {
        font-size: 18px;
        line-height: 32px;
    }
}

.slider-area .single-slider .slider-image-wrapper {
    position: relative;
}

    .slider-area .single-slider .slider-image-wrapper .trusted-user {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px;
        background-color: #ffffff;
        border-radius: 8px;
        gap: 20px;
        position: absolute;
        top: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 60px;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .slider-area .single-slider .slider-image-wrapper .trusted-user {
        padding: 10px 20px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
    .slider-area .single-slider .slider-image-wrapper .trusted-user {
        padding: 10px 20px;
        position: relative;
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        margin-bottom: 30px;
    }
}

.slider-area .single-slider .slider-image-wrapper .trusted-user .user-list-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .slider-area .single-slider .slider-image-wrapper .trusted-user .user-list-wrapper .single-user {
        width: 58px;
        height: 58px;
        border-radius: 50px;
        position: relative;
        border: 3px solid #ffffff;
        overflow: hidden;
        margin-right: -15px;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .slider-area .single-slider .slider-image-wrapper .trusted-user .user-list-wrapper .single-user:first-child {
            margin-right: 0;
        }

        .slider-area .single-slider .slider-image-wrapper .trusted-user .user-list-wrapper .single-user img {
            position: absolute;
            top: 0;
            right: 0;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 100%;
        }

.slider-area .single-slider .slider-image-wrapper .trusted-user .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}

    .slider-area .single-slider .slider-image-wrapper .trusted-user .content span p {
        color: #26262c;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        margin-bottom: 0;
    }

    .slider-area .single-slider .slider-image-wrapper .trusted-user .content .counter-title,
    .slider-area .single-slider .slider-image-wrapper .trusted-user .content .counter {
        font-size: 18px;
    }

        .slider-area .single-slider .slider-image-wrapper .trusted-user .content .counter-title sup,
        .slider-area .single-slider .slider-image-wrapper .trusted-user .content .counter sup {
            font-size: 12px;
        }

    .slider-area .single-slider .slider-image-wrapper .trusted-user .content .title,
    .slider-area .single-slider .slider-image-wrapper .trusted-user .content .counter-desc {
        font-size: 14px;
    }

        .slider-area .single-slider .slider-image-wrapper .trusted-user .content .title span,
        .slider-area .single-slider .slider-image-wrapper .trusted-user .content .counter-desc span {
            font-weight: 500;
            font-size: 18px;
        }

.award-image {
    height: 200px;
    border-radius: 8px;
}

.slider-area .single-slider .slider-image-wrapper .company-award {
    /*padding: 43px 34px 43px 67px;*/
    background-color: var(--secondary-color);
    border-radius: 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    position: absolute;
    right: 60px;
    bottom: -60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-area .single-slider .slider-image-wrapper .company-award {
        /*padding: 30px;*/
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .slider-area .single-slider .slider-image-wrapper .company-award {
        /*padding: 20px;*/
        gap: 15px;
        right: 20px;
    }

    .award-image {
        height: 100px;
    }
}

.slider-area .single-slider .slider-image-wrapper .company-award .icon {
    width: 42px;
    height: 42px;
}

    .slider-area .single-slider .slider-image-wrapper .company-award .icon img {
        width: inherit;
    }

.slider-area .single-slider .slider-image-wrapper .company-award .title {
    font-size: 21px;
    font-weight: 500;
    color: #ffffff;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .slider-area .single-slider .slider-image-wrapper .company-award .title {
        font-size: 14px;
        line-height: 24px;
    }
}

.slider-area .single-slider .slider-image-wrapper .slider-image {
    margin-top: 125px;
    overflow: hidden;
    border-radius: 12px 12px 0 0;
}

@media (max-width: 767px) {
    .slider-area .single-slider .slider-image-wrapper .slider-image {
        margin-top: unset;
    }
}

.slider-area.style-2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

    .slider-area.style-2 .slider-overlay {
        background-image: -webkit-gradient(linear, right bottom, right top, from(rgb(255, 254, 255)), to(rgb(215, 255, 254)));
        background-image: linear-gradient(0deg, rgb(255, 254, 255) 0%, rgb(215, 255, 254) 100%);
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
    }

    .slider-area.style-2 .slider-user-main-wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
    }

    .slider-area.style-2 .slider-nav-btn-wrapper {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 70px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

@media (max-width: 991px) {
    .slider-area.style-2 .slider-nav-btn-wrapper {
        display: none;
    }
}

@media (max-width: 1500px) {
    .slider-area.style-2 .slider-nav-btn-wrapper {
        left: 20px;
    }
}

@media (max-width: 991px) {
    .slider-area.style-2 .slider-wrapper .slick-dots {
        display: block !important;
    }
}

.slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider {
    border-bottom: 0;
    padding-top: 287px;
    padding-bottom: 189px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider {
        padding-top: 180px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider {
        padding-top: 150px;
        padding-bottom: 50px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider {
        padding-top: 200px;
        padding-bottom: 120px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider {
        padding-top: 200px;
        padding-bottom: 120px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper {
        padding-top: 60px;
        padding-bottom: 0;
    }
}

.slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content {
    gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: right;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content {
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .short-title {
    font-size: 24px;
    color: var(--secondary-color);
    font-weight: 500;
    margin-bottom: 10px;
}

.slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-title {
    font-size: 96px;
    line-height: 108px;
    color: #26262c;
    margin-bottom: 25px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-title {
        font-size: 38px;
        line-height: 54px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-title {
        font-size: 40px;
        line-height: 54px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-title {
        font-size: 56px;
        line-height: 74px;
    }
}

.slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-short-desc {
    font-size: 24px;
    font-family: "Roboto", sans-serif;
    color: #8f939b;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-short-desc br {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-short-desc br {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-short-desc br {
        display: none;
    }
}

.slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    margin-top: 65px;
}

    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-btn-wrapper .play-btn {
        width: 66px;
        height: 66px;
        border-radius: 100%;
        border: 2px solid var(--primary-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 18px;
        color: #26262c;
        font-weight: 500;
        -webkit-animation: ripple 4s infinite;
        animation: ripple 4s infinite;
        -webkit-box-shadow: 0 0 0 0 rgba(33, 173, 224, 0.8);
        box-shadow: 0 0 0 0 rgba(33, 173, 224, 0.8);
    }

.slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-image {
    text-align: left;
    position: relative;
}

    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-image img {
        display: inline-block;
    }

    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-image .company-award {
        position: absolute;
        bottom: 0;
        right: 100%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-image .company-award {
        right: 90%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-image .company-award {
        -webkit-transform: translate(94%, 0%);
        transform: translate(94%, 0%);
    }
}

@media (max-width: 720px) {
    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-image .company-award {
        -webkit-transform: translate(120%, -50%);
        transform: translate(120%, -50%);
    }
}

.slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-image .company-award .icon {
    width: 150px;
    height: 150px;
    -webkit-box-shadow: 0 5px 90px 0 rgba(2, 24, 93, 0.12);
    box-shadow: 0 5px 90px 0 rgba(2, 24, 93, 0.12);
    background-color: var(--secondary-color);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-image .company-award .circle-rotate-wrapper .circle-rotate-inner {
    width: 140px;
    height: 140px;
}

    .slider-area.style-2 .slider-wrapper .single-slider-wrapper .single-slider .slider-image .company-award .circle-rotate-wrapper .circle-rotate-inner .circle-rotate-text span {
        font-size: 14px;
    }

.slider-area.style-3 .slider-shape {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-35%);
    transform: translateY(-35%);
    right: 0;
    width: 100%;
    height: 100%;
}

.slider-area.style-3 .slider-overlay {
    background-image: -webkit-gradient(linear, right bottom, right top, from(rgb(255, 254, 255)), to(rgb(215, 255, 254)));
    background-image: linear-gradient(0deg, rgb(255, 254, 255) 0%, rgb(215, 255, 254) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

.slider-area.style-3 .slider-user-main-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}

@media (max-width: 1399px) {
    .slider-area.style-3 .slider-user-main-wrapper {
        display: none;
    }
}

.slider-area.style-3 .slider-user-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

    .slider-area.style-3 .slider-user-wrapper .single-user {
        width: 215px;
        height: 242px;
        overflow: hidden;
        border-radius: 12px;
        position: absolute;
        display: inline-block;
    }

        .slider-area.style-3 .slider-user-wrapper .single-user img {
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .slider-area.style-3 .slider-user-wrapper .single-user:nth-child(1) {
            right: -20px;
            top: 260px;
        }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider-area.style-3 .slider-user-wrapper .single-user:nth-child(1) {
        right: 0;
        width: 150px;
        height: 200px;
    }
}

.slider-area.style-3 .slider-user-wrapper .single-user:nth-child(2) {
    width: 120px;
    height: 120px;
    left: 130px;
    top: 240px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider-area.style-3 .slider-user-wrapper .single-user:nth-child(2) {
        left: 0;
        width: 100px;
        height: 100px;
    }
}

.slider-area.style-3 .slider-user-wrapper .single-user:nth-child(3) {
    width: 144px;
    height: 190px;
    right: -208px;
    top: 400px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider-area.style-3 .slider-user-wrapper .single-user:nth-child(3) {
        right: 0;
    }
}

.slider-area.style-3 .slider-user-wrapper .single-user:nth-child(4) {
    width: 144px;
    height: 190px;
    left: -120px;
    bottom: 340px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider-area.style-3 .slider-user-wrapper .single-user:nth-child(4) {
        left: 0;
    }
}

.slider-area.style-3 .slider-user-wrapper .single-user:nth-child(5) {
    width: 90px;
    height: 90px;
    right: 155px;
    bottom: 250px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider-area.style-3 .slider-user-wrapper .single-user:nth-child(5) {
        right: 0;
    }
}

.slider-area.style-3 .slider-user-wrapper .single-user:nth-child(6) {
    width: 215px;
    height: 232px;
    left: 90px;
    bottom: 175px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .slider-area.style-3 .slider-user-wrapper .single-user:nth-child(6) {
        left: 0;
    }
}

.slider-area.style-3 .slider-wrapper .single-slider-wrapper .single-slider {
    border-bottom: 0;
    padding: 313px 0;
}

@media (max-width: 1399px) {
    .slider-area.style-3 .slider-wrapper .single-slider-wrapper .single-slider {
        padding-top: 220px;
        padding-bottom: 100px;
    }
}

.slider-area.style-3 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

    .slider-area.style-3 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .short-title {
        font-size: 24px;
        color: var(--secondary-color);
        font-weight: 500;
    }

    .slider-area.style-3 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-title {
        font-size: 96px;
        line-height: 108px;
        color: #26262c;
        margin-bottom: 45px;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .slider-area.style-3 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-title {
        font-size: 48px;
        line-height: 54px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-area.style-3 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-title {
        font-size: 60px;
        line-height: 64px;
    }
}

.slider-area.style-3 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-btn-wrapper .style-btn {
    color: #26262c;
}

    .slider-area.style-3 .slider-wrapper .single-slider-wrapper .single-slider .slider-content-wrapper .slider-content .slider-btn-wrapper .style-btn:hover {
        color: #ffffff;
    }

.info-card-wrapper {
    position: relative;
}

.info-card {
    background: #ffffff;
    padding: 59px 60px;
    border: 1px solid rgb(199, 199, 225);
    border-radius: 12px;
    position: relative;
}

@media (max-width: 991px) {
    .info-card {
        padding: 50px;
        margin-bottom: 24px;
    }
}

.info-card:hover .image-wrapper .overlay {
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 0.72;
}

.info-card:hover .image-wrapper img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.info-card:hover .icon img {
    -webkit-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.info-card .info-card-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    height: 100%;
}

.info-card .divider:before {
    content: "";
    position: absolute;
    background-color: rgb(94, 111, 146);
    opacity: 0.2;
    left: 0;
    height: 80%;
    width: 1px;
    top: 45px;
}

.info-card .image-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    top: 0;
    right: 0;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

    .info-card .image-wrapper img {
        width: 100%;
        height: 100%;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .info-card .image-wrapper .overlay {
        width: 100%;
        height: 100%;
        background: var(--primary-color);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0.6;
    }

.info-card .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    width: 54px;
    height: 50px;
}

    .info-card .icon img {
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.info-card .content-wrapper {
    position: relative;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.info-card .title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    padding-bottom: 30px;
    border-bottom: none;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

    .info-card .title-wrapper .icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 74px;
        height: 74px;
        background: transparent;
        border-radius: 10px;
    }

    .info-card .title-wrapper .title {
        font-size: 24px;
        line-height: 32px;
        font-weight: 500;
        margin: 0;
        color: #26262c;
        -webkit-transition: all 0.6s ease;
        transition: all 0.6s ease;
    }

.info-card .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
}

    .info-card .content .desc {
        -webkit-transition: all 0.6s ease;
        transition: all 0.6s ease;
        font-size: 18px;
        line-height: 28px;
        font-weight: 400;
        margin: 0;
        color: #8f939b;
    }

    .info-card .content .read-more {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

        .info-card .content .read-more a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 18px;
            font-size: 16px;
            line-height: 36px;
            font-weight: 500;
            text-transform: capitalize;
            margin-bottom: 0;
            color: #26262c;
        }

            .info-card .content .read-more a .icon {
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                background-color: var(--primary-color);
                -ms-flex-negative: 0;
                flex-shrink: 0;
                width: 32px;
                height: 32px;
                border-radius: 50px;
                color: var(--primary-color);
                z-index: 2;
            }

                .info-card .content .read-more a .icon:before {
                    position: absolute;
                    z-index: -1;
                    content: "";
                    width: 100%;
                    height: 100%;
                    top: 0;
                    right: 0;
                    border: 2px solid transparent;
                    border-radius: 50px;
                    background-image: linear-gradient(white, white), linear-gradient(-65deg, #e30008 0%, #faae00 100%);
                    background-origin: border-box;
                    background-clip: content-box, border-box;
                    -webkit-transform: scale(1);
                    transform: scale(1);
                    -webkit-transition: all 0.5s ease-out;
                    transition: all 0.5s ease-out;
                }

                .info-card .content .read-more a .icon i {
                    color: var(--primary-color);
                    font-size: 16px;
                }

            .info-card .content .read-more a:hover {
                margin-right: 5px;
                color: var(--primary-color);
                -webkit-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

                .info-card .content .read-more a:hover .icon:before {
                    -webkit-transform: scale(0);
                    transform: scale(0);
                    -webkit-transition: all 0.5s ease-out;
                    transition: all 0.5s ease-out;
                }

                .info-card .content .read-more a:hover .icon i {
                    color: #ffffff;
                }

.info-card.style-two {
    padding: 65px 62px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 12px;
    top: 0;
    z-index: 2;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    overflow: hidden;
    margin-bottom: 24px;
    border: 1px solid rgb(223, 226, 233);
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
    .info-card.style-two {
        padding: 30px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .info-card.style-two {
        padding: 34px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .info-card.style-two {
        padding: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .info-card.style-two {
        padding: 45px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .info-card.style-two {
        padding: 35px;
    }
}

.info-card.style-two:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    right: 50%;
    background-color: rgb(14, 38, 66);
    z-index: -1;
    content: "";
    -webkit-transform: translate(50%, -50%) rotate(0deg);
    transform: translate(50%, -50%) rotate(0deg);
    -webkit-transition: 0.8s;
    transition: 0.8s;
}

.info-card.style-two:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #26262c;
    z-index: -2;
    content: "";
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    border: 0;
}

.info-card.style-two .more-btn-wrapper {
    text-align: left;
    visibility: hidden;
    opacity: 0;
    margin-left: -30px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transform: translate(30%, 100%) scale(0.3);
    transform: translate(30%, 100%) scale(0.3);
}

@media (max-width: 991px) {
    .info-card.style-two .more-btn-wrapper {
        margin-left: unset;
    }
}

.info-card.style-two .more-btn {
    width: 72px;
    height: 72px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--primary-color);
    border-radius: 50%;
    font-size: 24px;
    font-weight: 500;
    color: #ffffff;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .info-card.style-two .more-btn {
        width: 60px;
        height: 60px;
        font-size: 22px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .info-card.style-two .more-btn {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
}

.info-card.style-two .more-btn i {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.info-card.style-two .more-btn:hover {
    background-color: var(--secondary-color);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .info-card.style-two .more-btn:hover i {
        -webkit-transform: rotate(180);
        transform: rotate(180);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.info-card.style-two {
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    top: -10px;
}

    .info-card.style-two:before {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: 0.8s;
        transition: 0.8s;
    }

    .info-card.style-two:after {
        background-color: rgb(14, 38, 66);
        opacity: 0.702;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .info-card.style-two .more-btn-wrapper {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .info-card.style-two .content .desc {
        color: #ffffff;
    }

    .info-card.style-two .title-wrapper {
        gap: 40px;
    }

        .info-card.style-two .title-wrapper .icon {
            width: 97px;
            height: 97px;
        }

        .info-card.style-two .title-wrapper .title {
            line-height: 36px;
            color: #ffffff;
        }

            .info-card.style-two .title-wrapper .title a:hover {
                color: var(--primary-color);
            }

    .info-card.style-two .content .desc {
        line-height: 26px;
    }

.info-card.style-3 {
    padding: 0;
    border: 0;
    background-color: transparent;
    border-radius: 0;
}

    .info-card.style-3 .title-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 27px;
    }

        .info-card.style-3 .title-wrapper .icon {
            width: auto;
            height: auto;
        }

        .info-card.style-3 .title-wrapper .title {
            color: #ffffff;
            font-size: 21px;
            line-height: 33px;
        }

@media (max-width: 991px) {
    .info-card.style-3 .title-wrapper .title br {
        display: none;
    }
}

.info-card.style-3 .content .desc {
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    color: rgb(187, 197, 214);
}

.icon-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 40px;
    margin-bottom: 36px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .icon-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 30px;
    }
}

.icon-card:hover .icon img {
    -webkit-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.icon-card .icon {
    width: 78px;
    height: 78px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

    .icon-card .icon img {
        width: 100%;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.icon-card .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .icon-card .content {
        gap: 15px;
    }
}

.icon-card .content .title {
    font-family: "Jost", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #26262c;
    margin-bottom: 0;
}

.icon-card .content .desc {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: #8f939b;
    margin-bottom: 0;
}

    .icon-card .content .desc a {
        color: #8f939b;
    }

.icon-card.style-three {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: transparent;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 50px;
}

    .icon-card.style-three .icon {
        width: 72px;
        height: 72px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

        .icon-card.style-three .icon img {
            width: 100%;
        }

    .icon-card.style-three .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .icon-card.style-three {
        gap: 15px;
    }

        .icon-card.style-three .content {
            gap: 10px;
        }
}

.icon-card.style-four {
    padding: 0;
    gap: 25px;
    margin-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .icon-card.style-four {
        text-align: center;
    }
}

.icon-card.style-four .icon {
    width: 90px;
    height: 90px;
    background: var(--secondary-color);
    border-radius: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 24px;
}

.icon-card.style-four .content {
    gap: 10px;
}

.about-image-card {
    padding-left: 88px;
    margin-top: -190px;
}

@media (max-width: 991px) {
    .about-image-card {
        padding-left: 0;
        margin-top: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-image-card {
        padding-left: unset;
        margin-top: unset;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about-image-card {
        padding-left: 30px;
        margin-top: unset;
    }
}

.about-image-card .main-img-wrapper .main-img-inner {
    position: relative;
    display: inline-block;
}

    .about-image-card .main-img-wrapper .main-img-inner > img {
        border-radius: 12px;
    }

@media (max-width: 767px) {
    .about-image-card .main-img-wrapper .main-img-inner > img {
        width: 100%;
    }
}

.about-image-card .main-img-wrapper .company-label {
    position: absolute;
    bottom: 0;
    right: 100%;
    -webkit-transform: translate(67%, 34%);
    transform: translate(67%, 34%);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about-image-card .main-img-wrapper .company-label {
        right: 50%;
        -webkit-transform: translate(50%, 50%);
        transform: translate(50%, 50%);
    }
}

@media (max-width: 1199px) {
    .about-image-card .main-img-wrapper .company-label {
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        bottom: unset;
    }
}

.about-image-card .main-img-wrapper .company-label .icon {
    width: 170px;
    height: 170px;
    -webkit-box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.12);
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.12);
    background-color: #ffffff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.about-image-card .main-img-wrapper .video-popup-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: translate(33%, 36%);
    transform: translate(33%, 36%);
}

@media (max-width: 1199px) {
    .about-image-card .main-img-wrapper .video-popup-btn {
        right: 50%;
        bottom: unset;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }
}

.about-image-card .main-img-wrapper .video-popup-btn .circle-btn-text {
    z-index: -1;
}

.about-image-card .main-img-wrapper .video-popup-btn a {
    width: 169px;
    height: 169px;
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

    .about-image-card .main-img-wrapper .video-popup-btn a:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 100%;
        top: 0;
        right: 0;
        background-color: var(--primary-color);
        z-index: -9;
    }

    .about-image-card .main-img-wrapper .video-popup-btn a i {
        color: #ffffff;
        font-size: 35px;
    }

    .about-image-card .main-img-wrapper .video-popup-btn a:hover {
        -webkit-animation: none;
        animation: none;
    }

.about-info-card.style-1 .about-info-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-info-card.style-1 .about-info-content {
        gap: 10px;
    }
}

.about-info-card.style-1 .about-info-content .desc-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
    .about-info-card.style-1 .about-info-content .desc-wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }
}

.about-info-card.style-1 .about-info-content .desc-wrapper .desc {
    width: 50%;
    font-family: "Roboto", sans-serif;
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
    .about-info-card.style-1 .about-info-content .desc-wrapper .desc {
        width: 100%;
    }
}

.about-info-card.style-2 .about-info-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 53px;
}

.counter-card {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
    .counter-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
    }
}

.counter-card .counter-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    text-align: center;
}

    .counter-card .counter-item .counter-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        gap: 30px;
        text-align: right;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .counter-card .counter-item .counter-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
    }
}

.counter-card .counter-item .number {
    font-family: "Jost", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 96px;
    line-height: 72px;
    text-align: center;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .counter-card .counter-item .number {
        font-size: 48px;
        line-height: 56px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .counter-card .counter-item .number {
        font-size: 48px;
        line-height: 56px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .counter-card .counter-item .number {
        font-size: 74px;
    }
}

.counter-card .counter-item .number sup {
    font-size: 36px;
    margin-top: -17px;
}

.counter-card .counter-item .title {
    margin: 0;
    font-family: "Jost", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 42px;
    color: #ffffff;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .counter-card .counter-item .title {
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .counter-card .counter-item .title {
        font-size: 20px;
        line-height: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .counter-card .counter-item .title {
        font-size: 24px;
        line-height: 38px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .counter-card .counter-item .title br {
        display: none;
    }
}

.counter-card .counter-item .text {
    margin: 0;
    color: #bbbfc7;
}

.process-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 35px;
    padding: 0;
}

    .process-step.style-3 {
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .process-step:hover .icon:before {
        background-color: #ffffff;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .process-step:hover .icon img {
        -webkit-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .process-step:hover .icon .count {
        background-color: var(--primary-color);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .process-step .icon {
        width: 90px;
        height: 90px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #ffffff;
        border-radius: 50%;
        position: relative;
        -webkit-box-shadow: 0px 3px 24px 0px rgba(2, 24, 93, 0.05);
        box-shadow: 0px 3px 24px 0px rgba(2, 24, 93, 0.05);
        z-index: 2;
    }

        .process-step .icon:before {
            width: 100%;
            height: 100%;
            background-color: var(--primary-color);
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transition: 0s;
            transition: 0s;
            border-radius: 50%;
        }

        .process-step .icon .count {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: absolute;
            top: 12px;
            right: 12px;
            -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
            background: var(--secondary-color);
            width: 30px;
            height: 30px;
            border-radius: 50px;
            color: #ffffff;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .process-step .icon .count:before {
                width: 100%;
                height: 100%;
                background-color: var(--primary-color);
                content: "";
                position: absolute;
                right: 0;
                top: 0;
                z-index: -1;
                -webkit-transform: scale(0) rotateY(0deg);
                transform: scale(0) rotateY(0deg);
                -webkit-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
                border-radius: 50%;
            }

            .process-step .icon .count span {
                font-size: 12px;
                line-height: 36px;
                font-weight: 500;
            }

    .process-step .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }

        .process-step .content .title {
            margin: 0;
            font-size: 24px;
            line-height: 36px;
            font-weight: 500;
            color: #26262c;
        }

        .process-step .content .desc {
            margin: 0;
            font-size: 18px;
            line-height: 30px;
            font-weight: 400;
            color: #8f939b;
            font-family: "Roboto", sans-serif;
        }

.testimonial-card.style-2 {
    padding: 60px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 60px 0px rgba(2, 24, 93, 0.06);
    box-shadow: 0px 5px 60px 0px rgba(2, 24, 93, 0.06);
    border-radius: 12px;
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
    .testimonial-card.style-2 {
        padding: 40px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial-card.style-2 {
        width: 100% !important;
    }
}

.testimonial-card.style-2 .icon-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
    .testimonial-card.style-2 .icon-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.testimonial-card.style-2 .icon-wrapper .review-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1px;
}

    .testimonial-card.style-2 .icon-wrapper .review-rating i {
        color: #ffc000;
        font-size: 21px;
    }

@media only screen and (min-width: 0px) and (max-width: 576px) {
    .testimonial-card.style-2 .content-wrapper {
        gap: 40px;
    }
}

.testimonial-card.style-2 .content-wrapper .content .text {
    font-size: 24px;
    color: #8f939b;
    font-family: "Roboto", sans-serif;
    line-height: 42px;
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
    .testimonial-card.style-2 .content-wrapper .content .text {
        font-size: 18px;
        line-height: 34px;
    }
}

.testimonial-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
}

    .testimonial-card.style-1 .content-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

    .testimonial-card.style-1 .meta-user {
        width: unset;
    }

        .testimonial-card.style-1 .meta-user .user-info {
            gap: 30px;
        }

            .testimonial-card.style-1 .meta-user .user-info .image {
                width: 84px;
                height: 84px;
            }

            .testimonial-card.style-1 .meta-user .user-info .info h2 {
                font-size: 30px;
            }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial-card.style-1 .meta-user .user-info .info h2 {
        font-size: 24px;
    }
}

.testimonial-card .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 60px;
}

    .testimonial-card .content-wrapper .quote-icon {
        width: 84px;
        height: 63px;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial-card .content-wrapper .quote-icon {
        height: 30px;
        width: 60px;
    }
}

.testimonial-card .content .text {
    margin: 0;
    font-size: 48px;
    line-height: 72px;
    font-weight: 400;
    color: #26262c;
    font-family: "Roboto", sans-serif;
    font-style: italic;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial-card .content .text {
        font-size: 24px;
        line-height: 42px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-card .content .text {
        font-size: 28px;
        line-height: 46px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-card .content .text {
        font-size: 28px;
        line-height: 46px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .testimonial-card .content .text {
        font-size: 34px;
        line-height: 54px;
    }
}

.testimonial-card .meta-user {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .testimonial-card .meta-user .user-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
    }

        .testimonial-card .meta-user .user-info .image {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -webkit-box-shadow: 0px 18px 24px 0px rgba(2, 24, 93, 0.12);
            box-shadow: 0px 18px 24px 0px rgba(2, 24, 93, 0.12);
            width: 72px;
            height: 72px;
            border-radius: 50px;
            overflow: hidden;
        }

        .testimonial-card .meta-user .user-info .info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            text-align: right;
            gap: 10px;
        }

            .testimonial-card .meta-user .user-info .info h2 {
                margin: 0;
                font-size: 21px;
                line-height: 28px;
                font-weight: 500;
                color: #26262c;
            }

            .testimonial-card .meta-user .user-info .info p {
                margin: 0;
                font-size: 16px;
                line-height: 30px;
                font-weight: 400;
                color: #8f939b;
                font-family: "Roboto", sans-serif;
            }

.testimonial-slider-wrapper {
    position: relative;
}

    .testimonial-slider-wrapper .slick-dots {
        z-index: 3;
        padding-right: 0;
        margin-bottom: 0;
        position: relative;
        text-align: center;
        line-height: 0;
        display: none !important;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial-slider-wrapper .slick-dots {
        display: block !important;
    }
}

.testimonial-slider-wrapper .slick-dots li {
    display: inline-block;
    line-height: 0;
    margin: 0 5px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .testimonial-slider-wrapper .slick-dots li button {
        font-size: 0;
        padding: 0;
        width: 18px;
        height: 12px;
        background-color: rgb(186, 185, 209);
        border-radius: 6px;
        position: relative;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .testimonial-slider-wrapper .slick-dots li.slick-active {
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .testimonial-slider-wrapper .slick-dots li.slick-active button {
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            width: 54px;
            border-radius: 50px;
            background-color: var(--primary-color);
        }

.accordion-wrapper.style-one .accordion-list-item .accordion-head .accordion-title {
    font-size: 24px;
}

.accordion-wrapper .accordion-list-item .accordion-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    cursor: pointer;
    padding: 12px 0;
    position: relative;
}

    .accordion-wrapper .accordion-list-item .accordion-head:before {
        background-color: var(--primary-color);
        color: #ffffff;
        font-size: 12px;
        border-radius: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        content: "\f068";
        font-family: "Font Awesome 6 Pro";
        font-weight: 500;
    }

    .accordion-wrapper .accordion-list-item .accordion-head.collapsed:before {
        background-color: var(--primary-color);
        border-radius: 50px;
        color: #ffffff;
        font-size: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative;
        content: "+";
        font-family: "Font Awesome 6 Pro";
        font-weight: 500;
    }

    .accordion-wrapper .accordion-list-item .accordion-head .accordion-title {
        font-size: 21px;
        line-height: 32px;
        color: #26262c;
        font-weight: 500;
        margin-bottom: 0;
    }

.accordion-wrapper .accordion-list-item .accordion-item-body {
    padding-right: 50px;
    padding-bottom: 3px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.accordion-wrapper.style-two .accordion-list-item .accordion-head {
    border-top: 1px solid #c7c7e1;
    padding: 31px 0;
}

.accordion-wrapper.style-two .accordion-list-item:last-child {
    border-bottom: 1px solid #c7c7e1;
}

.accordion-wrapper.style-two .accordion-list-item .accordion-item-body {
    padding-bottom: 20px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.accordion-wrapper.style-three .accordion-box-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 22px;
}

    .accordion-wrapper.style-three .accordion-box-wrapper .accordion-list-item .accordion-head {
        border: 1px solid var(--secondary-color);
        background-color: var(--secondary-color);
        color: #ffffff;
        border-radius: 8px;
        padding: 19px 30px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .accordion-wrapper.style-three .accordion-box-wrapper .accordion-list-item .accordion-head {
        padding: 16px 20px;
    }
}

.accordion-wrapper.style-three .accordion-box-wrapper .accordion-list-item .accordion-head:before {
    content: "\f077";
    background-color: transparent;
    font-size: 18px;
}

.accordion-wrapper.style-three .accordion-box-wrapper .accordion-list-item .accordion-head .accordion-title {
    color: #ffffff;
}

.accordion-wrapper.style-three .accordion-box-wrapper .accordion-list-item .accordion-head.collapsed {
    color: #26262c;
    border-color: #c7c7e1;
    background-color: transparent;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .accordion-wrapper.style-three .accordion-box-wrapper .accordion-list-item .accordion-head.collapsed:before {
        color: #26262c;
        content: "\f078";
    }

    .accordion-wrapper.style-three .accordion-box-wrapper .accordion-list-item .accordion-head.collapsed .accordion-title {
        color: #26262c;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .accordion-wrapper.style-three .accordion-box-wrapper .accordion-list-item .accordion-head.collapsed .accordion-title {
        font-size: 18px;
        line-height: 28px;
    }
}

.accordion-wrapper.style-three .accordion-box-wrapper .accordion-list-item .accordion-item-body {
    margin-top: 43px;
    padding: 0 30px;
}

.client-logo-wrapper {
    padding: 10px 0;
}

    .client-logo-wrapper .client-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        overflow: hidden;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .client-logo-wrapper .client-logo img {
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
            opacity: 0.45;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

        .client-logo-wrapper .client-logo:hover {
            -webkit-transform: scale(1.03);
            transform: scale(1.03);
        }

            .client-logo-wrapper .client-logo:hover img {
                -webkit-filter: none;
                filter: none;
                opacity: 1;
            }

.page-header {
    border-right: 4px solid #dfe2e9;
    padding-right: 45px;
    margin-bottom: 50px;
}

@media (max-width: 991px) {
    .page-header {
        padding-right: 30px;
    }
}

.page-header .page-title {
    font-size: 48px;
    line-height: 60px;
}

@media (max-width: 991px) {
    .page-header .page-title {
        font-size: 38px;
        line-height: 48px;
    }
}

.blog-area ol,
.blog-area ul {
    padding-right: 20px;
}

    .blog-area ol li,
    .blog-area ul li {
        padding-top: 7px;
    }

.single-post-item {
    background-color: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 60px;
    border: 1px solid #c7c7e1;
    /* Quote Format Post */
    /* Sticky Post */
}

    .single-post-item:hover .post-thumbnail img,
    .single-post-item:hover .post-video img {
        -webkit-transform: scale(1.06);
        transform: scale(1.06);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .single-post-item iframe {
        width: 100%;
        height: 522px;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .single-post-item iframe {
        height: 350px;
    }
}

.single-post-item .post-content-wrapper {
    padding: 45px 47px 41px 47px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-post-item .post-content-wrapper {
        padding: 45px 40px 41px 40px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .single-post-item .post-content-wrapper {
        padding: 35px;
        padding-top: 30px;
    }
}

.single-post-item .post-content-wrapper .read-more {
    margin-top: 30px;
    margin-bottom: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
}

.single-post-item.format-quote .post-content {
    margin: 0;
}

.single-post-item.format-quote blockquote {
    margin: 0;
}

    .single-post-item.format-quote blockquote p {
        margin-top: 0;
    }

    .single-post-item.format-quote blockquote cite a {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        font-weight: 500;
        text-transform: capitalize;
        color: #8f939b;
        margin-top: 20px;
        font-style: normal;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .single-post-item.format-quote blockquote cite a:hover {
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            color: var(--primary-color);
        }

.single-post-item.sticky {
    border: 2px solid var(--primary-color);
}

    .single-post-item.sticky .post-content {
        margin-bottom: 0;
    }

        .single-post-item.sticky .post-content p {
            margin-bottom: 0;
        }

.single-post-item .post-title {
    font-size: 36px;
    line-height: 54px;
    font-weight: 500;
    margin-bottom: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .single-post-item .post-title {
        font-size: 28px;
        line-height: 42px;
        margin-top: 5px;
    }
}

.single-post-item .post-title:hover a {
    color: var(--primary-color);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.single-post-item .post-content p {
    margin-top: 17px;
}

.single-post-item .post-content h2,
.single-post-item .post-content h3,
.single-post-item .post-content h4,
.single-post-item .post-content h5,
.single-post-item .post-content h6 {
    margin-bottom: 10px;
}

.single-post-item .post-content p {
    margin-bottom: unset;
}

.single-post-item .single-post-meta {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 15px;
    margin-top: 0;
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.single-post-item .social-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 17px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .single-post-item .social-share a.facebook {
        color: #1877f2;
    }

    .single-post-item .social-share a.twitter {
        color: #1da1f2;
    }

    .single-post-item .social-share a.linkedin {
        color: #1a70c6;
    }

    .single-post-item .social-share .social-share-title {
        font-size: 16px;
        font-weight: 500;
        font-family: "Jost", sans-serif;
        color: #26262c;
        margin-left: 5px;
        text-transform: uppercase;
    }

.single-post-item .blog-post-tag {
    width: 100%;
    display: inline-block;
}

    .single-post-item .blog-post-tag span {
        font-size: 16px;
        font-weight: 500;
        display: inline-block;
        font-family: "Jost", sans-serif;
        color: #26262c;
        margin-bottom: 0;
        margin-left: 30px;
        text-transform: uppercase;
        margin-top: 8px;
        float: right;
    }

    .single-post-item .blog-post-tag .post-tag-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 8px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .single-post-item .blog-post-tag .post-tag-list a {
            color: #8f939b;
            display: inline-block;
            font-size: 18px;
            line-height: 1;
            padding: 13px 21px;
            border-radius: 6px;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            border: 1px solid #c7c7e1;
        }

            .single-post-item .blog-post-tag .post-tag-list a:hover {
                color: #ffffff;
                background: var(--primary-color);
                border-color: var(--primary-color);
                -webkit-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

.single-post-item .post-thumbnail,
.single-post-item .post-video {
    position: relative;
    overflow: hidden;
}

    .single-post-item .post-thumbnail img,
    .single-post-item .post-video img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .single-post-item .post-thumbnail .popup-video-wrapper,
    .single-post-item .post-video .popup-video-wrapper {
        position: absolute;
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    .single-post-item .post-thumbnail .video-btn a,
    .single-post-item .post-video .video-btn a {
        width: 70px;
        height: 70px;
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
        background-color: #ffffff;
        border-radius: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .single-post-item .post-thumbnail .video-btn a i,
        .single-post-item .post-video .video-btn a i {
            color: var(--primary-color);
            font-size: 18px;
        }

        .single-post-item .post-thumbnail .video-btn a:hover,
        .single-post-item .post-video .video-btn a:hover {
            -webkit-animation: none;
            animation: none;
        }

.single-post-item button.post-gallery-btn {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 99;
    background-color: #ffffff;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
}

    .single-post-item button.post-gallery-btn.prev-btn {
        right: 30px;
    }

    .single-post-item button.post-gallery-btn.next-btn {
        left: 30px;
    }

    .single-post-item button.post-gallery-btn i {
        position: absolute;
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        color: #26262c;
        font-size: 17px;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .single-post-item button.post-gallery-btn:hover {
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        background-color: var(--primary-color);
    }

        .single-post-item button.post-gallery-btn:hover i {
            color: #ffffff;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

.single-post-item .post-audio iframe {
    width: 100%;
}

.single-post-item .post-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px;
    margin-bottom: 2px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .single-post-item .post-meta {
        gap: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.single-post-item .post-meta span {
    font-size: 18px;
    font-weight: 400;
    color: #8f939b;
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

    .single-post-item .post-meta span i {
        color: var(--secondary-color);
        font-size: 18px;
    }

    .single-post-item .post-meta span a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        color: #8f939b;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .single-post-item .post-meta span a:hover {
            color: var(--primary-color);
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .single-post-item .post-meta span a:hover i {
                color: var(--primary-color);
                -webkit-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

.post-card-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 36px;
}

.post-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .post-card:hover .image img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .post-card:hover .image:before {
        visibility: visible;
        opacity: 1;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .post-card:hover .image .btn-link {
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%, -50%) scale(1);
        transform: translate(50%, -50%) scale(1);
        visibility: visible;
        opacity: 1;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .post-card .image {
        border-radius: 8px;
        overflow: hidden;
        position: relative;
    }

        .post-card .image img {
            -webkit-transform: scale(1);
            transform: scale(1);
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

        .post-card .image:before {
            position: absolute;
            content: "";
            right: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(36, 36, 55, 0.6);
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            z-index: 1;
        }

        .post-card .image .btn-link {
            width: 72px;
            height: 72px;
            border-radius: 50px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            background-color: var(--primary-color);
            color: #ffffff;
            font-size: 24px;
            text-decoration: none;
            position: absolute;
            top: 70%;
            right: 20%;
            -webkit-transform: translate(50%, -50%) scale(0.3);
            transform: translate(50%, -50%) scale(0.3);
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            z-index: 2;
        }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-card .image .btn-link {
        width: 60px;
        height: 60px;
        font-size: 22px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .post-card .image .btn-link {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
}

.post-card .image .btn-link i {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.post-card .image .btn-link:hover {
    background-color: var(--secondary-color);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .post-card .image .btn-link:hover i {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.post-card .image .post-cat {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 2;
}

    .post-card .image .post-cat a {
        text-transform: uppercase;
        color: #ffffff;
        font-size: 12px;
        background-color: var(--secondary-color);
        border-radius: 6px;
        padding: 6px 12px;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .post-card .image .post-cat a:hover {
            background-color: var(--primary-color);
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

.post-card .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .post-card .content .title {
        height: 86px;
        overflow: hidden;
        font-size: 30px;
        font-weight: 500;
        line-height: 42px;
        margin-bottom: 0;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .post-card .content .title {
        font-size: 24px;
        line-height: 34px;
        height: unset;
        overflow: visible;
    }
}

.post-card .content .title a:hover {
    color: var(--primary-color);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.post-card .post-cat a {
    font-size: 16px;
    text-transform: uppercase;
    color: var(--secondary-color);
    font-weight: 500;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-card .post-cat a {
        font-size: 14px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .post-card .post-cat a {
        font-size: 14px;
    }
}

.post-card .post-meta {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 5px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .post-card .post-meta .single-post-meta {
        color: #8f939b;
        font-size: 16px;
        line-height: 28px;
        font-weight: 400;
        font-family: "Roboto", sans-serif;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 7px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

        .post-card .post-meta .single-post-meta i {
            color: var(--primary-color);
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

        .post-card .post-meta .single-post-meta a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 7px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            color: #8f939b;
        }

            .post-card .post-meta .single-post-meta a:hover {
                color: var(--primary-color);
            }

.post-card.style-1 {
    gap: 35px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .post-card.style-1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .post-card.style-1 {
        gap: 20px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .post-card.style-1 .post-meta {
        margin-top: 10px;
    }
}

.post-card.style-1 .image {
    width: 255px;
    height: 182px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .post-card.style-1 .image {
        width: 100%;
        height: 300px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .post-card.style-1 .image {
        width: 200px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .post-card.style-1 .image {
        width: 200px;
    }
}

.post-card.style-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 26px;
}

    .post-card.style-2 .image {
        height: 440px;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .post-card.style-2 .image {
        height: 300px;
    }
}

.post-card.style-2 .post-meta {
    margin-top: 5px;
}

.post-card.style-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
}

    .post-card.style-3.active .image {
        height: 425px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-card.style-3.active .image {
        height: 250px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .post-card.style-3.active .image {
        height: 250px;
    }
}

.post-card.style-3 .image {
    position: relative;
    border-radius: 12px;
    height: 320px;
    z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-card.style-3 .image {
        height: 250px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .post-card.style-3 .image {
        height: 250px;
    }
}

.post-card.style-3 .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.post-card.style-3 .post-meta {
    gap: 5px 12px;
    margin-top: 6px;
}

    .post-card.style-3 .post-meta .single-post-meta:first-child a:before,
    .post-card.style-3 .post-meta .single-post-meta:first-child span:before {
        display: none;
    }

    .post-card.style-3 .post-meta .single-post-meta a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
    }

        .post-card.style-3 .post-meta .single-post-meta a:before {
            content: "";
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background-color: #8f939b;
        }

    .post-card.style-3 .post-meta .single-post-meta span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
    }

        .post-card.style-3 .post-meta .single-post-meta span:before {
            content: "";
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background-color: #8f939b;
        }

.blog-details-wrapper .comment-respond {
    margin-top: 72px;
    margin-bottom: 40px;
}

.blog-details-wrapper .post-comments {
    margin-top: 70px;
    border: 1px solid #c7c7e1;
    border-radius: 12px;
    padding: 47px;
    padding-bottom: 0;
}

.blog-details-wrapper .wp-block-group.has-background .wp-block-button .wp-block-button__link {
    color: #ffffff !important;
}

.blog-details-wrapper .single-post-item .single-post-meta {
    margin-bottom: 0;
    gap: 20px;
}

.blog-details-wrapper .single-post-item iframe {
    width: 100%;
    height: 522px;
}

.blog-details-wrapper .single-post-item .post-meta {
    margin-bottom: 20px;
    margin-top: -8px;
}

.blog-details-wrapper .single-post-item .post-gallery:hover img {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}

.blog-details-wrapper .single-post-item .post-thumbnail,
.blog-details-wrapper .single-post-item .post-video,
.blog-details-wrapper .single-post-item .post-gallery,
.blog-details-wrapper .single-post-item .postbox-audio,
.blog-details-wrapper .single-post-item .wp-block-post-featured-image {
    overflow: hidden;
    position: relative;
}

    .blog-details-wrapper .single-post-item .post-thumbnail:hover img,
    .blog-details-wrapper .single-post-item .post-video:hover img,
    .blog-details-wrapper .single-post-item .post-gallery:hover img,
    .blog-details-wrapper .single-post-item .postbox-audio:hover img,
    .blog-details-wrapper .single-post-item .wp-block-post-featured-image:hover img {
        -webkit-transform: scale(1.06);
        transform: scale(1.06);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .blog-details-wrapper .single-post-item .post-thumbnail img,
    .blog-details-wrapper .single-post-item .post-video img,
    .blog-details-wrapper .single-post-item .post-gallery img,
    .blog-details-wrapper .single-post-item .postbox-audio img,
    .blog-details-wrapper .single-post-item .wp-block-post-featured-image img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.blog-details-wrapper .single-post-item .post-content {
    margin-bottom: 17px;
    /* Unit Test Data Compatibility Start */
    /* Unit Test Data Compatibility End */
}

    .blog-details-wrapper .single-post-item .post-content .wp-block-archives li a,
    .blog-details-wrapper .single-post-item .post-content .wp-block-tag-cloud a {
        color: #8f939b;
    }

        .blog-details-wrapper .single-post-item .post-content .wp-block-archives li a:hover,
        .blog-details-wrapper .single-post-item .post-content .wp-block-tag-cloud a:hover {
            color: var(--primary-color);
        }

    .blog-details-wrapper .single-post-item .post-content .wp-block-query .wp-block-post-template {
        padding-right: 0;
    }

        .blog-details-wrapper .single-post-item .post-content .wp-block-query .wp-block-post-template .wp-block-post {
            margin-bottom: 30px;
        }

    .blog-details-wrapper .single-post-item .post-content .wp-block-navigation__responsive-container-content .wp-block-page-list {
        padding-right: 0;
    }

    .blog-details-wrapper .single-post-item .post-content .wp-block-group {
        margin: 15px 0;
    }

        .blog-details-wrapper .single-post-item .post-content .wp-block-group p {
            margin-bottom: 0;
        }

    .blog-details-wrapper .single-post-item .post-content p {
        margin-bottom: 20px;
    }

        .blog-details-wrapper .single-post-item .post-content p img {
            margin: 20px 0;
        }

.blog-details-wrapper .single-post-item .blog-post-tag .social-share {
    padding-bottom: 20px;
}

.blog-details-wrapper .wp-block-calendar {
    margin-bottom: 30px;
}

.author-info {
    background-color: rgb(241, 241, 249);
    padding: 90px 55px 60px 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    border-radius: 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-top: 130px;
    margin-bottom: 70px;
}

    .author-info .author-thumb {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 120px;
        height: 120px;
        border-radius: 50px;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

        .author-info .author-thumb img {
            border-radius: 50%;
        }

    .author-info .author-text h3 {
        font-size: 30px;
        font-weight: 500;
        margin-bottom: 10px;
        line-height: 28px;
    }

    .author-info .author-text .designation {
        font-size: 16px;
        font-style: italic;
        color: #8f939b;
        font-family: "Roboto", sans-serif;
        text-transform: capitalize;
    }

    .author-info .author-text p {
        margin-top: 10px;
        margin-bottom: 0;
        color: #8f939b;
        font-size: 18px;
        font-family: "Roboto", sans-serif;
    }

    .author-info .author-social-profiles {
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .author-info .author-social-profiles a {
            font-size: 18px;
            color: #ffffff;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            width: 44px;
            height: 44px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            background-color: var(--primary-color);
            border-radius: 10px;
        }

            .author-info .author-social-profiles a:hover {
                -webkit-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
                background-color: #ffffff;
                color: var(--primary-color);
            }

    .author-info .author-post a {
        font-size: 16px;
        font-weight: 500;
        font-family: "Jost", sans-serif;
        color: #26262c;
        border-bottom: 2px solid var(--primary-color);
        margin-top: 30px;
        display: inline-block;
    }

        .author-info .author-post a:hover {
            color: var(--primary-color);
        }

.blog-post-nav {
    margin: 40px 0;
    background: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .blog-post-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px;
        margin: 30px 0;
    }
}

@media (max-width: 767px) {
    .blog-post-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px;
        margin: 30px 0;
    }
}

.blog-post-nav .divider {
    background-color: rgb(223, 226, 233);
    width: 1px;
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .blog-post-nav .divider {
        width: 100%;
        height: 1px;
    }
}

@media (max-width: 767px) {
    .blog-post-nav .divider {
        width: 100%;
        height: 1px;
    }
}

.blog-post-nav .post-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 50%;
}

@media (max-width: 374px) {
    .blog-post-nav .post-navigation {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .blog-post-nav .post-navigation {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .blog-post-nav .post-navigation {
        width: 100%;
    }
}

.blog-post-nav .post-navigation:last-child {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

    .blog-post-nav .post-navigation:last-child .text {
        text-align: left;
    }

@media (max-width: 374px) {
    .blog-post-nav .post-navigation:last-child .text {
        text-align: right;
    }
}

.blog-post-nav .post-navigation .post-img {
    width: 96px;
    height: 96px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-width: 374px) {
    .blog-post-nav .post-navigation .post-img {
        width: 100% !important;
        height: 150px !important;
    }
}

.blog-post-nav .post-navigation .post-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    right: 0;
    top: 0;
}

.blog-post-nav .post-navigation .text {
    width: 100%;
}

    .blog-post-nav .post-navigation .text span {
        font-size: 16px;
        font-family: "Jost", sans-serif;
        text-transform: capitalize;
        font-weight: 500;
        display: block;
        color: var(--primary-color);
    }

    .blog-post-nav .post-navigation .text h4 {
        font-size: 21px;
        margin: 0;
        line-height: 30px;
        text-transform: capitalize;
    }

        .blog-post-nav .post-navigation .text h4 a {
            color: #26262c;
            font-weight: 500;
            font-size: 21px;
            text-transform: capitalize;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .blog-post-nav .post-navigation .text h4 a:hover {
                color: var(--primary-color);
                -webkit-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

.skill-progressbar-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 36px;
    padding-left: 20px;
}

.skill-progressbar .progress-inner-item {
    position: relative;
    margin: 0;
    line-height: inherit;
}

.skill-progressbar .skill-title {
    z-index: 100;
    color: #26262c;
    font-size: 18px;
    font-weight: 500;
    font-family: "Jost", sans-serif;
}

.skill-progressbar .progressbar-number {
    width: 100%;
    z-index: 10;
}

.skill-progressbar .progress-number-count {
    padding: 0 8px;
    position: absolute;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.skill-progressbar .progressbar-number,
.skill-progressbar .progress-number-count {
    font-size: 16px;
    line-height: 41px;
    height: 8px;
    letter-spacing: 0px;
    font-weight: 400;
    text-transform: none;
    font-family: "Roboto", sans-serif;
    color: #8f939b;
}

.skill-progressbar .progress-content-outter {
    height: 8px;
    background-color: #e7eaec;
    border-radius: 50px;
}

.skill-progressbar .progress-content {
    height: 8px;
    background-color: var(--secondary-color);
    width: 0%;
    border-radius: 50px;
}

.price-card-switch {
    text-align: center;
}

    .price-card-switch .price-nav-tab {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 60px;
        border: 1px solid rgb(199, 199, 225);
        padding: 6px;
        border-radius: 50px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .price-card-switch .price-nav-tab li {
            list-style: none;
            font-size: 16px;
            font-weight: 500;
            color: #ffffff;
            padding: 16px 30px;
            border-radius: 50px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            z-index: 2;
            -ms-flex-negative: 0;
            flex-shrink: 0;
        }

            .price-card-switch .price-nav-tab li:before {
                position: absolute;
                width: 0;
                height: 100%;
                content: "";
                right: 0;
                top: 0;
                background-color: var(--secondary-color);
                z-index: -1;
            }

            .price-card-switch .price-nav-tab li.active:before {
                width: 100%;
                -webkit-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

.price-card {
    padding: 60px;
    background: #ffffff;
    z-index: 2;
    position: relative;
    border-radius: 12px;
    border: 1px solid rgb(199, 199, 225);
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
    .price-card {
        padding: 40px 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .price-card {
        padding: 40px 30px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .price-card {
        padding: 55px 40px;
    }
}

@media (max-width: 991px) {
    .price-card {
        margin-bottom: 24px;
        padding: 40px;
    }
}

.price-card.active .price-label {
    background-color: var(--primary-color);
    color: #ffffff;
    border-color: var(--primary-color);
}

.price-card .price-label {
    display: block;
    border: 2px solid var(--primary-color);
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    color: #26262c;
    padding: 15px 10px;
    margin-top: 36px;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .price-card .price-label:hover {
        background-color: var(--primary-color);
        color: #ffffff;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.price-card .card-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    border-bottom: 1px solid rgb(199, 199, 225);
    padding-bottom: 35px;
}

    .price-card .card-title .sub-title {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 36px;
        margin: 0;
        color: #8f939b;
    }

    .price-card .card-title .title {
        font-weight: 500;
        font-size: 30px;
        line-height: 30px;
        color: #26262c;
        font-family: "Jost", sans-serif;
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
    }

        .price-card .card-title .title span {
            font-size: 12px;
            color: #ffffff;
            background-color: var(--primary-color);
            font-family: "Roboto", sans-serif;
            border-radius: 3px;
            padding: 0 7px;
            display: inline-block;
            line-height: 18px;
        }

.price-card .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    position: relative;
    z-index: 2;
}

    .price-card .price .price-heading {
        font-family: "Jost", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 48px;
        line-height: 42px;
        color: #26262c;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 2px;
        margin-bottom: 0;
    }

        .price-card .price .price-heading .currency {
            font-family: "Jost", sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 24px;
            line-height: 28px;
            color: #26262c;
            text-align: start;
            -ms-flex-item-align: start;
            align-self: flex-start;
        }

    .price-card .price .price-desc {
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 30px;
        text-transform: capitalize;
        color: #26262c;
        margin-bottom: 0;
    }

.price-card .list-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.price-card .list {
    margin-top: 0;
    padding-top: 30px;
}

    .price-card .list ul {
        padding-right: 0;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 6px;
        width: 100%;
    }

        .price-card .list ul li {
            list-style: none;
            font-family: "Roboto", sans-serif;
            font-weight: 400;
            font-size: 18px;
            color: #5e6f92;
            margin: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 12px;
        }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .price-card .list ul li {
        font-size: 17px;
    }
}

.price-card .list ul li .fa-check {
    color: var(--primary-color);
}

.price-card .list ul li .fa-x {
    color: #bbc7cf;
}

.price-card .theme-btn {
    padding: 5px 26px 5px 6px;
    gap: 30px;
    font-size: 16px;
}

.call-to-action-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

    .call-to-action-card .short-title {
        font-size: 30px;
        font-weight: 500;
        color: #ffffff;
    }

    .call-to-action-card .title {
        font-size: 96px;
        font-weight: 500;
        line-height: 116px;
        color: #ffffff;
        margin-bottom: 0;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .call-to-action-card .title {
        font-size: 40px;
        line-height: 50px;
        margin-top: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .call-to-action-card .title {
        font-size: 48px;
        line-height: 62px;
        margin-top: 30px;
    }

        .call-to-action-card .title br {
            display: none;
        }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .call-to-action-card .title {
        font-size: 76px;
        line-height: 100px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .call-to-action-card .title {
        font-size: 86px;
        line-height: 112px;
    }
}

.call-to-action-card .btn-wrapper {
    margin-top: 40px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .call-to-action-card .btn-wrapper {
        margin-top: 20px;
    }
}

.call-to-action-card .btn-wrapper .style-btn {
    width: 192px;
    height: 192px;
    font-size: 24px;
    gap: 10px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .call-to-action-card .btn-wrapper .style-btn {
        font-size: 20px;
    }
}

.call-to-action-card .btn-wrapper .style-btn:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='192px' height='192px'%3E%3Cpath fill-rule='evenodd' stroke-width='1px' stroke='rgb(255, 255, 255)' fill-opacity='0' opacity='0.6' fill='rgb(101, 97, 222)' d='M183.123,89.1 C180.883,90.528 179.598,92.958 179.598,95.670 C179.598,98.381 180.883,100.812 183.123,102.338 C186.937,104.939 188.749,109.367 187.851,113.895 C186.953,118.424 183.588,121.825 179.69,122.772 C176.396,123.333 174.281,125.86 173.245,127.586 C172.209,130.87 172.463,132.822 173.943,135.89 L173.965,135.122 C176.488,138.986 176.462,143.769 173.896,147.606 C171.329,151.442 166.918,153.292 162.383,152.434 C159.705,151.927 157.79,152.737 155.162,154.654 C153.245,156.572 152.435,159.198 152.938,161.861 C153.799,166.410 151.949,170.822 148.114,173.388 C144.277,175.954 139.494,175.981 135.629,173.458 L135.591,173.433 C133.330,171.956 130.595,171.702 128.94,172.737 C125.593,173.774 123.840,175.888 123.285,178.537 C122.333,183.81 118.931,186.446 114.403,187.344 C113.636,187.496 112.871,187.570 112.117,187.570 C108.426,187.570 105.6,185.783 102.846,182.615 C101.319,180.375 98.888,179.91 96.177,179.91 C93.466,179.91 91.36,180.375 89.509,182.615 C86.908,186.430 82.480,188.243 77.952,187.344 C73.423,186.446 70.22,183.81 69.75,178.563 C68.515,175.889 66.762,173.774 64.261,172.737 C61.760,171.702 59.25,171.956 56.758,173.435 L56.724,173.459 C52.862,175.981 48.78,175.954 44.242,173.388 C40.406,170.822 38.555,166.410 39.413,161.875 C39.920,159.198 39.110,156.572 37.193,154.654 C35.276,152.738 32.650,151.928 29.986,152.431 C25.438,153.292 21.26,151.442 18.459,147.606 C15.893,143.770 15.866,138.986 18.390,135.122 L18.409,135.92 C19.892,132.822 20.146,130.87 19.110,127.586 C18.73,125.86 15.959,123.333 13.310,122.778 C8.767,121.826 5.402,118.424 4.503,113.895 C3.605,109.367 5.417,104.939 9.232,102.340 C11.472,100.812 12.757,98.381 12.757,95.670 C12.757,92.958 11.472,90.528 9.232,89.1 C5.417,86.401 3.605,81.972 4.504,77.445 C5.402,72.916 8.767,69.514 13.286,68.568 C15.959,68.8 18.73,66.256 19.110,63.754 C20.146,61.253 19.891,58.518 18.411,56.251 L18.392,56.222 C15.866,52.355 15.893,47.570 18.459,43.735 C21.26,39.898 25.438,38.49 29.972,38.906 C32.650,39.413 35.276,38.603 37.193,36.685 C39.109,34.769 39.920,32.143 39.416,29.479 C38.555,24.929 40.406,20.518 44.241,17.952 C48.78,15.385 52.862,15.359 56.726,17.883 L56.758,17.904 C59.25,19.384 61.759,19.638 64.260,18.603 C66.762,17.566 68.515,15.452 69.70,12.802 C70.22,8.259 73.423,4.895 77.952,3.997 C82.480,3.97 86.908,4.910 89.509,8.724 C91.36,10.964 93.466,12.249 96.177,12.249 C98.888,12.249 101.319,10.964 102.846,8.724 C105.446,4.910 109.874,3.97 114.403,3.997 C118.931,4.895 122.333,8.260 123.280,12.779 C123.839,15.452 125.593,17.566 128.94,18.603 C130.594,19.640 133.329,19.384 135.596,17.904 L135.626,17.884 C139.493,15.359 144.277,15.385 148.113,17.952 C151.949,20.518 153.799,24.929 152.941,29.464 C152.434,32.143 153.245,34.769 155.161,36.685 C157.79,38.603 159.706,39.413 162.368,38.908 C166.919,38.48 171.329,39.898 173.895,43.734 C176.462,47.570 176.488,52.353 173.964,56.219 L173.943,56.250 C172.463,58.518 172.209,61.253 173.245,63.754 C174.281,66.254 176.395,68.7 179.45,68.562 C183.588,69.514 186.953,72.916 187.851,77.445 C188.749,81.972 186.938,86.401 183.123,89.1 Z'/%3E%3C/svg%3E");
}

.call-to-action-card .btn-wrapper .style-btn:hover {
    color: var(--primary-color);
}

    .call-to-action-card .btn-wrapper .style-btn:hover:before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='192px' height='192px'%3E%3Cpath fill-rule='evenodd' stroke-width='1px' stroke='rgb(255, 255, 255)' fill-opacity='1' opacity='1' fill='rgb(255, 255, 255)' d='M183.123,89.1 C180.883,90.528 179.598,92.958 179.598,95.670 C179.598,98.381 180.883,100.812 183.123,102.338 C186.937,104.939 188.749,109.367 187.851,113.895 C186.953,118.424 183.588,121.825 179.69,122.772 C176.396,123.333 174.281,125.86 173.245,127.586 C172.209,130.87 172.463,132.822 173.943,135.89 L173.965,135.122 C176.488,138.986 176.462,143.769 173.896,147.606 C171.329,151.442 166.918,153.292 162.383,152.434 C159.705,151.927 157.79,152.737 155.162,154.654 C153.245,156.572 152.435,159.198 152.938,161.861 C153.799,166.410 151.949,170.822 148.114,173.388 C144.277,175.954 139.494,175.981 135.629,173.458 L135.591,173.433 C133.330,171.956 130.595,171.702 128.94,172.737 C125.593,173.774 123.840,175.888 123.285,178.537 C122.333,183.81 118.931,186.446 114.403,187.344 C113.636,187.496 112.871,187.570 112.117,187.570 C108.426,187.570 105.6,185.783 102.846,182.615 C101.319,180.375 98.888,179.91 96.177,179.91 C93.466,179.91 91.36,180.375 89.509,182.615 C86.908,186.430 82.480,188.243 77.952,187.344 C73.423,186.446 70.22,183.81 69.75,178.563 C68.515,175.889 66.762,173.774 64.261,172.737 C61.760,171.702 59.25,171.956 56.758,173.435 L56.724,173.459 C52.862,175.981 48.78,175.954 44.242,173.388 C40.406,170.822 38.555,166.410 39.413,161.875 C39.920,159.198 39.110,156.572 37.193,154.654 C35.276,152.738 32.650,151.928 29.986,152.431 C25.438,153.292 21.26,151.442 18.459,147.606 C15.893,143.770 15.866,138.986 18.390,135.122 L18.409,135.92 C19.892,132.822 20.146,130.87 19.110,127.586 C18.73,125.86 15.959,123.333 13.310,122.778 C8.767,121.826 5.402,118.424 4.503,113.895 C3.605,109.367 5.417,104.939 9.232,102.340 C11.472,100.812 12.757,98.381 12.757,95.670 C12.757,92.958 11.472,90.528 9.232,89.1 C5.417,86.401 3.605,81.972 4.504,77.445 C5.402,72.916 8.767,69.514 13.286,68.568 C15.959,68.8 18.73,66.256 19.110,63.754 C20.146,61.253 19.891,58.518 18.411,56.251 L18.392,56.222 C15.866,52.355 15.893,47.570 18.459,43.735 C21.26,39.898 25.438,38.49 29.972,38.906 C32.650,39.413 35.276,38.603 37.193,36.685 C39.109,34.769 39.920,32.143 39.416,29.479 C38.555,24.929 40.406,20.518 44.241,17.952 C48.78,15.385 52.862,15.359 56.726,17.883 L56.758,17.904 C59.25,19.384 61.759,19.638 64.260,18.603 C66.762,17.566 68.515,15.452 69.70,12.802 C70.22,8.259 73.423,4.895 77.952,3.997 C82.480,3.97 86.908,4.910 89.509,8.724 C91.36,10.964 93.466,12.249 96.177,12.249 C98.888,12.249 101.319,10.964 102.846,8.724 C105.446,4.910 109.874,3.97 114.403,3.997 C118.931,4.895 122.333,8.260 123.280,12.779 C123.839,15.452 125.593,17.566 128.94,18.603 C130.594,19.640 133.329,19.384 135.596,17.904 L135.626,17.884 C139.493,15.359 144.277,15.385 148.113,17.952 C151.949,20.518 153.799,24.929 152.941,29.464 C152.434,32.143 153.245,34.769 155.161,36.685 C157.79,38.603 159.706,39.413 162.368,38.908 C166.919,38.48 171.329,39.898 173.895,43.734 C176.462,47.570 176.488,52.353 173.964,56.219 L173.943,56.250 C172.463,58.518 172.209,61.253 173.245,63.754 C174.281,66.254 176.395,68.7 179.45,68.562 C183.588,69.514 186.953,72.916 187.851,77.445 C188.749,81.972 186.938,86.401 183.123,89.1 Z'/%3E%3C/svg%3E");
    }

.section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 74px;
    gap: 20px;
}

@media (max-width: 550px) {
    .section-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 60px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 40px;
    }
}

.section-title .sec-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
    position: relative;
    margin-bottom: -16px;
    margin-top: -8px;
}

@media (max-width: 550px) {
    .section-title .sec-content {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title .sec-content .sec-desc p br {
        display: none;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .section-title .sec-content .sec-desc p br {
        display: none;
    }
}

.section-title .short-title {
    font-size: 18px;
    font-weight: 500;
    font-family: "Jost", sans-serif;
    color: var(--secondary-color);
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .section-title .short-title {
        font-size: 20px;
    }
}

.section-title .title {
    font-size: 60px;
    line-height: 72px;
    font-weight: 500;
    font-family: "Jost", sans-serif;
    color: #26262c;
    margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title .title {
        font-size: 48px;
        line-height: 62px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .section-title .title {
        font-size: 47px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title .title {
        font-size: 38px;
        line-height: 48px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .section-title .title {
        font-size: 32px;
        line-height: 42px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 439px) {
    .section-title .title br {
        display: none;
    }
}

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

.section-title .sec-desc {
    font-size: 18px;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    color: #8f939b;
    margin-bottom: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

    .section-title .sec-desc .theme-btn {
        background-color: transparent;
        color: #26262c;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

        .section-title .sec-desc .theme-btn:hover {
            background-color: var(--primary-color);
            color: #ffffff;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

.page-breadcrumb-area {
    padding-top: 240px;
    padding-bottom: 145px;
    position: relative;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: rgb(14, 38, 66);
}

@media (max-width: 767px) {
    .page-breadcrumb-area {
        padding-top: 200px;
        padding-bottom: 100px;
    }
}

.page-overlay {
    background-image: rgb(14, 38, 66);
    height: 100%;
    right: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

body.single-post .page-heading h3,
body.single-post .page-heading .page-title {
    font-size: 60px;
    line-height: 72px;
}

@media (max-width: 375px) {
    body.single-post .page-heading h3,
    body.single-post .page-heading .page-title {
        font-size: 32px;
        line-height: 42px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    body.single-post .page-heading h3,
    body.single-post .page-heading .page-title {
        font-size: 42px;
        line-height: 52px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    body.single-post .page-heading h3,
    body.single-post .page-heading .page-title {
        font-size: 60px;
        line-height: 72px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    body.single-post .page-heading h3,
    body.single-post .page-heading .page-title {
        font-size: 72px;
        line-height: 86px;
    }
}

.page-heading h3,
.page-heading .page-title {
    font-family: "Jost", sans-serif;
    font-size: 90px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0;
    text-transform: capitalize;
    line-height: 102px;
    font-weight: 500;
}

@media (max-width: 375px) {
    .page-heading h3,
    .page-heading .page-title {
        font-size: 32px;
        line-height: 42px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .page-heading h3,
    .page-heading .page-title {
        font-size: 42px;
        line-height: 52px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .page-heading h3,
    .page-heading .page-title {
        font-size: 60px;
        line-height: 72px;
    }
}

.breadcrumb-wrapper {
    padding: 0 200px;
}

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

.breadcrumb-list {
    text-align: center;
    margin-top: 30px;
}

    .breadcrumb-list ul {
        margin-bottom: 0;
        padding-right: 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        gap: 0 12px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: right;
    }

@media (max-width: 375px) {
    .breadcrumb-list ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.breadcrumb-list ul li {
    list-style: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 0 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #bbbfc7;
}

    .breadcrumb-list ul li.active {
        color: var(--primary-color);
    }

        .breadcrumb-list ul li.active a {
            color: var(--primary-color);
        }

    .breadcrumb-list ul li a {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        text-align: center;
        color: #bbbfc7;
        text-transform: capitalize;
        line-height: 30px;
        font-weight: 400;
        margin-bottom: 0;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .breadcrumb-list ul li a:hover {
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            color: var(--primary-color);
        }

    .breadcrumb-list ul li:before {
        content: "\f054";
        font-size: 12px;
        color: #bbbfc7;
        font-family: "Font Awesome 6 Pro";
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .breadcrumb-list ul li:first-child:before {
        display: none;
    }

@media (max-width: 375px) {
    .breadcrumb-list ul li:first-child:before {
        display: block !important;
    }
}

.wp-block-query-pagination,
.navigation.posts-navigation,
.comment-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .wp-block-query-pagination .wp-block-query-pagination-numbers,
    .navigation.posts-navigation .wp-block-query-pagination-numbers,
    .comment-navigation .wp-block-query-pagination-numbers {
        width: inherit;
    }

    .wp-block-query-pagination .nav-links,
    .navigation.posts-navigation .nav-links,
    .comment-navigation .nav-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
    }

    .wp-block-query-pagination .wp-block-query-pagination-previous,
    .wp-block-query-pagination .wp-block-query-pagination-next,
    .wp-block-query-pagination .nav-next a,
    .wp-block-query-pagination .nav-previous a,
    .navigation.posts-navigation .wp-block-query-pagination-previous,
    .navigation.posts-navigation .wp-block-query-pagination-next,
    .navigation.posts-navigation .nav-next a,
    .navigation.posts-navigation .nav-previous a,
    .comment-navigation .wp-block-query-pagination-previous,
    .comment-navigation .wp-block-query-pagination-next,
    .comment-navigation .nav-next a,
    .comment-navigation .nav-previous a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #8f939b;
        background-color: #ffffff;
        border-radius: 6px;
        height: 53px;
        padding: 0 20px;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        font-size: 18px;
        font-weight: 500;
        border: 1px solid #c7c7e1;
        text-transform: capitalize;
    }

@media (max-width: 767px) {
    .wp-block-query-pagination .wp-block-query-pagination-previous,
    .wp-block-query-pagination .wp-block-query-pagination-next,
    .wp-block-query-pagination .nav-next a,
    .wp-block-query-pagination .nav-previous a,
    .navigation.posts-navigation .wp-block-query-pagination-previous,
    .navigation.posts-navigation .wp-block-query-pagination-next,
    .navigation.posts-navigation .nav-next a,
    .navigation.posts-navigation .nav-previous a,
    .comment-navigation .wp-block-query-pagination-previous,
    .comment-navigation .wp-block-query-pagination-next,
    .comment-navigation .nav-next a,
    .comment-navigation .nav-previous a {
        height: 40px;
    }
}

.wp-block-query-pagination .wp-block-query-pagination-previous:hover,
.wp-block-query-pagination .wp-block-query-pagination-next:hover,
.wp-block-query-pagination .nav-next a:hover,
.wp-block-query-pagination .nav-previous a:hover,
.navigation.posts-navigation .wp-block-query-pagination-previous:hover,
.navigation.posts-navigation .wp-block-query-pagination-next:hover,
.navigation.posts-navigation .nav-next a:hover,
.navigation.posts-navigation .nav-previous a:hover,
.comment-navigation .wp-block-query-pagination-previous:hover,
.comment-navigation .wp-block-query-pagination-next:hover,
.comment-navigation .nav-next a:hover,
.comment-navigation .nav-previous a:hover {
    background: var(--primary-color) !important;
    color: #ffffff;
    border-color: var(--primary-color);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.basic-pagination,
.page-links,
.wp-block-query-pagination-numbers {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

    .basic-pagination ul,
    .page-links ul,
    .wp-block-query-pagination-numbers ul {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        margin-bottom: 0;
        padding-right: 0;
    }

        .basic-pagination ul li,
        .page-links ul li,
        .wp-block-query-pagination-numbers ul li {
            padding-top: 0;
        }

        .basic-pagination ul .prev span,
        .basic-pagination ul .next span,
        .page-links ul .prev span,
        .page-links ul .next span,
        .wp-block-query-pagination-numbers ul .prev span,
        .wp-block-query-pagination-numbers ul .next span {
            display: none;
        }

    .basic-pagination .post-page-numbers,
    .page-links .post-page-numbers,
    .wp-block-query-pagination-numbers .post-page-numbers {
        background-color: rgba(71, 112, 247, 0.1) !important;
    }

    .basic-pagination .page-numbers,
    .basic-pagination .post-page-numbers,
    .page-links .page-numbers,
    .page-links .post-page-numbers,
    .wp-block-query-pagination-numbers .page-numbers,
    .wp-block-query-pagination-numbers .post-page-numbers {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #8f939b;
        background-color: #ffffff;
        border-radius: 6px;
        height: 53px;
        width: 53px;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        font-size: 18px;
        font-weight: 500;
        border: 1px solid #c7c7e1;
        text-transform: capitalize;
    }

@media (max-width: 767px) {
    .basic-pagination .page-numbers,
    .basic-pagination .post-page-numbers,
    .page-links .page-numbers,
    .page-links .post-page-numbers,
    .wp-block-query-pagination-numbers .page-numbers,
    .wp-block-query-pagination-numbers .post-page-numbers {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
}

.basic-pagination .page-numbers:hover,
.basic-pagination .post-page-numbers:hover,
.page-links .page-numbers:hover,
.page-links .post-page-numbers:hover,
.wp-block-query-pagination-numbers .page-numbers:hover,
.wp-block-query-pagination-numbers .post-page-numbers:hover {
    background: var(--primary-color) !important;
    color: #ffffff;
    border-color: var(--primary-color);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.basic-pagination .page-numbers.current,
.basic-pagination .post-page-numbers.current,
.page-links .page-numbers.current,
.page-links .post-page-numbers.current,
.wp-block-query-pagination-numbers .page-numbers.current,
.wp-block-query-pagination-numbers .post-page-numbers.current {
    background: var(--secondary-color) !important;
    color: #ffffff;
    border-color: var(--secondary-color);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.nav-tab {
    list-style: none;
    padding-right: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 1199px) {
    .nav-tab {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.nav-tab li {
    position: relative;
    color: #26262c;
    font-family: "Jost", sans-serif;
    font-size: 21px;
    line-height: 20px;
    padding: 23px 40px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 50px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .nav-tab li {
        padding: 18px 20px;
    }
}

@media (max-width: 1199px) {
    .nav-tab li {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.nav-tab li i {
    color: var(--primary-color);
}

.nav-tab li.active {
    background-color: rgb(232, 232, 245);
}

.portfolio-area.style-4 {
    padding-top: 120px;
    padding-bottom: 96px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .portfolio-area.style-4 {
        padding-top: 80px;
        padding-bottom: 56px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-area.style-4 {
        padding-top: 100px;
        padding-bottom: 76px;
    }
}

.portfolio-area.style-4 .portfolio-filter {
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 70px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -8px;
}

@media (max-width: 991px) {
    .portfolio-area.style-4 .portfolio-filter {
        margin-bottom: 50px;
    }
}

.portfolio-area.style-4 .portfolio-filter li {
    list-style: none;
    font-size: 18px;
    font-weight: 500;
    color: #26262c;
    text-transform: capitalize;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .portfolio-area.style-4 .portfolio-filter li.active {
        color: var(--secondary-color);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.portfolio-area.style-4 .basic-pagination {
    margin-bottom: 0;
    margin-top: 50px;
}

.project-page-wrapper {
    padding-top: 144px;
    padding-bottom: 114px;
}

@media (max-width: 991px) {
    .project-page-wrapper {
        padding: 100px 0;
    }
}

@media (max-width: 767px) {
    .project-page-wrapper {
        padding-top: 70px;
        padding-bottom: 40px;
    }
}

.project-page-wrapper .basic-pagination {
    margin-bottom: 0;
    margin-top: 30px;
}

.project-detail-area {
    padding: 120px 0;
}

@media (max-width: 991px) {
    .project-detail-area {
        padding-top: 100px;
        padding-bottom: 150px;
    }
}

@media (max-width: 767px) {
    .project-detail-area {
        padding-top: 80px;
        padding-bottom: 130px;
    }
}

.project-detail-area .project-details-padding-left {
    padding-right: 60px;
}

@media (max-width: 1199px) {
    .project-detail-area .project-details-padding-left {
        padding-right: 12px;
        margin-top: 60px;
    }
}

@media (max-width: 991px) {
    .project-detail-area .project-details-padding-left {
        margin-top: 40px;
    }
}

.project-detail-area .project-details-padding-left .tiny-content {
    margin-bottom: 60px;
}

@media (max-width: 991px) {
    .project-detail-area .project-details-padding-left .tiny-content {
        margin-bottom: 40px;
    }
}

@media (max-width: 991px) {
    .project-detail-area .project-details-padding-left .mt-60 {
        margin-top: 40px;
    }
}

.project-detail-area img {
    border-radius: 12px;
}

@media (max-width: 767px) {
    .project-detail-area .mt-65 {
        margin-top: 45px;
    }
}

.project-gallery-image {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

    .project-gallery-image:hover:before {
        height: 250%;
        -webkit-transition: all 900ms linear;
        transition: all 900ms linear;
        background-color: transparent;
    }

    .project-gallery-image:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .project-gallery-image:before {
        position: absolute;
        width: 200%;
        height: 0%;
        right: 50%;
        top: 50%;
        background-color: rgba(255, 255, 255, 0.3);
        -webkit-transform: translate(50%, -50%) rotate(225deg);
        transform: translate(50%, -50%) rotate(225deg);
        content: "";
        z-index: 1;
    }

    .project-gallery-image img {
        width: 100%;
        height: 100%;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.project-details-title {
    font-size: 30px;
    line-height: 28px;
    font-weight: 500;
    color: #26262c;
    margin-bottom: 30px;
}

.simillar-project-title h2 {
    font-size: 48px;
    line-height: 50px;
    font-weight: 500;
    color: #26262c;
    margin: 0;
}

@media (max-width: 767px) {
    .simillar-project-title h2 {
        font-size: 28px;
        line-height: 32px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .simillar-project-title h2 {
        font-size: 38px;
        line-height: 42px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .simillar-project-title h2 {
        font-size: 40px;
        line-height: 46px;
    }
}

@media (max-width: 991px) {
    .simillar-project-title {
        margin-bottom: 30px;
    }
}

.project-info-widget-wrapper .social-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    margin-top: 48px;
}

    .project-info-widget-wrapper .social-share .social-share-title {
        margin-left: 16px;
        font-size: 24px;
        color: #26262c;
        font-weight: 500;
        text-transform: capitalize;
    }

    .project-info-widget-wrapper .social-share a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border-radius: 50%;
        color: #ffffff;
        background-color: var(--secondary-color);
        font-size: 18px;
    }

        .project-info-widget-wrapper .social-share a.facebook {
            background-color: var(--secondary-color);
        }

        .project-info-widget-wrapper .social-share a.twitter {
            background-color: #1da1f3;
        }

        .project-info-widget-wrapper .social-share a.linkedin {
            background-color: #0078b5;
        }

.project-info-widget {
    background: #ebf4f8;
    padding: 55px 58px;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .project-info-widget {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.project-info-widget .info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}

    .project-info-widget .info-item h3 {
        margin: 0;
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        color: #26262c;
    }

    .project-info-widget .info-item p {
        margin: 0;
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
        color: #8f939b;
    }

.process-step-area.style-2 {
    padding-top: 30px;
    padding-bottom: 20px;
}

@media (max-width: 991px) {
    .process-step-area.style-2 {
        padding-bottom: 0;
    }
}

.process-step-area.style-2 .process-step.style-2 {
    border: 1px solid rgb(199, 199, 225);
    border-radius: 12px;
    padding: 30px;
    text-align: right;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
    margin-top: 30px;
}

    .process-step-area.style-2 .process-step.style-2 .icon {
        width: 48px;
        height: 48px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: var(--secondary-color);
        flex-shrink: 0;
    }

        .process-step-area.style-2 .process-step.style-2 .icon:before {
            display: none;
        }

        .process-step-area.style-2 .process-step.style-2 .icon .count {
            position: unset;
            -webkit-transform: unset;
            transform: unset;
            top: unset;
            width: unset;
            height: unset;
            background-color: transparent;
        }

            .process-step-area.style-2 .process-step.style-2 .icon .count span {
                font-size: 21px;
                font-weight: 500;
            }

    .process-step-area.style-2 .process-step.style-2 .content {
        gap: 10px;
    }

.list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 24px;
    margin-bottom: 45px;
}

@media (max-width: 991px) {
    .list-item {
        margin-bottom: 20px;
    }
}

.list-item .icon {
    width: 54px;
    height: 54px;
    border-radius: 50px;
    background: var(--primary-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-width: 991px) {
    .list-item .icon {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .list-item .icon {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
}

.list-item .icon i {
    color: #ffffff;
}

.list-item .text {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #8f939b;
    margin: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .list-item {
        margin-bottom: 20px;
    }
}

.list-item.style-two {
    gap: 18px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin-bottom: 20px;
}

    .list-item.style-two .icon {
        background: transparent;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        width: auto;
        height: auto;
    }

        .list-item.style-two .icon i {
            color: var(--primary-color);
            line-height: 30px;
        }

    .list-item.style-two .text {
        margin: 0;
        font-weight: 400;
    }

.list-item ul {
    padding-right: 0;
}

    .list-item ul li {
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0 18px;
        padding-top: 10px;
    }

        .list-item ul li:last-child {
            padding-bottom: 0;
        }

        .list-item ul li i {
            color: var(--primary-color);
            font-size: 20px;
            position: relative;
            top: 5px;
        }

.sidebar {
    padding-right: 22px;
}

@media (max-width: 991px) {
    .sidebar {
        padding-right: 0;
        padding-top: 40px;
    }
}

.page-sidebar {
    margin-bottom: 50px;
    padding-right: 18px;
}

/* Widget */
.widget {
    margin-bottom: 54px;
    /* Widget Instagram Feed */
    /* Widget Title */
    /* Social Widget Block */
    /* Recent Comment List Block Widget & Latest Post Widget Block */
    /* Social Widget */
    /* Select Option  */
    /* Login Widget */
    /* Tagcloud Widget */
    /* Default Widget */
}

    .widget:last-child {
        margin-bottom: 40px;
    }

    .widget ol,
    .widget ul {
        margin-bottom: 0;
    }

    .widget .widget-instagram-feed {
        width: 315px;
    }

@media only screen and (min-width: 992px) and (max-width: 1280px) {
    .widget .widget-instagram-feed {
        width: 220px;
    }
}

@media (max-width: 374px) {
    .widget .widget-instagram-feed {
        width: 200px;
    }
}

.widget .widget-instagram-feed .single-instagram-feed {
    width: 96px;
    height: 96px;
}

.widget .wp-block-heading,
.widget .widget-title,
.widget .wp-block-search__label {
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 30px;
    color: #26262c;
    position: relative;
    margin-top: -4px;
}

    .widget .wp-block-heading:before,
    .widget .widget-title:before,
    .widget .wp-block-search__label:before {
        width: 4px;
        height: 18px;
        background-color: var(--secondary-color);
        border-radius: 2px;
        content: "";
        font-family: "Font Awesome 6 Pro";
        margin-left: 12px;
        color: var(--secondary-color);
        font-size: 18px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

.widget .wp-block-social-links .wp-social-link {
    padding: 0;
    margin: 0;
    line-height: 0;
}

    .widget .wp-block-social-links .wp-social-link a {
        width: 44px;
        height: 44px;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

.widget .has-avatars.has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
.widget .has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
    font-weight: 500;
    color: #26262c;
}

    .widget .has-avatars.has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author,
    .widget .has-avatars.has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-link,
    .widget .has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author,
    .widget .has-dates.has-excerpts.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-link {
        font-weight: 500;
    }

.widget .wp-block-latest-comments li.wp-block-latest-comments__comment,
.widget .wp-block-latest-posts li.wp-block-latest-comments__comment {
    margin-bottom: 0;
}

.widget .wp-block-latest-comments li .wp-block-latest-comments__comment-meta,
.widget .wp-block-latest-comments li .wp-block-latest-posts__post-title,
.widget .wp-block-latest-posts li .wp-block-latest-comments__comment-meta,
.widget .wp-block-latest-posts li .wp-block-latest-posts__post-title {
    line-height: 28px;
    font-weight: 400;
}

    .widget .wp-block-latest-comments li .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date,
    .widget .wp-block-latest-comments li .wp-block-latest-posts__post-title .wp-block-latest-comments__comment-date,
    .widget .wp-block-latest-posts li .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date,
    .widget .wp-block-latest-posts li .wp-block-latest-posts__post-title .wp-block-latest-comments__comment-date {
        font-size: 14px !important;
        margin-bottom: 10px;
        position: relative;
        color: #8f939b;
    }

        .widget .wp-block-latest-comments li .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date:before,
        .widget .wp-block-latest-comments li .wp-block-latest-posts__post-title .wp-block-latest-comments__comment-date:before,
        .widget .wp-block-latest-posts li .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date:before,
        .widget .wp-block-latest-posts li .wp-block-latest-posts__post-title .wp-block-latest-comments__comment-date:before {
            content: "\f274";
            font-family: "Font Awesome 6 Pro";
            padding-left: 8px;
        }

.widget .wp-block-latest-comments li a,
.widget .wp-block-latest-posts li a {
    color: #26262c;
}

    .widget .wp-block-latest-comments li a.wp-block-latest-comments__comment-author, .widget .wp-block-latest-comments li a.wp-block-latest-comments__comment-link,
    .widget .wp-block-latest-posts li a.wp-block-latest-comments__comment-author,
    .widget .wp-block-latest-posts li a.wp-block-latest-comments__comment-link {
        display: inline !important;
        text-transform: capitalize;
        line-height: 28px;
        font-weight: 400;
    }

    .widget .wp-block-latest-comments li a:hover,
    .widget .wp-block-latest-posts li a:hover {
        color: var(--primary-color);
    }

.widget .wp-block-latest-comments li .wp-block-latest-comments__comment-excerpt p,
.widget .wp-block-latest-posts li .wp-block-latest-comments__comment-excerpt p {
    font-size: 16px;
    line-height: 28px;
    margin: 0;
}

.widget .social-profile {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .widget .social-profile a {
        width: 60px;
        height: 60px;
        background-color: var(--primary-color);
        color: #ffffff;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        border-radius: 50px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

@media (max-width: 1199px) {
    .widget .social-profile a {
        width: 40px;
        height: 40px;
    }
}

.widget .social-profile a.facebook {
    background-color: #1877f2;
}

.widget .social-profile a.twitter {
    background-color: #1da1f2;
}

.widget .social-profile a.linkedin {
    background-color: #0a66c2;
}

.widget .social-profile a.instagram {
    background-color: #405de6;
}

.widget .social-profile a:hover {
    color: #ffffff;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background-color: var(--primary-color);
}

.widget select {
    max-width: 100%;
    height: 66px;
    width: 100%;
    border: 1px solid #c7c7e1;
    padding: 0 10px;
    border-radius: 5px;
    color: #8f939b;
    margin-bottom: 0;
    background-color: transparent;
}

.widget .has-login-form .login-username label,
.widget .has-login-form .login-password label {
    margin-bottom: 10px;
}

.widget .has-login-form .login-username input,
.widget .has-login-form .login-password input {
    max-width: 100%;
    height: 50px;
    width: 100%;
    border: 1px solid #c7c7e1;
    padding: 0 10px;
    border-radius: 5px;
    color: #8f939b;
}

.widget .has-login-form .login-remember label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.widget .has-login-form .login-submit {
    margin-bottom: 0;
}

    .widget .has-login-form .login-submit input.button-primary {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        background: var(--primary-color);
        color: #fff;
        padding: 12px 32px;
        text-align: center;
        font-weight: 500;
        font-family: "Roboto", sans-serif;
        text-transform: capitalize;
        position: relative;
        z-index: 1;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        font-size: 16px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        border-radius: 50px;
    }

.widget .tagcloud,
.widget .wp-block-tag-cloud {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .widget .tagcloud a,
    .widget .wp-block-tag-cloud a {
        color: #8f939b;
        display: inline-block;
        font-size: 18px;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        line-height: 1;
        padding: 12px 18px;
        border-radius: 6px;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        border: 1px solid #bfc5cb;
    }

        .widget .tagcloud a:hover,
        .widget .wp-block-tag-cloud a:hover {
            color: #ffffff;
            background: var(--primary-color);
            border-color: var(--primary-color);
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

.widget ul,
.widget ol {
    margin-bottom: 0;
    padding-right: 0;
    /* Tag Cloud Widget */
}

    .widget ul li,
    .widget ol li {
        display: block;
        padding: 6px 0;
        /* Recent Comment Widget */
    }

        .widget ul li:first-child,
        .widget ol li:first-child {
            padding-top: 0;
        }

        .widget ul li:last-child,
        .widget ol li:last-child {
            padding-bottom: 0;
            border-bottom: 0;
        }

        .widget ul li.recentcomments .comment-author-link a:before,
        .widget ol li.recentcomments .comment-author-link a:before {
            display: block;
        }

        .widget ul li.recentcomments a,
        .widget ol li.recentcomments a {
            padding-right: 0;
            display: inline;
        }

            .widget ul li.recentcomments a:before,
            .widget ol li.recentcomments a:before {
                display: none;
            }

        .widget ul li a,
        .widget ol li a {
            color: #8f939b;
            position: relative;
            display: inline-block;
            text-transform: capitalize;
            font-size: 18px;
            font-family: "Roboto", sans-serif;
            font-weight: 400;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            /* RSS Widget */
        }

            .widget ul li a:hover,
            .widget ol li a:hover {
                color: var(--primary-color);
                -webkit-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

            .widget ul li a.rsswidget,
            .widget ol li a.rsswidget {
                padding-right: 0;
                font-weight: 500;
                display: block;
            }

                .widget ul li a.rsswidget:before,
                .widget ol li a.rsswidget:before {
                    display: none;
                }

        .widget ul li ul,
        .widget ol li ul {
            padding-right: 25px;
            padding-top: 10px;
        }

    .widget ul.wp-tag-cloud li,
    .widget ol.wp-tag-cloud li {
        display: inline-block;
        padding: 0;
        border: 0;
    }

        .widget ul.wp-tag-cloud li a:before,
        .widget ol.wp-tag-cloud li a:before {
            display: none;
        }

.widget.widget_categories ul li, .widget.widget_archive ul li {
    text-align: left;
    display: inline-block;
    width: 100%;
}

    .widget.widget_categories ul li.cat-item, .widget.widget_archive ul li.cat-item {
        text-align: left;
        display: inline-block;
        width: 100%;
    }

    .widget.widget_categories ul li a, .widget.widget_archive ul li a {
        float: right;
    }

/* About Info Widget*/
.widget-about-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .widget-about-info .about-desc {
        text-align: right;
    }

        .widget-about-info .about-desc .about-title {
            font-size: 20px;
        }

    .widget-about-info .about-image {
        width: 140px;
        height: 140px;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .widget-about-info .social-profile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        padding-top: 30px;
        border-top: 1px solid #c7c7e1;
        width: 100%;
        margin-top: 10px;
    }

        .widget-about-info .social-profile a {
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            width: 44px;
            height: 44px;
            background-color: #f3f4f8;
            border-radius: 50px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            color: #26262c;
            transition: all 0.5s ease-out;
        }

            .widget-about-info .social-profile a:hover {
                color: #ffffff;
                -webkit-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
                background-color: var(--primary-color);
            }

/* Latest Post Widget*/
.has-dates.has-author.wp-block-latest-posts .wp-block-latest-posts__post-title {
    display: inline-block;
    width: 100%;
    font-weight: 500;
}

.widget_rss .wp-block-heading:before,
.widget_rss .widget-title:before {
    display: none;
}

.widget_rss .rss-widget-icon {
    margin-left: 6px;
}

.widget_rss ul li a.rsswidget {
    color: #26262c;
}

    .widget_rss ul li a.rsswidget:hover {
        color: var(--primary-color);
    }

.wp-block-latest-posts .wp-block-rss__item-title,
.wp-block-rss .wp-block-rss__item-title,
.widget_rss .wp-block-rss__item-title {
    display: inline-block;
    width: 100%;
    font-weight: 500;
}

    .wp-block-latest-posts .wp-block-rss__item-title > a,
    .wp-block-rss .wp-block-rss__item-title > a,
    .widget_rss .wp-block-rss__item-title > a {
        color: #26262c;
        font-weight: 500;
    }

.wp-block-latest-posts .wp-block-latest-posts__post-author,
.wp-block-latest-posts .wp-block-rss__item-publish-date,
.wp-block-rss .wp-block-latest-posts__post-author,
.wp-block-rss .wp-block-rss__item-publish-date,
.widget_rss .wp-block-latest-posts__post-author,
.widget_rss .wp-block-rss__item-publish-date {
    margin-left: 10px;
}

.wp-block-latest-posts .wp-block-latest-posts__post-author,
.wp-block-latest-posts .wp-block-latest-posts__post-date,
.wp-block-latest-posts .wp-block-rss__item-publish-date,
.wp-block-latest-posts .wp-block-rss__item-author,
.wp-block-latest-posts .rss-date,
.wp-block-rss .wp-block-latest-posts__post-author,
.wp-block-rss .wp-block-latest-posts__post-date,
.wp-block-rss .wp-block-rss__item-publish-date,
.wp-block-rss .wp-block-rss__item-author,
.wp-block-rss .rss-date,
.widget_rss .wp-block-latest-posts__post-author,
.widget_rss .wp-block-latest-posts__post-date,
.widget_rss .wp-block-rss__item-publish-date,
.widget_rss .wp-block-rss__item-author,
.widget_rss .rss-date {
    display: inline-block;
    font-size: 14px !important;
    font-weight: 500;
    text-transform: capitalize;
    position: relative;
}

    .wp-block-latest-posts .wp-block-latest-posts__post-date:before,
    .wp-block-latest-posts .wp-block-rss__item-publish-date:before,
    .wp-block-latest-posts .rss-date:before,
    .wp-block-rss .wp-block-latest-posts__post-date:before,
    .wp-block-rss .wp-block-rss__item-publish-date:before,
    .wp-block-rss .rss-date:before,
    .widget_rss .wp-block-latest-posts__post-date:before,
    .widget_rss .wp-block-rss__item-publish-date:before,
    .widget_rss .rss-date:before {
        content: "\f274";
        font-family: "Font Awesome 6 Pro";
        padding-left: 8px;
    }

    .wp-block-latest-posts .wp-block-latest-posts__post-author:before,
    .wp-block-latest-posts .wp-block-rss__item-author:before,
    .wp-block-rss .wp-block-latest-posts__post-author:before,
    .wp-block-rss .wp-block-rss__item-author:before,
    .widget_rss .wp-block-latest-posts__post-author:before,
    .widget_rss .wp-block-rss__item-author:before {
        content: "\f007";
        font-family: "Font Awesome 6 Pro";
        padding-left: 8px;
    }

.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-rss__item-excerpt,
.wp-block-latest-posts .rssSummary,
.wp-block-rss .wp-block-latest-posts__post-excerpt,
.wp-block-rss .wp-block-rss__item-excerpt,
.wp-block-rss .rssSummary,
.widget_rss .wp-block-latest-posts__post-excerpt,
.widget_rss .wp-block-rss__item-excerpt,
.widget_rss .rssSummary {
    margin-top: 10px;
    margin-bottom: 0;
}

.widget_latest_post ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
    border: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .widget_latest_post ul li:hover .latest-post-thumb img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

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

    .widget_latest_post ul li a {
        padding-right: 0;
    }

        .widget_latest_post ul li a:before {
            display: none;
        }

    .widget_latest_post ul li .latest-post-thumb {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        overflow: hidden;
        width: 90px;
        height: 90px;
        border-radius: 6px;
    }

        .widget_latest_post ul li .latest-post-thumb img {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

    .widget_latest_post ul li .latest-post-desc .latest-post-title {
        margin-bottom: 8px;
        font-size: 21px;
        line-height: 30px;
        color: #26262c;
        font-family: "Jost", sans-serif;
        font-weight: 500;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .widget_latest_post ul li .latest-post-desc .latest-post-title {
        font-size: 19px;
        height: 60px;
        overflow: hidden;
    }
}

.widget_latest_post ul li .latest-post-desc .latest-post-title a {
    font-size: 21px;
    line-height: 30px;
    color: #26262c;
    font-weight: 500;
    position: relative;
    text-transform: capitalize;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    font-family: "Jost", sans-serif;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .widget_latest_post ul li .latest-post-desc .latest-post-title a {
        font-size: 19px;
    }
}

.widget_latest_post ul li .latest-post-desc .latest-post-title a:hover {
    color: var(--primary-color);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.widget_latest_post ul li .latest-post-desc .latest-post-meta {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    gap: 8px;
    color: #5e6f92;
}

.widget-instagram-feed {
    display: grid;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 12px;
    width: 240px;
}

@media only screen and (min-width: 992px) and (max-width: 1280px) {
    .widget-instagram-feed {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 374px) {
    .widget-instagram-feed {
        grid-template-columns: repeat(2, 1fr);
    }
}

.widget-instagram-feed .single-instagram-feed {
    border-radius: 6px;
    width: 72px;
    height: 72px;
    overflow: hidden;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

    .widget-instagram-feed .single-instagram-feed:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .widget-instagram-feed .single-instagram-feed img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.widget_promotion {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    background-color: #26262c;
}

    .widget_promotion .wp-block-heading {
        width: 100%;
        text-align: center;
        color: #ffffff;
        font-size: 40px;
        line-height: 56px;
        margin-bottom: 10px;
    }

    .widget_promotion .secondary-btn {
        display: inline-block;
        background: var(--primary-color);
        color: #26262c;
        padding: 12px 104px;
        font-weight: 500;
        font-family: "Roboto", sans-serif;
        text-transform: capitalize;
        position: relative;
        z-index: 1;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        font-size: 16px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        border-radius: 10px;
    }

        .widget_promotion .secondary-btn i {
            color: #fff;
            font-size: 16px;
        }

        .widget_promotion .secondary-btn:hover {
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            background-color: #ffffff;
            border-color: #ffffff;
        }

    .widget_promotion p {
        color: rgba(255, 255, 255, 0.53);
        margin-bottom: 32px;
    }

.single-post-item .single-post-meta {
    gap: 32px;
}

@media (max-width: 767px) {
    .service-sidebar {
        margin-top: 56px !important;
        padding-bottom: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .service-sidebar {
        padding-bottom: 100px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .service-sidebar {
        padding-bottom: 120px;
    }
}

.service-sidebar .widget {
    margin-bottom: 60px;
}

    .service-sidebar .widget:last-child {
        margin-bottom: 0;
    }

.widget_contact_form .comment-respond {
    padding: 0;
    border: 0;
    margin: 0;
}

.widget_service_categories {
    background-color: transparent;
    padding: 0;
}

    .widget_service_categories ul li {
        border: 0;
        padding-bottom: 5px !important;
    }

        .widget_service_categories ul li a {
            background-color: rgb(241, 241, 249);
            border-radius: 8px;
            padding: 21px 24px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 16px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            color: #26262c;
            font-family: "Roboto", sans-serif;
            font-size: 21px;
            font-weight: 500;
            width: 100%;
        }

            .widget_service_categories ul li a i {
                color: var(--primary-color);
                font-size: 24px;
                font-weight: 500;
                -webkit-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .widget_service_categories ul li a {
        padding: 20px;
    }
}

.widget_service_categories ul li a:hover {
    background: var(--secondary-color);
    color: #ffffff;
}

    .widget_service_categories ul li a:hover i {
        color: #ffffff;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.widget_service_categories ul li.active a {
    background: var(--secondary-color);
    color: #ffffff;
}

    .widget_service_categories ul li.active a i {
        color: #ffffff;
    }

.widget_service_promotion {
    padding: 40px 44px;
    background-color: rgb(14, 38, 66);
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

    .widget_service_promotion .wp-block-heading {
        color: #ffffff;
        font-size: 30px;
    }

        .widget_service_promotion .wp-block-heading::before {
            display: none;
        }

    .widget_service_promotion .promotion-card {
        position: relative;
        z-index: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
    }

        .widget_service_promotion .promotion-card .short-desc {
            font-size: 18px;
            line-height: 30px;
            font-weight: "Roboto", sans-serif;
        }

        .widget_service_promotion .promotion-card h4 {
            color: #ffffff;
            font-family: "Roboto", sans-serif;
            font-size: 24px;
            line-height: 36px;
            font-weight: 500;
            margin: 0;
        }

        .widget_service_promotion .promotion-card .secondary-btn {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 18px;
        }

            .widget_service_promotion .promotion-card .secondary-btn .icon {
                width: 60px;
                height: 60px;
                border-radius: 50px;
                background: var(--primary-color);
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                font-size: 18px;
            }

                .widget_service_promotion .promotion-card .secondary-btn .icon i {
                    color: #ffffff;
                }

            .widget_service_promotion .promotion-card .secondary-btn .btn-text {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: start;
            }

                .widget_service_promotion .promotion-card .secondary-btn .btn-text p {
                    margin: 0;
                    text-align: start;
                    color: #ffffff;
                    font-family: "Roboto", sans-serif;
                    font-size: 14px;
                    line-height: 30px;
                    font-weight: 400;
                }

                .widget_service_promotion .promotion-card .secondary-btn .btn-text h4 {
                    margin: 0;
                    text-align: start;
                    color: #ffffff;
                    font-family: "Jost", sans-serif;
                    font-size: 18px;
                    line-height: 30px;
                    font-weight: 500;
                }

.widget_service_brochure {
    position: relative;
}

    .widget_service_brochure .button-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
    }

        .widget_service_brochure .button-wrapper .btn-text {
            color: #ffffff;
            font-family: "Roboto", sans-serif;
            font-size: 18px;
            border: 2px solid var(--primary-color);
            background-color: var(--primary-color);
            line-height: 18px;
            font-weight: 500;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 10px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border-radius: 50px;
            padding: 19px 10px;
        }

            .widget_service_brochure .button-wrapper .btn-text:hover {
                background-color: var(--primary-color);
                color: #ffffff;
            }

        .widget_service_brochure .button-wrapper .doc {
            background-color: transparent;
            color: #26262c;
        }

.comment-respond {
    margin-top: 70px;
}

.blog-coment-title h2,
.blog-coment-title .wp-block-comments-title,
.wp-block-comments h2,
.wp-block-comments .wp-block-comments-title {
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 0;
    font-weight: 500;
    margin-top: -10px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .blog-coment-title h2,
    .blog-coment-title .wp-block-comments-title,
    .wp-block-comments h2,
    .wp-block-comments .wp-block-comments-title {
        font-size: 32px;
        line-height: 34px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-coment-title h2,
    .blog-coment-title .wp-block-comments-title,
    .wp-block-comments h2,
    .wp-block-comments .wp-block-comments-title {
        font-size: 38px;
        line-height: 42px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog-coment-title h2,
    .blog-coment-title .wp-block-comments-title,
    .wp-block-comments h2,
    .wp-block-comments .wp-block-comments-title {
        font-size: 42px;
        line-height: 56px;
    }
}

/* Block Comment Start */
.wp-block-comments .wp-block-comment-template {
    padding-right: 0;
}

    .wp-block-comments .wp-block-comment-template .wp-block-comment-reply-link {
        margin-top: 15px;
    }

    .wp-block-comments .wp-block-comment-template li .wp-block-columns {
        padding: 50px;
        border: 1px solid #dfe2e9;
        border-radius: 8px;
        margin-bottom: 24px;
    }

        .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-column:first-child {
            -ms-flex-preferred-size: 80px !important;
            flex-basis: 80px !important;
        }

        .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-avatar {
            width: 100px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            border-radius: 50%;
            overflow: hidden;
        }

            .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-avatar img {
                width: 100%;
            }

        .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-author-name a {
            font-size: 21px;
            margin-bottom: 5px;
            font-weight: 500;
            font-family: "Jost", sans-serif;
            color: #26262c;
        }

        .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-edit-link a {
            color: var(--primary-color);
        }

        .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-date a,
        .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-edit-link a {
            color: #9ba8c3;
            font-size: 16px;
            font-weight: 400;
            font-family: "Roboto", sans-serif;
        }

        .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-reply-link a {
            border-radius: 6px;
            font-size: 14px;
            font-weight: 500;
            color: #26262c;
            border: 1px solid var(--primary-color);
            padding: 4px 26px;
            display: inline-block;
        }

            .wp-block-comments .wp-block-comment-template li .wp-block-columns .wp-block-comment-reply-link a:hover {
                background-color: var(--primary-color);
                color: #ffffff;
                -webkit-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

/* Block Comment End */
.latest-comments .comment-respond {
    margin-top: 30px;
}

.latest-comments li.comment {
    padding: 0;
}

    .latest-comments li.comment .comments-box {
        padding-top: 48px;
        padding-bottom: 13px;
        border-top: 1px solid #c7c7e1;
    }

    .latest-comments li.comment .children li.comment .comments-box {
        border-top: 1px solid #c7c7e1;
    }

    .latest-comments li.comment:first-child .comments-box {
        border-top: 0;
    }

.latest-comments li .children {
    padding-right: 0;
}

    .latest-comments li .children .comments-box {
        margin-right: 106px;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .latest-comments li .children .comments-box {
        margin-right: 0;
    }
}

.latest-comments li .comments-box .comments-avatar {
    float: right;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .latest-comments li .comments-box .comments-avatar {
        float: inherit;
        margin-bottom: 20px;
    }
}

.latest-comments li .comments-box .comments-avatar img {
    margin-left: 23px;
    width: 84px;
    border-radius: 8px;
}

.latest-comments li .comments-box .comments-text {
    overflow: hidden;
}

    .latest-comments li .comments-box .comments-text p {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
        color: #8f939b;
        font-family: "Roboto", sans-serif;
    }

    .latest-comments li .comments-box .comments-text .avatar-name {
        margin-bottom: 10px;
        position: relative;
    }

        .latest-comments li .comments-box .comments-text .avatar-name h5 {
            font-size: 24px;
            margin-bottom: 5px;
            font-weight: 500;
            font-family: "Jost", sans-serif;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .latest-comments li .comments-box .comments-text .avatar-name span {
            color: #abb0ba;
            font-size: 16px;
            font-weight: 400;
            font-family: "Roboto", sans-serif;
            font-style: italic;
        }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .latest-comments li .comments-box .comments-text .avatar-name span {
        display: inline-block;
        width: 100%;
    }
}

.latest-comments li .comments-box .comments-text .comment-reply-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    color: #26262c;
    border: 1px solid var(--primary-color);
    padding: 5px 30px;
    gap: 8px;
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .latest-comments li .comments-box .comments-text .comment-reply-link {
        position: unset;
        margin-top: 10px;
    }
}

.latest-comments li .comments-box .comments-text .comment-reply-link:hover {
    background-color: var(--primary-color);
    color: #ffffff;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.post-comments .latest-comments > ul {
    list-style: none;
    padding-right: 0;
    margin-bottom: 0;
}

.comments-text > ul, .comments-text > ol {
    margin-bottom: 20px;
}

ul.children {
    list-style: none;
}

.post-comments-form .contacts-message {
    margin-top: 10px;
}

/*Comment Input Filed*/
.post-comments-title .sub-title {
    font-size: 18px;
    font-weight: 500;
    font-family: "Jost", sans-serif;
    color: var(--primary-color);
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.post-comments-title h2 {
    font-size: 36px;
    line-height: 28px;
    font-weight: 500;
    color: #26262c;
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .post-comments-title h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
}

.post-comments-title h2 small {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    color: var(--primary-color);
}

.comment-respond {
    padding: 50px;
    border-radius: 12px;
    position: relative;
    border: 1px solid #c7c7e1;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .comment-respond {
        padding: 30px;
    }
}

.comment-respond p {
    margin: 0;
}

.comment-respond .contacts-email,
.comment-respond .contacts-name,
.comment-respond .single-input-field {
    margin-bottom: 12px;
}

.comment-respond label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #778196;
    margin-bottom: 12px;
}

.comment-respond .checkbox-field-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 12px;
    padding: 15px 0;
}

    .comment-respond .checkbox-field-wrapper p {
        margin: 0;
    }

    .comment-respond .checkbox-field-wrapper .single-checkbox-field {
        margin-bottom: 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        font-size: 16px;
        font-weight: 400;
        font-family: "Roboto", sans-serif;
    }

.comment-respond .comment-form-cookies-consent {
    display: none;
}

.comment-respond input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.comment-respond input,
.comment-respond select {
    padding: 0 20px;
    height: 60px;
    width: 100%;
    color: #778196;
    opacity: 1;
    border: 1px solid #c7c7e1 !important;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 400;
    background-color: #ffffff;
    font-family: "Roboto", sans-serif !important;
}

.comment-respond *::-webkit-input-placeholder {
    color: #778196;
}

.comment-respond *::-moz-placeholder {
    color: #778196;
    opacity: 1;
}

.comment-respond *:-ms-input-placeholder {
    color: #778196;
}

.comment-respond *::-ms-input-placeholder {
    color: #778196;
}

.comment-respond *::placeholder {
    color: #778196;
}

.comment-respond textarea {
    resize: vertical;
    padding: 20px;
    width: 100%;
    color: #778196;
    border: 1px solid #c7c7e1 !important;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 400;
    background-color: #ffffff;
    font-family: "Roboto", sans-serif !important;
    height: 190px;
    margin-bottom: 12px;
}

    .comment-respond input:focus,
    .comment-respond textarea:focus,
    .comment-respond .form-select:focus {
        outline: none !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: var(--primary-color) !important;
        -webkit-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

.comment-respond.style-two {
    margin: 0;
    background-color: transparent;
    padding: 82px 6px 82px 88px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .comment-respond.style-two {
        padding: 50px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .comment-respond.style-two {
        padding: 30px;
    }
}

.comment-respond.style-two .post-comments-title h2 {
    color: #ffffff;
}

.comment-respond.style-two label {
    color: #bbbfc7;
}

.comment-respond.style-two .nice-select:after {
    border-color: transparent transparent #c7cdda transparent;
}

.comment-respond.style-two input[type=radio]::before,
.comment-respond.style-two input[type=checkbox]::before {
    background-color: transparent;
}

.comment-respond.style-two .single-input-field p {
    margin-bottom: 0;
}

.comment-respond.style-two .single-input-field input,
.comment-respond.style-two .single-input-field select,
.comment-respond.style-two .single-input-field textarea {
    background-color: transparent;
    color: #bbbfc7;
    border-color: #739bbf !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.comment-respond.style-two .single-input-field .nice-select {
    color: #bbbfc7;
    border-color: #739bbf !important;
}

    .comment-respond.style-two .single-input-field input:focus,
    .comment-respond.style-two .single-input-field textarea:focus,
    .comment-respond.style-two .single-input-field .form-select:focus,
    .comment-respond.style-two .single-input-field .nice-select:focus {
        border-color: var(--primary-color) !important;
    }

.comment-respond.style-two .single-input-field *::-webkit-input-placeholder {
    color: #bbbfc7;
}

.comment-respond.style-two .single-input-field *::-moz-placeholder {
    color: #bbbfc7;
    opacity: 1;
}

.comment-respond.style-two .single-input-field *:-ms-input-placeholder {
    color: #bbbfc7;
}

.comment-respond.style-two .single-input-field *::-ms-input-placeholder {
    color: #bbbfc7;
}

.comment-respond.style-two .single-input-field *::placeholder {
    color: #bbbfc7;
}

.comment-respond.style-two .checkbox-field-wrapper .single-checkbox-field .form-check-input,
.comment-respond.style-two .checkbox-field-wrapper .wpcf7-list-item .form-check-input {
    background-color: transparent;
    border-color: #739bbf !important;
}

.comment-respond.style-two .checkbox-field-wrapper .single-checkbox-field input[type=checkbox],
.comment-respond.style-two .checkbox-field-wrapper .single-checkbox-field input[type=radio],
.comment-respond.style-two .checkbox-field-wrapper .wpcf7-list-item input[type=checkbox],
.comment-respond.style-two .checkbox-field-wrapper .wpcf7-list-item input[type=radio] {
    border-color: #739bbf !important;
}

    .comment-respond.style-two .checkbox-field-wrapper .single-checkbox-field input[type=checkbox]:checked,
    .comment-respond.style-two .checkbox-field-wrapper .single-checkbox-field input[type=radio]:checked,
    .comment-respond.style-two .checkbox-field-wrapper .wpcf7-list-item input[type=checkbox]:checked,
    .comment-respond.style-two .checkbox-field-wrapper .wpcf7-list-item input[type=radio]:checked {
        border-color: var(--primary-color) !important;
    }

.comment-respond.style-three {
    margin: 0;
}

    .comment-respond.style-three input,
    .comment-respond.style-three select,
    .comment-respond.style-three textarea {
        border: 1px solid rgb(223, 226, 233) !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .comment-respond.style-three input:focus,
        .comment-respond.style-three textarea:focus,
        .comment-respond.style-three .form-select:focus,
        .comment-respond.style-three .nice-select:focus {
            border-color: var(--primary-color) !important;
        }

.team-member-card-wrapper:nth-child(even) {
    margin-top: 72px;
}

@media (max-width: 991px) {
    .team-member-card-wrapper:nth-child(even) {
        margin-top: 0;
    }
}

@media (max-width: 991px) {
    .team-member-card-wrapper {
        margin-bottom: 24px;
    }
}

.team-member-card {
    position: relative;
}

    .team-member-card .image {
        border-radius: 12px;
        overflow: hidden;
        position: relative;
    }

        .team-member-card .image:before {
            position: absolute;
            width: 200%;
            height: 0%;
            right: 50%;
            top: 50%;
            background-color: rgba(255, 255, 255, 0.3);
            -webkit-transform: translate(50%, -50%) rotate(225deg);
            transform: translate(50%, -50%) rotate(225deg);
            content: "";
            z-index: 1;
        }

        .team-member-card .image img {
            width: 100%;
            height: 100%;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

    .team-member-card .content-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 36px;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .team-member-card .content-wrapper {
        padding: 0 20px;
    }
}

.team-member-card .content-wrapper .team-content-wrapper {
    position: relative;
    width: 100%;
}

.team-member-card .content-wrapper .content {
    width: 100%;
    padding-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1;
    gap: 5px;
    position: relative;
}

    .team-member-card .content-wrapper .content:before {
        position: absolute;
        content: "";
        width: 3px;
        height: 72px;
        background-color: var(--primary-color);
        top: -45px;
        right: 0;
    }

    .team-member-card .content-wrapper .content .title {
        font-size: 24px;
        line-height: 32px;
        font-weight: 500;
        color: #26262c;
        font-family: "Jost", sans-serif;
        margin: 0;
    }

    .team-member-card .content-wrapper .content .desc {
        font-size: 16px;
        line-height: 28px;
        font-weight: 400;
        color: #8f939b;
        font-family: "Jost", sans-serif;
        margin: 0;
    }

.team-member-card .content-wrapper .social-profile-link {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9;
}

    .team-member-card .content-wrapper .social-profile-link .social-profile-btn {
        width: 48px;
        height: 48px;
        border-radius: 8px;
        background-color: var(--primary-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #ffffff;
        font-size: 18px;
        cursor: pointer;
        z-index: 2;
    }

    .team-member-card .content-wrapper .social-profile-link .social {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5px;
        color: #ffffff;
        position: absolute;
        bottom: 0;
        width: 100%;
        border-radius: 8px;
        background: #21aee0;
        padding-top: 8px;
        padding-bottom: 8px;
        opacity: 0;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .team-member-card .content-wrapper .social-profile-link .social a {
            color: #ffffff;
            text-align: center;
            height: 0;
            position: relative;
        }

            .team-member-card .content-wrapper .social-profile-link .social a:before {
                content: "";
                border-bottom: 1px solid #50c7f1;
                height: 1px;
                width: 100%;
                bottom: 0;
                right: 0;
                position: absolute;
            }

            .team-member-card .content-wrapper .social-profile-link .social a:hover {
                color: #26262c;
            }

.team-member-card:hover .image:before {
    height: 250%;
    -webkit-transition: all 900ms linear;
    transition: all 900ms linear;
    background-color: transparent;
}

.team-member-card:hover .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.team-member-card:hover .social-profile-link .social {
    bottom: 40px;
    border-radius: 8px 8px 0 0;
    opacity: 1;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .team-member-card:hover .social-profile-link .social a {
        height: 35px;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.team-member-slider-wrapper {
    position: relative;
}

    .team-member-slider-wrapper .slick-list {
        padding-bottom: 88px;
        margin: 0 -55px;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .team-member-slider-wrapper .slick-list {
        padding-bottom: 25px;
        margin: unset;
    }
}

.team-member-slider-wrapper .slick-list .slick-slide {
    margin: 0 55px;
}

@media (max-width: 1199px) {
    .team-member-slider-wrapper .slick-list .slick-slide {
        margin: 0 14px;
    }
}

.team-member-slider-wrapper .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
}

    .team-member-slider-wrapper .slick-dots li {
        display: inline-block;
        line-height: 0;
        outline: 2px solid transparent;
        border: 5px solid transparent;
        border-radius: 50px;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .team-member-slider-wrapper .slick-dots li button {
            font-size: 0;
            padding: 0;
            width: 12px;
            height: 12px;
            background-color: rgb(94, 111, 146);
            opacity: 0.478;
            border-radius: 50px;
            position: relative;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

        .team-member-slider-wrapper .slick-dots li.slick-active {
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            outline: 2px solid rgb(252, 133, 91);
        }

            .team-member-slider-wrapper .slick-dots li.slick-active button {
                -webkit-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

.portfolio-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.portfolio-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 64px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 42px 0;
    border-bottom: 1px solid rgb(199, 199, 225);
    cursor: default;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .portfolio-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        gap: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-card {
        gap: 30px;
    }
}

.portfolio-card:first-child {
    border-top: 1px solid rgb(199, 199, 225);
}

.portfolio-card:hover .counter-number {
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    color: var(--primary-color);
    -webkit-text-fill-color: var(--primary-color);
    -webkit-text-stroke-color: var(--primary-color);
}

.portfolio-card:hover .content .image {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(-50%) skewY(0) scaleZ(1) rotate(10deg);
    transform: translateY(-50%) skewY(0) scaleZ(1) rotate(10deg);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .portfolio-card:hover .content .image {
        -webkit-transform: unset;
        transform: unset;
    }
}

.portfolio-card:hover .btn-wrapper .style-btn {
    color: #ffffff;
}

    .portfolio-card:hover .btn-wrapper .style-btn:before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='104px' height='104px'%3E%3Cpath fill-rule='evenodd' stroke-width='1px' stroke='var(--primary-color)' fill-opacity='1' opacity='1' fill='var(--primary-color)' d='M97.490,48.652 C96.317,49.452 95.644,50.724 95.644,52.144 C95.644,53.564 96.317,54.837 97.490,55.636 C99.488,56.999 100.437,59.318 99.966,61.689 C99.496,64.61 97.734,65.842 95.367,66.338 C93.967,66.632 92.860,67.550 92.317,68.859 C91.774,70.169 91.907,71.601 92.682,72.788 L92.694,72.805 C94.15,74.830 94.1,77.335 92.658,79.344 C91.313,81.353 89.3,82.322 86.628,81.872 C85.226,81.608 83.850,82.31 82.846,83.35 C81.843,84.40 81.418,85.415 81.682,86.810 C82.133,89.192 81.164,91.503 79.155,92.847 C77.146,94.190 74.641,94.205 72.616,92.883 L72.597,92.870 C71.413,92.96 69.980,91.963 68.670,92.506 C67.360,93.48 66.442,94.156 66.152,95.543 C65.653,97.924 63.872,99.685 61.500,100.156 C61.98,100.235 60.698,100.274 60.303,100.274 C58.370,100.274 56.579,99.338 55.447,97.679 C54.648,96.506 53.375,95.833 51.955,95.833 C50.535,95.833 49.262,96.506 48.462,97.679 C47.100,99.677 44.781,100.626 42.410,100.156 C40.38,99.685 38.257,97.924 37.761,95.556 C37.468,94.156 36.549,93.48 35.240,92.507 C33.930,91.963 32.498,92.96 31.310,92.872 L31.292,92.883 C29.270,94.205 26.764,94.190 24.755,92.847 C22.746,91.503 21.777,89.192 22.226,86.817 C22.492,85.415 22.68,84.40 21.64,83.35 C20.60,82.31 18.684,81.608 17.289,81.870 C14.907,82.322 12.597,81.353 11.252,79.344 C9.908,77.335 9.894,74.830 11.216,72.805 L11.226,72.790 C12.3,71.601 12.136,70.169 11.593,68.859 C11.50,67.550 9.943,66.632 8.555,66.340 C6.176,65.843 4.414,64.61 3.943,61.689 C3.473,59.318 4.422,56.999 6.420,55.637 C7.593,54.837 8.266,53.564 8.266,52.144 C8.266,50.724 7.593,49.452 6.420,48.652 C4.422,47.290 3.473,44.970 3.944,42.599 C4.414,40.227 6.176,38.446 8.543,37.950 C9.943,37.657 11.50,36.739 11.593,35.429 C12.136,34.119 12.2,32.687 11.227,31.500 L11.217,31.483 C9.894,29.459 9.908,26.953 11.252,24.944 C12.597,22.935 14.907,21.967 17.282,22.415 C18.684,22.681 20.60,22.257 21.63,21.253 C22.67,20.250 22.492,18.874 22.228,17.478 C21.777,15.96 22.746,12.785 24.755,11.441 C26.764,10.97 29.270,10.84 31.293,11.405 L31.310,11.416 C32.498,12.192 33.930,12.325 35.239,11.782 C36.549,11.240 37.467,10.132 37.758,8.745 C38.257,6.365 40.38,4.603 42.410,4.133 C44.781,3.662 47.100,4.611 48.462,6.609 C49.262,7.783 50.535,8.455 51.955,8.455 C53.375,8.455 54.648,7.783 55.447,6.609 C56.809,4.611 59.128,3.662 61.500,4.134 C63.872,4.603 65.653,6.365 66.149,8.732 C66.442,10.132 67.360,11.240 68.670,11.782 C69.980,12.326 71.412,12.192 72.599,11.416 L72.615,11.407 C74.640,10.83 77.146,10.97 79.155,11.441 C81.164,12.785 82.133,15.96 81.683,17.471 C81.418,18.874 81.842,20.249 82.846,21.253 C83.850,22.257 85.226,22.681 86.621,22.418 C89.4,21.966 91.313,22.935 92.657,24.944 C94.1,26.953 94.15,29.458 92.693,31.482 L92.682,31.499 C91.907,32.687 91.774,34.119 92.317,35.429 C92.860,36.739 93.967,37.657 95.354,37.948 C97.734,38.446 99.496,40.227 99.966,42.599 C100.437,44.970 99.488,47.290 97.490,48.652 Z'/%3E%3C/svg%3E");
    }

.portfolio-card .counter-number {
    font-size: 72px;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #26262c;
    line-height: initial;
    color: #26262c;
    position: relative;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .portfolio-card .counter-number:before {
        border-radius: 50%;
        background-color: rgb(232, 232, 245);
        width: 56px;
        height: 56px;
        position: absolute;
        content: "";
        bottom: 0;
        z-index: -1;
        left: 0;
    }

.portfolio-card .content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
}

    .portfolio-card .content .short-title {
        font-size: 21px;
        font-weight: 500;
        color: var(--primary-color);
        margin-bottom: 25px;
        display: block;
        text-transform: uppercase;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .portfolio-card .content .short-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-card .content .short-title {
        font-size: 18px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio-card .content .short-title {
        font-size: 18px;
    }
}

.portfolio-card .content .title {
    font-size: 90px;
    font-weight: 500;
    color: #26262c;
    margin-bottom: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .portfolio-card .content .title {
        font-size: 36px;
        line-height: 42px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-card .content .title {
        font-size: 38px;
        line-height: 48px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio-card .content .title {
        font-size: 42px;
        line-height: 50px;
    }
}

.portfolio-card .content .title a:hover {
    color: var(--primary-color);
}

.portfolio-card .content .image {
    position: absolute;
    border-radius: 12px;
    overflow: hidden;
    top: 50%;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    left: 100px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .portfolio-card .content .image {
        position: unset;
        -webkit-transform: unset;
        transform: unset;
        visibility: visible;
        opacity: 1;
        margin-top: 40px;
        left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-card .content .image {
        width: 280px;
        left: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio-card .content .image {
        left: 0;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .portfolio-card .content .image {
        left: 0;
    }
}

.portfolio-card .btn-wrapper {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

    .portfolio-card .btn-wrapper .style-btn {
        color: #26262c;
        width: 97px;
        height: 97px;
    }

        .portfolio-card .btn-wrapper .style-btn:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='104px' height='104px'%3E%3Cpath fill-rule='evenodd' stroke-width='1px' stroke='rgb(38, 38, 44)' fill-opacity='0' opacity='0.451' fill='rgb(101, 97, 222)' d='M97.490,48.652 C96.317,49.452 95.644,50.724 95.644,52.144 C95.644,53.564 96.317,54.837 97.490,55.636 C99.488,56.999 100.437,59.318 99.966,61.689 C99.496,64.61 97.734,65.842 95.367,66.338 C93.967,66.632 92.860,67.550 92.317,68.859 C91.774,70.169 91.907,71.601 92.682,72.788 L92.694,72.805 C94.15,74.830 94.1,77.335 92.658,79.344 C91.313,81.353 89.3,82.322 86.628,81.872 C85.226,81.608 83.850,82.31 82.846,83.35 C81.843,84.40 81.418,85.415 81.682,86.810 C82.133,89.192 81.164,91.503 79.155,92.847 C77.146,94.190 74.641,94.205 72.616,92.883 L72.597,92.870 C71.413,92.96 69.980,91.963 68.670,92.506 C67.360,93.48 66.442,94.156 66.152,95.543 C65.653,97.924 63.872,99.685 61.500,100.156 C61.98,100.235 60.698,100.274 60.303,100.274 C58.370,100.274 56.579,99.338 55.447,97.679 C54.648,96.506 53.375,95.833 51.955,95.833 C50.535,95.833 49.262,96.506 48.462,97.679 C47.100,99.677 44.781,100.626 42.410,100.156 C40.38,99.685 38.257,97.924 37.761,95.556 C37.468,94.156 36.549,93.48 35.240,92.507 C33.930,91.963 32.498,92.96 31.310,92.872 L31.292,92.883 C29.270,94.205 26.764,94.190 24.755,92.847 C22.746,91.503 21.777,89.192 22.226,86.817 C22.492,85.415 22.68,84.40 21.64,83.35 C20.60,82.31 18.684,81.608 17.289,81.870 C14.907,82.322 12.597,81.353 11.252,79.344 C9.908,77.335 9.894,74.830 11.216,72.805 L11.226,72.790 C12.3,71.601 12.136,70.169 11.593,68.859 C11.50,67.550 9.943,66.632 8.555,66.340 C6.176,65.843 4.414,64.61 3.943,61.689 C3.473,59.318 4.422,56.999 6.420,55.637 C7.593,54.837 8.266,53.564 8.266,52.144 C8.266,50.724 7.593,49.452 6.420,48.652 C4.422,47.290 3.473,44.970 3.944,42.599 C4.414,40.227 6.176,38.446 8.543,37.950 C9.943,37.657 11.50,36.739 11.593,35.429 C12.136,34.119 12.2,32.687 11.227,31.500 L11.217,31.483 C9.894,29.459 9.908,26.953 11.252,24.944 C12.597,22.935 14.907,21.967 17.282,22.415 C18.684,22.681 20.60,22.257 21.63,21.253 C22.67,20.250 22.492,18.874 22.228,17.478 C21.777,15.96 22.746,12.785 24.755,11.441 C26.764,10.97 29.270,10.84 31.293,11.405 L31.310,11.416 C32.498,12.192 33.930,12.325 35.239,11.782 C36.549,11.240 37.467,10.132 37.758,8.745 C38.257,6.365 40.38,4.603 42.410,4.133 C44.781,3.662 47.100,4.611 48.462,6.609 C49.262,7.783 50.535,8.455 51.955,8.455 C53.375,8.455 54.648,7.783 55.447,6.609 C56.809,4.611 59.128,3.662 61.500,4.134 C63.872,4.603 65.653,6.365 66.149,8.732 C66.442,10.132 67.360,11.240 68.670,11.782 C69.980,12.326 71.412,12.192 72.599,11.416 L72.615,11.407 C74.640,10.83 77.146,10.97 79.155,11.441 C81.164,12.785 82.133,15.96 81.683,17.471 C81.418,18.874 81.842,20.249 82.846,21.253 C83.850,22.257 85.226,22.681 86.621,22.418 C89.4,21.966 91.313,22.935 92.657,24.944 C94.1,26.953 94.15,29.458 92.693,31.482 L92.682,31.499 C91.907,32.687 91.774,34.119 92.317,35.429 C92.860,36.739 93.967,37.657 95.354,37.948 C97.734,38.446 99.496,40.227 99.966,42.599 C100.437,44.970 99.488,47.290 97.490,48.652 Z'/%3E%3C/svg%3E");
        }

.portfolio-style-two {
    background-color: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 24px;
}

    .portfolio-style-two:hover .image .content-wrapper {
        visibility: visible;
        opacity: 1;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .portfolio-style-two:hover .image .content-wrapper .content .content-inner {
            margin-bottom: 0;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

        .portfolio-style-two:hover .image .content-wrapper .content .btn-wrapper {
            top: 30px;
            left: 60px;
            -webkit-transform: translate(-100%, -50%) scale(1);
            transform: translate(-100%, -50%) scale(1);
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

    .portfolio-style-two:hover .image img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .portfolio-style-two .image {
        overflow: hidden;
        position: relative;
    }

        .portfolio-style-two .image img {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            width: 100%;
        }

    .portfolio-style-two .content-wrapper {
        padding: 36px;
        position: absolute;
        height: 100%;
        width: 100%;
        right: 0;
        top: 0;
        visibility: hidden;
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .portfolio-style-two .content-wrapper {
        padding: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio-style-two .content-wrapper {
        padding: 20px;
    }
}

.portfolio-style-two .content-wrapper .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    gap: 10px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

    .portfolio-style-two .content-wrapper .content .content-inner {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: -100%;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .portfolio-style-two .content-wrapper .content .sub-title {
        color: var(--primary-color);
        font-size: 16px;
        line-height: 36px;
        font-weight: 500;
    }

    .portfolio-style-two .content-wrapper .content .title {
        font-size: 24px;
        font-weight: 500;
        line-height: 36px;
        margin-bottom: 0;
        color: #ffffff;
    }

        .portfolio-style-two .content-wrapper .content .title a:hover {
            color: var(--primary-color);
        }

    .portfolio-style-two .content-wrapper .content .btn-wrapper {
        position: absolute;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0;
        top: 70%;
        left: 20%;
        -webkit-transform: translate(50%, -50%) scale(0.3);
        transform: translate(50%, -50%) scale(0.3);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .portfolio-style-two .content-wrapper .content .btn-wrapper a {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            width: 60px;
            height: 60px;
            background-color: var(--primary-color);
            border-radius: 50px;
            color: #ffffff;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .portfolio-style-two .content-wrapper .content .btn-wrapper a i {
                -webkit-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
                -webkit-transform: rotate(315deg);
                transform: rotate(315deg);
            }

            .portfolio-style-two .content-wrapper .content .btn-wrapper a:hover {
                -webkit-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
                background-color: #ffffff;
                color: #26262c;
            }

                .portfolio-style-two .content-wrapper .content .btn-wrapper a:hover i {
                    -webkit-transform: rotate(270deg);
                    transform: rotate(270deg);
                    -webkit-transition: all 0.5s ease-out;
                    transition: all 0.5s ease-out;
                }

.portfolio-slider-wrapper {
    position: relative;
}

    .portfolio-slider-wrapper .slick-list {
        margin: 0 -12px;
    }

        .portfolio-slider-wrapper .slick-list .portfolio-style-two.slick-slide .image {
            height: 100%;
        }

            .portfolio-slider-wrapper .slick-list .portfolio-style-two.slick-slide .image img {
                position: absolute;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                top: 0;
                right: 0;
            }

        .portfolio-slider-wrapper .slick-list .slick-slide {
            margin: 0 12px;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .portfolio-slider-wrapper .slick-list .slick-slide.slick-active {
                -webkit-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

    .portfolio-slider-wrapper button.portfolio-arrow-btn {
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        z-index: 99;
        background-color: var(--primary-color);
        cursor: pointer;
        top: -90px;
        overflow: hidden;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

@media (max-width: 991px) {
    .portfolio-slider-wrapper button.portfolio-arrow-btn {
        top: unset;
        bottom: -50px;
    }
}

.portfolio-slider-wrapper button.portfolio-arrow-btn.prev-btn {
    left: 40px;
}

@media (max-width: 991px) {
    .portfolio-slider-wrapper button.portfolio-arrow-btn.prev-btn {
        left: unset;
    }
}

@media (max-width: 767px) {
    .portfolio-slider-wrapper button.portfolio-arrow-btn.prev-btn {
        left: unset;
        right: 10px;
    }
}

.portfolio-slider-wrapper button.portfolio-arrow-btn.next-btn {
    left: 0;
}

@media (max-width: 991px) {
    .portfolio-slider-wrapper button.portfolio-arrow-btn.next-btn {
        left: unset;
        right: 50px;
    }
}

@media (max-width: 767px) {
    .portfolio-slider-wrapper button.portfolio-arrow-btn.next-btn {
        left: 30px;
        right: 50px;
    }
}

.portfolio-slider-wrapper button.portfolio-arrow-btn i {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    color: #ffffff;
    font-size: 16px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.portfolio-slider-wrapper button.portfolio-arrow-btn:hover {
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background-color: var(--secondary-color);
}

    .portfolio-slider-wrapper button.portfolio-arrow-btn:hover i {
        color: #ffffff;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.brand-marquee-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    gap: 66px;
}

@media (max-width: 767px) {
    .brand-marquee-area {
        gap: 20px;
    }
}

.brand-marquee-area .brand-marquee-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 44px;
}

    .brand-marquee-area .brand-marquee-wrapper.first-brand-marquee {
        -webkit-animation: Scroll 32s linear infinite;
        animation: Scroll 32s linear infinite;
    }

    .brand-marquee-area .brand-marquee-wrapper.second-brand-marquee {
        -webkit-animation: Scroll 32s linear infinite;
        animation: Scroll 32s linear infinite;
        animation-direction: reverse;
    }

.brand-marquee-area .single-brand-marquee {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 44px;
}

    .brand-marquee-area .single-brand-marquee:nth-child(even) .brand-marquee-title {
        color: #dedeed;
    }

    .brand-marquee-area .single-brand-marquee:last-child .brand-marquee-star {
        display: none;
    }

    .brand-marquee-area .single-brand-marquee .brand-marquee-title {
        font-size: 120px;
        color: #26262c;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 87px;
        white-space: nowrap;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .brand-marquee-area .single-brand-marquee .brand-marquee-title {
        font-size: 62px;
        line-height: 62px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .brand-marquee-area .single-brand-marquee .brand-marquee-title {
        font-size: 80px;
        line-height: 80px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .brand-marquee-area .single-brand-marquee .brand-marquee-title {
        font-size: 95px;
        line-height: 75px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .brand-marquee-area .single-brand-marquee .brand-marquee-title {
        font-size: 100px;
        line-height: 80px;
    }
}

.brand-marquee-area .single-brand-marquee .brand-marquee-star {
    font-size: 90px;
    font-weight: 500;
    color: var(--secondary-color);
    white-space: nowrap;
    margin-top: 20px;
    line-height: 0;
}

.about-us-area.style-1 {
    padding: 120px 0;
    background-color: rgb(241, 241, 249);
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .about-us-area.style-1 {
        padding: 80px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-us-area.style-1 {
        padding: 100px 0;
    }
}

.about-us-area.style-1 .section-title {
    margin-bottom: 20px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .about-us-area.style-1 .about-info-card.style-1 {
        margin-top: 134px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-us-area.style-1 .about-info-card.style-1 {
        margin-top: 120px;
    }
}

.about-us-area.style-1 .about-image-wrapper {
    position: absolute;
    border-radius: 12px;
    overflow: hidden;
    width: auto;
    left: 0px;
    bottom: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    margin-bottom: -156px;
    padding: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-us-area.style-1 .about-image-wrapper {
        left: 0;
        width: 250px;
        height: 200px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-us-area.style-1 .about-image-wrapper {
        left: 0;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about-us-area.style-1 .about-image-wrapper {
        left: 0;
    }
}

@media (max-width: 767px) {
    .about-us-area.style-1 .about-image-wrapper {
        width: 200px;
        height: 150px;
        bottom: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        left: 15px;
    }

        .about-us-area.style-1 .about-image-wrapper img {
            border-radius: 12px;
        }
}

.counter-up-area.style-1 {
    padding: 138px 0;
    background-color: rgb(14, 38, 66);
    z-index: -1;
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
    .counter-up-area.style-1 {
        padding: 80px 0;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .counter-up-area.style-1 {
        padding: 100px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .counter-up-area.style-1 {
        padding: 120px 0;
    }
}

.feature-area.style-1 {
    padding-top: 120px;
    padding-bottom: 190px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .feature-area.style-1 {
        padding-top: 80px;
        padding-bottom: 56px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .feature-area.style-1 {
        padding-top: 100px;
        padding-bottom: 76px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .feature-area.style-1 {
        padding-bottom: 120px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .feature-area.style-1 {
        padding-bottom: 120px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .feature-area.style-1 .info-card {
        padding: 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .feature-area.style-1 .info-card {
        padding: 50px 22px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .feature-area.style-1 .info-card {
        padding: 50px 40px;
    }
}

.feature-area.style-1 .gx-6 {
    --bs-gutter-x: 5.55rem;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .feature-area.style-1 .gx-6 {
        --bs-gutter-x: 1rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .feature-area.style-1 .gx-6 {
        --bs-gutter-x: 1rem;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .feature-area.style-1 .gx-6 {
        --bs-gutter-x: 1rem;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .feature-area.style-1 .gx-6 {
        --bs-gutter-x: 2rem;
    }
}

.feature-area.style-1 .section-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 84px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .feature-area.style-1 .section-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
        margin-bottom: 50px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .feature-area.style-1 .section-title {
        margin-bottom: 50px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .feature-area.style-1 .section-title {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .feature-area.style-1 .section-title .title br {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .feature-area.style-1 .section-title .title br {
        display: none;
    }
}

@media (max-width: 767px) {
    .feature-area.style-1 .section-title .sec-content {
        width: 100%;
    }
}

.feature-area.style-1 .section-title .sec-desc {
    width: 537px;
    font-size: 21px;
    font-family: "Roboto", sans-serif;
}

@media (max-width: 767px) {
    .feature-area.style-1 .section-title .sec-desc {
        width: 100%;
    }
}

.feature-area.style-1 .section-title .sec-desc p {
    margin-bottom: 25px;
}

.service-area.style-1 {
    padding-top: 120px;
    padding-bottom: 96px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .service-area.style-1 {
        padding-top: 80px;
        padding-bottom: 56px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .service-area.style-1 {
        padding-top: 100px;
        padding-bottom: 76px;
    }
}

.service-area.style-1 .section-title {
    margin-bottom: 84px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .service-area.style-1 .section-title {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .service-area.style-1 .section-title {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .service-area.style-1 .section-title {
        margin-bottom: 50px;
    }
}

.portfolio-slider-area.style-1 .section-title {
    margin-bottom: 84px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .portfolio-slider-area.style-1 .section-title {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-slider-area.style-1 .section-title {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio-slider-area.style-1 .section-title {
        margin-bottom: 50px;
    }
}

.portfolio-slider-area.style-1 .portfolio-main-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
    .portfolio-slider-area.style-1 .portfolio-main-wrapper {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

@media (max-width: 991px) {
    .portfolio-slider-area.style-1 .portfolio-main-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

.portfolio-slider-area.style-1 .portfolio-fullscreen {
    position: relative;
    overflow: hidden;
    background-color: var(--secondary-color);
}

    .portfolio-slider-area.style-1 .portfolio-fullscreen .tabimg {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

.portfolio-slider-area.style-1 .portfolio-fullscreen-image {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
}

    .portfolio-slider-area.style-1 .portfolio-fullscreen-image .tabimg {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

        .portfolio-slider-area.style-1 .portfolio-fullscreen-image .tabimg.active {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }

.portfolio-slider-area.style-1 .single-portfolio-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 415px;
    padding: 65px 57px 61px 57px;
    border-left: 1px solid rgba(255, 255, 255, 0.42);
    position: relative;
    z-index: 2;
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
    .portfolio-slider-area.style-1 .single-portfolio-item {
        padding: 30px !important;
    }
}

@media (max-width: 991px) {
    .portfolio-slider-area.style-1 .single-portfolio-item {
        gap: 150px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.42);
        padding: 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio-slider-area.style-1 .single-portfolio-item {
        gap: 200px;
        padding: 30px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .portfolio-slider-area.style-1 .single-portfolio-item {
        gap: 230px;
        padding: 30px;
    }
}

.portfolio-slider-area.style-1 .single-portfolio-item:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background-color: rgb(14, 38, 66);
    opacity: 0.722;
    z-index: -1;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.portfolio-slider-area.style-1 .single-portfolio-item.active:before {
    opacity: 0.4;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.portfolio-slider-area.style-1 .single-portfolio-item:last-child {
    border-left-color: transparent;
}

.portfolio-slider-area.style-1 .single-portfolio-item .portfolio-cat-wrapper {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
}

.portfolio-slider-area.style-1 .single-portfolio-item .portfolio-cat {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .portfolio-slider-area.style-1 .single-portfolio-item .portfolio-cat {
        font-size: 14px;
    }
}

.portfolio-slider-area.style-1 .single-portfolio-item .portfolio-cat:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 30px;
    background-color: #ffffff;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    bottom: -43px;
}

.portfolio-slider-area.style-1 .single-portfolio-item .portfolio-content {
    margin-right: 10px;
}

    .portfolio-slider-area.style-1 .single-portfolio-item .portfolio-content .title {
        font-size: 30px;
        font-weight: 500;
        line-height: 42px;
        color: #ffffff;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .portfolio-slider-area.style-1 .single-portfolio-item .portfolio-content .title {
        font-size: 20px;
        line-height: 32px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-slider-area.style-1 .single-portfolio-item .portfolio-content .title {
        font-size: 24px;
        line-height: 36px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio-slider-area.style-1 .single-portfolio-item .portfolio-content .title {
        font-size: 24px;
        line-height: 36px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .portfolio-slider-area.style-1 .single-portfolio-item .portfolio-content .title {
        font-size: 25px;
    }
}

.faq-area.style-1 {
    padding-top: 120px;
    padding-bottom: 125px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .faq-area.style-1 {
        padding-top: 80px;
        padding-bottom: 75px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .faq-area.style-1 {
        padding-top: 100px;
        padding-bottom: 95px;
    }
}

.faq-area.style-1 .section-title {
    margin-bottom: 30px;
}

    .faq-area.style-1 .section-title .title {
        margin-bottom: 20px;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .faq-area.style-1 .section-title .title {
        font-size: 48px;
        line-height: 62px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .faq-area.style-1 .accordion-wrapper.style-two {
        padding-right: 50px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .faq-area.style-1 .accordion-wrapper.style-two {
        padding-right: 50px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .faq-area.style-1 .accordion-wrapper.style-two .accordion-list-item .accordion-head {
        padding: 20px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .faq-area.style-1 .accordion-wrapper.style-two .accordion-list-item .accordion-head {
        padding: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .faq-area.style-1 .faq-img-wrapper {
        text-align: center;
        margin-bottom: 120px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .faq-area.style-1 .faq-img-wrapper {
        text-align: center;
        margin-bottom: 128px;
    }
}

.faq-area.style-1 .faq-img-wrapper .image-wrapper {
    display: inline-block;
    position: relative;
}

    .faq-area.style-1 .faq-img-wrapper .image-wrapper .image-inner {
        overflow: hidden;
        border-radius: 12px;
    }

    .faq-area.style-1 .faq-img-wrapper .image-wrapper:before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        border-top: 75px solid #ffffff;
        border-left: 75px solid transparent;
        z-index: 1;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .faq-area.style-1 .faq-img-wrapper .image-wrapper:before {
        display: none;
    }
}

.faq-area.style-1 .faq-img-wrapper .image-wrapper:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    border-bottom: 120px solid #ffffff;
    border-right: 120px solid transparent;
    z-index: 1;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .faq-area.style-1 .faq-img-wrapper .image-wrapper:after {
        display: none;
    }
}

.faq-area.style-1 .faq-img-wrapper .image-wrapper .company-label {
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: translate(41%, 39%);
    transform: translate(41%, 39%);
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .faq-area.style-1 .faq-img-wrapper .image-wrapper .company-label {
        bottom: unset;
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }
}

.faq-area.style-1 .faq-img-wrapper .image-wrapper .company-label .icon {
    width: 170px;
    height: 170px;
    -webkit-box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.12);
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.12);
    background-color: #ffffff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.faq-area.style-1 .faq-img-wrapper .image-wrapper .company-label .circle-rotate-text span {
    color: #26262c;
}

.faq-area.style-1 .faq-img-wrapper .image-wrapper .company-foundation {
    position: absolute;
    top: 73px;
    left: -50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    background-color: var(--secondary-color);
    border-radius: 12px;
    padding: 22px 20px;
    text-align: right;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .faq-area.style-1 .faq-img-wrapper .image-wrapper .company-foundation {
        left: -10px;
        padding: 15px 20px;
    }
}

.faq-area.style-1 .faq-img-wrapper .image-wrapper .company-foundation span {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
}

    .faq-area.style-1 .faq-img-wrapper .image-wrapper .company-foundation span.counter {
        font-size: 60px;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .faq-area.style-1 .faq-img-wrapper .image-wrapper .company-foundation span.counter {
        font-size: 42px;
    }
}

.brand-slider-area {
    overflow: hidden;
}

    .brand-slider-area.style-1 {
        overflow: hidden;
        padding-top: 70px;
        padding-bottom: 15px;
        margin-bottom: -35px;
    }

    .brand-slider-area .slick-list {
        margin: 0 -20px;
    }

        .brand-slider-area .slick-list .slick-slide {
            margin: 0 20px;
        }

.latest-posts-area.style-1 {
    padding: 120px 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .latest-posts-area.style-1 {
        padding: 80px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .latest-posts-area.style-1 {
        padding: 100px 0;
    }
}

.latest-posts-area.style-1 .section-title {
    margin-bottom: 84px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .latest-posts-area.style-1 .section-title {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .latest-posts-area.style-1 .section-title {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .latest-posts-area.style-1 .section-title {
        margin-bottom: 50px;
    }
}

.latest-posts-area.style-1 .post-card-wrapper {
    padding-right: 48px;
}

@media (max-width: 991px) {
    .latest-posts-area.style-1 .post-card-wrapper {
        padding-right: 0;
        margin-top: 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .latest-posts-area.style-1 .post-card-wrapper {
        padding-right: 0;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .latest-posts-area.style-1 .post-card-wrapper {
        padding-right: 0;
    }
}

.latest-posts-area.style-1 .post-card.style-2 {
    padding-left: 48px;
}

@media (max-width: 991px) {
    .latest-posts-area.style-1 .post-card.style-2 {
        padding-left: 0;
    }
}

.testimonial-slider-area.style-1 {
    padding-top: 120px;
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial-slider-area.style-1 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-slider-area.style-1 {
        padding-top: 100px;
    }
}

.testimonial-slider-area.style-1 .testimonial-slider-wrapper .slick-list {
    padding-bottom: 120px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial-slider-area.style-1 .testimonial-slider-wrapper .slick-list {
        padding-bottom: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-slider-area.style-1 .testimonial-slider-wrapper .slick-list {
        padding-bottom: 100px;
    }
}

.testimonial-slider-area.style-1 .testimonial-user-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: visible;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial-slider-area.style-1 .testimonial-user-wrapper {
        display: none;
    }
}

.testimonial-slider-area.style-1 .testimonial-user-wrapper:before {
    position: absolute;
    content: "";
    border-radius: 6px;
    background-color: var(--secondary-color);
    right: -40px;
    width: 36px;
    height: 36px;
    top: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.testimonial-slider-area.style-1 .testimonial-user-wrapper:after {
    position: absolute;
    content: "";
    border-radius: 6px;
    border: 3px solid var(--primary-color);
    left: -140px;
    width: 52px;
    height: 52px;
    top: 37%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.testimonial-slider-area.style-1 .testimonial-user-wrapper .slick-list,
.testimonial-slider-area.style-1 .testimonial-user-wrapper .slick-track {
    height: 100%;
    width: 100% !important;
    overflow: visible;
    padding-bottom: 0;
    -webkit-transform: none !important;
    transform: none !important;
}

.testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user {
    width: 120px !important;
    height: 120px !important;
    overflow: hidden;
    border-radius: 8px;
    position: absolute;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user.slick-current {
        border: 2px solid var(--secondary-color);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        border-radius: 100% !important;
    }

    .testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user img {
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(1) {
        width: 73px !important;
        height: 73px !important;
        right: 0;
        top: 0;
    }

    .testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(2) {
        width: 121px !important;
        height: 121px !important;
        left: -200px;
        top: -20px;
    }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(2) {
        left: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(2) {
        left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(2) {
        left: 0;
        width: 100px !important;
        height: 100px !important;
    }
}

.testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(3) {
    width: 97px !important;
    height: 97px !important;
    right: -200px;
    top: 225px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(3) {
        right: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(3) {
        right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(3) {
        right: 0;
        width: 80px !important;
        height: 80px !important;
    }
}

.testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(4) {
    width: 73px !important;
    height: 73px !important;
    left: -30px;
    top: 330px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(4) {
        left: 0;
        width: 70px !important;
        height: 70px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(4) {
        top: 220px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(4) {
        top: 280px;
    }
}

.testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(5) {
    right: 20px;
    bottom: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(5) {
        right: 0;
        width: 100px !important;
        height: 100px !important;
    }
}

.testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(6) {
    left: -180px;
    bottom: 90px;
    width: 97px !important;
    height: 97px !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(6) {
        left: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(6) {
        left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-slider-area.style-1 .testimonial-user-wrapper .single-user:nth-child(6) {
        left: 0;
        width: 90px !important;
        height: 90px !important;
    }
}

.testimonial-slider-area.style-1 .testimonial-slider-wrapper {
    padding: 0 100px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial-slider-area.style-1 .testimonial-slider-wrapper {
        padding: 0 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-slider-area.style-1 .testimonial-slider-wrapper {
        padding: 0 140px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .testimonial-slider-area.style-1 .testimonial-slider-wrapper {
        padding: 0 170px;
    }
}

.team-area.style-1 {
    padding-top: 120px;
    padding-bottom: 113px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .team-area.style-1 {
        padding-top: 80px;
        padding-bottom: 59px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-area.style-1 {
        padding-top: 100px;
        padding-bottom: 79px;
    }
}

.team-area.style-1 .section-title {
    margin-bottom: 84px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .team-area.style-1 .section-title {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-area.style-1 .section-title {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .team-area.style-1 .section-title {
        margin-bottom: 50px;
    }
}

.cta-area.style-1 {
    padding-top: 166px;
    padding-bottom: 165px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .cta-area.style-1 {
        padding: 80px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-area.style-1 {
        padding: 100px 0;
    }
}

.feature-area.style-2 {
    background-color: rgb(14, 38, 66);
    padding: 116px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .feature-area.style-2 {
        padding-top: 96px;
        padding-bottom: 35px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .feature-area.style-2 {
        padding-top: 76px;
        padding-bottom: 35px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .feature-area.style-2 .info-card.style-3 {
        margin-bottom: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .feature-area.style-2 .info-card.style-3 {
        margin-bottom: 60px;
    }
}

.feature-area.style-3 {
    padding-top: 120px;
    position: relative;
    z-index: 2;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .feature-area.style-3 {
        padding-top: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .feature-area.style-3 {
        padding-top: 100px;
    }
}

.portfolio-area.style-2 {
    padding: 120px 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .portfolio-area.style-2 {
        padding: 80px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-area.style-2 {
        padding: 100px 0;
    }
}

.feature-slider-wrapper .slick-list {
    margin: 0 -12px;
    padding: 0 !important;
}

    .feature-slider-wrapper .slick-list .slick-slide {
        margin: 0 12px;
    }

        .feature-slider-wrapper .slick-list .slick-slide.slick-center {
            background-color: rgb(14, 38, 66);
            border-color: rgb(14, 38, 66);
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .feature-slider-wrapper .slick-list .slick-slide.slick-center .short-title,
            .feature-slider-wrapper .slick-list .slick-slide.slick-center .title {
                color: #ffffff;
            }

            .feature-slider-wrapper .slick-list .slick-slide.slick-center .list-item-wrapper ul li {
                color: #ffffff;
            }

                .feature-slider-wrapper .slick-list .slick-slide.slick-center .list-item-wrapper ul li:before {
                    background-color: #ffffff;
                }

.feature-slider-wrapper .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9px;
    z-index: 2;
    padding-right: 0;
    margin-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 70px;
}

    .feature-slider-wrapper .slick-dots li {
        display: inline-block;
        line-height: 0;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .feature-slider-wrapper .slick-dots li button {
            font-size: 0;
            padding: 0;
            width: 18px;
            height: 12px;
            background-color: rgb(186, 185, 209);
            border-radius: 6px;
            position: relative;
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

        .feature-slider-wrapper .slick-dots li.slick-active {
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

            .feature-slider-wrapper .slick-dots li.slick-active button {
                -webkit-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
                width: 54px;
                border-radius: 50px;
                background-color: var(--primary-color);
            }

.feature-item {
    background-color: #ffffff;
    border: 1px solid rgb(199, 199, 225);
    border-radius: 12px;
    padding: 56px 60px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .feature-item {
        padding: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .feature-item {
        padding: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .feature-item {
        padding: 30px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .feature-item {
        padding: 30px;
    }
}

.feature-item .icon {
    margin-bottom: 20px;
}

.feature-item .title {
    font-size: 24px;
    color: #26262c;
    font-weight: 500;
}

.feature-item .short-title {
    font-size: 18px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
}

.feature-item .list-item-wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

    .feature-item .list-item-wrapper ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
        font-size: 18px;
        font-weight: 500;
        color: #26262c;
    }

        .feature-item .list-item-wrapper ul li:before {
            content: "";
            height: 1px;
            width: 24px;
            background-color: #26262c;
        }

.feature-item:hover {
    background-color: rgb(14, 38, 66);
    border-color: rgb(14, 38, 66);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .feature-item:hover .short-title,
    .feature-item:hover .title {
        color: #ffffff;
    }

    .feature-item:hover .list-item-wrapper ul li {
        color: #ffffff;
    }

        .feature-item:hover .list-item-wrapper ul li:before {
            background-color: #ffffff;
        }

.why-choose-us-area.style-1 {
    padding-top: 650px;
    padding-bottom: 58px;
    margin-top: -530px;
    position: relative;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .why-choose-us-area.style-1 {
        padding-top: 610px;
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .why-choose-us-area.style-1 {
        padding-top: 630px;
        padding-bottom: 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .why-choose-us-area.style-1 {
        padding-top: 630px;
        padding-bottom: 60px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .why-choose-us-area.style-1 {
        padding-top: 630px;
        padding-bottom: 64px;
    }
}

.why-choose-us-area.style-1 .section-title {
    margin-bottom: 45px;
}

@media (max-width: 991px) {
    .why-choose-us-area.style-1 .section-title {
        margin-bottom: 25px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .why-choose-us-area.style-1 .section-title {
        margin-bottom: 20px;
    }
}

.why-choose-us-area.style-1 .section-title .title {
    margin-bottom: 20px;
}

.why-choose-us-area.style-1 .why-choose-card-wrapper {
    padding-right: 75px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .why-choose-us-area.style-1 .why-choose-card-wrapper {
        padding-top: 60px;
        padding-right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .why-choose-us-area.style-1 .why-choose-card-wrapper {
        padding-top: 70px;
        padding-right: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .why-choose-us-area.style-1 .why-choose-card-wrapper {
        padding-right: 0;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .why-choose-us-area.style-1 .why-choose-card-wrapper {
        padding-right: 0;
    }
}

.price-area.style-1 {
    padding: 120px 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .price-area.style-1 {
        padding-top: 80px;
        padding-bottom: 56px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .price-area.style-1 {
        padding-top: 100px;
        padding-bottom: 76px;
    }
}

.faq-area.style-2 {
    padding: 120px 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .faq-area.style-2 {
        padding: 80px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .faq-area.style-2 {
        padding: 100px 0;
    }
}

.testimonial-slider-area.style-2 {
    padding-top: 120px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial-slider-area.style-2 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-slider-area.style-2 {
        padding-top: 100px;
    }
}

.testimonial-slider-area.style-2 .section-title {
    margin-bottom: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial-slider-area.style-2 .section-title .sec-desc {
        display: none;
    }
}

.testimonial-slider-area.style-2 .slider-area-wrapper {
    margin-right: calc((100% - 1347px) / 2);
    padding-right: 26px;
    overflow: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .testimonial-slider-area.style-2 .slider-area-wrapper {
        margin-right: calc((100% - 1140px) / 2);
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-slider-area.style-2 .slider-area-wrapper {
        margin-right: calc((100% - 960px) / 2);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-slider-area.style-2 .slider-area-wrapper {
        margin-right: calc((100% - 720px) / 2);
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial-slider-area.style-2 .slider-area-wrapper {
        width: 100%;
        margin: 0 auto;
        padding-right: 0;
    }
}

.testimonial-slider-area.style-2 .testimonial-slider-wrapper .slick-list {
    margin: 0 -12px;
    padding-top: 70px;
    padding-bottom: 120px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial-slider-area.style-2 .testimonial-slider-wrapper .slick-list {
        overflow: visible;
        margin: 0;
        padding-bottom: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-slider-area.style-2 .testimonial-slider-wrapper .slick-list {
        padding-bottom: 100px;
    }
}

.testimonial-slider-area.style-2 .testimonial-slider-wrapper .slick-list .testimonial-card.style-2 {
    width: 650px;
    height: 100%;
}

.testimonial-slider-area.style-2 .testimonial-slider-wrapper .slick-arrow {
    display: none !important;
}

.testimonial-slider-area.style-2 .testimonial-slider-wrapper .slick-slide {
    margin: 0 12px;
}

.latest-posts-area.style-2 {
    padding-top: 120px;
    padding-bottom: 110px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .latest-posts-area.style-2 {
        padding-top: 80px;
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .latest-posts-area.style-2 {
        padding-top: 100px;
        padding-bottom: 40px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .latest-posts-area.style-2 .post-card.style-3 {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .latest-posts-area.style-2 .post-card.style-3 {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .latest-posts-area.style-2 .post-card.style-3 .post-meta {
        margin-top: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .latest-posts-area.style-2 .post-card.style-3 .post-meta {
        margin-top: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .latest-posts-area.style-2 .post-card.style-3 .post-meta {
        margin-top: 0;
    }
}

.cta-area.style-2 {
    padding: 170px 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .cta-area.style-2 {
        padding: 100px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-area.style-2 {
        padding: 120px 0;
    }
}

.cta-area.style-2 .call-to-action-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: right;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cta-area.style-2 .call-to-action-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-area.style-2 .call-to-action-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .cta-area.style-2 .call-to-action-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-area.style-2 .call-to-action-card .title {
        margin-top: 20px;
    }
}

.about-us-area.style-2 {
    padding-top: 120px;
    padding-bottom: 100px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .about-us-area.style-2 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-us-area.style-2 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

.about-us-area.style-2 .section-title {
    margin-bottom: 79px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .about-us-area.style-2 .section-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-us-area.style-2 .section-title {
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-us-area.style-2 .section-title {
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
    }
}

.about-us-area.style-2 .section-title .sec-desc {
    margin-bottom: -60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-us-area.style-2 .section-title .sec-desc {
        margin-top: 40px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .about-us-area.style-2 .section-title .sec-desc {
        margin-top: 40px;
    }
}

.about-us-area.style-2 .section-title .sec-desc p {
    margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-us-area.style-2 .about-image-card,
    .about-us-area.style-2 .mobile-counter-wrapper {
        width: 50% !important;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-us-area.style-2 .about-image-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 30px;
    }
}

.about-us-area.style-2 .about-image-wrapper .mobile-content-wrapper {
    display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-us-area.style-2 .about-image-wrapper .mobile-content-wrapper {
        display: block;
    }
}

.about-us-area.style-2 .about-image-wrapper .mobile-content-wrapper .counter-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.about-us-area.style-2 .about-image-wrapper .mobile-content-wrapper .content-wrapper .review-wrapper {
    width: 100%;
    margin-top: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-us-area.style-2 .about-info-content .counter-card {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-us-area.style-2 .about-info-content .content-wrapper .review-wrapper {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-us-area.style-2 .about-info-content .content-wrapper .content {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 100px;
    }
}

.about-us-area.style-2 .about-image-card {
    margin-top: -20px;
    width: 100%;
}

@media (max-width: 1199px) {
    .about-us-area.style-2 .about-image-card {
        margin-top: 0;
        margin-bottom: 130px;
    }
}

@media (max-width: 1199px) {
    .about-us-area.style-2 .about-image-card .main-img-wrapper .main-img-inner {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .about-us-area.style-2 .about-image-card .main-img-wrapper .main-img-inner > img {
        height: 350px !important;
    }
}

@media (max-width: 1199px) {
    .about-us-area.style-2 .about-image-card .main-img-wrapper .main-img-inner > img {
        width: 100%;
        height: 450px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top;
    }
}

.about-us-area.style-2 .about-image-card .main-img-wrapper .company-label .circle-rotate-text span {
    color: #26262c;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .about-us-area.style-2 .counter-card {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 40px;
    }
}

.about-us-area.style-2 .counter-card .counter-item .counter-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 13px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .about-us-area.style-2 .counter-card .counter-item .counter-title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.about-us-area.style-2 .counter-card .counter-item .counter-title .number {
    color: #26262c;
    font-size: 60px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .about-us-area.style-2 .counter-card .counter-item .counter-title .number {
        font-size: 48px;
        -ms-flex-item-align: center;
        align-self: center;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-us-area.style-2 .counter-card .counter-item .counter-title .number {
        font-size: 48px;
    }
}

.about-us-area.style-2 .counter-card .counter-item .counter-title .number sup {
    font-size: 30px;
    margin-top: 2px;
}

.about-us-area.style-2 .counter-card .counter-item .counter-title .title {
    color: #26262c;
    font-size: 18px;
    line-height: 30px;
}

.about-us-area.style-2 .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 35px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about-us-area.style-2 .content-wrapper {
        gap: 30px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .about-us-area.style-2 .content-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.about-us-area.style-2 .content-wrapper .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}

    .about-us-area.style-2 .content-wrapper .content .single-content .title {
        font-size: 24px;
        font-weight: 500;
        line-height: 42px;
    }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about-us-area.style-2 .content-wrapper .content .single-content .title {
        line-height: 34px;
    }
}

.about-us-area.style-2 .content-wrapper .review-wrapper {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 312px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about-us-area.style-2 .content-wrapper .review-wrapper {
        width: 260px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-us-area.style-2 .content-wrapper .review-wrapper {
        width: 50%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .about-us-area.style-2 .content-wrapper .review-wrapper {
        width: 100%;
    }
}

.about-us-area.style-2 .content-wrapper .review-wrapper .slick-list {
    margin: 0 -12px;
}

    .about-us-area.style-2 .content-wrapper .review-wrapper .slick-list .slick-slide {
        margin: 0 12px;
    }

.about-us-area.style-2 .content-wrapper .review {
    border-radius: 12px;
    background-color: rgb(241, 241, 249);
    padding: 43px 40px;
    margin-top: 10px;
    font-size: 21px;
    font-weight: 400;
    color: #8f939b;
    font-family: "Roboto", sans-serif;
    font-style: italic;
    position: relative;
    z-index: 2;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about-us-area.style-2 .content-wrapper .review {
        padding: 30px 24px;
        font-size: 20px;
    }
}

.about-us-area.style-2 .content-wrapper .review:before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    right: 30px;
    top: 40px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3E%3Cg%3E%3Cg id='right_x5F_quote_x5F_alt'%3E%3Cg%3E%3Cpolygon style='fill:%23fff;' points='0,4 0,28 12,16 12,4 '/%3E%3Cpolygon style='fill:%23fff;' points='20,4 20,28 32,16 32,4 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    width: 60px;
    height: 45px;
    z-index: -1;
}

.about-us-area.style-2 .content-wrapper .review .reviewer-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    margin-top: 40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about-us-area.style-2 .content-wrapper .review .reviewer-info {
        margin-top: 20px;
    }
}

.about-us-area.style-2 .content-wrapper .review .reviewer-info .divider {
    width: 24px;
    height: 1px;
    background-color: #26262c;
}

.about-us-area.style-2 .content-wrapper .review .reviewer-info p {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    color: #26262c;
    font-style: normal;
}

    .about-us-area.style-2 .content-wrapper .review .reviewer-info p span {
        color: #8f939b;
        font-size: 14px;
    }

.brand-marquee-area.style-3 {
    padding: 120px 0;
    gap: 75px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .brand-marquee-area.style-3 {
        padding: 80px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .brand-marquee-area.style-3 {
        padding: 100px 0;
    }
}

@media (max-width: 991px) {
    .brand-marquee-area.style-3 {
        gap: 30px;
    }
}

@media (max-width: 991px) {
    .brand-marquee-area.style-2 {
        gap: 30px;
    }
}

.testimonial-slider-area.style-3 {
    padding-top: 120px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial-slider-area.style-3 {
        padding-top: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-slider-area.style-3 {
        padding-top: 100px;
    }
}

.testimonial-slider-area.style-3 .section-title {
    margin-bottom: 0;
}

.testimonial-slider-area.style-3 .testimonial-slider-wrapper .slick-list {
    margin: 0 -12px;
    padding-top: 70px;
    padding-bottom: 120px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial-slider-area.style-3 .testimonial-slider-wrapper .slick-list {
        margin: 0;
        padding-bottom: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-slider-area.style-3 .testimonial-slider-wrapper .slick-list {
        padding-bottom: 100px;
    }
}

.testimonial-slider-area.style-3 .testimonial-slider-wrapper .slick-list .testimonial-card.style-2 {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.testimonial-slider-area.style-3 .testimonial-slider-wrapper .slick-arrow {
    display: none !important;
}

.testimonial-slider-area.style-3 .testimonial-slider-wrapper .slick-slide {
    margin: 0 12px;
}

.faq-area.style-4 {
    padding: 120px 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .faq-area.style-4 {
        padding: 80px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .faq-area.style-4 {
        padding: 100px 0;
    }
}

.latest-posts-area.style-3 {
    padding-top: 120px;
    padding-bottom: 110px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .latest-posts-area.style-3 {
        padding-top: 80px;
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .latest-posts-area.style-3 {
        padding-top: 100px;
        padding-bottom: 40px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .latest-posts-area.style-3 .post-card.style-2 {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .latest-posts-area.style-3 .post-card.style-2 {
        margin-bottom: 50px;
    }
}

.cta-area.style-3 {
    position: relative;
    z-index: 2;
    padding: 120px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .cta-area.style-3 {
        padding: 80px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-area.style-3 {
        padding: 100px 0;
    }
}

.cta-area.style-3 .image-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(19, 19, 53, 0.71);
    top: 0;
    right: 0;
    z-index: -1;
}

.cta-area.style-3 .call-to-action-card {
    margin-top: -6px;
    margin-bottom: -8px;
}

    .cta-area.style-3 .call-to-action-card .short-title {
        font-size: 21px;
    }

    .cta-area.style-3 .call-to-action-card .title {
        font-size: 72px;
        line-height: 84px;
        margin-top: 5px;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .cta-area.style-3 .call-to-action-card .title {
        font-size: 34px;
        line-height: 48px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-area.style-3 .call-to-action-card .title {
        font-size: 48px;
        line-height: 64px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cta-area.style-3 .call-to-action-card .title {
        font-size: 52px;
        line-height: 72px;
    }
}

.cta-area.style-3 .call-to-action-card .btn-wrapper {
    margin-top: 60px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .cta-area.style-3 .call-to-action-card .btn-wrapper {
        margin-top: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-area.style-3 .call-to-action-card .btn-wrapper {
        margin-top: 20px;
    }
}

.cta-area.style-3 .call-to-action-card .video-popup-btn a {
    width: 120px;
    height: 120px;
    background-color: var(--primary-color);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    font-size: 24px;
    -webkit-animation: ripple 4s infinite;
    animation: ripple 4s infinite;
    -webkit-box-shadow: 0 0 0 0 rgba(33, 173, 224, 0.8);
    box-shadow: 0 0 0 0 rgba(33, 173, 224, 0.8);
}

.cta-area.style-3 .call-to-action-card .video-popup-btn .btn-text {
    font-size: 18px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    font-family: "Jost", sans-serif;
    margin-top: 40px;
    display: block;
}

.portfolio-area.style-3 {
    padding: 120px 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .portfolio-area.style-3 {
        padding: 80px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-area.style-3 {
        padding: 100px 0;
    }
}

.portfolio-area.style-3 .portfolio-card {
    gap: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-area.style-3 .portfolio-card {
        gap: 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio-area.style-3 .portfolio-card {
        gap: 60px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .portfolio-area.style-3 .portfolio-card {
        gap: 80px;
    }
}

.portfolio-area.style-3 .portfolio-card .title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 330px;
}

@media (max-width: 1399px) {
    .portfolio-area.style-3 .portfolio-card .title-wrapper {
        width: unset;
    }
}

.portfolio-area.style-3 .portfolio-card .title-wrapper .short-title {
    color: #8f939b;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    line-height: 22px;
}

.portfolio-area.style-3 .portfolio-card .title-wrapper .title {
    color: #26262c;
    font-family: "Jost", sans-serif;
    font-size: 21px;
    line-height: 28px;
}

.portfolio-area.style-3 .portfolio-card .content .title {
    font-size: 60px;
    color: #26262c;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .portfolio-area.style-3 .portfolio-card .content .title {
        font-size: 28px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-area.style-3 .portfolio-card .content .title {
        font-size: 34px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio-area.style-3 .portfolio-card .content .title {
        font-size: 48px;
    }
}

.portfolio-area.style-3 .portfolio-card .number-text {
    width: 330px;
    text-align: center;
    color: #8f939b;
    font-size: 24px;
    font-family: "Roboto", sans-serif;
}

@media (max-width: 1399px) {
    .portfolio-area.style-3 .portfolio-card .number-text {
        width: unset;
    }
}

.portfolio-area.style-3 .portfolio-card .btn-wrapper a {
    font-size: 30px;
    color: #26262c;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .portfolio-area.style-3 .portfolio-card .btn-wrapper a i {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .portfolio-area.style-3 .portfolio-card .btn-wrapper a:hover {
        color: var(--primary-color);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .portfolio-area.style-3 .portfolio-card .btn-wrapper a:hover i {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

.portfolio-area.style-3 .portfolio-btn {
    text-align: center;
    margin-top: 70px;
}

.brand-slider-area.style-2 {
    padding: 120px 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .brand-slider-area.style-2 {
        padding: 80px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .brand-slider-area.style-2 {
        padding: 100px 0;
    }
}

.cta-area.style-3 {
    position: relative;
    z-index: 2;
    padding: 120px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .cta-area.style-3 {
        padding: 80px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-area.style-3 {
        padding: 100px 0;
    }
}

.cta-area.style-3 .image-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(19, 19, 53, 0.71);
    top: 0;
    right: 0;
    z-index: -1;
}

.cta-area.style-3 .call-to-action-card {
    margin-top: -6px;
    margin-bottom: -8px;
}

    .cta-area.style-3 .call-to-action-card .short-title {
        font-size: 21px;
    }

    .cta-area.style-3 .call-to-action-card .title {
        font-size: 72px;
        line-height: 84px;
        margin-top: 5px;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .cta-area.style-3 .call-to-action-card .title {
        font-size: 34px;
        line-height: 48px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-area.style-3 .call-to-action-card .title {
        font-size: 48px;
        line-height: 64px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cta-area.style-3 .call-to-action-card .title {
        font-size: 52px;
        line-height: 72px;
    }
}

.cta-area.style-3 .call-to-action-card .btn-wrapper {
    margin-top: 60px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .cta-area.style-3 .call-to-action-card .btn-wrapper {
        margin-top: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cta-area.style-3 .call-to-action-card .btn-wrapper {
        margin-top: 20px;
    }
}

.cta-area.style-3 .call-to-action-card .video-popup-btn a {
    width: 120px;
    height: 120px;
    background-color: var(--primary-color);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    font-size: 24px;
    -webkit-animation: ripple 4s infinite;
    animation: ripple 4s infinite;
    -webkit-box-shadow: 0 0 0 0 rgba(33, 173, 224, 0.8);
    box-shadow: 0 0 0 0 rgba(33, 173, 224, 0.8);
}

.cta-area.style-3 .call-to-action-card .video-popup-btn .btn-text {
    font-size: 18px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    font-family: "Jost", sans-serif;
    margin-top: 40px;
    display: block;
}

.portfolio-area.style-3 {
    padding: 120px 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .portfolio-area.style-3 {
        padding: 80px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-area.style-3 {
        padding: 100px 0;
    }
}

.portfolio-area.style-3 .portfolio-card {
    gap: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-area.style-3 .portfolio-card {
        gap: 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio-area.style-3 .portfolio-card {
        gap: 60px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .portfolio-area.style-3 .portfolio-card {
        gap: 80px;
    }
}

.portfolio-area.style-3 .portfolio-card .title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 330px;
}

@media (max-width: 1399px) {
    .portfolio-area.style-3 .portfolio-card .title-wrapper {
        width: unset;
    }
}

.portfolio-area.style-3 .portfolio-card .title-wrapper .short-title {
    color: #8f939b;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    line-height: 22px;
}

.portfolio-area.style-3 .portfolio-card .title-wrapper .title {
    color: #26262c;
    font-family: "Jost", sans-serif;
    font-size: 21px;
    line-height: 28px;
}

.portfolio-area.style-3 .portfolio-card .content .title {
    font-size: 60px;
    color: #26262c;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .portfolio-area.style-3 .portfolio-card .content .title {
        font-size: 28px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .portfolio-area.style-3 .portfolio-card .content .title {
        font-size: 34px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .portfolio-area.style-3 .portfolio-card .content .title {
        font-size: 48px;
    }
}

.portfolio-area.style-3 .portfolio-card .number-text {
    width: 330px;
    text-align: center;
    color: #8f939b;
    font-size: 24px;
    font-family: "Roboto", sans-serif;
}

@media (max-width: 1399px) {
    .portfolio-area.style-3 .portfolio-card .number-text {
        width: unset;
    }
}

.portfolio-area.style-3 .portfolio-card .btn-wrapper a {
    font-size: 30px;
    color: #26262c;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .portfolio-area.style-3 .portfolio-card .btn-wrapper a i {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .portfolio-area.style-3 .portfolio-card .btn-wrapper a:hover {
        color: var(--primary-color);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .portfolio-area.style-3 .portfolio-card .btn-wrapper a:hover i {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

.portfolio-area.style-3 .portfolio-btn {
    text-align: center;
    margin-top: 70px;
}

.brand-slider-area.style-2 {
    padding: 120px 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .brand-slider-area.style-2 {
        padding: 80px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .brand-slider-area.style-2 {
        padding: 100px 0;
    }
}

.contact-form-area {
    padding: 120px 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .contact-form-area {
        padding: 80px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-form-area {
        padding: 100px 0;
    }
}

.contact-form-area .contact-info-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}

.contact-form-area .comment-respond {
    padding: 0;
    margin-top: -15px;
    border: 0;
}

@media (max-width: 991px) {
    .contact-form-area .comment-respond {
        margin-top: 50px;
    }
}

.contact-form-area .comment-respond .post-comments-title h2 {
    font-size: 48px;
    line-height: initial;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .contact-form-area .comment-respond .post-comments-title h2 {
        font-size: 28px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-form-area .comment-respond .post-comments-title h2 {
        font-size: 32px;
    }
}

.contact-map-area {
    padding-bottom: 120px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .contact-map-area {
        padding-bottom: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-map-area {
        padding-bottom: 100px;
    }
}

.contact-map-area .map-widget {
    margin-bottom: -10px;
}

    .contact-map-area .map-widget iframe {
        width: 100%;
        height: 470px;
        border-radius: 12px;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .contact-map-area .map-widget iframe {
        height: 350px;
    }
}

.process-step-area.style-1 {
    padding-top: 120px;
    padding-bottom: 115px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .process-step-area.style-1 {
        padding-top: 80px;
        padding-bottom: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .process-step-area.style-1 {
        padding-top: 100px;
        padding-bottom: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .process-step-area.style-1 {
        padding-top: 120px;
        padding-bottom: 35px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .process-step-area.style-1 .process-step.style-1 {
        margin-bottom: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .process-step-area.style-1 .process-step.style-1 {
        margin-bottom: 80px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .process-step-area.style-1 .process-step.style-1 {
        margin-bottom: 80px;
        padding: 0 20px;
    }
}

.service-details-page {
    padding-top: 120px;
    padding-bottom: 120px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .service-details-page {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .service-details-page {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

.service-details-page .service-details-wrapper {
    padding-left: 20px;
}

.service-details-page .details-content .feature-image {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 50px;
}

    .service-details-page .details-content .feature-image img {
        width: 100%;
    }

.key-featured-area {
    padding-top: 44px;
    padding-bottom: 40px;
}

    .key-featured-area .gx-8 {
        --bs-gutter-x: 8rem;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .key-featured-area .gx-8 {
        --bs-gutter-x: 1rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .key-featured-area .gx-8 {
        --bs-gutter-x: 1rem;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .key-featured-area .gx-8 {
        --bs-gutter-x: 1rem;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .key-featured-area .gx-8 {
        --bs-gutter-x: 2rem;
    }
}

.key-featured-area .key-featured-title {
    font-size: 36px;
    color: #26262c;
    line-height: initial;
    margin-bottom: 40px;
    display: block;
}

.key-featured-area .single-key-featured {
    margin-bottom: 40px;
}

    .key-featured-area .single-key-featured .title-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
        margin-bottom: 20px;
    }

        .key-featured-area .single-key-featured .title-wrapper .title {
            font-size: 21px;
            color: #26262c;
            line-height: initial;
            margin-bottom: 0;
        }

.details-overview-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 60px;
}

    .details-overview-area .overview-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 136px;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .details-overview-area .overview-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .details-overview-area .overview-item {
        gap: 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .details-overview-area .overview-item {
        gap: 40px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .details-overview-area .overview-item {
        gap: 40px;
    }
}

.details-overview-area .overview-item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .details-overview-area .overview-item:nth-child(even) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.details-overview-area .overview-item:hover .image img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.details-overview-area .overview-item .image,
.details-overview-area .overview-item .content {
    width: 50%;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .details-overview-area .overview-item .image,
    .details-overview-area .overview-item .content {
        width: 100%;
    }
}

.details-overview-area .overview-item .image {
    border-radius: 12px;
    overflow: hidden;
}

    .details-overview-area .overview-item .image img {
        width: 100%;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.details-overview-area .overview-item .content .title {
    font-size: 36px;
    line-height: initial;
    margin-bottom: 25px;
}

.details-overview-area .overview-item .content .list-item {
    margin-bottom: 0;
}

    .details-overview-area .overview-item .content .list-item ul {
        margin-bottom: 0;
    }

.faq-area.style-3 {
    padding-top: 60px;
    padding-bottom: 105px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .faq-area.style-3 {
        padding-bottom: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .faq-area.style-3 {
        padding-bottom: 85px;
    }
}

.faq-area.style-3 .faq-title {
    font-size: 36px;
    margin-bottom: 30px;
}

.team-page-area {
    padding-top: 120px;
    padding-bottom: 60px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .team-page-area {
        padding-top: 80px;
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-page-area {
        padding-top: 100px;
        padding-bottom: 40px;
    }
}

.team-page-area .team-member-card-wrapper {
    margin-bottom: 50px;
}

    .team-page-area .team-member-card-wrapper:nth-child(even) {
        margin-top: 0;
    }

.footer {
    position: relative;
    z-index: 2;
    overflow: hidden;
}

    .footer.style-1 {
        background-color: rgb(14, 38, 66);
    }

    .footer .footer-sec {
        padding-top: 116px;
    }

@media (max-width: 991px) {
    .footer .footer-sec {
        padding-top: 100px;
    }
}

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

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer .widget-menu-wrapper {
        padding: 0 50px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .footer .widget-menu-wrapper {
        padding: 0 60px;
    }
}

.footer .footer-bg {
    position: absolute;
    bottom: 30px;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    z-index: -1;
}

.footer-widget-title {
    font-family: "Jost", sans-serif;
    font-size: 21px;
    line-height: 26px;
    color: #ffffff;
    position: relative;
    margin-bottom: 43px;
    font-weight: 500;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .footer-widget-title {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-widget-title {
        margin-bottom: 25px;
    }
}

.footer-widget {
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .footer-widget {
        margin-bottom: 40px;
    }
}

.footer-widget ul {
    padding-right: 0;
}

.footer-widget .footer-logo {
    margin-bottom: 40px;
    margin-top: -25px;
}

.footer-widget.widget_boomdevs-latest-posts-footer {
    margin-top: -5px;
}

@media (max-width: 767px) {
    .footer-widget.zoom-instagram-widget {
        margin-bottom: 0;
        margin-top: -10px;
    }
}

@media (max-width: 767px) {
    .footer-widget.widget_boomdevs_contact_info_widget {
        margin-bottom: 18px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1399px) {
    .footer-widget .widget-instagram-feed {
        width: 170px;
    }
}

.footer-widget .footer-widget-info p {
    color: #bbbfc7;
    margin-bottom: 30px;
    font-family: "Roboto", sans-serif;
}

.footer-widget .footer-widget-info .footer-logo {
    margin-bottom: 30px;
    display: inline-block;
    margin-top: -25px;
}

.footer-widget .footer-widget-info .info-form-and-social-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
}

    .footer-widget .footer-widget-info .info-form-and-social-icon .subscribe-form-widget {
        border-radius: 6px;
    }

        .footer-widget .footer-widget-info .info-form-and-social-icon .subscribe-form-widget .single-field input {
            height: 60px;
        }

    .footer-widget .footer-widget-info .info-form-and-social-icon .social-profile {
        margin-top: 0;
    }

.footer-widget .footer-widget-info .social-profile {
    gap: 20px;
    margin-top: 30px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .footer-widget .footer-widget-info .info-form-and-social-icon {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 30px;
    }
}

.footer-widget.widget_nav_menu ul {
    margin-top: -5px;
    padding-right: 0;
    margin-bottom: 0;
}

.footer-widget.widget_nav_menu li {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 11px;
}

    .footer-widget.widget_nav_menu li:last-child {
        padding-top: 0;
        padding-bottom: 0;
    }

    .footer-widget.widget_nav_menu li a {
        color: #bbbfc7;
        text-transform: capitalize;
        font-size: 18px;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        position: relative;
        font-family: "Roboto", sans-serif;
    }

        .footer-widget.widget_nav_menu li a:hover {
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            color: var(--primary-color);
        }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .footer-widget .footer-widget-contact {
        padding-left: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-widget .footer-widget-contact {
        padding-left: 50px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .footer-widget .footer-widget-contact {
        padding-left: 50px;
    }
}

.footer-widget .footer-widget-contact p {
    color: #bbbfc7;
    font-family: "Roboto", sans-serif;
}

.footer-widget .footer-widget-contact .footer-contact ul {
    list-style: none;
}

    .footer-widget .footer-widget-contact .footer-contact ul li {
        margin-bottom: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 30px;
        gap: 20px;
    }

        .footer-widget .footer-widget-contact .footer-contact ul li:first-child {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

            .footer-widget .footer-widget-contact .footer-contact ul li:first-child .contact-icon {
                margin-top: 5px;
            }

        .footer-widget .footer-widget-contact .footer-contact ul li:last-child {
            margin-bottom: 0;
        }

        .footer-widget .footer-widget-contact .footer-contact ul li .contact-icon {
            color: #bbbfc7;
            border-radius: 50px;
            float: right;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-negative: 0;
            flex-shrink: 0;
        }

        .footer-widget .footer-widget-contact .footer-contact ul li .contact-text {
            color: #bbbfc7;
            font-size: 18px;
            line-height: 30px;
            overflow: hidden;
            font-family: "Roboto", sans-serif;
        }

            .footer-widget .footer-widget-contact .footer-contact ul li .contact-text a:hover span {
                color: var(--primary-color);
                -webkit-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

            .footer-widget .footer-widget-contact .footer-contact ul li .contact-text span,
            .footer-widget .footer-widget-contact .footer-contact ul li .contact-text p,
            .footer-widget .footer-widget-contact .footer-contact ul li .contact-text a {
                color: #bbbfc7;
                font-size: 18px;
                line-height: 30px;
                display: inline-block;
                width: 100%;
                margin-bottom: 0;
                font-family: "Roboto", sans-serif;
                -webkit-transition: all 0.5s ease-out;
                transition: all 0.5s ease-out;
            }

.footer-widget .widget_latest_post ul li .latest-post-thumb {
    width: 60px;
    height: 60px;
}

.footer-widget .widget_latest_post ul li .latest-post-desc .latest-post-title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
}

    .footer-widget .widget_latest_post ul li .latest-post-desc .latest-post-title a {
        font-size: 16px;
        line-height: 22px;
        color: #ffffff;
        position: relative;
        text-transform: capitalize;
        font-weight: 500;
        font-family: "Roboto", sans-serif;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .footer-widget .widget_latest_post ul li .latest-post-desc .latest-post-title a:hover {
            color: var(--primary-color);
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
        }

.footer-widget .widget_latest_post ul li .latest-post-desc .latest-post-meta {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    gap: 8px;
    color: #bbbfc7;
    font-family: "Roboto", sans-serif;
}

.footer-bottom-menu ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 0;
    padding-right: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    .footer-bottom-menu ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.footer-bottom-menu ul li a {
    font-size: 18px;
    text-transform: capitalize;
    color: #bbbfc7;
    font-family: "Roboto", sans-serif;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .footer-bottom-menu ul li a:hover {
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        color: var(--primary-color);
    }

.footer-bottom-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px 40px;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

    .footer-bottom-wrapper .footer-widget {
        margin-bottom: 0;
    }

.footer-bottom-menu-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px 40px;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.footer-bottom-area {
    padding: 57px 0;
}

@media (max-width: 991px) {
    .footer-bottom-area {
        padding: 30px 0;
    }
}

.footer-bottom-area .copyright-text p {
    color: #bbbfc7;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
}

    .footer-bottom-area .copyright-text p a {
        color: #bbbfc7;
        font-weight: 400;
        font-family: "Roboto", sans-serif;
        font-size: 18px;
    }

        .footer-bottom-area .copyright-text p a:hover {
            color: var(--primary-color);
        }

.footer-bottom-area .credit-text p {
    color: #bbbfc7;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 10px;
    font-family: "Roboto", sans-serif;
}

.footer-bottom-area .credit-text a {
    color: var(--primary-color);
    font-family: "Roboto", sans-serif;
}

.footer-bottom-area .social-profile {
    gap: 25px;
}

.subscribe-form-wrapper {
    font-size: 18px;
    color: #bbbfc7;
    font-family: "Roboto", sans-serif;
}

.subscribe-form-widget {
    position: relative;
    margin-top: 30px;
}

    .subscribe-form-widget .mc4wp-form-fields {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.302);
    }

    .subscribe-form-widget .single-field {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .subscribe-form-widget .single-field input {
            color: #8f939b;
            background-color: transparent;
            height: 60px;
            padding: 0 20px;
            font-size: 18px;
            border-radius: 12px;
            width: 100%;
            font-family: "Roboto", sans-serif;
        }

        .subscribe-form-widget .single-field *::-webkit-input-placeholder {
            color: #8f939b;
        }

        .subscribe-form-widget .single-field *::-moz-placeholder {
            color: #8f939b;
            opacity: 1;
        }

        .subscribe-form-widget .single-field *:-ms-input-placeholder {
            color: #8f939b;
        }

        .subscribe-form-widget .single-field *::-ms-input-placeholder {
            color: #8f939b;
        }

        .subscribe-form-widget .single-field *::placeholder {
            color: #8f939b;
        }

    .subscribe-form-widget .submit-btn {
        color: #ffffff;
        background-color: transparent;
        cursor: pointer;
        padding: 0 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 9px;
        text-transform: uppercase;
        font-size: 24px;
        font-weight: 500;
    }

    .subscribe-form-widget .mc4wp-response {
        position: relative;
        top: 15px;
    }

        .subscribe-form-widget .mc4wp-response .mc4wp-alert.mc4wp-error p, .subscribe-form-widget .mc4wp-response .mc4wp-alert.mc4wp-success p, .subscribe-form-widget .mc4wp-response .mc4wp-alert.mc4wp-notice p {
            color: #fff;
            position: relative;
        }

.social-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 11px;
}

    .social-profile a {
        color: #ffffff;
        font-size: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

        .social-profile a:hover {
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            color: var(--primary-color);
        }

.map-widget iframe {
    width: 100%;
    height: 320px;
    border-radius: 12px;
}

.footer.style-2 .footer-sec {
    padding-top: 100px;
}

.footer.style-2 .footer-widget-title {
    color: #26262c;
}

.footer.style-2 .footer-widget-info p,
.footer.style-2 .footer-widget.widget_nav_menu li a,
.footer.style-2 .footer-bottom-menu ul li a,
.footer.style-2 .footer-bottom-area .copyright-text p {
    color: #8f939b;
}

    .footer.style-2 .footer-widget.widget_nav_menu li a:hover,
    .footer.style-2 .footer-bottom-menu ul li a:hover {
        color: var(--primary-color);
    }

    .footer.style-2 .footer-bottom-area .copyright-text p a {
        color: #8f939b;
        font-weight: 700;
    }

        .footer.style-2 .footer-bottom-area .copyright-text p a:hover {
            color: var(--primary-color);
        }

.footer.style-2 .footer-bottom-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

@media (max-width: 991px) {
    .footer.style-2 .footer-bottom-menu {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }
}

@media (max-width: 991px) {
    .footer.style-2 .copyright-text {
        margin-left: 0;
        margin-bottom: 20px;
    }
}

.footer.style-2 .footer-widget .social-profile a {
    color: unset;
}

    .footer.style-2 .footer-widget .social-profile a i.fa-facebook-f {
        color: #1877f2;
    }

    .footer.style-2 .footer-widget .social-profile a i.fa-twitter {
        color: #1da1f2;
    }

    .footer.style-2 .footer-widget .social-profile a i.fa-linkedin-in {
        color: #0077b5;
    }

    .footer.style-2 .footer-widget .social-profile a i.fa-youtube {
        color: #ff0000;
    }

.footer.style-2 .subscribe-form-wrapper p {
    color: #8f939b;
    margin-bottom: 30px;
    margin-top: -8px;
}

.footer.style-2 .subscribe-form-wrapper .subscribe-form-widget .mc4wp-form-fields {
    border-color: rgb(199, 199, 225);
}

.footer.style-2 .subscribe-form-wrapper .subscribe-form-widget .submit-btn {
    color: #26262c;
}

.footer.style-2 .subscribe-form-wrapper .subscribe-form-widget .single-field input {
    height: 60px;
}

/*TOAST*/

.toast {
    direction: rtl !important;
    text-align: right !important;
}

.toast-message {
    direction: rtl !important;
    text-align: right !important;
}

.toast-title {
    direction: rtl !important;
    text-align: right !important;
}

.toast-close-button {
    left: -.3em !important;
    right: unset !important;
}

.toast:before {
    margin-left: 10px !important;
    margin-right: 0 !important;
}

#toast-container > div {
    padding: 15px 50px 15px 15px !important;
    background-position: right 15px center
}