@charset "utf-8";

/* CSS Document */
@font-face {
    font-family: 'BobbyJonesSoft-Regular';
    src: url('../fonts/BobbyJonesSoft-Regular.eot');
    src: url('../fonts/BobbyJonesSoft-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BobbyJonesSoft-Regular.woff2') format('woff2'),
        url('../fonts/BobbyJonesSoft-Regular.woff') format('woff'),
        url('../fonts/BobbyJonesSoft-Regular.ttf') format('truetype'),
        url('../fonts/BobbyJonesSoft-Regular.svg#BobbyJonesSoft-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* HTML5 display definitions ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    /* 1 */
    display: block;
}

/** Add the correct display in IE 9-. */
audio,
canvas,
progress,
video {
    display: inline-block;
}

/** Add the correct display in iOS 4-7. */
audio:not([controls]) {
    display: none;
    height: 0;
}

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {
    vertical-align: baseline;
}

/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
template,
[hidden] {
    display: none;
}

/* Links ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a {
    background-color: transparent;
}

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active,
a:hover {
    outline-width: 0;
    text-decoration: none;
    outline: none;
}

/* Text-level semantics ========================================================================== */
/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    /* 2 */
}

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b,
strong {
    font-weight: inherit;
}

/** Add the correct font weight in Chrome, Edge, and Safari. */
b,
strong {
    font-weight: bold;
}

/** Add the correct font style in Android 4.3-. */
dfn {
    font-style: italic;
}

/** Add the correct background and color in IE 9-. */
mark {
    background-color: #ff0;
    color: #000;
}

/** Add the correct font size in all browsers. */
small {
    font-size: 80%;
}

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10-. */
img {
    border-style: none;
}

/** Hide the overflow in IE. */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content ========================================================================== */
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/** Add the correct margin in IE 8. */
figure {
    margin: 1em 40px;
}

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/* Forms ========================================================================== */
/** Change font properties to `inherit` in all browsers (opinionated). */
button,
input,
select,
textarea {
    font: inherit;
}

/** Restore the font weight unset by the previous rule. */
optgroup {
    font-weight: bold;
}

/** Show the overflow in IE. 1. Show the overflow in Edge. 2. Show the overflow in Edge, Firefox, and IE. */
button,
input,
select {
    /* 2 */
    overflow: visible;
}

/** Remove the margin in Safari. 1. Remove the margin in Firefox and Safari. */
button,
input,
select,
textarea {
    /* 1 */
    margin: 0;
}

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button,
select {
    /* 1 */
    text-transform: none;
}

/** Change the cursor in all browsers (opinionated). */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    cursor: pointer;
}

/** Restore the default cursor to disabled elements unset by the previous rule. */
[disabled] {
    cursor: default;
}

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS. */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring,
input:-moz-focusring {
    outline: 1px dotted;
}

/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/** Remove the default vertical scrollbar in IE. */
textarea {
    overflow: auto;
}

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/** Correct the odd appearance of search inputs in Chrome and Safari. */
[type="search"] {
    -webkit-appearance: textfield;
}

/** Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

blockquote {
    max-width: 673px;
    margin: 60px auto 60px !important;
    padding-top: 70px;
    position: relative;
}

blockquote:before {
    content: "";
    position: absolute;
    width: 70px;
    height: 40px;
    background-image: url('../images/quote.svg');
    background-repeat: no-repeat;
    top: 12px;
    left: 50%;
    transform: translate(-50%, 0px);
}

blockquote p {
    color: #3C84D2;
    text-align: center;
    font-family: 'BobbyJonesSoft-Regular';
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

blockquote *:last-child {
    margin: 0;
}

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

input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='url'],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid #d1d1d1;
    border-radius: .4rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .6rem 1.0rem;
    width: 100%;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='tel']:focus,
input[type='url']:focus,
textarea:focus,
select:focus {
    border: 1px solid #f2a1ad;
    outline: 0;
}

textarea {
    padding-bottom: .6rem;
    padding-top: .6rem;
}

label,
legend {
    font-size: 16px;
    display: block;
    margin-bottom: .5rem;
    color: #302C2E;
}

fieldset {
    border-width: 0;
    padding: 0;
}

input[type='checkbox'],
input[type='radio'] {
    display: inline;
}

input[type='submit']:focus {
    outline: none;
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    color: rgba(47, 45, 45, 0.7);
}

input::-moz-placeholder,
select::-moz-placeholder {
    color: rgba(47, 45, 45, 0.7);
}

input:-ms-input-placeholder,
select:-ms-input-placeholder {
    color: rgba(47, 45, 45, 0.7);
}

input:-moz-placeholder,
select:-moz-placeholder {
    color: rgba(47, 45, 45, 0.7);
}

input:focus {
    outline: none;
}

dl,
ol,
ul {
    margin-top: 0;
    padding-left: 0;
}

dl dl ul,
dl ol,
ol dl ul,
ol ol,
ul dl ul,
ul ol {
    font-size: 90%;
    margin: 1.5rem 0 1.5rem 3.0rem;
}

dl {
    list-style: none;
}

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

li {
    padding-left: 24px;
    background-image: url('../images/list_vector.svg');
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

ol {
    list-style: decimal inside;
}

dt,
dd,
li {
    margin-bottom: 10px;
}

hr {
    border-top: 0.1rem solid #4A4D50;
    border-width: 0;
    margin-bottom: 3.5rem;
    margin-top: 3rem;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

input,
textarea,
select,
fieldset {
    margin-bottom: 1rem;
}

input:last-child,
textarea:last-child,
select:last-child,
fieldset:last-child {
    margin-bottom: 0;
}

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
    margin-bottom: 1.4rem;
}

pre:last-child,
blockquote:last-child,
dl:last-child,
figure:last-child,
table:last-child,
p:last-child,
ul:last-child,
ol:last-child,
form:last-child {
    margin-bottom: 0;
}

table {
    width: 100%;
}

.flex,
.flex-row,
.flex-column,
.flex-start,
.flex-end,
.flex-center,
.flex-stratch {
    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;
    flex-wrap: wrap;
}

.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.flex-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.flex-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-stratch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .background-image img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        height: 100%;
    }
}

.clearfix {
    zoom: 1;
}

.clearfix:after,
.clearfix:before {
    content: '';
    display: table;
}

.clearfix:after {
    clear: both;
}

.tacenter {
    text-align: center;
}

.taright {
    text-align: right;
}

.taleft {
    text-align: left;
}

.relative {
    position: relative;
}

body,
html {
    margin: 0px;
    padding: 0px;
    position: relative;
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0px;
    margin-bottom: 20px;
    color: #000F20;
    font-family: "puffin-display-soft", sans-serif;
}

h1 {
    font-size: 60px;
    line-height: 60px;
    font-weight: 900;
}

h2 {
    font-size: 45px;
    line-height: 50px;
    font-weight: 900;
}

h3 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 900;
}

h4 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 900;
}

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




a {
    text-decoration: none;
    cursor: pointer;
    color: #151644;
    transition: all 0.3s ease-in-out;
}

a:hover {
    text-decoration: none;
    outline: none;
    color: #000;
}

p {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    font-family: "roc-grotesk", sans-serif;
    color: #000;
}

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

.tbl {
    display: table;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 9;
}

.tbl-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.img-responsive {
    max-width: 100%;
    display: block;
    height: auto;
    margin: 0 auto;
}

.paddingtop {
    padding: 100px 0px;
}

.inline__block {
    float: left;
    width: 100%;
    vertical-align: top;
    position: relative;
}

.gfield_label {
    display: none !important;
}

.gform_wrapper .ginput_container input,
.gform_wrapper .ginput_container textarea,
.gform_wrapper .ginput_container select {
    background: #ffffff;
    border: none !important;
    outline: none;
    padding: 15px 15px 12px 15px !important;
    margin-bottom: 0px;
    height: 53px;
    outline: none;
    font-size: 16px !important;
    line-height: 26px;
    color: rgba(47, 45, 45, 0.7);
    border-radius: 8px;
}

.gform_wrapper .ginput_container textarea {
    height: 135px;
    margin-top: 0px;
}

.gform_wrapper input[type="submit"] {
    background: #EE4C29;
    text-align: center;
    color: #FFF;
    border: 1px solid #EE4C29;
    padding: 15px 54px 12px 54px !important;
    display: inline-block;
    transition: 0.5s ease-in-out all;
    -webkit-transition: 0.5s ease-in-out all;
    -ms-transition: 0.5s ease-in-out all;
    -moz-transition: 0.5s ease-in-out all;
    -o-transition: 0.5s ease-in-out all;
    width: calc(100% - 15px) !important;
    border-radius: 8px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.gform_wrapper input[type="submit"]:hover {
    border: 1px solid #1D1854;
    background-color: #1D1854;
    color: #ffffff;
    outline: 0;
}

.gform_wrapper .validation_error {
    display: none;
}

.gform_wrapper .validation_message {
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-top: 0px;
    color: #F00;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background: none !important;
    border: none !important;
}

.ie8 * {
    outline: none;
}

img {
    border: none;
}

body {
    color: #000;
    font-size: 16px;
    line-height: 23px;
    overflow-x: hidden;
    position: relative;
    background: #fff;
    font-family: "roc-grotesk", sans-serif;
    font-weight: 300;
}

html,
body {
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    font-family: "roc-grotesk", sans-serif;
}



/*form*/
.gform_validation_errors {
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.gfield_validation_message {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    color: #F00 !important;
}

.gform_validation_errors h2 {
    color: #fff !important;
}

.gfield_error input {
    border-color: #c02b0a !important;
}

search .search-no-results .search form {
    display: flex;
    align-items: center;
    width: 80%;
    margin: 0 auto;
}

.search-no-results .search input {
    margin-bottom: 0;
    border: 1px solid #182c61 !important;
    border-radius: 0 !important;
    height: 50px;
    transition: all 0.5s ease-in-out;
    padding: 0.6rem 1rem;
    width: 100%;
}

.search-no-results .search input#searchsubmit {
    width: 160px;
    height: 50px;
    background-color: #182c61;
    border: 0 none;
    color: #ffffff;
    border-radius: 0 !important;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
}

/*pagination*/
.pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.pagination .page-numbers {
    padding-top: 3px;
    font-size: 20px;
    border: 1px solid #000;
    color: #000;
    width: 45px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    border-radius: 5px;
    font-weight: 600;
}

.pagination .next.page-numbers {
    min-width: 50px;
}

.pagination .prev.page-numbers {
    min-width: 50px;
    transform: rotate(180deg);
    padding-bottom: 5px;
}

.pagination .page-numbers:hover {
    background: #000;
    color: #fff;
}

.pagination .page-numbers svg {
    fill: #000;
    width: 22px;
    height: 22px;
}

.pagination .page-numbers svg path {
    fill: #000;
    transition: all 0.3s ease-in-out;
}

.pagination .page-numbers:hover svg path {
    fill: #fff;
}

/*article.search-entry*/
article.search-entry {
    display: block;
    background: #fff;
    -webkit-box-shadow: 0px 0px 9px rgba(15, 27, 74, 0.15);
    box-shadow: 0px 0px 9px rgba(15, 27, 74, 0.15);
    border-radius: 8px;
    margin: 10px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: calc(33.33% - 20px);
}

article.search-entry h2 {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 0px;
    margin-top: 10px;
}

article.search-entry a {
    background-color: #fff;
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 22px;
    padding: 20px 30px;
    display: block;
    height: 100%;
}

article.search-entry a:hover {
    background-color: #3c84d2;
}

article.search-entry a:hover h2 {
    color: #fff;
}

article.search-entry a:hover .search-entry-type {
    color: #fff;
}

.search-entry-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    margin: 40px -20px;
}

.default-layout h1,
.default-page h1 {
    text-align: center;
}





/*----- html5 tags ------*/
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

/*----- Wrapper Part ------*/
#wrapper {
    width: 100%;
    height: auto;
}

.container {
    max-width: 1330px;
    height: auto;
    display: block;
    margin: 0 auto;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
}

.sub-container {
    max-width: 1180px;
    height: auto;
    display: block;
    margin: 0 auto;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
}

section {
    position: relative;
}

/*----- Wrapper Part ------*/
.primary_btn {
    transition: all 0.3s ease-in-out;
    border-radius: 12px;
    background: #FFF;
    color: #000;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 28px;
    padding: 18px 26px;
    display: inline-block;
    position: relative;
    z-index: 0;
    height: 60px;
}

.primary_btn:before {
    border: 2px solid #000;
    border-radius: 12px;
    content: "";
    height: 60px;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    background-color: #2189E8;
    z-index: -2;
    display: block;
    transition: all 0.3s ease-in-out;
}

.primary_btn:hover:before {
    left: 11px;
    top: 11px;
}

.primary_btn.transparent_btn:hover:after {
    background-color: #fff;
}

.primary_btn.transparent_btn {
    background-color: transparent;
    transition: all 0.3s ease-in-out;
}

.primary_btn.transparent_btn:after {
    background-color: transparent;
    transition: all 0.3s ease-in-out;
}

.primary_btn.transparent_btn:before {
    background-color: transparent;
    transition: all 0.3s ease-in-out;
}

.primary_btn:after {
    border-radius: 12px;
    content: "";
    height: 60px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0px;
    background-color: #ffffff;
    z-index: -2;
    display: block;
    border: 2px solid #000;
}

.border_btn {
    height: 49px;
    border: 2px solid #B71768;
    border-radius: 11px;
    position: relative;
    color: #501C36;
    font-family: "roc-grotesk", sans-serif;
    min-width: fit-content;
    font-weight: 700;
    font-size: 16px;
    line-height: 49px;
    transition: 0.4s;
    display: inline-block;
    text-align: center;
    min-width: 147px;
}


.home header {
    background-color: transparent;
}

.home header {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 99;
}

header {
    z-index: 99;
    position: sticky;
    top: 0;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
}

header.fixed-header {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.home header.fixed-header .site_header {
    background-color: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

header .site_header {
    transition: all 0.3s ease-in-out;
}

.home header {
    transition: all 0.3s ease-in-out;
}

.home header.fixed-header .site_logo img {
    max-width: 110px;
}

.home header .site_logo img {
    transition: all 0.3s ease-in-out;
}

.topbar {
    background: #000F20;
}

.navigation_menu .inner_menu ul.sub-menu li a {
    font-size: 22px;
    line-height: 29px;
    font-weight: 500;
}

.inner_menu ul.sub-menu li {
    margin-bottom: 15px;
}

.inner_menu ul.sub-menu li:last-child {
    margin-bottom: 0px;
}

.inner_menu ul.sub-menu {
    padding-top: 33px;
    padding-bottom: 35px;
    display: none;
    transition: none;
}

.topbar p {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    margin: 0px;
}

.topbar span {
    color: #FFCA49;
}

.topbar a {
    color: #FF5E71;
    padding-left: 5px;
    text-decoration: underline;
}

.topbar {
    padding: 5px 20px;
}

.navigation_menu {
    position: fixed;
    right: 0;
    width: 752px;
    background-color: #fff;
    top: 0;
    height: calc(100% - 150px);
    padding: 57px 99px;
    border-radius: 0px 0px 0px 100px;
    right: -100%;
    transition: all 0.6s ease-in-out;
    background-image: url('../images/nevigation-shape.svg');
    background-repeat: no-repeat;
    background-position: 109%;
    overflow: auto;
}

.open-menu .navigation_menu {
    right: 0;
}

.menu-item-has-children.active span {
    transform: rotate(0deg) translate(0px, 6px);
}

.menu-item-has-children span {
    width: 36px;
    height: 38px;
    background-image: url('../images/menu-arrow.svg');
    display: inline-block;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: translate(0px, 7px) rotate(-90deg);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.navigation_menu .inner_menu ul li {
    padding: 0px;
    background-image: none;
    margin-bottom: 23px;
}

.navigation_menu .inner_menu ul li a {
    color: #000F20;
    font-family: "puffin-display-soft", sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%;
    letter-spacing: 0.35px;
}

.navigation_menu .inner_menu ul li a:hover {
    color: #3c84d2;
}

.navigation_menu .inner_menu ul ul li a:hover {
    text-decoration: underline;
}

.navigation_menu .inner_menu .current_page_item>a,
.navigation_menu .inner_menu .current-menu-parent>a,
.navigation_menu .inner_menu .current-menu-parent .current-menu-item>a {
    color: #3c84d2;
}

.navigation_menu .inner_menu {
    margin-bottom: 69px;
    margin-top: 43px;
}

.navigation_menu .social ul {
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 23px;
}

.navigation_menu .social ul li a {
    width: 39px;
    height: 39px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
}

.navigation_menu .social ul li a:hover {
    background-color: #000;
}

.navigation_menu .social ul li a:hover img {
    filter: invert(1);
}

.navigation_menu .social ul li a img {
    transition: all 0.3s ease-in-out;
}

.navigation_menu .social ul li {
    margin-right: 11px;
    padding: 0px;
    background-image: none;
}

.navigation_menu .close_icon {
    text-align: right;
}

.modal-open .who_we_are {
    overflow: hidden;
}

.navigation_menu .close_icon img {
    cursor: pointer;
}

.banner_section {
    background-color: #B1CEED;
    min-height: 813px;
    display: flex;
    padding-bottom: 50px;
    padding-top: 332px;
}

.banner_section .banner_left .content p {
    font-size: 22px;
    line-height: 31px;
}

.banner_section .container {
    margin-left: auto;
    margin-right: 0px;
    max-width: 100%;
    padding-right: 0px;
    width: calc(1330px + ((100% - 1330px) / 2));
}

.banner_section .banner_left {
    width: 45%;
}

.banner_section .banner_right {
    width: 55%;
}

.banner_shape {
    position: absolute;
    right: 0;
    top: 0;
    height: 982px;
    width: 55%;
    -webkit-mask-image: url(../images/road.svg);
    mask-image: url(../images/road.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: 14% 98%;
    z-index: 1;
    mask-size: 142%;
}

.banner_section .caption {
    opacity: 0;
    transform: translate(0px, 30px);
    transition: all 0.3s linear;
}

.animation-ended .banner_section .caption {
    opacity: 1;
    transform: none;
}

@keyframes rotate-mask {
    0% {
        transform: rotate(0deg);
    }

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

.banner_section .banner_left .content {
    max-width: 522px;
}

.banner_shape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about_us_section {
    background-color: #FFEFD8;
    padding: 132px 0px 77px;
    /* background-image: url('../images/about-bg-vector.svg');
    background-position: 0% 100%;
    background-repeat: no-repeat; */
}

.about_us_section .wrapper.flex {
    z-index: 1;
    position: relative;
}

.about_us_section .bg_shape_anime {
    position: absolute;
    left: 0;
    width: 465px;
    top: 40px;
}

.about_us_section .about_us_left {
    width: 50%;
    padding-right: 50px;
    position: relative;
}

.about_us_section .about_us_left ul li {
    padding: 0px;
    background-image: none;
    transition: all 0.4s ease-in-out;
}

.about_us_section .about_us_left ul li:nth-child(2) {
    transition: all 0.6s ease-in-out;
}

.about_us_section .about_us_left ul li:nth-child(3) {
    transition: all 0.8s ease-in-out;
}

.about_us_section .about_us_left ul li:nth-child(4) {
    transition: all 1s ease-in-out;
}

.about_us_section .about_us_right {
    width: 50%;
    padding-left: 50px;
    /* transform: translate(0px, 60px); */
    transition: all 0.5s ease-in-out;
    /* opacity:0; */
}

/* .about_us_section.in-view .about_us_right{
    transform: none;
    opacity:1;
} */
.about_us_section .about_us_left .img_block {
    -webkit-mask-image: url(../images/about-mask2.svg);
    mask-image: url(../images/about-mask2.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    transform: scale(0);
    transition: all 0.9s ease-in-out;
}

.about_us_section .about_us_left .img_block img {
    height: 404px;
    object-fit: cover;
    width: 100%;
    display: block;
}

.about_us_section.in-view .about_us_left .img_block {
    transform: scale(1);
}

.about_us_section .about_us_left .sticker ul {
    list-style: none;
}

.about_us_section .about_us_left .sticker {
    opacity: 0;
    transition-delay: 4s;
    transition: all 0.9s ease-in-out;
}

.about_us_section .about_us_left .sticker.in-view {
    opacity: 1;
}

.about_us_section .about_us_left .sticker ul li {
    transition: all 0.9s ease-in-out;
    opacity: 1;
}

.about_us_section .about_us_left .sticker li.active {
    transform: scale(1.1);
}

@keyframes crescendo {
    0% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1.01);
    }
}

.about_us_section .about_us_right .btn_block.flex {
    justify-content: flex-start;
}

.about_us_section .about_us_right .btn_block.flex iframe {
    margin-left: 45px;
    border: none;
    width: 151px;
}

.about_us_section .about_us_right .btn_block.flex svg {
    margin-left: 45px;
}

.about_us_section .about_us_right .btn_block.flex img {
    width: 151px;
    height: 151px;
    margin-left: 34px;
    object-fit: cover;
}

@keyframes rotate-animation {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

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

.about_us_section .about_us_left .sticker ul li:first-child {
    width: 200px;
    position: absolute;
    left: 162px;
    top: -37px
}

.about_us_section .about_us_left .sticker ul li:nth-child(2) {
    width: 200px;
    position: absolute;
    right: -13%;
    top: 81px;
}

.about_us_section .about_us_left .sticker ul li:nth-child(3) {
    width: 200px;
    position: absolute;
    right: 14%;
    top: 309px;
}

.about_us_section .about_us_left .sticker ul li:nth-child(4) {
    width: 200px;
    position: absolute;
    top: 279px;
    left: 0px;
}

.text_slider .text_slider_main {
    padding: 44px 0px;
    background-color: #000F20;
}

.text_slider_main .owl-item h2 {
    color: #fff;
    font-size: 50px;
    line-height: 55px;
    margin: 0px;
    font-family: 'BobbyJonesSoft-Regular';
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
}

.text_slider_main .owl-item h2 span {
    color: #3C84D2;
    white-space: nowrap;
    display: inline-block;
}

.text_slider_main .owl-item {
    white-space: nowrap;
}

.text_slider_main .owl-item .item {
    white-space: nowrap;
}

.text_slider_main.owl-carousel .owl-stage {
    display: flex;
}

/* .text_slider_main .owl-item h2{
    display: flex;
} */
.home_offer_section.offer_section .offer_column{
    width: 33.33%;
}
.home_offer_section.offer_section .wrapper.flex{
    justify-content: center;
}
.home_offer_section.offer_section .offer_img img{
    height: 375px;
}
.offer_section {
    background-color: #3C84D2;
    padding: 130px 0px 120px;
    overflow: hidden;
}

.offer_section .title h2 {
    color: #fff;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.offer_section .title h2 img {
    margin-left: 26px;
    width: 130px;
    -webkit-animation: bounce2 2s ease infinite;
    animation: bounce2 2s ease infinite;
}

.offer_section .title {
    margin-bottom: 43px;
}

.offer_section .offer_column {
    width: 33.33%;
    padding: 0px 32px;
    margin-bottom: 50px;
    position: relative;
}
.offer_section.offer_about .offer_column{
    width: 20%;
}
.offer_section.offer_about .wrapper.flex{
    margin-bottom: -32px;
    justify-content: flex-start;
}
.offer_section .offer_column .primary_btn:before {
    background-color: #00B8B0;
}

.offer_section .offer_column:nth-child(3n-1) .primary_btn:before {
    background-color: #FF687A;
}

.offer_section .offer_column:nth-child(3n) .primary_btn:before {
    background-color: #FFCA49;
}

.offer_section .wrapper.flex {
    align-items: flex-start;
    margin: 0px -32px;
    justify-content: flex-start;
}

.offer_section .offer_img img {
    height: 395px;
    width: 100%;
    object-fit: cover;
}

.offer_section .contnet h3 {
    color: #FFF;
    text-align: center;
    font-size: 25px;
    font-weight: 900;
    line-height: 29px;
    max-width: 331px;
    margin-left: auto;
    margin-right: auto;
}
.offer_section.offer_about .contnet h3{
    min-height: auto;
}
.offer_section .offer_column .offer_img img {
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    position: relative;
    z-index: 11;
}
.offer_section .offer_column:nth-child(5n - 1) .offer_img img{
    -webkit-mask-image: url(../images/backshape-five.svg);
    mask-image: url(../images/backshape-five.svg);
}
.offer_section .offer_column:nth-child(5n) .offer_img img{
    -webkit-mask-image: url(../images/backshape-four.svg)!important;
    mask-image: url(../images/backshape-four.svg)!important;
}
.offer_section .offer_column .offer_img img {
    -webkit-mask-image: url(../images/backshape1.svg);
    mask-image: url(../images/backshape1.svg);

}

.offer_section .offer_column:nth-child(5n - 3) .offer_img img {
    -webkit-mask-image: url(../images/backshape2.svg);
    mask-image: url(../images/backshape2.svg);
}

.offer_section .offer_column:nth-child(5n - 2) .offer_img img {
    -webkit-mask-image: url(../images/backshape3.svg);
    mask-image: url(../images/backshape3.svg);
}

.offer_section .offer_column .offer_img:after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    height: 212px;
    width: 100%;
    background-size: contain;
    animation: move 3s infinite linear;
    transition: all 0.3s ease-in-out;
}
.offer_section .offer_column .text_img{
    width: 152px;
}

@keyframes move {
    0% {
        left: 30px;
        top: -15px;
    }

    25% {
        left: 50px;
        top: -2px;
    }

    50% {
        left: 50px;
        top: 15px;
    }

    75% {
        left: 15px;
        top: 15px;
    }

    100% {
        left: 30px;
        top: -15px;
    }
}

.offer_section .offer_column .offer_img:after {
    background-image: url('../images/backshape1.svg');
    left: 34px;
    top: 7px;
    transition: all 1s ease-in-out;
}

.offer_section .offer_column .offer_img:after {
    left: 41px;
    top: 7px;
    height: 373px;
}

.offer_section .offer_column:nth-child(5n - 3) .offer_img:after {
    background-image: url('../images/backshape2.svg');
    left: 38px;
    top: 7px;
}
.offer_section .offer_column:nth-child(5n - 1) .offer_img:after{
    background-image: url('../images/backshape-five.svg');
    transform: translate(23px, 0px);
}
.offer_section .offer_column:nth-child(5n) .offer_img:after{
    background-image: url('../images/backshape-four.svg');
}
/* .offer_section .offer_column.in-view:nth-child(3n - 1) .offer_img:after {
    left: 37px;
    top: 7px;
} */

.offer_section .offer_column:nth-child(5n - 2) .offer_img:after {
    background-image: url('../images/backshape3.svg');
    left: 44px;
    top: 9px;

}

.offer_section .offer_column:nth-child(3n) .offer_img:after {
    transform: translate(12px, 0px);
}

.offer_section .offer_column .text_img {
    position: absolute;
    display: block;
    z-index: 11;
    transition: all 1s ease-in-out;
    animation: crescendo 1.5s alternate infinite ease-in;
}

.offer_section .offer_column.in-view .text_img {
    transform: scale(1);
}

.offer_section .offer_column .text_img {
    top: -17px;
    left: 29px;
}
.offer_section .offer_column:nth-child(2) .text_img {
    width: 177px;
    top: 290px;
    left: 177px;
}
.offer_section .offer_column:nth-child(3) .text_img{
    width: 226px;
    top: 247px;
    left: 195px;
}
.offer_section .offer_column:nth-child(4) .text_img {
    width: 321px;
    top: 292px;
    left: 95px;
}
.offer_section .offer_column:nth-child(5) .text_img{
    width: 295px;
    top: -4px;
    left: 138px;
}
/* .offer_section .offer_column:nth-child(3n - 1) .text_img {
    top: 294px;
    right: 22px;
    left: inherit;
} */

/* .offer_section .offer_column:nth-child(3n) .text_img {
    top: 307px;
    right: 22px;
    left: inherit;
} */

.offer_section .offer_column .text_img img{
    width: 100%;;
}
.offer_section .offer_column .contnet {
    margin-top: 25px;
    text-align: center;
}


.our_work_section {
    background-color: #FFEFD8;
    padding: 131px 0px 110px;
    position: relative;
    /* background-image: url(../images/our-work-bg-shape.svg); */
    background-repeat: no-repeat;
    background-position: center left;
}

.our_work_section .container {
    position: relative;
}

.our_work_section .bg-shape {
    position: absolute;
    left: 0;
    width: 576px;
}

.our_work_section .bg_shape_anime img {
    width: 100%;
}

.our_work_section:after {
    content: "";
    position: absolute;
    width: 183px;
    height: 170px;
    background-image: url(../images/our-work-liquid.svg);
    top: -85px;
    right: 15%;
    transition: all 0.6s ease-in-out;
    animation: rotate-animation 10s infinite linear;
}

@keyframes grow {
    0% {
        opacity: 0;
        transform: scale(0) rotateY(20deg)
    }

    40% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(0.9)
    }

    60% {
        opacity: 1;
        transform: scale(1.05)
    }

    70% {
        transform: scale(0.95)
    }

    80% {
        transform: scale(1.02)
    }

    90% {
        transform: scale(0.98) rotateY(0)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes bounce2 {
    0% {
        transform: rotate(0);
    }

    40% {
        transform: rotate(-30deg);
    }

    60% {
        transform: rotate(15deg);
    }
}


.work_column .content:after {
    content: "";
    background-image: url('../images/our-work-liquid-vector.svg');
    width: 165px;
    height: 152px;
    position: absolute;
    top: -29px;
    left: 0;
    animation: rotate-animation 10s infinite linear;
}

.our_work_section .title_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}

.our_work_section .work_column {
    width: 33.33%;
    padding: 0px 24px;
}

.our_work_section .work_column .img__block img {
    width: 100%;
    height: 252px;
    object-fit: cover;
}

/* .our_work_section .work_column .img__block:after{
    background-image: url('../images/work-curve-shape-design.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    content: "";
    height: 253px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
} */
.our_work_section .work_column>a {
    border-radius: 32px;
    background: #FF687A;
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.our_work_section .work_column>a:hover {
    box-shadow: 0px 4px 18.5px 0px rgba(0, 0, 0, 0.25);
}

.our_work_section .work_column>a:hover .content h3 {
    color: #fff;
}

.our_work_section .content {
    padding: 0px 32px 12px;
    position: relative;
}

.our_work_section .work_column .icon {
    position: absolute;
    z-index: 1;
    right: 32px;
    bottom: 32px;
}

.our_work_section .work_column .content h3 {
    color: #000;
    font-size: 25px;
    font-weight: 900;
    line-height: 29px;
    margin-top: 13px;
    max-width: calc(100% - 23px);
    position: relative;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

.our_work_section .wrapper.flex {
    margin: 0px -24px;
    align-items: stretch;
    justify-content: flex-start;
}

.our_work_section .work_column .content span {
    border-radius: 22px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(197, 197, 197, 0.25);
    color: #3E3E3E;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    padding: 8px;
    display: inline-block;
    font-family: 'BobbyJonesSoft-Regular';
    position: relative;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}



.logo_slider_main {
    padding: 37px 0px;
    background-color: #000F20;
}

.logo_slider_main img {
    height: 43px;
    width: auto !important;
}

.get_in_touch {
    background-color: #FFABB6;
    overflow: hidden;
}

.get_in_touch .left_column {
    width: 50%;
    background-image: url('../images/get-in-touch-bg.png');
    background-repeat: no-repeat;
    background-position: 50% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.get_in_touch .right_column {
    width: 50%;
    padding-left: 50px;
}

.get_in_touch .right_column .btn_social {
    display: flex;
    align-items: center;
}

.get_in_touch .right_column .btn_social .social ul {
    list-style: none;
    display: flex;
    align-items: center;
}

.get_in_touch .right_column .btn_social .social ul li a {
    width: 39px;
    height: 39px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
}

.get_in_touch .right_column .btn_social .social ul li a:hover {
    background-color: #f1baba;
}

.get_in_touch .right_column .btn_social .social ul li a img {
    transition: all 0.3s ease-in-out;
}

.get_in_touch .right_column .btn_social .social ul li {
    margin-right: 11px;
    padding: 0px;
    background-image: none;
    margin-bottom: 0px;
}

.get_in_touch .right_column .btn_block .primary_btn {
    margin-right: 17px;
}

.get_in_touch .text_logo {
    position: absolute;
    top: 0;
    left: 0;
}

.get_in_touch.in-view .img_block img {
    transform: translate(0, 0);
}

.get_in_touch .img_block img {
    height: 351px;
    object-fit: contain;
    object-position: bottom;
    display: block;
    transform: translate(0px, 100%);
    transition: all 0.6s ease-in-out;
}

.get_in_touch .text_logo ul {
    list-style: none;
}

.get_in_touch .right_column .content p {
    font-size: 18px;
    line-height: 23px;
    max-width: 458px;
}

.our_work_section .img__block {
    position: relative;
    overflow: hidden;
}

.our_work_section .ocean {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.our_work_section .wave {
    background: url("../images/new-wave.svg") repeat-x;
    position: absolute;
    top: -198px;
    width: 24000px;
    animation: wave 18s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0);
    background-size: 387px;
    background-position: bottom;
    bottom: 0;
}

.our_work_section .wave:nth-of-type(2) {
    top: -175px;
    animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
    opacity: 1;
}

.get_in_touch .text_logo li {
    opacity: 0;
    transition: all 1.5s ease-in-out;
    background-image: none;
    animation: crescendo 1.5s alternate infinite ease-in;
}

.get_in_touch.in-view .text_logo li {
    opacity: 1;
}

.get_in_touch .text_logo li:first-child {
    position: absolute;
    left: 141px;
    top: 70px;
    width: 150px;
}

.get_in_touch .text_logo li:nth-child(2) {
    position: absolute;
    top: 180px;
    width: 150px;
    left: 481px;
}

.get_in_touch .text_logo li:nth-child(3) {
    position: absolute;
    left: 15px;
    top: 215px;
    width: 150px;
}

@keyframes wave {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -1600px;
    }
}

.our_leatest_blog {
    background-color: #FFEFD8;
    padding: 130px 0px 60px;
    /* background-image: url('../images/leatest-blog-bg.svg'); */
    background-repeat: no-repeat;
    background-position: center left;
    position: relative;
}

.our_leatest_blog .bg-shape {
    position: absolute;
    width: 500px;
    top: 46px;
}

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

.blog_main .flex {
    align-items: stretch;
    border-radius: 32px;
    padding-left: 20px;
    position: relative;
}

.blog_main .item {
    padding: 10px 0px;
}

.blog_main a:hover .contnet span {
    background-color: #000f20;
    color: #fff;
}

.blog_main .flex .img_block img {
    width: 275px;
    display: block;
    height: 276px;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    position: relative;
    z-index: 11;
    -webkit-mask-image: url(../images/blog-shap1.svg);
    mask-image: url(../images/blog-shap1.svg);
    object-fit: cover;
}

.blog_list_main.portfolio_list .blog_main .flex .img_block img {
    height: 258px;
}

.blog_main .flex .contnet {
    width: calc(100% - 275px);
    padding: 33px 41px 37px 28px;
}

.our_leatest_blog .container {
    max-width: 100%;
    position: relative;
    padding: 0px;
}

.blog_main .contnet h3 {
    font-family: "Wendy One", sans-serif;
    font-weight: 400;
    color: #FFF;
    font-size: 25px;
    line-height: 25px;
    position: relative;
    z-index: 11;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.our_leatest_blog .blog_main .icon img {
    right: 23px;
    bottom: 23px;
}

.blog_main .contnet .icon img {
    width: 57px !important;
    z-index: 11;
}

.blog_main .contnet .icon .bg-small-shape {
    animation: rotate-animation 10s infinite linear;
    width: 55px;
    height: 55px;
    position: absolute;
    right: 23px;
    bottom: 23px;
    z-index: 11;
}

.blog_main .contnet .icon .bg-small-shape img {
    position: static;
    top: inherit;
    right: inherit;
    bottom: inherit;
    width: 55px !important;
    height: 55px;
}

.blog_main .contnet .icon .i-icon img {
    width: 20px !important;
    bottom: 39px;
    right: 41px;
}

.blog_main a:hover .contnet .icon .i-icon img:first-child {
    opacity: 0;
}

.blog_main .contnet span {
    border-radius: 22px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(197, 197, 197, 0.25);
    color: #3E3E3E;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    padding: 8px;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
    z-index: 11;
    font-family: 'BobbyJonesSoft-Regular';
    margin-top: 15px;
    transition: all 0.3s ease-in-out;
}

.our_leatest_blog .btn_block {
    margin-top: 77px;
    text-align: center;
}

.blog_main .img_block {
    position: relative;
    z-index: 11;
    width: 275px;
}

.blog_main .img_block:after {
    content: "";
    background-image: url('../images/green-shape.svg');
    width: 100%;
    height: 100%;
    position: absolute;
    top: -3px;
    left: -11px;
    background-repeat: no-repeat;
    background-size: contain;
    animation: moveshape 5s infinite linear;
    transition: all 0.3s ease-in-out;
}

@keyframes moveshape {
    0% {
        top: -7px;
        left: -11px;
    }

    25% {
        top: -11px;
        left: 11px;
    }

    50% {
        top: 11px;
        left: 11px;
    }

    75% {
        top: 11px;
        left: -11px;
    }

    100% {
        top: -7px;
        left: -11px;
    }
}

.blog_main .item:nth-child(4n-2) .img_block:after,
.blog_main .owl-item:nth-child(4n-2) .item .img_block:after {
    background-image: url('../images/pink-shape.svg');
}

.blog_main .item:nth-child(4n-2) .flex:after,
.blog_main .owl-item:nth-child(4n-2) .item .flex:after {
    background: rgba(255, 94, 113, 0.40);
}

.blog_main .item:nth-child(4n-1) .flex:after,
.blog_main .owl-item:nth-child(4n-1) .item .flex:after {
    background: #FF5E71;
}

.blog_main .item:nth-child(4n-1) .img_block:after,
.blog_main .owl-item:nth-child(4n-1) .item .img_block:after {
    background-image: url('../images/yellow-shape.svg');
}

.blog_main .item:nth-child(4n) .flex:after,
.blog_main .owl-item:nth-child(4n) .item .flex:after {
    background: #B1CEED;
}

.blog_main .item:nth-child(4n) .img_block:after,
.blog_main .owl-item:nth-child(4n) .item .img_block:after {
    background-image: url('../images/blue-shape.svg');
}

.blog_main .flex:after {
    content: "";
    position: absolute;
    width: calc(100% - 83px);
    height: 100%;
    top: 0;
    right: 0;
    display: block;
    z-index: 1;
    border-radius: 32px;
    background: #3C84D2;
}

.blog_main .icon img {
    text-align: right;
    margin-left: auto;
}


footer {
    background-color: #000F20;
    padding-top: 110px;
    /* background-image: url('../images/footer-bg.svg'); */
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    overflow: hidden;
}

footer .container {
    position: relative;
}

footer .bg_shape {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translate(-50%, 0%);
}

footer .bg_shape img {
    height: 100%;
    width: 100%;
}

footer .title h2 {
    color: #FFF;
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    line-height: 44px;
    /* 44px */
    font-family: "roc-grotesk", sans-serif;
    letter-spacing: 0.4px;
    margin-bottom: 40px;
}

footer .title {
    margin-bottom: 60px;
}

footer .title span {
    color: #FFF;
    text-align: center;
    font-family: "roc-grotesk", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    display: block;
}

.site_footer {
    background: #3C84D2;
    padding: 29px 100px 56px;
    display: flex;
    align-items: flex-end;
}

.footer_logo {
    width: 20%;
}

.footer_menu {
    width: 80%;
    display: flex;
    padding-left: 120px;
}

.footer_menu .footer_column {
    width: 25%;
    padding: 0px 10px;
}

.footer_menu .footer_column:first-child {
    width: 15%;
}

.footer_menu .footer_column:nth-child(2) {
    width: 25%;
}

.footer_menu .footer_column:nth-child(3) {
    width: 30%;
}

.footer_menu .footer_column:nth-child(4) {
    width: 30%;
}

.footer_menu .footer_column ul {
    list-style: none;
}

.footer_menu ul li a {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    text-transform: uppercase;
}

.footer_menu ul li a:hover {
    color: #000;
}

.footer_column h6 {
    color: #FFF;
    margin: 0px 0px 14px 0px;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    font-family: "puffin-display-soft", sans-serif;
}

.footer_menu .footer_column ul li {
    margin: 0px;
    padding: 0px;
}

footer .left_column {
    width: 25%;
}

footer .center_column {
    width: 35%;
    text-align: center;
    display: flex;
    justify-content: center;
}

footer .right_column {
    width: 20%;
    text-align: right;
}

footer .bottom_footer p,
footer .bottom_footer a {
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    margin: 0px;
}

footer .center_column ul {
    display: flex;
    list-style: none;
}

footer .center_column ul li {
    margin: 0px;
    padding: 0px 35px;
    background-image: none;
}

footer .bottom_footer {
    padding: 40px 0px 29px;
}

.home .site_header {
    padding: 8px 0px;
}

.footer_menu .footer_column .social ul {
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 23px;
}

.footer_menu .footer_column .social ul li a {
    width: 39px;
    height: 39px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
}

.footer_menu .footer_column .social ul li a:hover {
    background-color: #000;
}

.footer_menu .footer_column .social ul li a:hover img {
    filter: invert(1);
}

.footer_menu .footer_column .social ul li a img {
    transition: all 0.3s ease-in-out;
}

.footer_menu .footer_column .social ul li {
    margin-right: 11px;
    padding: 0px;
}

footer .bottom_footer a:hover {
    color: #3c84d2;
}

.site_header {
    padding: 8px 0px;
}

.inner_banner_main .full_image img {
    width: 100%;
    height: 412px;
    display: block;

    object-fit: cover;
}

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

.inner_banner_main .content h1 {
    font-size: 70px;
    line-height: 77px;
    -webkit-text-stroke-width: 4px;
    -webkit-text-stroke-color: #FFF;
    font-weight: 900 !important;
    letter-spacing: 0.7px;
}


.about_us_section.about {
    background-color: #fff;
    padding: 106px 0px 83px;
}

.about_us_section.about .about_us_left .img_block {
    mask-image: none;
    -webkit-mask-image: none;
}

.about_us_section.about .about_us_left .img_block:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: -19px;
    top: -2px;
    background-image: url('../images/about-mask-shape.svg');
    background-repeat: no-repeat;
    background-size: auto;
    animation: offermove 3s infinite linear;
}


.anim-title .letter {
    transform-origin: 50% 100%;
    display: inline-block;
    line-height: 1em;
}

@keyframes offermove {
    0% {
        left: -19px;
        top: -2px;
    }

    25% {
        left: 26px;
        top: -10px;
    }

    50% {
        left: 26px;
        top: 5px;
    }

    75% {
        left: 6px;
        top: 10px;
    }

    100% {
        left: -19px;
        top: -2px;
    }
}

.about_us_section.about .about_us_left .img_block img {
    -webkit-mask-image: url(../images/about-mask-shape.svg);
    mask-image: url(../images/about-mask-shape.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    z-index: 1;
    position: relative;
    height: 490px;
}

.about_us_section.about .about_us_left .sticker ul li:first-child {
    left: -6px;
    top: 33px;
    z-index: 1;
}

.about_us_section.about .about_us_left .sticker ul li:nth-child(2) {
    right: 11%;
    top: 29px;
    z-index: 1;
}

.about_us_section.about .about_us_left .sticker ul li:nth-child(3) {
    right: 24%;
    top: 294px;
    z-index: 1;
}

.about_us_section.about .about_us_left .sticker ul li:nth-child(4) {
    top: 355px;
    left: 41px;
    z-index: 1;
}

.about_us_section.about .about_us_right .btn_block.flex iframe {
    position: absolute;
    top: -107px;
    right: 0;
}

.about_us_section.about .content {
    max-width: 477px;
    position: relative;
}

.our_purpose {
    background-color: #c1edf4;
    padding: 50px 0px;
    min-height: 682px;
    display: flex;
    align-items: center;
    background-image: url('../images/purpose-bg-2.svg');
    background-repeat: repeat;
    background-size: 50vw;
}

.our_purpose .content_image {
    position: absolute;
    bottom: 0;
    margin-left: 488px;
}

.our_purpose .our_purpose_inner {
    border-radius: 32px;
    background: #FFF;
    max-width: 657px;
    padding: 53px 74px;
}

.our_purpose .content_image img {
    display: block;
    width: 576px;
    height: 681px;
}

.our_purpose .content_image img {
    display: block;
    width: 576px;
    height: 681px;
    object-fit: cover;
    object-position: top;
    transform: translate(0px, 100%);
    transition: all 0.6s ease-in-out;
}

.our_purpose.in-view .content_image img {
    transform: translate(0px, 0);
}

.why_us_section {
    padding: 130px 0px 118px;
    background-color: #FFEFD8;
}

.who_we_are .liquid_img {
    text-align: right;
    top: -219px;
    position: absolute;
    right: 0;
}

.who_we_are .liquid_img {
    animation: rotate-animation 10s infinite linear;
}

.who_we_are .container {
    position: relative;
}

.why_us_section .container {
    z-index: 1;
    position: relative;
}

.why_us_section .bg_img img {
    height: 0px;
    width: 0px;
}

.why_us_section .bg_img {
    position: absolute;
    left: -10%;
    width: 50%;
    top: 0;
    height: 100%;
}

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

.why_us_section .item {
    width: 25%;
    padding: 0px 13px;
    margin-bottom: 26px;
    transition: all 1s ease-in-out;
}

.why_us_section .flex {
    align-items: stretch;
}

.why_us_section .whyUs_block {
    border-radius: 32px;
    background: #B1CEED;
    padding: 38px 26px 28px 23px;
    height: 100%;
}

.why_us_section .whyUs_block h2 {
    color: #000;
    font-size: 25px;
    font-weight: 900;
    line-height: 42px;
    margin-bottom: 0px;
    margin-bottom: 8px;
    padding-left: 41px;

    position: relative;
}

.why_us_section .whyUs_block h2:before {
    content: "";
    background-image: url('../images/tick-mark.svg');
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    position: absolute;
    top: 12px;
    left: 11px;
    z-index: 1;
}

.why_us_section .whyUs_block h2:after {
    content: "";
    background-image: url('../images/star-shape.svg');
    background-repeat: no-repeat;
    background-position: left center;
    width: 27px;
    height: 26px;
    top: 6px;
    left: 5px;
    position: absolute;
    background-size: contain;
    animation: rotate-animation 10s infinite linear;
}

.why_us_section .whyUs_block p {
    margin: 0px;
}

.why_us_section .item:nth-child(4n -3) {
    animation: up 4s infinite linear;
}

.why_us_section .item:nth-child(4n - 1) {
    animation: up 4s infinite linear;
}

.why_us_section .item:nth-child(4n -2) {
    animation: down 4s infinite linear;
}

.why_us_section .item:nth-child(4n) {
    animation: down 4s infinite linear;
}

@keyframes up {
    0% {
        transform: translatey(0);
    }

    25% {
        transform: translatey(-20px);
    }

    75% {
        transform: translatey(20px);
    }

    100% {
        transform: translatey(0);
    }
}

@keyframes down {
    0% {
        transform: translatey(0);
    }

    25% {
        transform: translatey(20px);
    }

    75% {
        transform: translatey(-20px);
    }

    100% {
        transform: translatey(0);
    }
}

.who_we_are {
    padding: 130px 0px 157px;
}

.who_we_are .title {
    text-align: center;
    padding-bottom: 130px;
}

.who_we_are .item {
    background-color: #FFEFD8;
    border-radius: 19px;
    /* height: 378px; */
    box-shadow: 0px 4px 8.8px 0px rgba(170, 166, 166, 0.25);
    overflow: hidden;
    /* margin: 0px -15px; */
}

.who_we_are .owl-item {
    transition: all 0.3s ease-in-out;

}

.who_we_are .owl-item.active.center {
    margin: 0px !important;
    transform: scale(1.1) rotate(-4deg);
    z-index: 1;
}

.who_we_are .owl-item.active.center .btn_block {
    opacity: 1;
}

.who_we_are .owl-stage {
    padding: 40px 0px;
}

.who_we_are .item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}

.who_we_are .owl-item {
    /* height: 378px; */
}

.who_we_are .owl-carousel .owl-stage-outer {
    /* height: 458px; */
}

.who_we_are .owl-nav button {
    width: 45px;
    height: 45px;
    border: 1px solid #000 !important;
    border-radius: 100%;
    background-image: url('../images/slider-arrow.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transition: all 0.3s ease-in-out;
}

.who_we_are .owl-nav button span {
    color: transparent;
}

.who_we_are .owl-nav span {
    margin: 0px 10px;
}

.who_we_are button.owl-next {
    transform: rotate(180deg);
}

.who_we_are button.owl-prev {
    position: absolute;
    top: 45%;
    left: -6%;
}

.who_we_are button.owl-next {
    position: absolute;
    top: 45%;
    right: -6%;
}

.who_we_are .owl-nav button:hover {
    background-color: #fff;
    filter: invert(1);
}

.who_we_are .owl-item:nth-child(even) {
    margin-top: 8px;
}

.who_we_are .btn_block {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(3deg);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.who_we_are .btn_block .primary_btn {
    text-transform: uppercase;
}

.offer_section.offer_about .title {
    margin-bottom: 80px;
}

.offer_section.offer_about .text_img_logo {
    height: 176px;
    text-align: center;
    max-width: 190px;
    margin: auto;
    margin-bottom: 48px;
    /* background-image: url('../images/offer-shapemini1.svg'); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
}

.offer_section.offer_about .offer_column .text_img_logo img {
    width: 138px;
    transform: scale(0);
    transition: all 0.6s ease-in-out;
}

.offer_section.offer_about.in-view .offer_column .text_img_logo img {
    transform: scale(1);
}

.offer_section.offer_about .offer_column a:hover h3 {
    text-decoration: underline;
}

/* .offer_section.offer_about .offer_column:nth-child(3n) .text_img_logo{
    background-image: url('../images/offer-shapemini3.svg');
}
.offer_section.offer_about .offer_column:nth-child(3n-1) .text_img_logo{
    background-image: url('../images/offer-shapemini2.svg');
}
.offer_section.offer_about .offer_column:nth-child(3n+1) .text_img_logo{
    background-image: url('../images/offer-shapemini1.svg');
} */
/* .offer_section.offer_about .offer_column:nth-child(3n-1) .text_img_logo img{
    width: 200px;
} */
.offer_section.offer_about .bg_image_spape {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 176px;
    height: 176px;
    left: 0%;
    transform: translate(-50%, 0px);
    animation: rotate-animation 10s infinite linear;
}

.offer_section.offer_about .bg_image_spape img {
    max-width: 100%;
}

.offer_section.offer_about .offer_column {
    display: flex;
    align-items: center;
    justify-content: center;
}

.paragraph_section .logo {
    position: absolute;
    right: 15%;
    top: -49px;
}

.paragraph_section .logo iframe, .paragraph_section .logo img {
    border: none;
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.paragraph_section .container {
    position: relative;
    z-index: 11;
}

.paragraph_section .bg-shape {
    position: absolute;
    width: 300px;
    bottom: -151px;
    left: 0;
    z-index: 1;
}

.paragraph_section {
    padding: 118px 0px 91px;
    background-color: #FFEFD8;
    /* background-image: url('../images/paragrapgh_bg.svg');
    background-repeat: no-repeat;
    background-position: 0 19px;
    background-size: 315px; */
}

.paragraph_section .bg_liquid_shape {
    text-align: right;
    position: absolute;
    top: -200px;
    right: 0;
    animation: rotate-animation 10s infinite linear;
}

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

.paragraph_section .content h2 {
    max-width: 667px;
    margin: auto;
    margin-bottom: 30px;
}

.paragraph_section .content {
    max-width: 695px;
    margin: auto;
}

.capability_slider {
    background-color: #FFEFD8;
    padding-bottom: 116px;
}

.capability_slider .item img {
    border-radius: 20px;
    height: 468px;
    object-fit: cover;
}

.service_two:nth-child(even) .service_left .img {
    -webkit-mask-image: url(../images/about-mask2.svg);
    mask-image: url(../images/about-mask2.svg);
    -webkit-mask-size: 86%;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
}

.service_two:nth-child(even) .service_left .img_block {
    background-color: #FE8A36;
}

body:not(.no-js) .service_left .img_block {
    transition: 1s ease-out;
    transition-delay: 0.2s;
    position: relative;
    width: auto;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    /* Start with the top clipped */
    visibility: hidden;
    border-radius: 20px;

}

body:not(.no-js) .service_left .img_block img {
    transform: scale(1.3);
    transition: 2s ease-out;
}

body:not(.no-js) .service_left.animating .img_block {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    /* Reveal to full height */
    visibility: visible;
}

body:not(.no-js) .service_left.animating img {
    transform: scale(1);
    transition: 4s ease-out;

}

body:not(.no-js) .fadeup {
    opacity: 0;
    transition: 0.4s ease-out;
    transform: translateY(40px);
}

body:not(.no-js) .fading-up {
    opacity: 1;
    transition: 1s ease-out;
    transform: translateY(0px);
    transition-delay: 0.7s;
}

.service_two_coloum {
    padding: 130px 0 115px;
}

.service_two_coloum .service_two {
    display: flex;
    align-items: center;
    margin-bottom: 36px;
    max-width: 1073px;
    margin-left: auto;
    margin-right: auto;
}

.service_left {
    width: 50%;
    padding-right: 32px;
}

.service_right {
    width: 50%;
    padding-left: 32px;
}

.service_right img {
    height: 405px;
    border-radius: 20px;
}

.serice_desc h2 {
    margin-bottom: 12px;
}

.serice_desc {
    max-width: 479px;
    width: 100%;
}

.service_left img {
    height: 390px;
    border-radius: 20px;
    width: 100%;
    object-fit: cover;
}

.service_two_coloum .service_two:last-child {
    margin-bottom: 0;
}

.service_two_coloum .service_two:nth-child(even) .service_right {
    padding-right: 32px;
    padding-left: 0px;
}

.service_two_coloum .service_two:nth-child(even) .service_left {
    padding-left: 32px;
    padding-right: 0px;
}

.service_two_coloum .service_two:nth-child(even) .service_left {
    order: 1;
}

.serice_desc .primary_btn {
    margin-top: 10px;
}

.blog_content .video__section .liquid_img {
    display: none;
}

.video__section {
    background-color: #3C84D2;
    padding: 130px 0px;
    /* background-image: url('../images/video-bg-shape.svg'); */
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 28%;
}

.video__section .bg-shape {
    position: absolute;
    left: 0;
    width: 490px;
    top: 98px;
}

.video__section .bg-shape img {
    width: 100%;
}

.video__section .liquid_img {
    animation: rotate-animation 10s infinite linear;
}

.video__section h2 span {
    max-width: 366px;
    display: inline-block;
    position: relative;
}

.video__section h2 img {
    position: absolute;
    top: -20px;
    width: 130px;
    transform: rotate(-20deg);
    right: -153px;
    margin: 0px;
    -webkit-animation: bounce2 2s ease infinite;
    animation: bounce2 2s ease infinite;
}

.video__section .container {
    position: relative;
}

.video__section .liquid_img {
    text-align: right;
    top: -219px;
    position: absolute;
    right: 0;
}

.video__section h2 {
    color: #FFF;
    text-align: center;
    font-size: 45px;
    font-weight: 900;
    line-height: 49.5px;
    letter-spacing: 0.45px;
    max-width: 434px;
    margin: auto;
    margin-bottom: 67px;
}

.video__section .iframe_content iframe {
    height: 390px;
    width: 698px;
    margin: auto;
    border-radius: 35px;
}

.video__section .iframe_content {
    text-align: center;
    margin-top: 50px;
}

.video__section h2 {
    text-align: center;
}

.video__section .video_main {
    max-width: 698px;
    margin: auto;
    position: relative;
    overflow: hidden;
}

.video__section .video_main video,
.video__section .video_main iframe {
    width: 100%;
    height: 390px;
    object-fit: cover;
    display: block;
}

.video__section .playpause {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video__section .playpause img {
    width: 70px;
    cursor: pointer;
    z-index: 1;
    cursor: pointer;
}

/* .video__section .playpause:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 30%);
    top: 0;
    left: 0;
} */


.accordion_section .accordion .accordion-title:after {
    content: "";
    position: absolute;
    width: 31px;
    height: 33px;
    background-image: url('../images/accordion-plus.svg');
    background-repeat: no-repeat;
    right: 65px;
    background-position: center;
    top: 50%;
    transition: all 0.3s ease-in-out;
    transform: translate(0px, -50%);
}

.accordion.active .accordion-title:after {
    transform: translate(0px, -50%) rotate(0deg);
    background-image: url('../images/accordion-minus.svg');
}

.accordion_section .accordion .accordion-title {
    width: 100%;
    position: relative;
    text-align: left;
    padding: 34px 52px 26px;
    border: none;
    cursor: pointer;
    color: #000131;
    font-size: 16px;
    font-weight: 900;
    padding-right: 100px;
    line-height: 25px;
    border-radius: 12px;
    background: rgba(60, 132, 210, 0.10);
    font-family: "puffin-display-soft", sans-serif;
}

.accordion_section .accordion {
    margin-bottom: 7px;
    transition: all 0.3s ease-in-out;
}

.accordion_section .accordion .panel {
    padding: 0px 52px 63px;
    display: none;
}

.accordion_section .accordion .panel p {
    margin-top: 0px;
}

.accordion_section .accordion .panel p,
.accordion_section .accordion .panel li {
    color: #000131;
}

.accordion_section .accordion .panel a {
    color: #000131;
    text-transform: uppercase;
}

.accordion_section .accordion.active {
    border-radius: 12px;
    background-color: #B1CEED;
}

.accordion_section .accordion.active button.accordion-title {
    background-color: #B1CEED;
}

.accordion_section {
    background-color: #F7F6F1;
    padding: 132px 0px 115px;
}

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

.accordion_section .main_accordion {
    max-width: 1059px;
    margin: auto;
}

.accordion_section .accordion .panel a:hover {
    color: #00B7E1;
}


.portfolio_list .work_column.full_column {
    width: 100%;
    margin-bottom: 43px;
}

.our_work_section.portfolio_list {
    background-image: none;
}

.portfolio_list .work_column.full_column .content:after {
    top: 76px;
}

.portfolio_list .work_column.full_column .inner_column {
    display: flex;
    background-color: #FF687A;
    border-radius: 22px;
    overflow: hidden;
}

.our_work_section .work_column .content p {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.portfolio_list .work_column.full_column .inner_column .img__block {
    width: 50%;
}

.portfolio_list .work_column.full_column .inner_column .content {
    width: 50%;
    padding: 68px 102px 55px 43px;
}

.portfolio_list .work_column.full_column .img__block img {
    height: 426px;
    display: block;
}

.portfolio_list .work_column.full_column .ocean {
    transform: rotate(-91deg);
    height: 100%;
    left: 119px;
}

.portfolio_list.our_work_section .work_column {
    margin-bottom: 45px;
}

.portfolio_list .top_content {
    max-width: 695px;
    margin: auto;
    text-align: center;
    margin-bottom: 73px;
}

.portfolio_list .category ul li {
    padding: 0px;
    background-image: none;
}

.portfolio_list .category ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 70px;
}

.portfolio_list .category ul li a:hover,
.portfolio_list .category ul li.active a {
    background-color: #000;
    color: #fff;
}

.portfolio_list .category ul li a {
    border-radius: 22px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(197, 197, 197, 0.25);
    color: #3E3E3E;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    padding: 8px;
    /* max-width: 100px; */
    display: block;
    font-family: 'BobbyJonesSoft-Regular';
    /* min-width: 103px; */
}

.portfolio_list .category ul li {
    margin-right: 16px;
}



.portfolio_single_banner {
    background-color: #FFEFD8;
    padding: 123px 0px 133px;
    overflow: hidden;
}

.portfolio_single_banner .left_banner {
    width: 50%;
    padding-right: 35px;
}

.portfolio_single_banner .right_banner {
    width: 50%;
    padding-left: 35px;
}

.portfolio_single_banner .banner_wrapper.flex {
    align-items: flex-start;
    position: relative;
    z-index: 1;
}

.portfolio_single_banner .img_block img {
    height: 406px;
    object-fit: cover;
    border-radius: 30px;
    display: block;
}

.portfolio_single_banner .share_icon {
    display: flex;
    margin-top: 28px;
    align-items: center;
    padding-left: 20px;
}

.portfolio_single_banner .share_icon ul li {
    padding: 0px;
    background-image: none;
}

.portfolio_single_banner .share_icon ul {
    display: flex;
    align-items: center;
}

.portfolio_single_banner .share_icon ul li a {
    width: 39px;
    height: 39px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
}

.portfolio_single_banner .share_icon ul li {
    margin-right: 16px;
    margin-bottom: 0px;
}

.portfolio_single_banner .share_icon span {
    font-family: 'BobbyJonesSoft-Regular';
    font-size: 22px;
    line-height: 32px;
    margin-right: 17px;
}

.portfolio_single_banner .content h2 {
    margin-bottom: 30px;
}

.portfolio_single_banner .right_banner ul {
    margin-top: 30px;
}

.portfolio_single_banner .right_banner ul li {
    padding: 0px;
    background-image: none;
    width: 50%;
    margin-bottom: 16px;
}

.portfolio_single_banner .right_banner ul li span {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: 23px;
}

.portfolio_single_banner .right_banner ul li p {
    margin: 0px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
}

.portfolio_single_banner .right_banner ul {
    display: flex;
    flex-wrap: wrap;
}


.service_provider {
    background-color: #FFEFD8;
    padding: 130px 0px 114px;
}

.service_provider .left {
    width: 50%;
    padding-right: 50px;
    z-index: 1;
    position: relative;
}

/* .service_provider .wrapper:after{
    content: "";
    position: absolute;
    width: 389px;
    height: 414px;
    background-image: url('../images/service_provider-shape.svg');
    top: -163px;
    left: -9%;
} */
.service_provider .container {
    position: relative;
}

.service_provider .bg-shape {
    position: absolute;
    width: 389px;
    height: 414px;
    top: -67px;
    left: -8%;
    animation: rotate-animation 10s infinite linear;
}

.service_provider .bg-shape img {
    width: 100%;
}

.service_provider .right {
    width: 50%;
    padding-left: 50px;
    z-index: 1;

}

.service_provider .wrapper.flex {
    align-items: flex-end;
    position: relative;
}

.service_provider .left p {
    margin-top: 0px;
}

.service_provider .title {
    margin-bottom: 40px;
    z-index: 1;
    position: relative;
}


.blog_list_main.portfolio_list {
    background-color: #FFEFD8;
    padding-bottom: 81px;
    padding-top: 141px;
}

.blog_main .icon img {
    position: absolute;
    right: 0;
}

.blog_main .icon img:nth-child(2) {
    display: none;
    transition: all 0.3s ease-in-out;
}

.blog_main a:hover .icon img:nth-child(2) {
    display: block;
}

.blog_main a:hover .bg-small-shape img:first-child {
    display: none;
}

.blog_main a:hover .bg-small-shape img:nth-child(2) {
    display: block;
}

.blog_main a .bg-small-shape img:nth-child(2) {
    display: none;
}

.blog_list_main.portfolio_list .top_content {
    max-width: 100%;
    margin-bottom: 50px;
    text-align: left;
}

.blog_list_main.portfolio_list .blog_main .item {
    width: 50%;
    padding: 0px 30px;
    margin-bottom: 48px;
}

.blog_list_main.portfolio_list .blog_main {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -30px;
}

.blog_list_main.portfolio_list .blog_main .img_block {
    width: 260px;
}

.blog_list_main.portfolio_list .blog_main .flex .contnet {
    width: calc(100% - 260px);
    padding: 20px 41px 60px 28px;
}

.blog_list_main.portfolio_list .blog_main .item .post_date {
    color: #fff;
    z-index: 11;
    position: absolute;
    bottom: 33px;
    padding-top: 66px;
}

/* .blog_list_main.portfolio_list .blog_main .icon {
    text-align: right;
    transform: translate(20px, 20px);
    z-index: 11;
    position: relative;
} */
.blog_single_main {
    background-color: #FFEFD8;
    padding: 110px 0px 40px;
}

.blog_single_main .category_title span {
    border-radius: 22px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(197, 197, 197, 0.25);
    color: #3E3E3E;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    padding: 8px;
    max-width: 100px;
    display: block;
    font-family: 'BobbyJonesSoft-Regular';
    min-width: 103px;
    margin: auto;
    margin-bottom: 23px;
}

.blog_single_main .category_title {
    text-align: center;
    margin: auto;
    max-width: 720px;
    margin-bottom: 60px;
}

.blog_single_main .category_title .post_date {
    margin-bottom: 20px;
    color: #000;
    font-weight: 500;
}

.blog_single_main .category_title h1 {
    font-size: 40px;
    max-width: 700px;
    line-height: 55px;
}

.blog_content {
    max-width: 954px;
    margin: auto;
}

.blog_content img {
    margin: 30px 0px;
}

.blog_content img {
    margin: 30px 0px;
}

.blog_content .video__section {
    background-color: transparent;
    padding: 80px 0px 0px;
    background-image: none;
}

.blog_content .video__section h2 {
    text-align: center;
    color: #000;
}

.blog_single_main .share_icon {
    border-top: 1px solid #000;
    padding-top: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog_single_main .share_icon ul {
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.blog_single_main .share_icon span {
    color: #000F20;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    font-family: 'BobbyJonesSoft-Regular';
    margin-right: 20px;
}

.blog_single_main .share_icon ul li a {
    width: 39px;
    height: 39px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
}

.blog_single_main .share_icon ul li a:hover {
    background-color: #000;
}

.blog_single_main .share_icon ul li a:hover img {
    filter: invert(1);
}

.blog_single_main .share_icon ul li a img {
    transition: all 0.3s ease-in-out;
}

.blog_single_main .share_icon ul li {
    margin-right: 11px;
    padding: 0px;
    background-image: none;
}


.contact_section {
    background-color: #FFEFD8;
    padding: 164px 0px 113px;
    background-image: url('../images/contact_liquid_bgshape.svg');
    background-repeat: no-repeat;
    background-position: left center;
    overflow: hidden;
}

.contact_section .contact_block {
    background-color: #fff;
    border-radius: 22px;
    padding: 91px 127px 74px;
}

.contact_section .contact_block {
    background-color: #fff;
    border-radius: 22px;
    padding: 91px 127px 74px;
    position: relative;
}

.contact_section .contact_left {
    width: 50%;
    padding-right: 90px;
}

.contact_section .contact_left h2 {
    font-size: 25px;
    line-height: 29px;
}

.contact_left .gform_wrapper .ginput_container input,
.contact_left .gform_wrapper textarea {
    background-color: #FFEFD8 !important;
    height: 39px !important;
    padding: 9px 21px !important;
    font-size: 16px !important;
    color: #000;
    font-weight: 400;
    border-radius: 12px;
}

.contact_left .gform_wrapper textarea {
    height: 102px !important;
}

.contact_left .gform_footer.before input {
    border-radius: 12px;
    border: 2px solid #000;
    background: #FFF;
    max-width: 176px;
    color: #000;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    height: 55px;
    margin-bottom: 0px;
}

.contact_left .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 9px;
}

.contact_left .gform_footer.before input:hover {
    background-color: #000;
    color: #fff;
}

.contact_left .gform_wrapper .ginput_container input::placeholder,
.contact_left .gform_wrapper textarea::placeholder {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.contact_section .contact_right {
    width: 50%;
    padding-left: 90px;
}
.contact_section .contact_right .contact_image img{
    -webkit-mask-image: url(../images/contact_shape_mask.svg);
    mask-image: url(../images/contact_shape_mask.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    transition: all 0.9s ease-in-out;
    position: relative;
    z-index: 1;
    height: 466px;
    object-fit: cover;
}
.contact_section .contact_right .contact_image{
    position: relative;
}
.contact_section .contact_right .contact_image:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('../images/contact_shape_mask.svg');
    background-repeat: no-repeat;
    background-size: contain;
    top: 23px;
    left: 14px;
    z-index: 0;
}
.contact_section .contact_right .title_block h5 {
    font-weight: 900;
    margin: 0px;
}

.contact_section .contact_right .list {
    margin-top: 33px;
}

.contact_section .contact_right .list ul li .accordion_main {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    padding: 0px;
    background-image: none;
    padding-left: 30px;
    background: url('../images/location-vector.svg');
    background-repeat: no-repeat;
    background-position: 0px 3px;
    background-size: 13px;
    cursor: pointer;
    display: inline-block;
}

.contact_section .contact_right .list ul li {
    padding: 0px;
    background-image: none;
    margin-bottom: 11px;
}

.contact_section .contact_right .list ul li .accordion_block address {
    color: #5A5A5A;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    font-style: normal;
}

.contact_section .contact_right .accordion_block {
    padding-left: 30px;
    padding-top: 20px;
    display: none;
}

.contact_section .contact_right .list ul li .accordion_block address p {
    margin: 0px;
}

.contact_section .contact_right .list .title {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    margin-bottom: 12px;
    display: block;
    text-align: left;
}

.contact_section .contact_right .open_hours p {
    margin: 0px;
    color: #5A5A5A;
}

.contact_section .contact_right .accordion_block a {
    text-decoration: underline;
    color: #5A5A5A;
}

.contact_section .contact_right .accordion_block a:hover {
    color: #3c84d2;
}

.contact_section .contact_right .open_hours {
    margin-top: 16px;
}

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

.contact_section .contact_right .list ul li .accordion_main:after {
    content: "+";
    position: absolute;
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

.contact_section .contact_right .list ul li.active .accordion_main:after {
    content: "-";
}

.contact_section .contact_right .share_icon {
    padding-top: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact_section .contact_right .share_icon ul {
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.contact_section .contact_right .share_icon span {
    color: #000;
    font-size: 18px;
    line-height: 23px;
    margin-right: 20px;
    font-weight: 700;
}

.contact_section .contact_right .share_icon ul li a {
    width: 39px;
    height: 39px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
}

.contact_section .contact_right .share_icon ul li a:hover {
    background-color: #000;
}

.contact_section .contact_right .share_icon ul li a:hover img {
    filter: invert(1);
}

.contact_section .contact_right .share_icon ul li {
    margin-right: 11px;
    padding: 0px;
    background-image: none;
}

.contact_section .contact_block .liquid_img {
    position: absolute;
    top: -75px;
    right: -55px;
    animation: rotate-animation 10s infinite linear;
}

.portfolio_single_banner .bg_shape {
    position: absolute;
    right: 0;
    width: 243px;
    bottom: -225px;
    transform: scale(1.9);
}

.portfolio_single_banner .bg_shape img {
    width: 711px;
    height: 741px;
    object-fit: contain;
    object-position: center;
    animation: rotate-animation 10s infinite linear;
}


.humburger_menu {
    display: flex;
    cursor: pointer
}

.popup_modal.modal.active {
    transform: none;
    z-index: 999;
}

.popup_modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    transform: translate(0px, 110%);
    transition: all 0.5s linear;
}

.popup_modal .close-icon {
    position: absolute;
    top: 27px;
    right: 42px;
}

.popup_modal .popup_inner {
    background-color: #FFEFD8;
    max-width: 986px;
    max-height: calc(100% - 200px);
    padding: 87px 93px;
    border-radius: 32px;
    background-image: url('../images/popup-bg.svg');
    background-repeat: no-repeat;
    background-position: right bottom;
    position: relative;
    overflow: auto;

}


.popup_modal .popup_inner .left_content {
    width: 305px;
}


.popup_modal .popup_inner .right_content {
    width: calc(100% - 305px);
    padding-left: 64px;
}

.popup_modal .close_icon {
    position: absolute;
    top: 22px;
    right: 24px;

    cursor: pointer;
}

.popup_modal .close_icon::after {
    background-image: url('../images/popup-close-icon.svg');
    width: 35px;
    height: 35px;
    position: absolute;
    content: "";
    left: 10px;
    top: 12px;
    background-repeat: no-repeat;
    background-size: contain;
}

.popup_modal .close_icon img {
    animation: rotate-animation 10s infinite linear;
    width: 55px;
}

.popup_modal .popup_inner .img_block {
    border-radius: 19px;
    background: rgb(255 203 74);
    height: 370px;
    overflow: hidden;
}

.popup_modal:after {
    content: "";
    background: rgba(217, 217, 217, 0.90);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}

.popup_modal .popup_inner .img_block img {
    display: block;
    width: 100%;
    border-radius: 19px;
    object-fit: cover;
    height: 100%;
}

.popup_modal .popup_inner .title_subtitle h4 {
    margin: 0px;
}

.popup_modal .popup_inner .title_subtitle span {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
}

.popup_modal .popup_inner .social ul li {
    padding: 0px;
    background-image: none;
}

.popup_modal .popup_inner .social ul li:first-child a {
    color: #3C84D2;
}

.popup_modal .popup_inner .social ul li:last-child a {
    color: #64D2E4;
}

.popup_modal .popup_inner .social ul {
    margin-top: 23px;
    justify-content: space-around;
    display: flex;
}

.popup_modal .popup_inner .social ul li a {
    color: #FF5E71;
    text-align: center;
    font-family: 'BobbyJonesSoft-Regular';
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 24.2px */
    letter-spacing: 0.22px;
}

.desktop-i {
    display: block;
}

.mobile-i {
    display: none;
}

.our_work_section.portfolio_list:after {
    display: none;
}

.single-work .capability_slider {
    background-color: #fff;
}

.single-work .capability_slider:after {
    content: "";
    width: 100%;
    height: 46%;
    background-color: #FFEFD8;
    top: 0;
    left: 0;
    position: absolute;
}

.blog_single_main section.video__section .bg-shape {
    display: none;
}

.blog_list_main.portfolio_list nav.navigation.posts-navigation {
    width: 100%;
}

.blog_list_main.portfolio_list nav.navigation.posts-navigation .nav-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.blog_list_main.portfolio_list .blog_main .flex {
    padding-left: 0px;
}

.blog_list_main.portfolio_list .nav-links a {
    color: #000;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 23px;
    text-transform: uppercase;
}

.blog_list_main.portfolio_list .nav-links a:hover {
    color: #3c84d2;
}

/* .admin-bar header {
    top: 32px;
} */
.site-main.default_page_style {
    padding: 100px 0px;
}

.testimonial_section {
    padding: 108px 0px 120px;
}

.testimonial_section .wprevpro.wprev-slick-slider {
    max-width: 600px;
    margin: auto;
}

.testimonial_section span.wprevpro_star_imgs_T7 {
    display: none;
}

.testimonial_section .wprevpro .wpproslider_t7_DIV_2 {
    background: #FFEFD8 !important;
    padding: 52px;
    border-radius: 32px !important;
    height: 100%;
    position: relative;
}

.testimonial_section .slickwprev-track {
    display: flex;
    align-items: stretch;
}

.testimonial_section .wpproslider_t7_DIV_1a {
    height: 100%;
}

.testimonial_section .wprevpro_t7_DIV_1 {
    height: 100%;
}

.testimonial_section .title {
    width: 389px;
    min-height: 406px;
    position: relative
}

.testimonial_slider {
    width: calc(100% - 309px);
    padding-left: 70px;
}

.testimonial_inner {
    display: flex;
}

.testimonial_section .title h2 {
    position: relative;
    z-index: 1;
    padding-top: 132px;
}

.testimonial_section button.slickwprev-prev:hover,
.testimonial_section button.slickwprev-arrow:hover {
    background-color: #fff;
    filter: invert(1);
    border-color: #fff !important;
}

.testimonial_section span.wprs_rd_more,
.testimonial_section .wprs_rd_less {
    font-style: normal;
    font-weight: 700;
    font-family: "roc-grotesk", sans-serif;
}

.testimonial_section .title::after {
    content: "";
    position: absolute;
    width: 389px;
    height: 389px;
    background-image: url('../images/service_provider-shape.svg');
    top: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: -40px;
    animation: rotate-animation 10s infinite linear;
}

.testimonial_section .readmoretextdiv {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

.testimonial_section .t7displayname {
    color: #1E0050 !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 21px;
    font-family: "puffin-display-soft", sans-serif;
    margin: 0 0px 24px;
}

.testimonial_section .wpproslider_t7_DIV_2_top {
    position: absolute;
    top: 46px;
    right: 28px;
    width: 19px;
}

.testimonial_section .indrevdiv {
    display: flex;
    flex-direction: column-reverse;
}

.testimonial_section .slickwprev-dotted.slickwprev-slider {
    padding: 0px;
}

.testimonial_section .slickwprev-slide>div {
    height: 100%;
}

.testimonial_section .slickwprev-slide {
    height: auto;
}

.testimonial_section .slickwprev-dots li button {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #3C84D2;
    margin: 0 3px;
    border-radius: 20px;
    transition: opacity 0.5s, background-color 0.5s, width 0.5s;
    transition-delay: 0.5s, 0.5s, 0s;
}

.testimonial_section .slickwprev-dots li {
    cursor: pointer;
    padding: 0px;
    background-image: none;
}

.testimonial_section .slickwprev-dots li.slickwprev-active button {
    opacity: 1;
    background: #B1CEED;
    width: 16px;
    transition-delay: 0s;
}

.testimonial_section .slickwprev-dots li button {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #3C84D2;
    margin: 0 3px;
    border-radius: 20px;
    transition: opacity 0.5s, background-color 0.5s, width 0.5s;
    transition-delay: 0.5s, 0.5s, 0s;
}

.testimonial_section .slickwprev-dots li {
    cursor: pointer;
    padding: 0px;
    background-image: none;
}

.testimonial_section .slickwprev-dots li.slickwprev-active button {
    opacity: 1;
    background: #B1CEED;
    width: 16px;
    transition-delay: 0s;
}

.testimonial_section .slickwprev-dots li.slickwprev-active button:before {
    display: none;
}

.testimonial_section .slickwprev-dots li button:before {
    display: none;
}

.testimonial_section ul.slickwprev-dots {
    bottom: -40px;
}

.testimonial_section button.slickwprev-prev,
.testimonial_section button.slickwprev-arrow {
    width: 60px;
    height: 38px;
    border: 1px solid #000 !important;
    border-radius: 20px;
    background-image: url('../images/slider-arrow.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transition: all 0.3s ease-in-out;
    bottom: inherit;
    left: -74px;
    z-index: 1;
}

.testimonial_section .slickwprev-next {
    transform: rotate(180deg);
    left: inherit !important;
    right: -73px;
    margin-top: -17px;
}

.testimonial_section button.slickwprev-prev:before,
.testimonial_section button.slickwprev-arrow:before {
    display: none;
}

.testimonial_section .slickwprev-dots li.slickwprev-active button:before {
    display: none;
}

.testimonial_section ul.slickwprev-dots {
    bottom: -78px;
}

.testimonial_section .slickwprev-dots li button:before {
    display: none;
}

.testimonial_section .anim-icon {
    position: absolute;
    right: -65px;
    width: 141px;
    bottom: -14px;
    -webkit-animation: bounce2 2s ease infinite;
    animation: bounce2 2s ease infinite;
}

.testimonial_section .container {
    position: relative;
}

#sb_instagram #sbi_images.sbi_carousel {
    padding: 0px !important;
}

.sbi-owl-item {
    padding: 0px 10px;
}

ol li {
    background-image: none;
    padding: 0px;
}

.default_page_style a:hover {
    color: #3C84D2;
}

.search-results .default-layout {
    padding: 100px 0px;
}

.single-capabilitie .our_work_section:after {
    display: none;
}

.search-no-results .default-layout {
    padding: 100px 0px;
}

.search-no-results .default-layout .search-archive-main {
    max-width: 600px;
    margin: auto;
}

.search-no-results .default-layout form#search-form {
    display: flex;
    align-items: center;
}

.price_table {
    max-width: 1070px;
    margin: auto;
    margin-bottom: 58px;
}

.price_table table {
    border-collapse: separate;
    border-spacing: 10px;
    width: 100%;
}

.price_table td,
.price_table th {
    border: 1px solid #ddd;
    padding: 20px;
    background-color: white;
    border-radius: 12px;
}

.price_table th:first-child {
    opacity: 0;
}

.price_table tr th,
.price_table tr td:first-child {
    color: #000;
    text-align: center;
    font-size: 25px;
    font-weight: 900;
    line-height: 29px;
    font-family: "puffin-display-soft", sans-serif;
}

.price_table tr th {
    padding: 30px 10px;
    background-color: #B1CEED;
    width: 27%;
}

.price_table tr th:nth-child(2) {
    width: 20%;
}

.price_table tr th:nth-child(3) {
    width: 20%;
}

.price_table tr th:nth-child(4) {
    width: 20%;
}

.price_table tr td:first-child {
    background-color: #FE8A36;
}

.price_table tr:nth-child(2n) td:first-child {
    background-color: #00B8B0;
}

.price_table tr td:first-child {
    padding: 25px 10px;
}

.price_table tr:nth-child(4n-1) td:first-child {
    background-color: #FFCA49;
}

.price_table tr:nth-child(4n) td:first-child {
    background-color: #ffc0cb;
}

.price_table tr td {
    color: #000;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    line-height: 23px;
}

.price_table tr th:nth-child(2) {
    width: 20%;
}

.price_table tr th:nth-child(3) {
    width: 20%;
}

.price_table tr th:nth-child(4) {
    width: 20%;
}

.blog_single_main.price_page .btn_block {
    text-align: center;
    margin-top: 50px;
}

.blog_single_main.price_page .btn_block .primary_btn {
    min-width: 168px;
}

.blog_single_main.price_page {
    padding-bottom: 105px;
    background-image: url('../images/nevigation-shape.svg');
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 15%;
}

.our_work_section .work_column .blog_category {
    display: flex;
    flex-wrap: wrap;
}

.our_work_section .work_column .content .blog_category span {
    max-width: initial;
    margin-right: 10px;
    margin-bottom: 10px;
}

.portfolio_list .category ul li:first-child {
    display: none;
}

.blog_main .post_date {
    position: relative;
    z-index: 11;
    margin-top: 10px;
    color: #fff;
    font-family: "Wendy One", sans-serif;
    font-weight: 400;
}

.who_we_are .owl-nav.disabled {
    display: block;
}

.logo_slider {
    overflow: hidden;
}
.blog_single_main.price_page .category_title a {
    position: absolute;
    right: -23%;
    top: -66px;
}
.blog_single_main.price_page .category_title a {
    animation: crescendo 1.5s alternate infinite ease-in;
}
.blog_single_main.price_page .category_title {
    position: relative;
}

.paragraph_section .btn_block {
    text-align: center;
    padding-top: 30px;
    display: block;
    }
.paragraph_section .btn_block .primary_btn {
    margin: 0 10px 10px;
}

@media(min-width:768px) {
    .our_work_section .wrapper.flex {
        width: auto;
    }
}

@media(max-width:1700px) {
    .banner_shape {
        mask-size: 150%;
        width: 55%;
        mask-position: 13% 98%;
    }

    .capability_slider {
        padding-bottom: 100px;
    }

    .contact_section {
        padding: 100px 0px;
    }

    .blog_main .contnet .icon .bg-small-shape {
        width: 43px;
        height: 43px;
    }

    .blog_main .contnet .icon .i-icon img {
        width: 15px !important;
        bottom: 35px;
        right: 36px;
    }

    .contact_section .contact_left {
        padding-right: 30px;
    }

    .contact_section .contact_right {
        padding-left: 30px;
    }

    .blog_main .contnet .icon .i-icon img {
        width: 15px !important;
        bottom: 37px;
        right: 36px;
    }

    .blog_main .contnet .icon .bg-small-shape img {
        width: 43px !important;
        height: 43px;
    }

    .testimonial_section .anim-icon {
        right: 0px;
        width: 112px;
        bottom: -39px;
    }
}

@media(max-width:1400px) {
    .banner_shape {
        mask-size: 183%;
        width: 50%;
        mask-position: 8% 100%;
    }

    .blog_main .flex .contnet {
        padding: 32px 20px 20px 28px;
    }

    .blog_main .icon {
        margin-top: 10px;
    }

    .blog_main .img_block {
        width: 240px;
    }

    .blog_main .flex .contnet {
        width: calc(100% - 240px);
    }

    .blog_main .contnet .icon img {
        width: 36px !important;
    }

    .blog_main .flex {
        padding-left: 0px;
    }

    .about_us_section.about .about_us_left .sticker ul li:first-child,
    .about_us_section.about .about_us_left .sticker ul li:nth-child(2) {
        width: 150px !important
    }

    .about_us_section.about .about_us_left .sticker ul li:nth-child(4) {
        width: 150px !important;
        left: 40px;
    }

    .about_us_section.about .about_us_left .sticker ul li:nth-child(3) {
        width: 150px;
    }

    .who_we_slider {
        max-width: 90%;
        margin: auto;
    }

    .who_we_are .title {
        padding-bottom: 80px;
    }

    .paragraph_section .bg_liquid_shape {
        right: 6%;
    }

    .video__section .liquid_img {
        right: 6%;
    }

    .blog_main .flex .img_block img,
    .blog_list_main.portfolio_list .blog_main .flex .img_block img {
        height: 242px;
    }
    .offer_section.home_offer_section .wrapper.flex{
        padding: 0px 25px;
    }
    .offer_section.home_offer_section .wrapper.flex {
        margin:auto;
        padding: 0px 20px;
    }
    .offer_section.home_offer_section .offer_column:nth-child(5n) .offer_img:after {
        height: 354px;
    transform: translate(-12px, 16px);
    }
}
@media(max-width:1330px) {
    .home_offer_section.offer_section .offer_column{
        padding: 0px 20px;
    }
    .offer_section.home_offer_section .wrapper.flex{
        max-width: 991px;
        padding: 0px;
    }
    .home_offer_section.offer_section .offer_img img {
        height: 300px;
    }
    .offer_section .offer_column .offer_img:after{
        height: 300px;
        transform: translate(-20px, 0px);
    }
    .offer_section .offer_column:nth-child(3n) .offer_img:after {
        transform: translate(-11px, 0px);
    }
    .offer_section .offer_column:nth-child(5n - 1) .offer_img:after{
        transform: translate(0px, 0px);
    }
    .offer_section.home_offer_section .offer_column:nth-child(5n) .offer_img:after {
        height: 300px;
        transform: translate(-23px, 6px);
    }
    .offer_section .offer_column .text_img {
        top: -40px;
        left: 8px;
    }
    .offer_section .offer_column:nth-child(2) .text_img {
        max-width: 177px;
        top: 229px;
        left: 113px;
    }
    .offer_section .offer_column:nth-child(3) .text_img {
        max-width: 226px;
        left: 94px;
    }
    .offer_section .offer_column:nth-child(4) .text_img {
        top: 235px;
        left: 66px;
    }
    .offer_section .offer_column:nth-child(5) .text_img{
        left: 100px;
    }
}
@media(max-width:1290px) {
    .portfolio_list .work_column.full_column .ocean {
        left: 104px;
    }
}

@media(max-width:1199px) {
    .banner_section .banner_left {
        width: 47%;
    }

    .banner_section .banner_right {
        width: 53%;
    }

    .banner_shape {
        mask-size: 216%;
        mask-position: 7% 100%;
    }

    .banner_section {
        padding-top: 290px;
    }

    .about_us_section .about_us_left .sticker li {
        width: 100px !important;
    }

    .about_us_section .about_us_left .sticker ul li:first-child {
        left: 131px;
        top: 9px;
    }

    .about_us_section .about_us_left .sticker ul li:nth-child(2) {
        right: -3%;
    }

    .about_us_section .about_us_left .sticker ul li:nth-child(3) {
        right: 34%;
    }

    .offer_section .offer_column {
        width: 50%;
    }
    .home_offer_section.offer_section .offer_column {
        width: 33.33%;
    }
    .offer_section.home_offer_section .wrapper.flex{
        max-width: 100%;
    }
    .offer_section.offer_about .offer_column {
        width: 33.33%;
    }
    /* .offer_section.home_offer_section .offer_column:nth-child(5n) .offer_img:after {
        height: 249px;
        transform: translate(-17px, -1px);
    } */
    /* .offer_section .offer_column.in-view .offer_img:after{
        height: 235px;
    } */
    .offer_section .wrapper.flex {
        max-width: 900px;
        margin: auto;
    }

    .get_in_touch .left_column {
        background-size: contain;
    }

    .get_in_touch .text_logo li {
        width: 100px !important;
    }

    .get_in_touch .text_logo li:first-child {
        left: 97px;
    }

    .get_in_touch .text_logo li:nth-child(2) {
        left: 350px;
    }

    .get_in_touch .right_column .btn_social {
        align-items: flex-end;
        flex-wrap: wrap-reverse;
        flex-direction: column;
    }

    .get_in_touch .right_column .btn_social .social {
        margin-top: 30px;
    }

    .footer_menu {
        padding-left: 40px;
    }

    .site_footer {
        padding: 29px 50px 56px;
    }

    .about_us_section.about .about_us_left .img_block:after {
        background-size: contain;
        left: 14px;
        top: 71px;
    }

    .about_us_section.about .about_us_left .sticker ul li:first-child {
        top: 49px;
    }

    .about_us_section.about .about_us_left .sticker ul li:nth-child(2) {
        right: 0%;
        top: 59px;
    }

    .our_purpose .our_purpose_inner {
        max-width: 569px;
    }

    .our_work_section:after {
        right: 5%;
    }

    .service_two_coloum {
        padding: 100px 0 115px;
    }

    .portfolio_list .work_column.full_column .ocean {
        left: 16px;
    }

    .portfolio_list .work_column.full_column .ocean {
        transform: none;
    }

    .service_provider {
        padding: 100px 0px;
    }

    .popup_modal .popup_inner {
        max-width: 900px;
    }

    .testimonial_section {
        padding: 108px 0px 70px;
    }

    .paragraph_section .content h2 {
        font-size: 35px;
        line-height: 40px;
        max-width: 567px;
    }

    .paragraph_section .logo {
        right: 75px;
    }

    .paragraph_section .logo iframe, .paragraph_section .logo img {
        /* width: 100px; */
        transform: scale(0.6);
    }
    .blog_single_main.price_page .category_title a{
        right: -15%;
    }
    .contact_section .contact_right .contact_image img{
        height: 361px;
    }
}


@media (max-width:991px) {
    .banner_section .banner_left {
        width: 100%;
    }

    .banner_section .banner_right {
        width: 100%;
        margin-top: 30px;
    }

    .banner_shape {
        position: relative;
        width: 100%;
        max-width: 700px;
        margin: auto;
        mask-position: -30px 0px;
        height: 692px;
        mask-size: 100%;
    }

    .banner_section .inner_banner .flex {
        flex-direction: column-reverse;
    }

    .banner_section {
        padding-top: 250px;
        padding-bottom: 80px;
    }

    .about_us_section {
        padding: 100px 0px;
    }

    .about_us_section .about_us_left {
        width: 100%;
        padding-right: 0px;
    }

    .about_us_section .about_us_right {
        width: 100%;
        padding-left: 0px;
    }

    .about_us_section .wrapper.flex {
        max-width: 400px;
        margin: auto;
    }

    .offer_section .wrapper.flex {
        max-width: 700px;
    }

    /* .offer_section .offer_column .offer_img:after {
        height: 221px !important;
        transform: translate(33px, 0px);
    } */
    .offer_section.home_offer_section .wrapper.flex {
        max-width: 700px;
    }
    .offer_section .offer_img img {
        height: 295px;
    }
    .offer_section .offer_column .offer_img:after{
        transform: translate(-7px, 0px);
    }

    /* .offer_section .offer_column:nth-child(3n - 1) .text_img {
        top: 215px;
    } */

    /* .offer_section .offer_column:nth-child(3n) .text_img {
        top: 207px;
    } */

    .our_work_section .work_column {
        width: 50%;
        margin-bottom: 40px;
    }

    .our_work_section:after {
        right: 5%;
        background-repeat: no-repeat;
        width: 150px;
        height: 150px;
        background-size: contain;
    }

    .get_in-touch_inner .flex {
        flex-direction: column-reverse;
    }

    .get_in_touch .right_column {
        width: 100%;
        padding-left: 0px;
    }

    .get_in-touch_inner {
        padding-top: 40px;
    }

    .get_in_touch .left_column {
        width: 100%;
        max-width: 700px;
        margin: auto;
    }

    .get_in_touch .text_logo li {
        width: 136px !important;
    }

    .get_in_touch .text_logo li:first-child {
        left: 139px;
    }

    .get_in_touch .text_logo li:nth-child(2) {
        left: 487px;
    }

    .get_in_touch .text_logo li:nth-child(3) {
        left: 48px;
    }

    .blog_main .flex .contnet {
        width: 100%;
    }

    .blog_main .img_block {
        width: 100%;
    }

    .blog_main .flex:after {
        width: 100%;
    }

    .our_leatest_blog .title {
        margin-bottom: 60px;
    }

    .site_footer {
        flex-wrap: wrap;
    }

    .footer_logo {
        width: 100%;
        max-width: 147px;
    }

    .footer_menu {
        padding-left: 0px;
        width: 100%;
        margin-top: 30px;
    }

    footer .center_column ul li {
        padding: 0px 10px;
    }

    .our_purpose .our_purpose_inner {
        max-width: 369px;
        padding: 40px;
    }

    .our_purpose {
        min-height: 600px;
    }

    .our_purpose .content_image {
        margin-left: 311px;
    }

    .our_purpose .content_image img {
        height: 581px;
        margin-bottom: -10px;
    }

    .why_us_section .item {
        width: 33.33%;
    }

    .why_us_section .item:nth-child(4n -3) {
        animation: none;
    }

    .why_us_section .item:nth-child(4n - 1),
    .why_us_section .item:nth-child(4n),
    .why_us_section .item:nth-child(4n -2) {
        animation: none;
    }

    .why_us_section .item:nth-child(3n - 1) {
        animation: up 2s infinite linear;
    }

    .why_us_section .item:nth-child(3n + 1),
    .why_us_section .item:nth-child(3n) {
        animation: down 2s infinite linear;
    }

    .why_us_section .whyUs_block h2 {
        font-size: 20px;
        word-wrap: break-word;
        line-height: normal;
    }

    .why_us_section .wrapper.flex {
        justify-content: flex-start;
    }

    .who_we_slider {
        max-width: 85%;
    }

    .who_we_are button.owl-next {
        right: -9%;
    }

    .who_we_are button.owl-prev {
        left: -9%;
    }

    .who_we_are .title {
        padding-bottom: 40px;
    }

    .who_we_are .item {
        height: 315px;
    }

    .about_us_section.about .about_us_left .sticker ul li:nth-child(4) {
        left: 0px;
        top: 300px;
    }

    .about_us_section.about .about_us_left .sticker ul li:first-child {
        left: 0px;
    }

    .why_us_section {
        padding: 100px 0px;
    }

    .capability_slider .item img {
        height: 350px;
    }

    .paragraph_section .logo {
        right: 0;
        top: -100px;
    }

    .service_left img {
        height: 290px;
    }

    .video__section .video_main {
        max-width: 598px;
    }

    .video__section {
        padding: 100px 0px;

    }

    .video__section .liquid_img {
        top: -185px;
        right: 24px;
        width: 150px;
    }

    .portfolio_list .work_column.full_column .ocean {
        height: auto;
        left: 0;
        bottom: -1px;
    }

    .portfolio_list .work_column.full_column .inner_column {
        flex-wrap: wrap;
    }

    .portfolio_list .work_column.full_column .inner_column .img__block {
        width: 100%;
    }

    .portfolio_list .work_column.full_column .inner_column .content {
        width: 100%;
    }

    .our_work_section {
        padding: 100px 0px;
    }

    .portfolio_list .category ul {
        overflow: auto;
    }

    .portfolio_single_banner .left_banner {
        padding-right: 0px;
    }

    .portfolio_single_banner {
        padding: 90px 0px 70px;
    }

    .paragraph_section .bg_liquid_shape {
        width: 150px;
    }

    .blog_list_main.portfolio_list .blog_main .flex .contnet {
        width: 100%;
    }

    .blog_list_main.portfolio_list .blog_main .img_block {
        width: 100%;
    }

    .blog_main .flex .img_block img {
        width: 100%;
        height: 285px;
    }

    .blog_list_main.portfolio_list .blog_main .flex .img_block img {
        height: 349px;
    }

    .blog_list_main.portfolio_list .blog_main .img_block {
        max-width: 340px;
        margin: auto;
    }

    .blog_main .contnet h3 {
        -webkit-line-clamp: initial;
    }

    .blog_single_main {
        padding: 90px 0px 40px;
    }

    .contact_section .contact_right {
        width: 100%;
        padding-left: 0px;
    }

    .contact_section .contact_block {
        padding: 70px;
    }

    .contact_section .contact_left {
        width: 100%;
        padding-right: 0px;
    }

    .popup_modal .popup_inner {
        max-width: 700px;
    }

    .popup_modal .popup_inner .left_contnet {
        width: 100%;
        margin-bottom: 30px;
    }

    .popup_modal .close-icon {
        width: 42px;
    }

    .popup_modal .popup_inner .right_content {
        width: 100%;

        padding-left: 0px;
    }

    .popup_modal .popup_inner .img_block {
        height: 570px;
    }

    .our_leatest_blog .blog_main .flex .img_block img {
        height: 338px;
    }

    .our_leatest_blog .blog_main .flex .contnet {
        padding: 32px 20px 60px 28px;
    }

    .our_leatest_blog .blog_main .img_block {
        max-width: 339px;
        margin: auto;
    }

    .why_us_section .whyUs_block h2:after {
        top: 1px;
        left: 5px;
    }

    .why_us_section .whyUs_block h2:before {
        top: 5px;
        left: 9px;
    }

    .testimonial_slider {
        width: 100%;
        padding-left: 0px;
    }

    .testimonial_inner {
        flex-wrap: wrap;
    }

    .testimonial_section .title {
        margin: auto;
    }

    .testimonial_section button.slickwprev-prev,
    .testimonial_section button.slickwprev-arrow {
        left: 38%;
        bottom: inherit;
        top: -75px;
    }

    .testimonial_section .slickwprev-next {
        left: 49% !important;
        top: -76px !important;
    }

    .testimonial_section .title::after {
        left: 0px;
    }

    .testimonial_section .anim-icon {
        top: 36%;
        bottom: inherit;
    }

    .who_we_are .owl-nav button {
        /* width: 48px; */
    }

    .about_us_section .about_us_left .img_block {
        transform: scale(1);
    }

    .about_us_section.about .about_us_left .img_block:after {
        margin-top: 89px;
    }

    .popup_modal .popup_inner .left_content {
        width: 100%;
    }

    .who_we_are .btn_block .primary_btn {
        font-size: 14px;
    }

    .price_table tr th,
    .price_table tr td:first-child {
        font-size: 18px;
        line-height: 23px;
    }

    .price_table tr td {
        font-size: 18px;
    }
    .home_offer_section.offer_section .offer_column {
        width: 50%;
    }
    /* .offer_section.home_offer_section .offer_column:nth-child(5n) .offer_img:after{
        height: 249px!important;
        transform: translate(18px, -13px);
    } */
    .blog_single_main.price_page .category_title a{
        right: 0%;
        max-width: 200px;
        top: -64%;
    }
    .contact_section .contact_right .contact_image{
        max-width: 300px;
        margin: auto;
    }
    .contact_section .contact_right .contact_image:after{
        top: 40px;
    }
}

@media (max-width:767px) {
    .about_us_section.about .about_us_left .img_block:after {
        margin-top: 0px;
    }

    .site_header .humburger_menu img {
        width: 73px;
        height: 59px;
        object-fit: cover;
        object-position: left;
    }

    .home .site_header .site_logo {
        max-width: 91px;
    }

    .site_header .site_logo {
        max-width: 170px;
    }

    .inner_banner_main .content {
        width: 100%;
        text-align: center;
    }

    .inner_banner_main .content h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .topbar p {
        font-size: 11px;
        line-height: 23px;
    }

    .banner_section {
        padding-top: 124px;
        padding-bottom: 80px;
    }

    .banner_section .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    .banner_shape {
        mask-size: 138%;
        height: 495px;
        mask-position: top center;
    }

    .banner_section h1 {
        font-size: 35px;
        line-height: 35px;
    }

    h1 {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: 0.7px;
    }

    h2 {
        font-size: 35px;
        line-height: 35px;
        letter-spacing: 0.35px;
    }

    h3 {
        font-size: 25px;
        line-height: 29px;
    }

    h4 {
        font-size: 20px;
        line-height: 28px;
    }

    h5 {
        font-size: 18px;
        line-height: 24px;
    }

    h6 {
        font-size: 16px;
        line-height: 21px;
    }

    .banner_section .banner_left {
        padding: 0px 40px;
        margin-top: 20px;
    }

    .about_us_section .bg_shape_anime {
        width: 145%;
        height: 610px;
        left: -29%;
    }

    .about_us_section {
        padding: 89px 0px 68px;
        overflow: hidden;
    }

    .desktop-i {
        display: none;
    }

    .mobile-i {
        display: block;
    }

    .about_us_section .bg_shape_anime {
        top: 100px;
    }

    .about_us_section .about_us_left .sticker ul li:first-child {
        left: 76px;
        top: -19px;
    }

    .about_us_section .about_us_left .sticker ul li:nth-child(3) {
        right: 22%;
        top: 189px;
        width: 73px !important;
    }

    .about_us_section .about_us_left .sticker ul li:nth-child(4) {
        top: 200px;
    }

    .about_us_section .about_us_left .sticker ul li:nth-child(2) {
        right: -20px;
        width: 68px !important;
        top: 57px;
    }

    .about_us_section .about_us_left {
        width: 100%;
        padding-right: 0px;
        max-width: 300px;
        margin: auto;
    }

    .about_us_section .about_us_left .img_block img {
        height: 244px;
    }

    .about_us_section.in-view .about_us_right {
        margin-top: 55px;
    }

    .primary_btn {
        height: 55px;
        line-height: 23px;
    }

    .primary_btn:before {
        height: 55px;
    }

    .primary_btn:after {
        height: 55px;
    }

    .about_us_section .about_us_right .btn_block.flex object {
        max-width: 111px;
    }

    .text_slider_main .owl-item h2 {
        font-size: 27px;
        line-height: 30px;
    }

    .text_slider .text_slider_main {
        padding: 23px 0px;
    }

    .offer_section {
        padding: 94px 0px 111px;
    }

    .offer_section .title h2 img {
        width: 72px;
    }

    .offer_section .offer_column {
        width: 100%;
        padding: 0px;
    }

    .offer_section .title {
        margin-bottom: 60px;
    }

    .offer_section .title h2 {
        font-size: 24px;
    }

    .offer_section .offer_column {
        width: 100%;
        padding: 0px;
        max-width: 276px;
        margin: auto;
        margin-bottom: 55px;
    }

    .offer_section .offer_img img {
        height: 350px;
    }

    /* .offer_section .offer_column:nth-child(3n) .offer_img:after,
    .offer_section .offer_column .offer_img:after {
        height: 350px !important;
    } */

    @keyframes move {
        0% {
            top: 30px;
            left: 0px;
        }

        25% {
            top: 30px;
            left: 20px;
        }

        50% {
            top: 40px;
            left: 20px;
        }

        75% {
            top: 40px;
            left: -20px;
        }

        100% {
            top: 30px;
            left: 0px;
        }
    }

    .offer_section .offer_column .text_img {
        width: 116px;
        top: 19px;
    }
    .offer_section .offer_column:nth-child(5) .text_img {
        width: 156px;
    }

    /* .offer_section .offer_column:nth-child(3n - 1) .text_img {
        top: 215px;
        width: 163px;
        right: 0;
        margin-left: auto;
    } */
    .offer_section .offer_column:nth-child(2) .text_img {
        max-width: 200px;
        top: 185px;
    }
    .offer_section .offer_column:nth-child(3n) .offer_img:after {
        transform: translate(16px, -42px);
    }
    .offer_section .offer_column:nth-child(5n - 1) .offer_img:after {
        transform: translate(28px, -41px);
    }
    .offer_section .offer_column:nth-child(3n) .text_img {
        top: 230px;
    }
    .offer_section .offer_column:nth-child(3) .text_img, .offer_section .offer_column:nth-child(4) .text_img {
        max-width: 241px;
        top: 151px;
        left: 63px;
        width: 149px;
    }
    .offer_section .offer_column .offer_img:after {
        height: 239px !important;
        transform: translate(18px, -41px);
    }
    .offer_section.home_offer_section .offer_column:nth-child(5n) .offer_img:after {
        height: 236px !important;
        transform: translate(18px, -37px);
    }
    .our_work_section:after {
        width: 107px;
        height: 100px;
        background-size: contain;
        top: -44px;
    }

    .our_work_section .work_column {
        width: 100%;
        margin-bottom: 0px;
    }

    .footer_menu .footer_column:first-child,
    .footer_menu .footer_column:nth-child(2),
    .footer_menu .footer_column:nth-child(3),
    .footer_menu .footer_column:nth-child(4) {
        width: 100%;
        margin-bottom: 30px;
    }

    .footer_menu .footer_column .social ul {
        justify-content: center;
        margin-bottom: 30px;
    }

    footer .container {
        padding: 0px 43px;
    }

    .footer_menu {
        flex-wrap: wrap;
        text-align: center;
    }

    footer .left_column {
        width: 100%;
        margin-bottom: 13px;
    }

    footer .center_column {
        width: 74%;
        justify-content: space-between;
    }

    footer .right_column {
        width: 26%;
    }

    .logo_slider_main {
        padding: 18px 0px;
        overflow: hidden;
    }

    .our_work_section .work_column {
        padding: 0px;
        height: 100%;
    }

    .our_leatest_blog .blog_main .img_block {
        max-width: 251px;
    }

    .our_work_section .wrapper.flex {
        max-width: calc(100% - 46px);
        margin: auto;
    }

    .our_work_section {
        padding: 90px 0px 168px;
    }

    .our_work_section .primary_btn {
        position: absolute;
        bottom: -91px;
        left: 50%;
        transform: translate(-50%, 0px);
    }

    .our_work_section .wave {
        bottom: -1px;
    }


    .our_work_section .owl-nav button {
        width: 35px;
        height: 31px;
        border: 1px solid #000 !important;
        border-radius: 20px;
        background-image: url('../images/slider-arrow.svg') !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    .our_work_section .owl-nav button span {
        color: transparent;
    }

    .our_work_section .owl-nav span {
        margin: 0px 10px;
    }

    .our_work_section button.owl-next {
        transform: rotate(180deg);
    }

    .our_work_section button.owl-prev {
        position: absolute;
        top: 45%;
        left: -40px;
    }

    .our_work_section button.owl-next {
        position: absolute;
        top: 45%;
        right: -40px;
    }

    .get_in-touch_inner {
        padding-top: 81px;
    }

    .get_in_touch .right_column {
        text-align: center;
    }

    .get_in_touch .right_column .btn_block .primary_btn {
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .get_in_touch .right_column .btn_social .social {
        margin: auto;
        margin-top: 14px;
    }

    .get_in_touch .img_block img {
        height: 243px;
    }

    .get_in_touch .left_column {
        background-image: url('../images/mobile-bg-gettouch.png');
        background-size: 100%;
        background-position: bottom center;
        margin-top: 30px;
        max-width: 300px;
    }

    .get_in_touch .text_logo li:first-child {
        left: 25px;
        width: 100px !important;
        top: 30px;
    }

    .get_in_touch .right_column .btn_social .btn_block {
        text-align: center;
    }

    .get_in_touch .right_column .btn_social {
        align-items: center;
    }

    .get_in_touch .right_column .content p {
        margin-left: auto;
        margin-right: auto;
    }

    .get_in_touch .text_logo li:nth-child(2) {
        left: 220px;
        width: 100px !important;
        top: 80px;
    }

    .get_in_touch .text_logo li:nth-child(3) {
        left: -29px;
        top: 122px;
        width: 100px !important;
    }

    .our_leatest_blog .flex {
        max-width: calc(100% - 126px);
        margin: auto;

    }

    .our_leatest_blog {
        padding: 92px 0px 44px;
        overflow: hidden;
    }

    .our_leatest_blog .title {
        margin-bottom: 53px;
    }

    .blog_main .flex .img_block img {
        height: 250px;
    }

    .navigation_menu {
        width: 100%;
        padding: 57px 40px;
        height: 100%;
        overflow: auto;
    }

    .navigation_menu .inner_menu ul li a {
        font-size: 25px;
        line-height: 27px;
    }

    .navigation_menu .inner_menu {
        margin-bottom: 31px;
    }

    .blog_main .flex .contnet {
        padding: 24px 32px 22px 32px;
    }

    .our_leatest_blog .btn_block {
        margin-top: 44px;
    }

    .blog_main .flex:after {
        height: calc(100% - 100px);
        top: inherit;
        bottom: 0;
    }

    .our_leatest_blog .owl-nav button {
        width: 35px;
        height: 31px;
        border: 1px solid #000 !important;
        border-radius: 20px;
        background-image: url('../images/slider-arrow.svg') !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    .our_leatest_blog .owl-nav button span {
        color: transparent;
    }

    .our_leatest_blog .owl-nav span {
        margin: 0px 10px;
    }

    .our_leatest_blog button.owl-next {
        transform: rotate(180deg);
    }

    .our_leatest_blog button.owl-prev {
        position: absolute;
        top: 45%;
        left: 2%;
    }

    .our_leatest_blog button.owl-next {
        position: absolute;
        top: 45%;
        right: 2%;
    }

    .site_footer {
        padding: 34px 20px 50px;
        justify-content: center;
    }

    footer .left_column p {
        margin: 0px;
        text-align: center;
    }

    footer .bottom_footer {
        padding: 30px 0px 29px;
    }

    footer .center_column ul li {
        padding: 0px 9px;
    }

    footer .bottom_footer p,
    footer .bottom_footer a {
        font-size: 10px;
        line-height: 10px;
        margin: 0px;
    }

    .our_work_section .bg-shape {
        width: 100%;
    }

    .blog_main .contnet h3 {
        line-clamp: initial;
    }

    .about_us_section.about .about_us_left .sticker ul li:first-child,
    .about_us_section.about .about_us_left .sticker ul li:nth-child(2),
    .about_us_section.about .about_us_left .sticker ul li:nth-child(4) {
        width: 75px !important;
    }

    .about_us_section.about .about_us_left .img_block img {
        height: 289px;
    }

    .about_us_section.about .about_us_left .sticker ul li:first-child,
    .about_us_section.about .about_us_left .sticker ul li:nth-child(2) {
        top: 29px;
    }

    .about_us_section.about {
        padding: 60px 0px;
    }

    .about_us_section.about .about_us_left .sticker ul li:nth-child(4) {
        top: 190px;
    }

    .about_us_section.about .about_us_left .img_block:after {
        top: 25px;
    }

    .about_us_section.about .about_us_left .sticker ul li:nth-child(3) {
        top: 181px;
    }

    .our_purpose .content_image {
        margin-left: 0px;
        position: relative;
    }

    .our_purpose .content_image img {
        height: auto;
    }

    .our_purpose .our_purpose_inner {
        padding-bottom: 0px;
        overflow: hidden;
    }

    .why_us_section {
        padding: 70px 0px;
    }

    .why_us_section .item {
        width: 100%;
    }

    .who_we_are .liquid_img {
        top: -123px;
        right: 21px;
        width: 117px;
    }

    .who_we_are .title {
        padding-bottom: 20px;
    }

    .who_we_are .owl-carousel .owl-stage-outer,
    .who_we_are .owl-item {
        height: 393px;
    }

    .who_we_are {
        padding: 70px 0px 70px;
    }

    .who_we_are .owl-nav button {
        width: 35px;
        height: 35px;
    }

    .who_we_are button.owl-prev {
        left: -14%;
    }

    .who_we_are button.owl-next {
        right: -14%;
    }

    .offer_section.offer_about .title {
        margin-bottom: 40px;
    }

    .offer_section.offer_about .offer_column {
        margin-bottom: 20px;
    }

    .why_us_section.in-view .item:nth-child(3n - 1) {
        margin-top: 0px;
    }

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

    .paragraph_section .logo {
        right: inherit;
        top: inherit;
        position: relative;
        text-align: center;
        margin-bottom: 20px;
    }

    .paragraph_section .logo iframe, .paragraph_section .logo img {
        width: 150px;
        transform: scale(1);
    }

    .paragraph_section {
        padding: 70px 0px 70px;
    }

    .capability_slider .item img {
        height: 280px;
    }

    .capability_slider .item {
        padding: 0px 18px;
    }

    .service_right {
        width: 100%;
        padding-left: 0px;
    }

    .service_left {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 30px;
    }

    .service_two_coloum .service_two {
        flex-direction: column;
    }

    .service_two_coloum .service_two:nth-child(even) .service_left {
        padding-left: 0px;
        padding-right: 0px;
    }

    .service_two_coloum .service_two:nth-child(even) .service_right {
        padding-right: 0px;
    }

    .service_two_coloum .service_two:nth-child(even) .service_left {
        order: 0;
    }

    .video__section .bg-shape {
        width: 100%;
    }

    .paragraph_section .bg-shape {
        width: 198px;
        bottom: -85px;
    }

    .service_two_coloum .service_two {
        margin-bottom: 60px;
    }

    .video__section .liquid_img {
        top: -125px;
        right: 24px;
        width: 100px;
    }

    .video__section {
        padding: 70px 0px;
    }

    .video__section h2 {
        font-size: 35px;
        line-height: 35.5px;
        margin-bottom: 93px;
    }

    .video__section h2 img {
        top: inherit;
        bottom: -73px;
        left: 35%;
        right: 153px;
        width: 85px;


    }

    .service_two_coloum {
        padding: 70px 0px;
    }

    .accordion_section {
        padding: 70px 0px;
    }

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

    .accordion_section .accordion .accordion-title {
        padding: 26px 30px 25px;
        padding-right: 48px;
    }

    .accordion_section .accordion .accordion-title:after {
        right: 13px;
    }

    .accordion_section .accordion .panel {
        padding: 0px 30px 30px;
    }

    .capability_slider {
        padding-bottom: 70px;
    }

    .portfolio_list .category ul {
        margin-bottom: 30px;
    }

    .portfolio_list .top_content {
        margin-bottom: 50px;
    }

    .portfolio_list .work_column.full_column .inner_column .content {
        padding: 0px 32px 30px;
    }

    .our_work_section.portfolio_list .wrapper.flex {
        max-width: 100%;
    }

    .our_work_section.portfolio_list {
        padding: 70px 0px 70px;
    }

    .portfolio_list .work_column.full_column .inner_column .content .primary_btn {
        position: relative;
        transform: none;
        left: inherit;
        bottom: inherit;
    }

    .portfolio_list.our_work_section .work_column:last-child {
        margin-bottom: 0px;
    }

    .portfolio_single_banner .left_banner {
        width: 100%;
    }

    .portfolio_single_banner .right_banner {
        width: 100%;
        padding-left: 0px;
        margin-top: 30px;
    }

    .portfolio_single_banner .bg_shape {
        width: 143px;
        bottom: -125px;
    }

    .portfolio_single_banner .bg_shape img {
        width: 311px;
        height: 341px;
    }

    .portfolio_single_banner {
        padding: 70px 0px 70px;
    }

    .service_provider .left {
        width: 100%;
        padding-right: 0px;
    }

    .service_provider .right {
        width: 100%;
        padding-left: 0px;
        z-index: 1;
        margin-top: 30px;
    }

    .service_provider .bg-shape {
        width: 200px;
        height: 200px;
        top: -27px;
    }

    .paragraph_section .bg_liquid_shape {
        width: 100px;
        top: -124px;
    }

    .service_provider {
        padding: 70px 0px;
    }

    .blog_list_main.portfolio_list {
        padding-top: 70px;
    }

    .portfolio_list .category ul {
        flex-wrap: nowrap;
    }

    .blog_list_main.portfolio_list .top_content {
        margin-bottom: 30px;
    }

    .blog_list_main.portfolio_list .blog_main .item {
        width: 100%;
        max-width: 300px;
        margin: auto;
        padding: 0px;
        margin-bottom: 40px;
    }

    .blog_list_main.portfolio_list .blog_main {
        flex-direction: column;
        margin: 0px;
    }

    .blog_list_main.portfolio_list .blog_main .flex .img_block img {
        height: 296px;
    }

    .blog_single_main {
        padding: 70px 0px 40px;
    }

    blockquote p {
        font-size: 20px;
        line-height: 28px;
    }

    .blog_content .video__section {
        padding: 40px 0px 0px;
    }

    .contact_section .contact_block {
        padding: 70px 40px;
    }

    .contact_section .contact_block .liquid_img {
        top: -41px;
        right: -21px;
        width: 100px;
    }

    .popup_modal .popup_inner {
        max-width: calc(100% - 30px);
        padding: 61px 45px 45px;
    }

    .popup_modal .popup_inner .img_block {
        height: 334px;
    }

    .popup_modal .close-icon {
        width: 25px;
        top: 14px;
        right: 15px;
    }

    .our_leatest_blog .blog_main .flex .img_block img {
        height: 244px;
    }

    .our_work_section .owl-stage-outer .owl-stage {
        display: flex;
        align-items: stretch;
    }

    .our_leatest_blog .bg-shape {
        width: 100%;
    }

    .about_us_section .about_us_right .btn_block.flex iframe {
        margin-left: 24px;
        width: 149px;
    }

    .why_us_section .item:nth-child(3n - 1) {
        animation: none;
    }

    .why_us_section .item:nth-child(3n + 1),
    .why_us_section .item:nth-child(3n) {
        animation: none;
    }

    /* .menu-item-has-children.active span {
    transform: rotate(180deg) translate(0px, -3px);
} */
    .menu-item-has-children span {
        transform: translate(0px, 5px) rotate(-90deg);
    }

    .navigation_menu .inner_menu ul.sub-menu li a {
        font-size: 16px;
        line-height: normal;
    }

    .navigation_menu .inner_menu ul.sub-menu li a:hover {
        text-decoration: underline;
    }

    .navigation_menu .inner_menu ul.sub-menu li {
        margin-bottom: 10px;
    }

    .menu-item-has-children span {
        width: 20px;
        height: 22px;
    }

    .inner_menu ul.sub-menu {
        padding-top: 23px;
        padding-bottom: 23px;
    }

    .popup_modal .close_icon {
        width: 31px;
    }

    .home header.fixed-header .site_logo img {
        max-width: 72px;
    }

    .portfolio_list .work_column.full_column .content:after {
        top: 6px;
    }

    @keyframes offermove {
        0% {
            left: -12px;
            top: 24px;
        }

        25% {
            left: 9px;
            top: 12px;
        }

        50% {
            left: 9px;
            top: 26px;
        }

        75% {
            left: -9px;
            top: 26px;
        }

        100% {
            left: -12px;
            top: 24px;
        }
    }

    .why_us_section .whyUs_block h2:after {
        top: 0px;
        left: 5px;
        width: 26px;
        height: 26px;
    }

    .popup_modal .close_icon::after {
        width: 21px;
        height: 21px;
        left: 5px;
        top: 5px;
    }

    .testimonial_section .title::after {
        width: 154px;
        height: 164px;
        left: 25%;
        top: -26px;
    }

    .testimonial_section .title h2 {
        padding-top: 0px;
        text-align: center;
        max-width: 236px;
        margin: auto;
    }

    .testimonial_section {
        padding: 89px 0px 70px;
        overflow: hidden;
    }

    .testimonial_section .title {
        min-height: auto;
        margin-bottom: 150px;
    }

    .testimonial_section button.slickwprev-prev,
    .testimonial_section button.slickwprev-arrow {
        left: 0%;
        bottom: inherit;
        top: -36px;
        width: 42px;
        height: 26px;
        background-size: 11px;
    }

    .testimonial_section .slickwprev-next {
        left: 48px !important;
        top: -49px !important;
    }

    .testimonial_section .slickwprev-next {
        left: 46px !important;
        top: -31px !important;
    }

    .testimonial_section ul.slickwprev-dots {
        bottom: -31px;
    }

    .testimonial_section .wprevpro .wpproslider_t7_DIV_2 {
        padding: 34px 26px;
    }

    .testimonial_section .wpproslider_t7_DIV_2_top {
        top: 29px;
        right: 17px;
    }

    .testimonial_section .anim-icon {
        top: 29%;
        bottom: inherit;
        width: 100px;
    }

    .about_us_section.about .about_us_right .btn_block.flex iframe {
        transform: scale(0.73);
    }

    .portfolio_single_banner .share_icon {
        padding-left: 0px;
    }

    .site-main.default_page_style {
        padding: 70px 0px;
    }

    article.search-entry {
        width: 100%;
    }

    .search-results .default-layout {
        padding: 70px 0px;
    }

    .search-entry-row {
        margin: 40px 0px;
    }

    footer {
        padding-top: 82px;
    }

    footer .title {
        margin-bottom: 50px;
    }

    .who_we_are .btn_block .primary_btn {
        font-size: 12px;
    }

    footer .bottom_footer .right_column p {
        margin-top: 4px;
    }

    .search-no-results .default-layout {
        padding: 70px 0px;
    }

    .price_table th:first-child,
    .price_table td:first-child {
        padding: 10px;
    }

    .price_table tr th,
    .price_table tr td:first-child {
        font-size: 11px;
        line-height: 15px;
    }

    .price_table td,
    .price_table tr th,
    .price_table tr td:first-child {
        padding: 10px 5px;
    }

    .price_table table {
        border-spacing: 4px;
    }

    .price_table tr td {
        font-size: 14px;
    }

    .price_table td,
    .price_table th {
        border-radius: 7px;
    }

    .blog_single_main.price_page {
        background-position: 100% 19%;
    }

    .portfolio_list .work_column.full_column .img__block img {
        height: 252px;
    }

    .portfolio_list .category ul li {
        display: none;
        cursor: pointer;
        padding: 5px 10px;
        border-top: 1px solid black;
        min-width: initial;
        padding: 0px;
        margin: 0px;
    }

    .portfolio_list .category ul li a {
        border-radius: 0px;
    }

    .portfolio_list .category ul li:first-child {
        display: block;
        border-top: 0px;
    }

    .portfolio_list .category ul {
        border: 1px solid black;
        display: inline-block;
        padding: 0;
        border-radius: 4px;
        position: relative;
        width: 100%;
    }

    .portfolio_list .category ul li:hover {
        background-color: #ddd;
    }

    .portfolio_list .category ul li:first-child:hover {
        background-color: transparent;
    }

    .portfolio_list .category ul.open li {
        display: block;
    }

    .portfolio_list .category ul span:before {
        position: absolute;
        top: 5px;
        right: 15px;
        content: "\2193";
    }

    .portfolio_list .category ul span:before {
        content: "\2191";
    }

    .portfolio_list .category ul li:first-child {
        display: block;
    }

    .portfolio_list .category ul li:first-child a:after {
        content: "";
        position: relative;
        background-image: url('../images/dropdown-arrow.svg');
        background-repeat: no-repeat;
        background-size: contain;
        width: 20px;
        height: 20px;
        display: inline-block;
        transition: all 0.3s ease-in-out;
    }

    .portfolio_list .category ul li:first-child a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .portfolio_list .category ul li:first-child a:hover {
        background-color: #fff;
        color: #000;
    }

    .portfolio_list .category ul.open li:first-child a:after {
        transform: rotate(180deg);
    }

    .blog_single_main .category_title h1 {
        font-size: 30px;
        max-width: 700px;
        line-height: 40px;
    }

    .portfolio_list .pagination {
        margin-top: 50px;
    }
    .offer_section.offer_about .offer_column {
        width: 50%;
    }
    .offer_section.offer_about .wrapper.flex {
        margin-bottom: -20px;
    }
    .home_offer_section.offer_section .offer_column {
        width: 100%;
    }
    .home_offer_section.offer_section .offer_img img {
        height: 228px;
    }
}

@media (max-width:576px) {

    .video__section .video_main video,
    .video__section .video_main iframe {
        height: 320px;
    }

    .portfolio_single_banner .img_block img {
        height: 300px;
    }

    .testimonial_section .wpproslider_t7_DIV_1a {
        margin: 0px;
    }
    .offer_section.offer_about .offer_column {
        width: 100%;
    }
    .blog_single_main.price_page .category_title a {
        right: 0%;
        max-width: 84px;
        top: -14%;
    }
    .contact_section .contact_right .contact_image {
        max-width: 236px;
    }
    .contact_section .contact_right .contact_image img {
        height: 290px;
    }
}