/*!
Theme Name: Liba
Theme URI:
Author: Automattic
Author URI:
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: Liba


*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@100..900&display=swap');

/* @import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,800;1,800&display=swap"); */

/* @import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@100..900&display=swap"); */
/* @font-face {
  font-family: "Urbanist", sans-serif;
  src: url("fonts/Urbanist-Light.woff2") format("woff2"),
    url("fonts/Urbanist-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist", sans-serif;
  src: url("fonts/Urbanist-ExtraLightItalic.woff2") format("woff2"),
    url("fonts/Urbanist-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist", sans-serif;
  src: url("fonts/Urbanist-ExtraBold.woff2") format("woff2"),
    url("fonts/Urbanist-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist", sans-serif;
  src: url("fonts/Urbanist-ExtraLight.woff2") format("woff2"),
    url("fonts/Urbanist-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist", sans-serif;
  src: url("fonts/Urbanist-Italic.woff2") format("woff2"),
    url("fonts/Urbanist-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist", sans-serif;
  src: url("fonts/Urbanist-BlackItalic.woff2") format("woff2"),
    url("fonts/Urbanist-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist", sans-serif;
  src: url("fonts/Urbanist-BoldItalic.woff2") format("woff2"),
    url("fonts/Urbanist-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist", sans-serif;
  src: url("fonts/Urbanist-Bold.woff2") format("woff2"),
    url("fonts/Urbanist-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist", sans-serif;
  src: url("fonts/Urbanist-Black.woff2") format("woff2"),
    url("fonts/Urbanist-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist", sans-serif;
  src: url("fonts/Urbanist-ExtraBoldItalic.woff2") format("woff2"),
    url("fonts/Urbanist-ExtraBoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist", sans-serif;
  src: url("fonts/Urbanist-Regular.woff2") format("woff2"),
    url("fonts/Urbanist-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist", sans-serif;
  src: url("fonts/Urbanist-ThinItalic.woff2") format("woff2"),
    url("fonts/Urbanist-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist", sans-serif;
  src: url("fonts/Urbanist-LightItalic.woff2") format("woff2"),
    url("fonts/Urbanist-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist", sans-serif;
  src: url("fonts/Urbanist-MediumItalic.woff2") format("woff2"),
    url("fonts/Urbanist-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist", sans-serif;
  src: url("fonts/Urbanist-SemiBold.woff2") format("woff2"),
    url("fonts/Urbanist-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist", sans-serif;
  src: url("fonts/Urbanist-Medium.woff2") format("woff2"),
    url("fonts/Urbanist-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist", sans-serif;
  src: url("fonts/Urbanist-Thin.woff2") format("woff2"),
    url("fonts/Urbanist-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Urbanist", sans-serif;
  src: url("fonts/Urbanist-SemiBoldItalic.woff2") format("woff2"),
    url("fonts/Urbanist-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
} */

:root {
  --color-black: #000000;
  --color-darkest-gray: #010101;
  --color-darker-gray: #020202;
  --color-dark-gray: #040404;
  --color-charcoal-gray: #060606;
  --color-dark-navy: #12344c;
  --color-deep-gray: #212121;
  --color-teal-green: #2bc0a3;
  --color-steel-blue: #2d5a7a;
  --color-steel-blue-alt: #2d5a7b;
  --color-mint-green: #3dceb2;
  --color-light-mint: #eaf1f0;
  --color-light-gray: #f3f3f3;
  --color-bright-yellow: #f8b638;
  --color-almost-white: #fdfdfd;
  --color-near-white: #fefefe;
  --color-white: #ffffff;

  --regular-16: 1.6rem;
  --regular-18: 1.8rem;
  --regular-20: 2rem;
  --regular-22: 2.2rem;
  --regular-24: 2.4rem;
  --regular-28: 2.8rem;
  --regular-30: 3rem;
  --regular-40: 4rem;
  --regular-50: 5rem;
  --regular-80: 8rem;
}

/* Common CSS
  --------------------------------------------- */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: "Noto Sans Hebrew", sans-serif;
  font-size: 1em;
}

a {
  background-color: transparent;
  text-decoration: none;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bold;
}

code,
kbd,
samp {
  font-family: "Noto Sans Hebrew", sans-serif;
  font-size: 1em;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

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

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, "Noto Sans Hebrew", sans-serif;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", "Noto Sans Hebrew", sans-serif;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 3em 1.5em 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li>ul,
li>ol {
  margin-bottom: 0;
  margin-right: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

img {
  max-width: 100%;
  height: auto;
  display: block;
  user-select: none;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

a {
  color: #4169e1;
}

/*a:visited {
  color: #800080;
}*/
a:hover,
a:focus,
a:active {
  color: #191970;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Common CSS
  --------------------------------------------- */

html {
  font-size: 10px;
  scroll-behavior: smooth;
}

body {
  background: var(--color-light-gray);
}

body,
button,
input,
select,
optgroup,
textarea {
  color: var(--charcoal-dark);
  font-family: "Noto Sans Hebrew", "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.6rem;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.container {
  max-width: 1540px;
  padding: 0rem 5rem;
  margin: 0px auto;
  width: 100%;
}

p {
  color: var(--charcoal-dark);
  font-weight: 400;
  line-height: 3rem;
  font-size: var(--regular-16);
}

.a_btn {
  font-size: 1.8rem;
  color: var(--charcoal-dark);
  font-weight: 600;
  line-height: 2.6rem;
  transition: all ease-in-out 0.4s;
  border-radius: 200rem;
  background: var(--tan-muted);
  padding: 1.85rem 2rem 1.45rem;
  min-width: 17.617rem;
  max-width: 17.617rem;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.a_btn:hover {
  background: var(--white);
}

.a_btn:visited {
  color: #800080;
}

.a_btn:focus,
.a_btn:active {
  color: #191970;
}

/* Background Colors */
.bg-black {
  background-color: var(--color-black);
}

.bg-darkest-gray {
  background-color: var(--color-darkest-gray);
}

.bg-darker-gray {
  background-color: var(--color-darker-gray);
}

.bg-dark-gray {
  background-color: var(--color-dark-gray);
}

.bg-charcoal-gray {
  background-color: var(--color-charcoal-gray);
}

.bg-deep-gray {
  background-color: var(--color-deep-gray);
}

.bg-dark-navy {
  background-color: var(--color-dark-navy);
}

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

.bg-steel-blue-alt {
  background-color: var(--color-steel-blue-alt);
}

.bg-teal-green {
  background-color: var(--color-teal-green);
}

.bg-mint-green {
  background-color: var(--color-mint-green);
}

.bg-light-mint {
  background-color: var(--color-light-mint);
}

.bg-bright-yellow {
  background-color: var(--color-bright-yellow);
}

.bg-light-gray {
  background-color: var(--color-light-gray);
}

.bg-almost-white {
  background-color: var(--color-almost-white);
}

.bg-near-white {
  background-color: var(--color-near-white);
}

.bg-white {
  background-color: var(--color-white);
}


.text-16px-300-white {
  font-size: var(--regular-16);
  font-weight: 300;
  color: var(--color-white);
  line-height: 2.7rem;
}

.text-16px-400-white {
  font-size: var(--regular-16);
  font-weight: 400;
  color: var(--color-white);
  line-height: 2.7rem;
}

.text-20px-400-white {
  font-size: var(--regular-20);
  font-weight: 400;
  color: var(--color-white);
  line-height: normal;
  line-height: 2.7rem;
}

.text-20px-400-dark {
  font-size: var(--regular-20);
  font-weight: 400;
  color: var(--color-deep-gray);
  line-height: normal;
  line-height: 2.7rem;
}

.text-18px-400-dark,
.text-18px-400-dark p {
  font-size: var(--regular-18);
  font-weight: 400;
  color: var(--color-deep-gray);
  line-height: 2.4rem;
}

.text-24px-400-white {
  font-size: var(--regular-24);
  font-weight: 400;
  color: var(--color-white);
  line-height: 3.3rem;
}

.text-18px-700-white {
  font-size: var(--regular-18);
  font-weight: 700;
  color: var(--color-white);
  line-height: 2.4rem;
}

.text-50px-700-white {
  line-height: 114%;
  font-size: var(--regular-50);
  font-weight: 700;
  color: var(--color-white);
}

.text-20px-700-green {
  font-size: var(--regular-20);
  font-weight: 700;
  color: var(--color-teal-green);
  line-height: normal;
  letter-spacing: 0.16rem;
}

.text-50px-700-dark {
  line-height: 114%;
  font-size: var(--regular-50);
  font-weight: 700;
  color: var(--color-deep-gray);
}

.text-20px-700-transparent {
  font-size: var(--regular-20);
  font-weight: 700;
  color: transparent;
  line-height: normal;
}

.text-24px-600-dark {
  font-size: var(--regular-24);
  font-weight: 600;
  color: var(--color-deep-gray);
}

.text-24px-700-dark {
  font-size: var(--regular-24);
  font-weight: 700;
  color: var(--color-deep-gray);
}

.text-28px-700-dark {
  font-size: var(--regular-28);
  font-weight: 700;
  color: var(--color-deep-gray);
  line-height: normal;
}

.text-28px-400-dark {
  font-size: var(--regular-28);
  font-weight: 400;
  color: var(--color-deep-gray);
  line-height: normal;
}

.text-22px-700-green {
  font-size: var(--regular-22);
  font-weight: 700;
  color: var(--color-teal-green);
}

.text-22px-700-dark {
  font-size: var(--regular-22);
  font-weight: 700;
  color: var(--color-teal-green);
}

.text-20px-700-dark {
  font-size: var(--regular-20);
  font-weight: 700;
  color: var(--color-deep-gray);
  line-height: normal;
}

.text-20px-700-white {
  font-size: var(--regular-20);
  font-weight: 700;
  color: var(--color-white);
  line-height: normal;
}

.text-30px-700-dark {
  font-size: var(--regular-30);
  font-weight: 700;
  color: var(--color-deep-gray);
}

.text-40px-700-dark {
  font-size: var(--regular-40);
  font-weight: 700;
  color: var(--color-deep-gray);
}

.text-80px-800-white {
  font-size: var(--regular-80);
  font-weight: 800;
  color: var(--color-white);
  line-height: 110%;
}

.border_btn {
  padding: 1.3rem 3rem;
  color: var(--color-teal-green);
  font-size: var(--regular-22);
  font-style: normal;
  font-weight: 700;
  line-height: 1.091;
  border: 1px solid var(--color-teal-green);
  border-radius: 0.4rem;
  transition: all 0.3s ease-in-out 0s;
}

.border_btn:hover {
  background: var(--color-teal-green);
  color: var(--color-white);
}

.border_btn:focus,
.border_btn:active {
  background: var(--color-steel-blue);
  border-color: var(--color-steel-blue);
  color: var(--color-white);
}

.blue_button {
  padding: 1.52rem 3rem;
  color: var(--color-white);
  font-size: --regular-18;
  font-style: normal;
  font-weight: 700;
  line-height: 1.091;
  border: 1px solid var(--color-steel-blue);
  border-radius: 0.4rem;
  display: inline-block;
  vertical-align: top;
  transition: all 0.3s ease-in-out 0s;
  background: var(--color-steel-blue);
}

.blue_button:hover {
  color: var(--color-steel-blue);
  background: transparent;
}

.blue_button:focus,
.blue_button:active {
  background: var(--color-teal-green);
  border-color: var(--color-teal-green);
  color: var(--color-white);
}

.icon_btn {
  font-size: var(--regular-20);
  color: var(--color-deep-gray);
  font-weight: 700;
  line-height: 2.7rem;
}

.green_button {
  padding: 1.52rem 3rem;
  color: var(--color-white);
  font-size: var(--regular-18);
  font-style: normal;
  font-weight: 700;
  line-height: 1.091;
  border: 1px solid var(--color-teal-green);
  border-radius: 0.4rem;
  display: inline-block;
  vertical-align: top;
  transition: all 0.3s ease-in-out 0s;
  background: var(--color-teal-green);
}

.green_button:hover {
  color: var(--color-teal-green);
  background: transparent;
}




/* Text Colors */
.text-black {
  color: var(--color-black);
}

.text-darkest-gray {
  color: var(--color-darkest-gray);
}

.text-darker-gray {
  color: var(--color-darker-gray);
}

.text-dark-gray {
  color: var(--color-dark-gray);
}

.text-charcoal-gray {
  color: var(--color-charcoal-gray);
}

.text-deep-gray {
  color: var(--color-deep-gray);
}

.text-dark-navy {
  color: var(--color-dark-navy);
}

.text-steel-blue {
  color: var(--color-steel-blue);
}

.text-steel-blue-alt {
  color: var(--color-steel-blue-alt);
}

.text-teal-green {
  color: var(--color-teal-green);
}

.text-mint-green {
  color: var(--color-mint-green);
}

.text-light-mint {
  color: var(--color-light-mint);
}

.text-bright-yellow {
  color: var(--color-bright-yellow);
}

.text-light-gray {
  color: var(--color-light-gray);
}

.text-almost-white {
  color: var(--color-almost-white);
}

.text-near-white {
  color: var(--color-near-white);
}

.text-white {
  color: var(--color-white);
}









/***********************************    Header    ***********************************/

header {
    background: var(--color-creen-dark);
    position: sticky;
    top: 0;
    z-index: 99;
	background: #ffffff;
}

.header_inr {
  display: flex;
  padding: 20px 0;
  gap: 60px;
  align-items: center;
  justify-content: space-between;
}

.site-header .container {
  max-width: 1689px;
  padding: 0 50px;
  margin: 0 auto;
  width: 100%;
}

.header_right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}

.header_right .menu {
  gap: 60px;
  display: flex;
  list-style: none;
  margin: 0;
}

.header_right .menu-toggle {
  display: none;
}

.header_right .menu li a {
  color: #212121;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  transition: all 0.3s ease-in-out 0s;
}

.header_right .menu li a:hover {
  color: var(--color-mint-green);
}

.header_right_btns {
  display: flex;
  gap: 16px;
  align-items: center;
}

/*.header_right .menu li {
    position: relative;
}*/


/***********************************    Header    ***********************************/

/***********************************    Hero Banner    ***********************************/
section.hero__banner .hero__banner_inr {
  display: flex;
  flex-direction: row-reverse;
}

.hero_banner_right {
  background: url(bg_images/hero_banner_bg_Image.jpg);
  display: flex;
  align-items: end;
  justify-content: flex-start;
}

.hero__banner_inr>div {
  width: 50%;
}

.hero_banner_left img {
  width: 100%;
  max-height: 844px;
  object-fit: cover;
  object-position: top center;
}

.hero_banner_right_top {
  max-width: 62.3rem;
  margin-right: auto;
  margin-left: 5.7rem;
  margin-bottom: 9.4rem;
}

.hero_banner_right_inr {
  padding: 0 0 1.7rem 0;
  width: 100%;
}

.hero_banner_services {
  padding-bottom: 3.7rem !important;
}

.hero_banner_right_inr .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffffff;
}

.hero_banner_right_inr .swiper-pagination span.swiper-pagination-bullet {
  background: #ffffff;
}

.hero_banner_right_top h1 {
  margin-bottom: 2rem;
}

.hero_banner_services_item {
  padding: 3rem;
  max-width: 402px;
  overflow: hidden;
  z-index: 0;
  border-radius: 12px;
  background: linear-gradient(130deg,
      #fff 0.33%,
      rgba(102, 102, 102, 0) 30%,
      rgba(102, 102, 102, 0) 70%,
      #3dceb2 100%);
}

.hero_banner_services_item:before {
  position: absolute;
  content: "";
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: #3c6684;
  z-index: -1;
  border-radius: 12px;
}

.hero_banner_left {
  position: relative;
}

.hero_banner_left div {
  position: absolute;
  z-index: 1;
  background: var(--color-mint-green);
  width: 11.5rem;
  height: 11.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 60rem;
  padding: 2rem;
}

.hero_banner_left div img {
  width: auto;
  height: auto;
}

.hero_banner_left .hero_banner_image_1 {
  top: 7.1rem;
  right: -5.75rem;
}

.hero_banner_left .hero_banner_image_2 {
  right: 79.688%;
  bottom: 32.465%;
}

.hero_banner_services_content .text-20px-700-white {
  margin: 1.6rem 0 1.2rem;
  display: block;
}

.hero_banner_services_content p.text-16px-400-white {
  line-height: 168.75%
}

/***********************************    Hero Banner    ***********************************/






/***********************************    Vision Mission    ***********************************/

section.our_vision__mission {
  padding: 10rem 0;
}

.our_vision_mission_inr {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}

.our_vision_mission_item:not(:first-child) {
  background: var(--color-white);
  border-radius: 20px;
  padding: 3rem;
}

.our_vision_mission_item_content .text-28px-700-dark {
  margin: 1.6rem 0;
}

.our_vision_mission_item h2 {
  margin: 1rem 0 1.6rem;
}

/***********************************    Vision Mission    ***********************************/





/**********************************    Clients Page    **********************************/
.clients_list_main .container {
  max-width: 1597px;
}

.clients_list_main {
  padding: 10rem 0;
}

.clients_list_otr {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 1.9rem;
  row-gap: 6.4rem;
}

.clients_list_otr .clients_list_item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18rem;
  padding: 3rem 6rem;
}

.clients_list_otr .clients_list_item img {
  height: auto;
  object-fit: contain;
}

.clients_list_otr .clients_list_item img {
  height: 100%;
  object-fit: scale-down;
  width: 100%;
}

/**********************************    Clients Page    **********************************/



/**********************************    Blog List Page    **********************************/
.blog_listing_section {
  padding: 10rem 0;
}

.blog_card {
  border-radius: 3rem;
  overflow: hidden;
}

.blog_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}

.blog_image a {
  display: inline-block;
  vertical-align: top;
  padding: 30rem 0 0;
  position: relative;
  width: 100%;
}

.blog_image a img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog_content {
  padding: 3rem 0;
}

.blog_content>* {
  padding: 0 3rem;
}

.blog_content .blog_title {
  margin: 3rem 0;
}

.blog_footer {
  padding: 3rem 4rem 0;
  border-top: 1px solid rgb(33 33 33 / 20%);
  display: flex;
  justify-content: space-between;
}

.blog_meta span {
  display: flex;
  gap: 4px 15px;
  align-items: center;
  flex-wrap: wrap;
}

.blog_meta {
  display: flex;
  gap: 4rem;
}

.blog_footer .blog_date {
  display: flex;
  align-items: center;
  gap: 15px;
}

.blog_footer a.blue_button {
  background: var(--color-dark-navy);
  border-color: var(--color-dark-navy);
  color: var(--color-white);
}

.blog_footer a.blue_button:hover {
  background: transparent;
  color: var(--color-dark-navy);
}

/**********************************    Blog List Page    **********************************/












/***********************************    Bittu    ***********************************/



section.cta_section {
  background: url(/wp-content/uploads/2024/08/cta_bgImage.png);
  position: relative;
  padding: 5.7rem 0;
}

.cta_main_box {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 9.5rem;
}

.cta_left {
  width: 37.3%;
}

.cta_right {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 4.8rem;
}

.cta_social_box a:nth-child(1) {
  height: 58px;
  width: 58px;
  border-radius: 62px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  background: rgba(255, 255, 255, 0.09);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 1.6rem;
  transition: all ease 0.3s;
}

.cta_social_box a:nth-child(1):hover {
  background: var(--color-teal-green);
  border-color: var(--color-teal-green);
}

section.cta_section:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: var(--color-teal-green);
  opacity: 0.5;
  mix-blend-mode: hard-light;
}

section.cta_section.bg-teal-green {
  position: relative;
}

.cta_social_box:last-child a {
  margin-right: 0;
}

section.cta_section .container {
  max-width: 1540px;
}

.cta_left h2 {
  line-height: 6rem;
}

.cta_social_box a {
  text-decoration: none;
}











.footer_main {
  padding: 5rem 0 4rem;
}

.footer_main {
  display: flex;
  align-items: flex-start;
  gap: 20.6rem;
}

.footer_right {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 8rem;
}

.footer_left {
  width: 40.5%;
}


a.footer_logo {
  padding-bottom: 2rem;
  display: block;
  width: fit-content;
}


.footer_right_top ul {
  column-count: 2;
  gap: 8rem;
}

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

.footer_right ul li>a {
  display: block;
}

.footer_right_top ul.sub-menu {
  column-count: unset;
}

.footer_right ul li>a {
  color: #FFF;
  text-align: right;
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  padding-bottom: 2rem;

}

.footer_right ul ul a {
  font-size: 1.8rem;
  font-weight: 400;
  padding-bottom: 1.2rem;
  transition: all ease 0.3s;
}

.footer_right ul ul a:hover {
  color: var(--color-mint-green);
}

.footer_social {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding-top: 5.1rem;
}

.footer_right ul ul li:last-child a {
  padding-bottom: 0;
}

.footer_bottom {
  padding: 2rem 0 2.8rem;
  text-align: center;
  border-top: 2px solid rgb(255 255 255 / 10%);
}

.footer_bottom p {
  line-height: 2rem;
}

.footer_left p {
  line-height: 2.8rem;
  opacity: 0.8;
}





.about_us_section_home {
  padding: 10rem 0;
}

.about_us_home_main {
  display: flex;
  align-items: center;
  gap: 9.3rem;
}

.about_us_home_left {
  width: 32%;
}

.about_us_home_right {
  flex: 1;
  display: flex;
  gap: 4rem;
  align-items: center;
  position: relative;
}

.about_us_short_text {
  padding: 24px 22px 19px 22px;
  border-radius: 20px;
  background: var(--color-teal-green);
  max-width: 250px;
}

.about_us_short_text_otr {
  position: absolute;
  right: 30%;
}

.about_top_pach {
  margin: 0 25px -24px 0px;
}

.about_bottom_pach {
  margin: -16px 0px 0 40px;
  text-align: left;
}

.about_bottom_pach svg {
  margin-right: auto;
}

.about_us_home_left h2 {
  padding: 1rem 0 1.6rem;
}

.about_us_home_left .blue_button {
  margin-top: 3rem;
}

.about_image_one img {
  border-radius: 40px;
}


.about_image_two img {
  border-radius: 50px;
}



.company_services_section {
  padding: 10rem 0;
}

.company_services_title_blox {
  text-align: center;
}

.company_services_title_blox h2 {
  padding: 1rem 0 6rem;
}

.company_servicec_main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}

.company_servicec_item {
  border-radius: 30px;
  background: var(--color-white);
  padding: 4rem 4rem 6.7rem 4rem;
  position: relative;
}

.company_servicec_item_icon {
  padding-bottom: 3rem;
}

.company_servicec_item_content p {
  padding: 1.2rem 0 6rem;
}

a.icon_btn {
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: all ease 0.3s;
  color: var(--color-deep-gray);
}

a.icon_btn:hover {
  color: var(--color-teal-green);
}

a.icon_btn:hover path {
  fill: var(--color-teal-green);
}

a.icon_btn path {
  transition: all ease 0.3s;
}



.why_choose_us_section {
  position: relative;
  padding: 10rem 0;
}

.why_choose_us_bgimage {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

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

.why_choose_us_main {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 28rem;
  justify-content: space-between;
}

.why_choose_us_right {
  flex: 1;
}

.why_choose_us_left {
  width: 40.5%;
}

.why_choose_us_left h2 {
  padding: 1rem 0 1.6rem;
}

.why_choose_us_right {
  display: flex;
  align-items: flex-start;
  gap: 10rem;
}

.why_choose_us_item h3 {
  padding-bottom: 1rem;
}



.help_you_section {
  padding: 10rem 0 14.2rem;
  position: relative;
}

.help_you_main {
  display: flex;
  align-items: center;
  gap: 10.3rem;
  position: relative;
  z-index: 1;
}

.help_you_left {
  width: 47.3%;
}

.help_you_right {
  flex: 1;
}

.help_you_left h2 {
  padding: 1rem 0 1.6rem;
}

.accordion_main {
  padding-top: 5rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.accordion_list_item {
  padding: 2.5rem;
  background: var(--color-white);
  border-radius: 20px;
  border: 1px solid var(--color-white);
  transition: all ease 0.3s;
}

.accordion_list_item.active {
  border: 1px solid var(--color-teal-green);
}


.accordion_list_item.active {
  border: 1px solid var(--color-teal-green);
}

.accordion_list_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  cursor: pointer;
}

.accordion_list_content {
  padding-top: 1.9rem;
}

.accordion_list_item.active h3 {
  color: var(--color-teal-green);
}

.accordion_list_item.active .rotate path {
  fill: var(--color-teal-green);
}

.accordion_list_item svg {
  transition: all ease 0.3s;
}

.accordion_list_item.active svg.rotate {
  transform: scale(-1);
}

.help_you_section:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 34.12%;
  background: var(--color-teal-green);
}










.testimonial_section {
  padding: 10rem 0;
}

.testimonial_title h2 {
  padding: 1rem 0 3rem;
}

.testimonial_main {
  overflow: hidden;
  text-align: center;
}

.gallery-slider .swiper-slide img {
  margin: 0 auto;
  padding-bottom: 5rem;
}

.testimonial_name_box h3 {
  padding: 4.9rem 0 0.4rem;
}

.gallery-slider {
  padding-bottom: 2.5rem;
}

.gallery-thumbs {
  max-width: 412px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  pointer-events: none;
}

.gallery-thumbs .swiper-slide img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*
.gallery-thumbs .swiper-slide {
    height: 110px;
    width: 110px !important;
} */


/* .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    height: 142px;
    width: 140px !important;
} */

/* .gallery-thumbs .swiper-wrapper {
    display: flex;
    align-items: center;
    margin-left: -20px;
    padding: 8px 0;
} */


.gallery-thumbs.swiper-backface-hidden .swiper-slide {
  transition: all 200ms linear;
  transform: scale(0.8);
}

.gallery-thumbs .swiper-slide.swiper-slide-active .gallery_thumbs_image {
  transform: scale(1.25);
}

.gallery-thumbs .swiper-slide.swiper-slide-thumb-active:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  right: 3.2px;
  bottom: 0;
  height: 95.77%;
  width: 100%;
  border: 1px solid var(--color-teal-green);
  border-radius: 50%;
  transform: scale(1.39);
}

.gallery_thumbs_image {
  height: 143px;
  width: 143px;
}

.gallery-thumbs .swiper-wrapper {
  padding: 8px 0;
}

.testimonial_section .swiper-button-prev svg,
.testimonial_section .swiper-button-next svg,
.testimonial_section .swiper-button-prev svg path,
.testimonial_section .swiper-button-next svg path {
  transition: all ease 0.3s;
}

.testimonial_section .swiper-button-prev:hover svg path,
.testimonial_section .swiper-button-next:hover svg path {
  fill: var(--color-teal-green);
}



.thumbs_testimonils_box {
  position: relative;
  max-width: 631px;
  margin: 0 auto;
}

.thumbs_testimonils_box .swiper-button-prev:after,
.thumbs_testimonils_box .swiper-button-next:after {
  display: none;
}

.thumbs_testimonils_box svg {
  width: 51px !important;
}


.thumbs_testimonils_box .swiper-button-prev,
.thumbs_testimonils_box .swiper-button-next {
  width: 51px;
}



.ctaform_section {
  padding: 10rem 0;
}

.ctaform_main {
  display: flex;
  align-items: flex-start;
  gap: 6.3rem;
  max-width: 1360px;
  margin: 0 auto;
}

.ctaform_left {
  width: 51.8%;
}

.ctaform_left h2 {
  padding: 1rem 0 1.6rem;
}




.ctaform_right {
  flex: 1;
}

.ctaform_right label {
  display: none;
}

.ctaform_right label span {
  width: 100%;
  display: block;
}

.ctaform_right input {
  width: 100%;
  display: block;
}

.ctaform_right input,
.ctaform_right textarea {
  border-radius: 4px;
  background: #FFF;
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 1.6rem;
  margin-bottom: 3rem;
  color: var(--color-deep-gray);
  outline: none;
  border: 0;
  font-family: "Noto Sans Hebrew", sans-serif !important;
}

.ctaform_right textarea {
  margin-bottom: 0;
  height: 188px;
  resize: none;
}

.ctaform_right input.wpcf7-form-control.wpcf7-submit {
  margin: 0;
  border-radius: 5px !important;
  color: aliceblue;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background: var(--color-teal-green);
  cursor: pointer;
  margin-top: 2.5rem;
  border: 1px solid var(--color-teal-green);
  transition: all ease 0.3s;
  font-family: "Noto Sans Hebrew", sans-serif !important;
}

.ctaform_right input.wpcf7-form-control.wpcf7-submit:hover {
  border: 1px solid var(--color-teal-green);
  background: transparent !important;
  color: var(--color-teal-green);
}

.wpcf7-form-control-wrap {
  position: relative;
  display: block;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  text-align: center;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #2bc0a330;
  text-align: center;
  background: #2bc0a330;
  padding: 30px 110px;
  font-size: 2.5rem;
  line-height: 1.2;
}

.inner_banner_section {
  position: relative;
  padding: 18.2rem 0;
}

.inner_banner_image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

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

.inner_banner_content {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 890px;
  margin: 0 auto;
}

.inner_banner_content h1 {
  padding-bottom: 1.6rem;
}

.breadcrumb {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  border-radius: 5px;
  border: 1px solid var(--color-white);
  width: fit-content;
  margin: 0 auto;
  margin-top: 4rem;
  padding: 1.37rem 3rem;
}

.breadcrumb a,
.breadcrumb span {
  color: var(--color-white);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  transition: all ease 0.3s;
}

.breadcrumb a:hover {
  color: var(--color-teal-green);
}

.inner_banner_image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: rgb(0 0 0 / 60%);
}



.about_in_page_section {
  padding: 10rem 0;
}

.about_main_in_page {
  display: flex;
  align-items: center;
  gap: 8rem;
}

.about_in_page_left {
  width: 31.9%;
}

.about_in_page_right {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 3rem;
}

.about_in_image_one {
  padding-top: 10.8rem;
}

.about_in_page_right img {
  border-radius: 30px;
}

.about_in_page_left h2 {
  padding: 1rem 0 1.6rem;
}

.about_in_page_left .blue_button {
  margin-top: 3rem;
}


.what_we_provide_section {
  padding: 10rem 0;
}

.what_we_provide_main {
  display: flex;
  align-items: flex-start;
  gap: 14.9rem;
}

.what_we_provide_right {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}

.what_we_provide_left {
  width: 31.2%;
}

.what_we_provide_left h2 {
  padding: 1rem 0 1.6rem;
}

.what_we_provide_list h3 {
  padding: 3rem 0 2.8rem;
}

.what_we_provide_list_icon {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
}


.secure_your_future_section {
  position: relative;
  padding: 10rem 0;
}

.secure_your_future_image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

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

.secure_your_future_section .company_services_title_blox {
  z-index: 1;
  position: relative;
  max-width: 740px;
  margin: 0 auto;
}

.secure_your_future_section .company_services_title_blox h2 {
  padding: 1rem 0 4rem;
}





.we_are_trusted_section {
  padding: 10rem 0;
}

.we_are_trusted_title {
  text-align: center;
}

.we_are_trusted_title h2 {
  padding: 1rem 0 5rem;
}

.we_are_trusted_item {
  border-bottom: 1px solid rgb(33 33 33 / 10%);
  border-right: 1px solid rgb(33 33 33 / 10%);
}

.we_are_trusted_otr {
  gap: 0;
}

.we_are_trusted_item:nth-child(5),
.we_are_trusted_item:nth-child(6),
.we_are_trusted_item:nth-child(7),
.we_are_trusted_item:nth-child(8) {
  border-bottom: 0;
}

.we_are_trusted_item:nth-child(1),
.we_are_trusted_item:nth-child(5) {
  border-right: 0;
}






.why_choose_us_service_section {
  padding: 12rem 0 10rem;
}

.why_choose_us_service_main {
  display: flex;
  align-items: center;
  gap: 5.7rem;
  justify-content: space-between;
}

.why_choose_us_service_right {
  flex: 1;
}

.why_choose_us_service_right img {
  border-radius: 40px;
}

.why_choose_us_service_left {
  width: 38.4%;
}

.why_choose_us_service_text h2 {
  padding: 1rem 0 1.6rem;
}

.why_choose_us_service_list {
  padding-top: 4rem;
}

.why_choose_us_service_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem 5rem;
}

.why_choose_us_service_box {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 268px;
}

.why_choose_us_service_box:nth-child(2),
.why_choose_us_service_box:nth-child(4) {
  max-width: 234px;
}

.why_choose_us_service_box_left {
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-steel-blue);
  border-radius: 15px;
}

.why_choose_us_service_box:nth-child(2) .why_choose_us_service_box_left,
.why_choose_us_service_box:nth-child(3) .why_choose_us_service_box_left {
  background: var(--color-teal-green);
}

.why_choose_us_service_box_right h3 {
  padding-bottom: 0.4rem;
  line-height: 5.4rem;
}



.services_inner_section .company_servicec_item_content p {
  padding-bottom: 3rem;
}




.services_inner_data_section {
  padding: 10rem 0;
}

.services_inner_data_title {
  text-align: center;
  padding-bottom: 6.8rem;
}

.services_inner_data_title h2 {
  padding: 0 0 1.6rem;
}

.services_inner_data_list_box {
  display: flex;
  align-items: center;
  gap: 8rem;
}

.services_inner_data_list_right {
  width: 52.92%;
}

.services_inner_data_list_left {
  flex: 1;
}

.services_inner_data_list_right img {
  border-radius: 40px;
}

.services_inner_data_list {
  display: flex;
  flex-direction: column;
  gap: 10rem;
}

.services_inner_data_list_box:nth-child(even) {
  flex-direction: row-reverse;
}

.services_inner_data_list_left h2 {
  padding-bottom: 1.6rem;
}

.services_inner_data_list_left p:first-child {
  font-weight: 600;
  padding-bottom: 2rem;
  font-size: 2.4rem;
}

.services_inner_data_list_left ul {
  padding: 0;
  margin: 0 37px 0 0;
  list-style: none;
}

.services_inner_data_list_left ul li {
  padding-bottom: 1rem;
  position: relative;
}

.services_inner_data_list_left ul li:last-child {
  padding-bottom: 0;
}

.services_inner_data_list_left ul li:after {
  content: "";
  position: absolute;
  right: -36px;
  top: 3px;
  height: 20px;
  width: 20px;
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.92939 0.0375216C6.71674 0.261604 4.56585 1.28783 2.96242 2.88446C2.4104 3.43412 2.07635 3.83931 1.65806 4.46663C-0.526364 7.74255 -0.554785 12.1264 1.5871 15.4209C2.13827 16.2687 2.97365 17.2007 3.70509 17.7839C4.99389 18.8115 6.49537 19.5122 8.05526 19.8139C11.3324 20.4478 14.6545 19.4418 17.0017 17.1045C17.9908 16.1196 18.7222 15.0262 19.2359 13.7643C19.5771 12.9264 19.8516 11.8285 19.9098 11.069C19.924 10.8848 19.9505 10.7249 19.9687 10.7136C19.9869 10.7023 20.0018 10.359 20.0018 9.9508C20.0018 9.54256 19.9868 9.21784 19.9685 9.22917C19.9501 9.24054 19.9237 9.10025 19.9096 8.91746C19.8056 7.56152 19.1932 5.82335 18.377 4.56805C17.8258 3.72024 16.9905 2.78828 16.259 2.20502C14.7206 0.978388 12.8829 0.22332 10.9792 0.0355683C10.4897 -0.0126782 9.4151 -0.0116625 8.92939 0.0375216ZM9.29977 1.59524C7.29524 1.76424 5.46385 2.61627 4.04128 4.04171C2.74436 5.34124 1.93561 6.95494 1.6551 8.80296C1.56644 9.38696 1.56644 10.602 1.6551 11.186C1.93561 13.034 2.74436 14.6477 4.04128 15.9472C5.33819 17.2468 6.94864 18.0571 8.79294 18.3382C9.37576 18.4271 10.5883 18.4271 11.1712 18.3382C13.0155 18.0571 14.6259 17.2468 15.9228 15.9472C17.2197 14.6477 18.0285 13.034 18.309 11.186C18.3977 10.602 18.3977 9.38696 18.309 8.80296C18.0285 6.95494 17.2197 5.34124 15.9228 4.04171C14.6298 2.74609 12.9744 1.9121 11.1907 1.65767C10.6614 1.58219 9.79421 1.55356 9.29977 1.59524ZM13.5104 6.65984C13.4461 6.69335 12.3192 7.79541 11.0062 9.10877L8.61897 11.4968L7.57532 10.4564C6.43358 9.31816 6.39814 9.29312 6.00573 9.34598C5.50303 9.41372 5.18676 10.0104 5.41788 10.4551C5.51102 10.6343 8.12173 13.2447 8.2939 13.3308C8.4518 13.4098 8.73329 13.4109 8.92089 13.3332C9.12176 13.2502 14.4431 7.93042 14.5467 7.70911C14.7277 7.32236 14.5693 6.86778 14.1845 6.67007C14.0075 6.57913 13.6749 6.57409 13.5104 6.65984ZM0.0176268 9.99447C0.0176268 10.4135 0.0233579 10.5849 0.0303756 10.3754C0.0373544 10.1659 0.0373544 9.82309 0.0303756 9.61358C0.0233579 9.40407 0.0176268 9.57549 0.0176268 9.99447Z" fill="%233DCEB2"/></svg>');
  background-repeat: no-repeat;
  background-size: cover;
}



.tools_and_processes_section {
  position: relative;
  padding: 10rem 0;
}

.tools_and_processes_image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

.tools_and_processes_image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: rgb(0 0 0 / 75%);
}

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

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

.tools_and_processes_title h2 {
  text-align: center;
  padding-bottom: 6rem;
}

.tools_and_processes_main {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6rem;
  text-align: center;
}

.tools_and_processes_box_icon {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background: var(--color-teal-green);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 2rem;
}

.services_on_list_title h2 {
  padding: 0 0 5rem;
}



.more_articles_section {
  padding: 7rem 0 10rem;
}

.more_articles_title {
  text-align: center;
  padding-bottom: 5rem;
}

.blog_related_main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}

.blog_related_item {
  border-radius: 30px;
  background: var(--color-white);
  overflow: hidden;
}

.blog_related_item_content {
  padding: 3rem;
}

.blog_related_item_content h3 {
  padding-bottom: 2rem;
}

.blog_related_item_link {
  padding-top: 2rem;
}

.blog_related_item_link a {
  width: 100%;
  text-align: center;
}

.blog_related_item_icon {
  position: relative;
  padding-top: 65.3%;
}

.blog_related_item_icon img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}


.contact_us_section {
  padding: 10rem 0;
}

.contact_us_title {
  text-align: center;
}

.contact_us_title h2 {
  padding: 1rem 0 5rem;
}

.contact_us_list_box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.4rem;
}

.contact_us_box {
  border-radius: 30px;
  background: var(--color-white);
  padding: 4rem;
  display: inline-grid;
  gap: 3rem;
}

a.icon_btn_green {
  color: var(--color-teal-green);
}

a.icon_btn_green:hover {
  color: var(--color-deep-gray);
}

a.icon_btn_green path {
  fill: var(--color-teal-green);
}

a.icon_btn_green:hover path {
  fill: var(--color-deep-gray);
}

.contact_map {
  position: relative;
  padding-top: 36.8%;
}

.contact_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}


.common_content_area {
  padding: 10rem 0;
}

.common_content_area .company_services_title_blox h2 {
  padding: 0 0 5.6rem;
}






.header_right .menu li ul.sub-menu li img {
  position: absolute;
  left: 5rem;
  bottom: 0;
  top: 5rem;
  height: 356px;
  width: 100%;
  max-width: 487px;
  object-fit: cover;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  opacity: 0 !important;
  transition: all ease 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header_right .menu li ul.sub-menu {
  position: absolute;
  display: -webkit-box;
  top: 99px;
  min-width: max-content;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease-in-out 0s;
  left: 50%;
  z-index: 11;
  min-width: 230px;
  flex-direction: column;
  border: 1px solid #EEEEEE;
  padding: 30px 37px;
  background: #EAF1F0;
  border-radius: 5px;
  gap: 30px;
  transform: translateX(-50%);
  min-width: 1088px;
  display: block;
  list-style: none;
  overflow: hidden;
}

.header_right .menu li:hover ul.sub-menu {
  visibility: visible;
  opacity: 1;
}

li.dropdown a:before {
  content: "";
  position: absolute;
  left: -25px;
  top: 61%;
  height: 10.51px;
  width: 20.01px;
  background-image: url('data:image/svg+xml,<svg width="21" height="11" viewBox="0 0 21 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.35522 0.282423C2.25975 0.192204 2.14744 0.121675 2.02471 0.0748596C1.90198 0.0280437 1.77124 0.00585933 1.63993 0.00957389C1.50863 0.0132885 1.37935 0.0428285 1.25946 0.096507C1.13957 0.150186 1.03144 0.226952 0.941217 0.322423C0.850999 0.417894 0.780469 0.530201 0.733654 0.652929C0.686838 0.775658 0.664654 0.906405 0.668368 1.03771C0.672083 1.16901 0.701623 1.2983 0.755301 1.41818C0.80898 1.53807 0.885746 1.6462 0.981217 1.73642L9.98122 10.2364C10.1669 10.412 10.4127 10.5098 10.6682 10.5098C10.9237 10.5098 11.1695 10.412 11.3552 10.2364L20.3562 1.73642C20.4538 1.6468 20.5326 1.53868 20.588 1.41836C20.6434 1.29803 20.6744 1.16789 20.6791 1.0355C20.6838 0.903102 20.6621 0.771092 20.6154 0.647136C20.5686 0.523179 20.4977 0.409745 20.4068 0.313425C20.3158 0.217105 20.2066 0.139816 20.0856 0.0860501C19.9645 0.0322839 19.8339 0.00311196 19.7015 0.000227096C19.569 -0.00265776 19.4373 0.0208036 19.314 0.0692474C19.1907 0.117691 19.0783 0.190152 18.9832 0.282422L10.6682 8.13442L2.35522 0.282423Z" fill="black"/></svg>');
  background-repeat: no-repeat;
  transform: translateY(-50%);
  background-size: contain;
  transition: all ease 0.3s;
}

.header_right .menu li.dropdown {
  margin-left: 26px;
}


.header_right .menu li ul.sub-menu a {
  font-size: 2.2rem;
  width: fit-content;
  display: block;
}
.header_right .menu li ul.sub-menu li:first-child a {
    font-size: 2.5rem;
}
.header_right .menu li ul.sub-menu li:first-child {
    padding-bottom: 3.5rem;
}

.hero_banner_services .swiper-slide {
    display: flex;
    align-items: stretch;
    height: auto;
	flex-direction: column;
}

.header_right .menu li ul.sub-menu li {
  padding-bottom: 2.5rem;
  max-width: 380px;
  width: fit-content;
}

.header_right .menu li ul.sub-menu li:hover img {
  opacity: 1;
}

li.dropdown>a {
  position: relative;
}

.header_right .menu li ul.sub-menu li:last-child {
  padding: 0;
}


.header_right .menu li ul.sub-menu li:hover img {
  opacity: 1 !important;
}

.header_right .menu li:hover ul.sub-menu li.active-item img {
  opacity: 1 !important;
}

.header_right .menu li ul.sub-menu .active-item a {
  color: var(--color-mint-green);
}

.header_right ul.sub-menu:after {
  content: "";
  position: absolute;
  top: 24px;
  bottom: 0;
  left: 597px;
  width: 1px;
  height: 90%;
  background: #808080;
  padding: 0;
  opacity: 0.32;
}

.header_right ul>li:hover>a {
  color: var(--color-mint-green);
}

.header_right ul>li:hover>a:before {
  filter: invert(77%) sepia(44%) saturate(630%) hue-rotate(111deg) brightness(87%) contrast(86%);
}

.header_right li.dropdown:hover a:after {
  content: "";
  position: absolute;
  bottom: -37px;
  left: 0;
  right: 0;
  width: 137%;
  height: 43px;
}


.blog_inner_page_data_section {
  padding: 10rem 0;
}

.blog_inner_page_data_main {
  display: flex;
  align-items: flex-start;
  gap: 3.8rem;
}

.blog_inner_page_data_left {
  width: 28.66%;
}

.blog_inner_page_data_right {
  flex: 1;
  border-radius: 30px;
  background: #FFF;
  padding: 24px;
}

.blog_inner_main_image img {
  width: 100%;
  border-radius: 20px;
}

.blog_inner_main_image img {
  width: 100%;
  border-radius: 20px;
}

.blog_inner_main_title {
  padding: 2.4rem 0;
}

.blog_inner_main_date_box {
  display: flex;
  align-items: center;
  gap: 4rem;
  padding-bottom: 2.4rem;
}


.blog_date_box,
.blog_author_box {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.blog_inner_main_content p {
  padding-bottom: 2.4rem;
  border-radius: 20px;
}

.blog_inner_main_content blockquote {
  margin: 0;
  background: var(--color-dark-navy);
  padding: 5rem;
  border-radius: 20px;
  margin-bottom: 2.4rem;
}

.blog_inner_main_content blockquote p {
  color: #ffffff;
  padding: 7.2rem 0 0 !important;
  position: relative;
  font-size: 2.2rem;
}

.blog_inner_main_content blockquote p:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: url('data:image/svg+xml,<svg width="47" height="40" viewBox="0 0 47 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34.1702 39.9349C40.1381 39.1519 44.9512 34.8997 46.4162 29.1164C46.8793 27.288 46.875 27.411 46.875 15.768V4.85194L46.6238 4.11093C46.0084 2.29629 44.3644 0.833159 42.5697 0.503108C42.2115 0.437153 39.969 0.403398 36.0109 0.404315C29.3909 0.405783 29.4139 0.404132 28.231 0.974704C27.3543 1.39768 26.3318 2.42764 25.8826 3.34038C25.2813 4.56225 25.2754 4.63811 25.2754 11.1814C25.2754 17.7236 25.2812 17.7981 25.8821 19.0245C26.2813 19.839 27.2364 20.8482 28.0376 21.3022C29.1019 21.9052 29.56 21.9599 33.5382 21.9599C35.7376 21.9599 37.2822 21.998 37.5827 22.0596C38.2346 22.193 38.8793 22.6363 39.2684 23.2184C39.7125 23.8829 39.842 24.7795 39.6993 26.2018C39.4986 28.2017 38.9114 29.4459 37.5197 30.82C36.795 31.5356 36.5404 31.72 35.721 32.1229C34.4889 32.7288 33.7592 32.876 31.9892 32.876C30.4415 32.876 29.8519 32.9992 29.4757 33.4013C28.9436 33.9699 28.9303 34.0525 28.96 36.5886V38.4367C28.96 39.2996 29.6595 39.9992 30.5225 39.9992H31.8163C32.783 40.0068 33.8422 39.9779 34.1702 39.9349Z" fill="%233DCEB2"></path><path d="M9.29517 39.9349C15.2631 39.1519 20.0762 34.8997 21.5412 29.1164C22.0043 27.288 22 27.411 22 15.768V4.85194L21.7488 4.11093C21.1334 2.29629 19.4894 0.833159 17.6947 0.503108C17.3365 0.437153 15.094 0.403398 11.1359 0.404315C4.51594 0.405783 4.53887 0.404132 3.35599 0.974704C2.47931 1.39768 1.45677 2.42764 1.00756 3.34038C0.40626 4.56225 0.400391 4.63811 0.400391 11.1814C0.400391 17.7236 0.406169 17.7981 1.0071 19.0245C1.40632 19.839 2.36143 20.8482 3.16262 21.3022C4.22689 21.9052 4.685 21.9599 8.66323 21.9599C10.8626 21.9599 12.4072 21.998 12.7077 22.0596C13.3596 22.193 14.0043 22.6363 14.3934 23.2184C14.8375 23.8829 14.967 24.7795 14.8243 26.2018C14.6236 28.2017 14.0364 29.4459 12.6447 30.82C11.92 31.5356 11.6654 31.72 10.846 32.1229C9.61394 32.7288 8.88421 32.876 7.11415 32.876C5.56655 32.876 4.97689 32.9992 4.6007 33.4013C4.06856 33.9699 4.05526 34.0525 4.08498 36.5886V38.4367C4.08498 39.2996 4.78454 39.9992 5.64748 39.9992H6.94133C7.908 40.0068 8.96723 39.9779 9.29517 39.9349Z" fill="%233DCEB2"></path></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}

.blog_inner_main_content img {
  border-radius: 20px;
  width: 100%;
}

.heateor_sss_sharing_container.heateor_sss_vertical_sharing.heateor_sss_bottom_sharing {
  display: none;
}



.blog_inner_tags_box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.blog_inner_tags_box h3 {
  padding-bottom: 2.4rem;
}

.tags {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

.tags a {
  padding: 1.52rem 3rem;
  color: var(--color-white);
  font-size: var(--regular-18);
  font-style: normal;
  font-weight: 700;
  line-height: 1.091;
  border: 1px solid var(--color-teal-green);
  border-radius: 0.4rem;
  display: inline-block;
  vertical-align: top;
  transition: all 0.3s ease-in-out 0s;
  background: var(--color-teal-green);
}

.tags a:hover {
  color: var(--color-teal-green);
  background: transparent;
}

.blog_inner_social_info span.heateor_sss_svg {
  background: transparent !important;
}

.blog_inner_social_info span.heateor_sss_svg path {
  fill: var(--color-teal-green);
}


.post_pagination_main {
  display: flex;
  align-items: center;
  gap: 4rem;
  justify-content: space-between;
  padding-top: 3.4rem;
}

.post_pagination_left a,
.post_pagination_right a {
  display: flex;
  align-items: center;
  gap: 1rem;
}




.blog_left_inner_box {
  border-radius: 20px;
  background: #FFF;
  padding: 24px;
  margin-bottom: 24px;
}

.blog_left_inner_box h3 {
  text-align: center;
  width: 100%;
  padding: 16px 0;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(33, 33, 33, 0.10);
}

.blog_left_inner_box .heateor_sss_sharing_ul {
  margin: 0 auto !important;
  text-align: center !important;
  display: flex;
  align-items: center;
  justify-content: center;
}


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

.blog_left_inner_box ul li {
  text-align: center;
  padding-bottom: 16px;
}

.blog_left_inner_box ul li:last-child {
  padding-bottom: 0;
}

.blog_left_inner_box ul li a {
  font-weight: 500;
  transition: all ease 0.3s;
}

.blog_left_inner_box ul li a:hover {
  color: var(--color-teal-green);
}


.blog_details_share_main_description {
  border-radius: 20px;
  background: #12344C;
  padding: 8rem 5rem 5rem;
  text-align: center;
}

.blog_details_share_main_description h4 {
  padding-bottom: 0.8rem;
}

.blog_details_share_main_img img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: -50px;
}










.search_box_main {
  display: flex;
  align-items: center;
  width: 100%;
}

.search_box_main input {
  height: 52px;
  padding: 12px 24px;
  border: 1px solid #E1E1E1;
  border-radius: 0px 5px 5px 0px;
  border-left: 0;
  color: #212121;
  outline: none;
}

.search_box_main input#searchsubmit {
  font-size: 0;
  padding-left: 40px;
  border-radius: 5px 0px 0px 5px;
  background: transparent;
  outline: none;
  border: 0;
  cursor: pointer;
  z-index: 11;
  position: relative;
}

.button_search_icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  background: var(--color-teal-green);
  border-radius: 5px 0px 0px 5px;
}

.search_box_main .button_search {
  position: relative;
  width: 21.2%;
}

.search_box_main input#s {
  flex: 1;
  width: inherit;
}


body.rtl.search.search-results aside#secondary {
  display: none;
}

body.rtl.search.search-results header.page-header {
  padding-bottom: 5rem;
}


h2.blog_title a {
  color: var(--color-deep-gray);
}


body.rtl.search.search-results h2.blog_title {
  margin-top: 0;
}

body.rtl.search.search-results .entry-summary {
  margin-bottom: 20px;
}

body.rtl.archive.tag h1.page-title {
  padding-bottom: 5rem;
}

body.rtl.archive.category h1.page-title {
  padding-bottom: 5rem;
}



.error_main {
  padding: 70px 0 100px;
}

.error_otr_div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}



.our_vision_mission_item:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}


.social_sticky_main {
  position: fixed;
  top: 32%;
  z-index: 99;
  right: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.social_sticky_box {
  position: relative;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  background: var(--color-teal-green);
  display: flex;
  align-items: center;
  justify-content: center;
}


.social_sticky_box a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}


.social_sticky_box.email_box {
  background: transparent;
  border: 1px solid var(--color-white);
  background: #2d5a7b;
}



.email_box_popup {
  position: fixed;
  right: 1%;
  top: 20%;
  background: var(--color-dark-navy);
  padding: 30px;
  opacity: 0;
  visibility: hidden;
  display: none;
  z-index: 99;
  max-width: 390px;
  border-radius: 5px;
}

.popup_show {
  display: block;
  opacity: 1;
  visibility: visible;
  text-align: center;
}



.close_popup_contact {
  position: absolute;
  left: -50px;
  top: 20px;
  height: 40px;
  width: 40px;
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}

.close_popup_contact svg {
  max-width: 18px;
}


.contact_form.email_box_popup h3 {
  padding-bottom: 3rem;
}


.ctaform_right span.wpcf7-spinner {
  display: none;
}

.services_inner_data_title p {
  font-size: inherit;
  font-weight: inherit;
}

.blog_meta a,
.blog_meta span {
  color: var(--color-deep-gray);
}


.blog_catagry_list a {
  color: var(--color-deep-gray);
}

span.wpcf7-not-valid-tip {
  position: absolute;
  top: 100%;
  font-size: 14px;
  text-align: right;
  right: 0;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ffb900;
  color: #ffb900;
  font-size: 16px;
}



.common_content_area p,
.common_content_area li {
  padding-bottom: 10px;
}

.common_content_area h1,
.common_content_area h2,
.common_content_area h3,
.common_content_area h4,
.common_content_area h5,
.common_content_area h6 {
  padding: 4rem 0 2rem;
}

.common_content_area ul,
.common_content_area ol {
  margin: 0 4rem 0;
  padding: 0;
}


.blog_details_share_main {
  padding-top: 2.4rem;
}

.company_servicec_item_content .company_servicec_item_link {
  position: absolute;
  bottom: 4rem;
  right: 4rem;
}

.footer_social a {
  transition: all ease 0.3s;
}

.footer_social a:hover {
  transform: scale(1.2);
}


body.rtl.search.search-no-results aside#secondary {
  display: none;
}

.search_box_main.page-content {
  flex-direction: column;
  gap: 3rem;
}




.search_box_main.page-content {
  flex-direction: column;
  gap: 3rem;
}

.search_box_main.page-content input.search-submit {
  border-radius: 5px;
  outline: none;
  border: 0;
  cursor: pointer;
  z-index: 11;
  position: relative;
  background: var(--color-teal-green);
  color: #ffffff;
  margin: 0;
}

.search_box_main.page-content input {
  border-radius: 5px;
  border: 1px solid #E1E1E1;
}

.search_box_main.page-content form.search-form {
  max-width: 500px;
  width: 100%;
  display: flex;
  gap: 1rem;
}

.search_box_main.page-content form.search-form label,
.search_box_main.page-content form.search-form label input {
  flex: 1;
  width: 100%;
}

body.rtl.search.search-no-results h1 {
  text-align: center;
  padding-bottom: 4rem;
}



.inner_banner_content .text-20px-400-white {
  opacity: 0.8;
}


.mobile_header_data {
    display: none;
}




.service-template-default .heateor_sss_sharing_container.heateor_sss_vertical_sharing.heateor_sss_bottom_sharing,
.post-template-default .heateor_sss_sharing_container.heateor_sss_vertical_sharing.heateor_sss_bottom_sharing {
    display: none !important;
}
.heateor_sss_sharing_container.heateor_sss_vertical_sharing.heateor_sss_bottom_sharing {
    display: none !important;
}
.mobile_box_socical {
	display: none;
}

















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

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

  .hero_banner_right {
    padding: 60px 0 0;
  }


}

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

  .hero_banner_right_top {
    margin-bottom: 5.4rem;
  }

  .hero_banner_left>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
  }

  .cta_left {
    width: 31.3%;
  }

  .company_servicec_item_content p {
    padding: 1.2rem 0 5rem;
  }

  .why_choose_us_service_left {
    width: 41%;
  }


}

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


  .why_choose_us_service_left {
    width: 45%;
  }

  .why_choose_us_service_list {
    gap: 3rem;
  }

  .inner_banner_section {
    padding: 17.2rem 0;
  }

  .what_we_provide_main {
    gap: 13rem;
  }

  .about_in_page_left {
    width: 33%;
  }

  .blog_inner_page_data_left {
    width: 31%;
  }


}

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

  :root {
    --regular-80: 7rem;
  }

  .hero_banner_right_top {
    margin-right: 50px;
  }

}

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

  .header_right .menu {
    gap: 30px;
  }

  .our_vision_mission_inr {
    gap: 35px;
  }

  .about_us_home_main {
    gap: 3.5rem;
  }

  .about_us_home_left {
    width: 37%;
  }

  .why_choose_us_main {
    gap: 10rem;
  }

  .help_you_section {
    padding: 10rem 0;
  }

  .cta_main_box {
    gap: 7rem;
  }

  .cta_right {
    gap: 3rem;
  }

  .footer_main {
    gap: 5rem;
    justify-content: space-between;
  }

  .footer_right {
    gap: 5rem;
    justify-content: space-between;
  }


  .company_servicec_item_content p {
    padding: 1.2rem 0 4rem;
  }

  .why_choose_us_service_left {
    width: 47%;
  }

  .why_choose_us_service_list {
    gap: 2.5rem;
  }

  .company_servicec_item {
    padding: 3.5rem 3.5rem 6rem 3.5rem;
  }

  .why_choose_us_service_section {
    padding: 10rem 0;
  }

  .why_choose_us_service_box_left {
    height: 70px;
    width: 70px;
  }

  .why_choose_us_service_main {
    gap: 5rem;
  }

  .tools_and_processes_main {
    gap: 5rem;
  }

  .services_inner_data_list_box {
    gap: 7rem;
  }

  .services_inner_data_list_right {
    width: 49%;
  }

  .about_main_in_page {
    gap: 7rem;
  }

  .about_in_page_left {
    width: 36%;
  }

  .what_we_provide_main {
    gap: 10rem;
  }

  .what_we_provide_left {
    width: 39%;
  }

  .blog_inner_page_data_left {
    width: 34%;
  }

}

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

  .header_inr {
    gap: 40px;
  }

  .header_right .menu {
    gap: 20px;
  }

  .site-header .container {
    padding: 0 40px;
  }

  .container {
    padding: 0rem 4rem;
  }

  .header_right_btns .border_btn {
    padding: 1.3rem 1.5rem;
  }

  .header_right_btns .blue_button {
    padding: 1.52rem 1.5rem;
  }

  .hero_banner_right {
    padding: 50px 0px 0 0;
  }

  .hero_banner_right_top {
    margin-right: 40px;
    margin-left: 4rem;
    margin-bottom: 4rem;
  }

  .hero_banner_left div {
    width: 8.5rem;
    height: 8.5rem;
  }

  .hero_banner_left .hero_banner_image_1 {
    top: 7.1rem;
    right: -4rem;
  }

  :root {
    --regular-16: 1.6rem;
    --regular-18: 1.8rem;
    --regular-20: 1.8rem;
    --regular-22: 2rem;
    --regular-24: 2rem;
    --regular-28: 2.2rem;
    --regular-30: 2.5rem;
    --regular-40: 3rem;
    --regular-50: 4rem;
    --regular-80: 6rem;
  }

  .company_services_title_blox h2 {
    padding: 1rem 0 5rem;
  }

  .company_servicec_item {
    padding: 3rem 3rem 5.7rem 3rem;
  }

  .company_servicec_item_content p {
    padding: 1.2rem 0 4rem;
  }

  .why_choose_us_right {
    gap: 4rem;
    justify-content: space-between;
  }

  .ctaform_main {
    gap: 4rem;
  }

  .cta_left h2 {
    line-height: 114%;
  }

  .footer_right {
    gap: 3rem;
  }

  .footer_right_top ul {
    gap: 3rem;
  }





  .clients_list_main {
    padding: 8rem 0;
  }
  .we_are_trusted_section {
    padding: 8rem 0;
  }

  .clients_list_otr {
    column-gap: 1.9rem;
    row-gap: 4.4rem;
  }

  .clients_list_otr .clients_list_item {
    height: 18rem;
    padding: 3rem 4rem;
  }


  .company_servicec_item_content p {
    padding: 1.2rem 0 4rem;
  }

  .why_choose_us_service_left {
    width: 52.6%;
  }

  .why_choose_us_service_section {
    padding: 10rem 0;
  }

  .why_choose_us_service_box_left {
    height: 65px;
    width: 65px;
  }

  .why_choose_us_service_box_left img {
    width: 42px;
    height: 42px;
  }

  .why_choose_us_service_main {
    gap: 4rem;
  }

  .why_choose_us_service_list {
    gap: 1.5rem;
    padding-top: 3.5rem;
  }

  .why_choose_us_service_box {
    gap: 15px;
  }

  .why_choose_us_service_box_right h3 {
    line-height: 4.4rem;
  }

  .inner_banner_section {
    padding: 16rem 0;
  }

  .blog_listing_section {
    padding: 8rem 0;
  }

  .blog_meta {
    gap: 2rem;
  }

  .blog_content>* {
    padding: 0 2rem;
  }

  .blog_content .blog_title {
    margin: 2rem 0;
  }

  .blog_footer {
    padding: 3rem 2rem 0;
    flex-direction: column;
    gap: 1.6rem;
  }

  .blog_footer a.blue_button {
    text-align: center;
  }

  .contact_us_section {
    padding: 8rem 0;
  }


  .common_content_area .company_services_title_blox h2 {
    padding: 0 0 4rem;
  }


  .header_right .menu li ul.sub-menu {
    min-width: 900px;
  }

  .tools_and_processes_box_icon {
    width: 80px;
    height: 80px;
  }

  .tools_and_processes_box_icon img {
    width: 50px;
    height: 50px;
  }

  .about_main_in_page {
    gap: 6rem;
  }

  .about_in_page_left {
    width: 40%;
  }

  .what_we_provide_main {
    gap: 8rem;
  }

  .what_we_provide_right {
    gap: 2.5rem;
  }

  .blog_inner_page_data_left {
    width: 39%;
  }

  .tags {
    gap: 1rem;
  }
}

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



  .mobile_header_data {display: block;}
    .mobileIcon {
        height: auto;
        cursor: pointer;
        z-index: 99999;
        position: relative;
        display: flex;
        align-items: center;
        min-width: 30px;
    }

    .mobileIcon span {
        width: 55px;
        height: 7px;
        border-radius: 0;
        display: inline-block;
        background: #000;
        position: relative;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

    .mobileIcon span:before {
        position: absolute;
        content: '';
        width: 54px;
        height: 7px;
        border-radius: 0;
        background: #000;
        top: -12px;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

    .mobileIcon span:after {
        position: absolute;
        content: '';
        width: 54px;
        height: 7px;
        border-radius: 0;
        background: #000;
        bottom: -8px;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

    .menu-open .mobileIcon span {
        background: rgb(255 255 255 / 0%);
    }

    .menu-open .mobileIcon span:before {
        transform: rotate(45deg);
        top: -1px;
        background: #fff
    }

    .menu-open .mobileIcon span:after {
        transform: rotate(-45deg);
        top: -1px;
        background: #fff
    }

    .mobileIcon span:before {
        width: 25px;
        height: 3px;
        border-radius: 3px;
        background: #000;
        left: 0;
        top: -8px;
    }

    .mobileIcon span,
    .mobileIcon span:after {
        width: 25px;
        height: 3px;
        border-radius: 3px;
        background: #000000;
        left: 0;
    }

    .right_menu {
        position: fixed;
        top: 0;
        right: auto;
        left: 0;
        bottom: 0;
        z-index: 999;
        width: 100%;
        transition: transform 300ms ease, opacity 300ms ease;
        transform: translate3d(-100%, 0, 0);
        transition: transform 300ms ease, opacity 300ms ease;
        padding: 168px 40px 40px;
        box-shadow: 0 10px 10px 0 rgb(0 0 0 / 23%);
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
        max-width: 100%;
        border-radius: 0;
        background: #2A5778;
    }

    .menu-open .header_links {
        flex-direction: column;
    }

    .menu-open .right_menu {
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        backface-visibility: hidden;
        transition: transform 300ms ease, opacity 300ms ease;
        display: flex;
        overflow: auto;
        flex-direction: column;

    }

    .menu-open {
        overflow: hidden;
    }

    .menu-open ul.header_menu {
        justify-content: center;
        flex-direction: column;
        padding-top: 40px;
        gap: 0;
        width: 100%;
    }

    .menu-open .right_menu_btn {
        justify-content: center;
        padding-top: 30px;
    }

    .menu-open .header_logo {
        position: relative;
        z-index: 9999;
        justify-content: flex-start;
    }

    ul.header_menu li {
        padding-bottom: 20px;
        padding-top: 20px;
        border-bottom: 1px solid rgb(255 255 255 / 30%);
        width: 100%;
        text-align: left;
        margin: 0 auto;
    }

    .menu-open .right_menu ul li a:after {
        width: 30px;
    }

    .right_menu {
        display: none;
    }

    .right_menu ul.sub_menu {
        display: none !important;
        position: unset;
        width: 100%;
        background: #290140 !important;
        opacity: 1;
        transform: unset;
        transition: unset;
        margin-top: 20px;
        padding: 0 0 0 0;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .right_menu ul.sub_menu.submenu-open {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .menu-open .header_links ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .menu-open .header_links a:after {
        background: var(--white);
        width: 0 !important;
    }

    .menu-open .header_links a:hover:after {
        width: 100% !important;
    }

    .menu-open .header_links li a {
        color: var(--white);
    }

    .menu-open a.btn {
        background: var(--green);
        color: var(--white);
    }

    .menu-open a.btn:hover, .menu-open a.btn:focus, .menu-open a.btn:active {
        background: transparent;
        color: var(--green);
    }
    .menu-open .header_menu ul li a {
        color: var(--white);
    }
    .menu-open .header_menu ul {
        flex-direction: column;
        gap: 30px;
    }
    .menu-open .header_menu ul li a:hover {
        color: var(--green);
    }

    .menu-open .site-branding, .menu-open .header_phone_mobile.mobile_header_data {
        position: relative;
        z-index: 9999;
        filter: invert(1);
    }

    .header_right_btns, .header_right ul.sub-menu:after {
        display: none;
    }
    .header_right .menu {
        gap: 60px;
        flex-direction: column;
    }

  .header_right .menu li a {
    color: #ffffff;
  }
  .header_right .menu li a {font-size: 3rem;}
  .header_right .menu li ul.sub-menu li img.menu-image {
      display: none;
  }
  li.dropdown a:before {
    left: -32px;
    top: 61%;
    filter: invert(1);
    transition: all ease 0.3s;
  }
  li.submenu_open.dropdown a:before {
    transform: scale(-1);
    top: 46%;
  }
  .header_right .menu li ul.sub-menu {
      position: unset;
      min-width: unset;
      transform: unset;
      margin: 0;
      padding: 0;
      background: transparent;
      opacity: 1;
      visibility: visible;
      border: 0;
      margin-top: 2.4rem;
      display: none;
  }
  .header_right .menu li.submenu_open ul.sub-menu {
      display: block;
  }
  .header_right .menu li ul.sub-menu .active-item a {
      color: #ffffff;
  }


  .header_right .menu li ul.sub-menu li {
      padding-bottom: 2.4rem;
  }

  .header_right .menu li ul.sub-menu li a {
      font-size: 2.4rem;
  }
  .site-header {
      position: relative;
  }

  .site-header:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100px;
      background: #2a5778;
      opacity: 0;
      z-index: -1;
  }

  .menu-open .site-header:after {
      opacity: 1;
      z-index: 999;
  }
  .header_right .menu li ul.sub-menu li a::before {
    display: none;
  }





  .header_right {
    display: none;
  }

  :root {
    --regular-80: 5rem;
  }

  .social_sticky_box {
    height: 50px;
    width: 50px;
  }

  .hero_banner_services_item {
    padding: 2.5rem;
    max-width: 365px;
  }

  section.our_vision__mission {
    padding: 8rem 0;
  }

  .our_vision_mission_inr {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }

  .about_us_section_home {
    padding: 8rem 0;
  }

  .about_us_home_right {
    gap: 2rem;
  }

  .about_us_home_main {
    gap: 3rem;
  }

  .company_services_section {
    padding: 8rem 0;
  }

  .company_services_section {
    padding: 8rem 0;
  }

  .company_servicec_item_icon {
    padding-bottom: 2rem;
  }

  .why_choose_us_main {
    gap: 3rem;
  }

  .why_choose_us_right {
    gap: 3rem;
  }

  .why_choose_us_section {
    padding: 8rem 0;
  }

  .why_choose_us_left {
    width: 46.5%;
  }

  .help_you_section {
    padding: 8rem 0;
  }

  .help_you_main {
    gap: 5rem;
  }

  .accordion_main {
    padding-top: 3rem;
  }

  .testimonial_section {
    padding: 8rem 0;
  }

  .gallery-slider .swiper-slide img {
    padding-bottom: 2rem;
  }

  .testimonial_name_box h3 {
    padding: 3rem 0 0.4rem;
  }

  .ctaform_section {
    padding: 8rem 0;
  }

  .ctaform_left {
    width: 43.8%;
  }

  .cta_right {
    gap: 2rem;
  }

  .cta_main_box {
    align-items: flex-start;
    gap: 3rem;
  }

  section.cta_section {
    padding: 5rem 0;
  }

  .text-24px-400-white {
    line-height: 2.6rem;
  }




  .company_services_title_blox h2 {
    padding: 1rem 0 4rem;
  }

  .clients_list_otr {
    grid-template-columns: repeat(3, 1fr);
  }



  .why_choose_us_service_left {
    width: 100%;
  }

  .why_choose_us_service_section {
    padding: 8rem 0;
  }

  .why_choose_us_service_main {
    flex-direction: column-reverse;
  }

  .why_choose_us_service_box {
    gap: 20px;
  }

  .why_choose_us_service_right {
    flex: unset;
    width: 80%;
  }

  .why_choose_us_service_right img {
    border-radius: 30px;
  }

  .inner_banner_section {
    padding: 14rem 0;
  }

  .blog_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
  }

  .blog_content {
    padding: 2rem 0;
  }

  .blog_footer {
    padding: 2rem 2rem 0;
  }

  .blog_meta {
    flex-wrap: wrap;
  }


  .contact_us_title h2 {
    padding: 1rem 0px 4rem;
  }

  .contact_us_list_box {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
  }


  .common_content_area {
    padding: 8rem 0;
  }

  .tools_and_processes_main {
    gap: 4rem;
  }

  .services_inner_data_list_box {
    gap: 5rem;
  }

  .services_inner_data_list_right {
    width: 47%;
  }

  .services_inner_data_section {
    padding: 8rem 0;
  }

  .services_inner_data_title {
    padding-bottom: 5rem;
  }

  .services_inner_data_list {
    gap: 8rem;
  }

  .tools_and_processes_section {
    padding: 8rem 0;
  }

  .tools_and_processes_title h2 {
    padding-bottom: 4rem;
  }

  .more_articles_section {
    padding: 8rem 0;
  }

  .blog_related_item_content {
    padding: 2.5rem;
  }

  .blog_related_item_icon {
    padding-top: 80%;
  }

  .about_in_page_section {
    padding: 8rem 0;
  }

  .what_we_provide_section {
    padding: 8rem 0;
  }

  .what_we_provide_main {
    gap: 6rem;
  }

  .blog_inner_page_data_left {
    width: 45%;
  }

  .blog_inner_tags_box {
    flex-direction: column;
    gap: 24px;
  }

  .clients_list_otr.we_are_trusted_otr {
      grid-template-columns: repeat(4, 1fr);
      gap: 0;
  }


}



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

  .container {
    padding: 0rem 3rem;
  }

  .site-header .container {
    padding: 0 30px;
  }


  section.hero__banner .hero__banner_inr {
    flex-wrap: wrap;
  }

  .hero__banner_inr>div {
    width: 100%;
  }

  .hero_banner_left {
    padding-top: 65%;
  }

  .hero_banner_image_2 {
    display: none !important;
  }

  .about_us_home_main {
    flex-wrap: wrap;
  }

  .about_us_home_left {
    width: 100%;
  }

  .company_services_title_blox h2 {
    padding: 1rem 0 4rem;
  }

  .company_servicec_item_content p {
    padding: 1.2rem 0 3rem;
  }

  .why_choose_us_main {
    flex-wrap: wrap;
  }

  .why_choose_us_left {
    width: 100%;
  }

  .help_you_main {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .help_you_left {
    width: 100%;
  }

  .help_you_section:after {
    height: 500px;
    width: 100%;
  }

  .ctaform_main {
    flex-wrap: wrap;
  }

  .cta_main_box {
    flex-wrap: wrap;
  }

  .cta_left {
    width: 100%;
    max-width: 470px;
  }

  .cta_right {
    justify-content: space-between;
  }

  .footer_main {
    flex-wrap: wrap;
  }

  .footer_left {
    width: 100%;
    max-width: 520px;
  }

  .company_servicec_main {
    grid-template-columns: repeat(2, 1fr);
  }

  .hero_banner_left .hero_banner_image_1 {
    top: 91.1%;
    right: auto;
    left: 50px;
  }


  .inner_banner_section {
    padding: 13rem 0;
  }


  .contact_us_box {
    border-radius: 25px;
    padding: 3rem;
    gap: 2.5rem;
  }

  .services_inner_data_list_box {
    flex-direction: column-reverse;
  }

  .services_inner_data_list_box:nth-child(even) {
    flex-direction: column-reverse;
  }

  .services_inner_data_list_right {
    width: 100%;
  }

  .blog_related_main {
    grid-template-columns: repeat(2, 1fr);
  }

  .tools_and_processes_main {
    gap: 3.5rem;
  }

  .about_in_page_section {
    padding: 8rem 0;
  }

  .what_we_provide_section {
    padding: 8rem 0;
  }

  .what_we_provide_main {
    gap: 6rem;
    flex-direction: column;
  }

  .about_main_in_page {
    flex-direction: column-reverse;
  }

  .about_in_page_left {
    width: 100%;
  }

  .about_in_image_one {
    padding-top: 8rem;
  }

  .what_we_provide_left {
    width: 100%;
  }

  .blog_inner_page_data_section {
    padding: 8rem 0;
  }

  .blog_inner_page_data_main {
    flex-direction: column-reverse;
  }

  .blog_inner_page_data_left {
    width: 100%;
  }

  .blog_inner_tags_box h3 {
    padding-bottom: 2rem;
  }

  .right_menu {
    padding: 168px 30px 30px;
  }


}

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

  .social_sticky_main {
    gap: 12px;
  }

  .hero_banner_right_top {
    margin-right: 30px;
    margin-left: 3rem;
  }

  .hero_banner_left .hero_banner_image_1 {
    top: 88%;
  }

  section.our_vision__mission {
    padding: 6rem 0;
  }

  .about_us_section_home {
    padding: 6rem 0;
  }

  .company_services_section {
    padding: 6rem 0;
  }

  .why_choose_us_section {
    padding: 6rem 0;
  }

  .help_you_section {
    padding: 6rem 0;
  }

  .testimonial_section {
    padding: 6rem 0;
  }

  .ctaform_section {
    padding: 6rem 0;
  }
  .we_are_trusted_section {
    padding: 6rem 0;
  }


  .ctaform_section {
    padding: 6rem 0;
  }

  .footer_main {
    gap: 5rem;
  }

  .ctaform_left {
    width: 100%;
  }



  .clients_list_main {
    padding: 6rem 0;
  }

  .clients_list_otr {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
  }



  .why_choose_us_service_box_left img {
    width: 40px;
    height: 40px;
  }

  .why_choose_us_service_right {
    width: 100%;
  }

  .why_choose_us_service_section {
    padding: 6rem 0;
  }

  .why_choose_us_service_main {
    gap: 3rem;
  }

  .breadcrumb {
    margin-top: 3rem;
  }

  .inner_banner_section {
    padding: 11rem 0;
  }


  .blog_listing_section {
    padding: 6rem 0;
  }

  .blog_grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem;
  }



  .contact_us_section {
    padding: 6rem 0;
  }

  .common_content_area {
    padding: 6rem 0;
  }

  .tools_and_processes_main {
    gap: 2.5rem;
    grid-template-columns: repeat(3, 1fr);
  }

  .blog_related_item_icon {
    padding-top: 100%;
  }

  .services_inner_data_section {
    padding: 6rem 0;
  }

  .services_inner_data_list {
    gap: 6rem;
  }

  .tools_and_processes_section {
    padding: 6rem 0;
  }

  .more_articles_section {
    padding: 6rem 0;
  }

  .what_we_provide_section {
    padding: 6rem 0;
  }

  .about_in_page_section {
    padding: 6rem 0;
  }

  .what_we_provide_list h3 {
    padding: 16px 0;
  }

  .what_we_provide_list_icon {
    width: 70px;
    height: 70px;
  }

  .what_we_provide_list_icon img {
    width: 43px;
    height: 43px;
  }

  .about_in_image_one {
    padding-top: 6rem;
  }

  .blog_inner_page_data_section {
    padding: 6rem 0;
  }

  .blog_inner_tags_box h3 {
    padding-bottom: 1.6rem;
  }

  .blog_inner_main_content blockquote {
    padding: 3.5rem;
  }

  .clients_list_otr.we_are_trusted_otr {
      grid-template-columns: repeat(2, 1fr);
      gap: 0;
  }
  .we_are_trusted_item:nth-child(5), .we_are_trusted_item:nth-child(6) {
    border-bottom: 1px solid rgb(33 33 33 / 10%);
  }

  .we_are_trusted_item:nth-child(3), .we_are_trusted_item:nth-child(7) {
    border-right: 0;
  }


}

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

  section.our_vision__mission {
    padding: 4rem 0;
  }

  .about_us_section_home {
    padding: 4rem 0;
  }
  .we_are_trusted_section {
    padding: 5rem 0;
  }

  .company_services_section {
    padding: 5rem 0;
  }

  .why_choose_us_section {
    padding: 5rem 0;
  }

  .help_you_section {
    padding: 10rem 0 6.8rem;
  }

  .testimonial_section {
    padding: 5rem 0;
  }

  .ctaform_section {
    padding: 5rem 0;
  }

  :root {
    --regular-16: 1.6rem;
    --regular-18: 1.8rem;
    --regular-20: 1.8rem;
    --regular-22: 2rem;
    --regular-24: 2rem;
    --regular-28: 2.2rem;
    --regular-30: 2.5rem;
    --regular-40: 3rem;
    --regular-50: 3.4rem;
    --regular-80: 4rem;
  }


  .hero_banner_left {
    padding-top: 455px;
  }

  .hero_banner_left .hero_banner_image_1 {
    top: 90%;
    right: auto;
    left: 16px;
  }

  .our_vision_mission_inr {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }

  .company_servicec_main {
    grid-template-columns: repeat(1, 1fr);
  }

  .social_sticky_main {
    right: 16px;
  }

  .help_you_section:after {
    height: 320px;
  }

  .cta_social_box:last-child {
    order: -1;
    width: 100%;
  }

  .cta_right {
    flex-wrap: wrap;
    gap: 2.9rem 2.7rem;
  }

  .footer_right {
    gap: 3rem;
    flex-wrap: wrap;
  }

  .footer_right_top {
    width: 100%;
  }

  .gallery_thumbs_image {
    height: 50px;
    width: 50px;
  }

  .gallery-thumbs.swiper-backface-hidden .swiper-slide {
    transform: scale(1);
  }

  .gallery-thumbs {
    max-width: 220px;
  }

  .gallery-thumbs .swiper-slide.swiper-slide-active .gallery_thumbs_image {
    transform: scale(1.6);
  }

  .gallery-thumbs .swiper-wrapper {
    padding: 21px 0;
  }

  .gallery-thumbs .swiper-slide.swiper-slide-thumb-active:after {
    top: 1px;
    right: 1.1px;
    height: 95.77%;
    width: 67%;
    transform: scale(1.8);
  }


  .clients_list_otr {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.9rem;
  }



  .why_choose_us_service_list {
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem;
    padding-top: 4rem;
  }

  .why_choose_us_service_right img {
    border-radius: 16px;
  }

  .why_choose_us_service_box_right h3 {
    line-height: normal;
  }

  .why_choose_us_service_box_left {
    height: 64px;
    width: 64px;
  }

  .why_choose_us_service_box_left img {
    width: 38.4px;
    height: 38.4px;
  }

  .breadcrumb {
    padding: 1.5rem 3rem;
    flex-wrap: wrap;
  }

  .inner_banner_section {
    padding: 8rem 0;
  }

  .inner_banner_content .text-80px-800-white,
  .inner_banner_content .text-20px-400-white {
    line-height: 28px;
  }


  .blog_footer {
    flex-direction: column-reverse;
  }


  .contact_us_list_box {
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem;
  }

  .services_inner_data_section {
    padding: 5rem 0;
  }

  .services_inner_data_list_box {
    gap: 3rem;
  }

  .services_inner_data_list {
    gap: 5rem;
  }

  .tools_and_processes_section {
    padding: 5rem 0;
  }

  .tools_and_processes_main {
    gap: 3rem;
    grid-template-columns: repeat(2, 1fr);
  }

  .blog_related_main {
    grid-template-columns: repeat(1, 1fr);
  }

  .blog_related_item_icon {
    padding-top: 71.5%;
  }

  .blog_related_item_content {
    padding: 3rem;
  }

  .about_in_image_one {
    padding-top: 4rem;
  }

  .about_in_page_section {
    padding: 5rem 0;
  }

  .what_we_provide_section {
    padding: 5rem 0;
  }

  .what_we_provide_right {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem;
  }

  .what_we_provide_main {
    gap: 5rem;
  }

  .blog_inner_page_data_right,
  .blog_left_inner_box {
    padding: 20px;
  }


  .blog_inner_page_data_section {
    padding: 5rem 0;
  }

  .blog_inner_main_date_box {
    flex-wrap: wrap;
  }

  .blog_inner_main_content blockquote {
    padding: 2.4rem;
  }

  .blog_inner_main_content p {
    line-height: 24px;
  }

  .blog_details_share_main_description {
    padding: 8rem 2.4rem 2.4rem;
  }

  em {
    font-size: 1.8rem;
    font-style: normal;
  }

  .tags a {
    padding: 1.2rem 2.5rem;
  }
  .we_are_trusted_title h2 {
      padding: 1rem 0 3rem;
  }

  .services_inner_data_list_right img {
    border-radius: 20px;
  }

	.social_sticky_main {
    width: 100%;
    bottom: 0;
    top: auto;
    flex-direction: unset;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    right: 0;
}

.social_sticky_main .social_sticky_box {
    border: 0;
    width: 100%;
    border-radius: 0 !important;
}
	
	.mobile_box_socical {
		display: block;
	}
	
	.footer_bottom {
		padding: 2rem 0 7.8rem;
	}


}



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


  .site-header .container {
    padding: 0 16px;
  }
  p {
    line-height: 2.4rem;
  }


  .container {
    padding: 0 16px;
  }

  .text-20px-700-green {
    font-weight: 600;
    letter-spacing: 1.28px;
    font-size: 1.6rem;
    line-height: 2.2rem;
  }

  :root {
    --regular-16: 1.4rem;
    --regular-18: 1.6rem;
    --regular-20: 1.8rem;
    --regular-22: 2rem;
    --regular-24: 2rem;
    --regular-28: 2.4rem;
    --regular-30: 2.4rem;
    --regular-40: 3rem;
    --regular-50: 3.4rem;
    --regular-80: 4rem;
  }


  .hero_banner_right {
    padding: 40px 0px 0 0;
  }

  .hero_banner_right_top {
    margin-right: 16px;
    margin-left: 16px;
    margin-bottom: 2rem;
  }

  .hero_banner_right_top h1 {
    margin-bottom: 2rem;
    line-height: 129%;
  }

  .hero_banner_services_item {
    padding: 2.5rem;
    max-width: 318px;
  }

  .our_vision_mission_item h2 {
    margin: 1.5rem 0 1.6rem;
  }

  .our_vision_mission_inr {
    gap: 0;
  }

  .our_vision_mission_item:first-child {
    margin-bottom: 3rem;
  }

  .our_vision_mission_item:not(:first-child) {
    border-radius: 16px;
    padding: 2.4rem;
    margin-bottom: 2.6rem;
  }

  .our_vision_mission_item:last-child {
    margin-bottom: 0;
  }

  .about_us_home_main {
    flex-direction: column-reverse;
  }

  .about_us_home_right {
    gap: 3rem;
    flex-wrap: wrap;
  }

  .about_image_one img {
    border-radius: 16px;
    width: 100%;
  }

  .about_image_one {
    width: 100%;
  }

  .about_us_short_text_otr {
    position: absolute;
    right: 0%;
    left: 0;
    margin: 0 auto;
    max-width: 250px;
  }

  .about_us_short_text {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 500;
  }

  .about_image_two img {
    border-radius: 16px;
  }

  .about_image_two {
    order: -1;
  }

  .about_us_home_left .blue_button {
    width: 100%;
    align-content: center;
    text-align: center;
  }

  .company_services_title_blox {
    text-align: right;
  }

  .company_services_title_blox h2 {
    padding: 1.5rem 0 3rem;
  }

  .company_servicec_item {
    padding: 2.4rem 2.4rem 4.7rem 2.4rem;
    border-radius: 20px;
  }

  .company_servicec_item_content .company_servicec_item_link {
    position: absolute;
    bottom: 2.8rem;
    right: 2.4rem;
  }

  .company_servicec_item_icon {
    padding-bottom: 1.6rem;
  }

  .company_servicec_item_content p {
    padding: 1.2rem 0 2.4rem;
  }

  .why_choose_us_left h2 {
    padding: 1.5rem 0 1.6rem;
  }

  .why_choose_us_main {
    gap: 5rem;
  }

  .why_choose_us_right {
    gap: 3rem;
    flex-wrap: wrap;
  }

  .why_choose_us_item {
    width: 100%;
  }

  .why_choose_us_item h3 {
    font-size: 5rem;
    line-height: 6.8rem;
  }

  .company_services_title_blox.testimonial_title {
    text-align: center;
  }

  .gallery-slider .swiper-slide img {
    padding-bottom: 3rem;
  }

  .gallery-thumbs {
    left: -9px;
  }

  .testimonial_section .swiper-button-prev svg,
  .testimonial_section .swiper-button-next svg {
    max-width: 22px;
  }

  .ctaform_main {
    gap: 3rem;
  }

  .cta_main_box {
    gap: 5rem;
  }

  .footer_main {
    padding: 5rem 0 2rem;
  }


  .footer_right_top ul {
    gap: 0;
    column-count: 1;
  }

  .footer_right_top ul#footer-main>li {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
  }

  .footer_right {
    gap: 0;
  }

  .footer_social {
    padding-top: 3rem;
    margin-top: 3rem;
    width: 100%;
    border-top: 1px solid rgb(255 255 255 / 50%);
  }

  .footer_right_bottam {
    width: 100%;
  }

  .footer_right ul li>a {
    font-size: 1.8rem;
    padding-bottom: 1.6rem;
  }

  .footer_right ul ul a {
    font-size: 1.6rem;
    padding-bottom: 1.6rem;
  }

  .footer_bottom p {
    line-height: 2rem;
    font-size: 1.6rem;
  }



  .clients_list_main {
    padding: 5rem 0;
  }

  .clients_list_main .company_services_title_blox {
    text-align: center;
  }

  .clients_list_otr .clients_list_item {
    height: 16rem;
  }


  .why_choose_us_service_list {
    padding-top: 3rem;
  }


  .blog_listing_section {
    padding: 5rem 0;
  }

  .blog_content>* span {
    font-size: 15px;
  }

  .blog_meta {
    gap: 1.5rem;
  }

  .blog_meta span {
    gap: 4px 8px;
  }

  .blog_card {
    border-radius: 1.6rem;
  }

  .blog_footer .blog_date {
    gap: 8px;
  }

  .blog_content .blog_title {
    margin: 2rem 0;
    font-size: 2.4rem;
    line-height: 3.3rem;
  }

  .contact_us_title h2 {
    padding: 1rem 0px 3rem;
  }

  .contact_us_box {
    border-radius: 20px;
    padding: 2.4rem;
    gap: 0;
  }

  .contact_us_box a.icon_btn {
    margin-top: 2.4rem;
  }

  .contact_us_box h3 {
    padding: 1.6rem 0 1.2rem;
  }

  .contact_us_list_box {
    grid-template-columns: repeat(1, 1fr);
    gap: 3.4rem;
  }

  .contact_us_section {
    padding: 5rem 0;
  }

  section.contact_map_section {
    display: none;
  }

  .contact_us_box_icon {
    max-width: 55px;
  }

  .common_content_area {
    padding: 5rem 0;
  }

  .common_content_area .company_services_title_blox h2 {
    padding: 0 0 3rem;
  }

  section.common_content_area .company_services_title_blox {
    text-align: center;
  }

  .common_content_area h1,
  .common_content_area h2,
  .common_content_area h3,
  .common_content_area h4,
  .common_content_area h5,
  .common_content_area h6 {
    padding: 3rem 0 1.6rem;
  }

  .common_content_area ul,
  .common_content_area ol {
    margin: 0 3rem 0;
    padding: 0;
  }

  .common_content_area p,
  .common_content_area li {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }

  .tools_and_processes_main {
    grid-template-columns: repeat(1, 1fr);
  }

  .tools_and_processes_box_icon {
    width: 60px;
    height: 60px;
  }

  .tools_and_processes_box_icon img {
    width: 38px;
    height: 38px;
  }

  .services_inner_data_list_left ul li:after {
    width: 18px;
    height: 18px;
    top: 5px;
    right: -28px;
  }

  .services_inner_data_list_left ul {
    margin-right: 28px;
  }

  .about_in_image_one,
  .about_in_image_two {
    width: 100%;
    padding-top: 0;
  }

  .about_in_page_right {
    flex: unset;
    width: 100%;
    flex-direction: column-reverse;
  }

  .about_in_page_right img {
    max-height: 228px;
    width: 100%;
    object-fit: cover;
    object-position: top;
  }

  .about_in_image_two {
    padding-left: 25px;
  }

  .about_in_image_one {
    padding-right: 25px;
  }

  .what_we_provide_right {
    grid-template-columns: repeat(1, 1fr);
  }

  .blog_inner_main_content img {
    min-height: 190px;
    object-fit: cover;
  }

  .blog_inner_main_date_box {
    row-gap: 2rem;
  }

  .breadcrumb {
    row-gap: 1rem;
  }

  .site-branding img {
    max-width: 111.109px;
  }
  .mobileIcon {
      min-width: 18px;
  }
  .mobileIcon span, .mobileIcon span:after {
        width: 18px;
        height: 2px;
        border-radius: 3px;
  }
  .mobileIcon span:before {
    width: 18px;
    height: 2px;
    top: -6px;
  }
  .mobileIcon span:after {
    bottom: -6px;
  }
  .header_inr {
    padding: 16px 0 20px;
  }
  .site-header:after {
    height: 75px;
  }
  .right_menu {
      padding: 130px 16px 16px;
  }
  .header_right .menu li a:hover {
    color: #ffffff;
  }
  .header_right ul>li:hover>a {
    color: #ffffff;
  }
  .header_right ul>li:hover>a:before {
    filter: invert(1);
  }


  header#masthead .header_right li  a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: transparent;
    transition: all ease 0.3s;
}

  header#masthead .header_right li.current_page_item a:after { background: var(--color-mint-green); width: 100%;}

  .header_right .menu li.current_page_item a {
      color: var(--color-mint-green);
  }
  .header_right .menu li.current_page_item a:before {
    filter: invert(77%) sepia(44%) saturate(630%) hue-rotate(111deg) brightness(87%) contrast(86%);
  }

  .header_right .menu li a {
    position: relative;
  }
  .header_right .menu li a {
      font-size: 3rem;
      line-height: 3.6rem;
  }
  .header_right .menu li ul.sub-menu li a {
      font-size: 2.4rem;
      line-height: 2.9rem;
  }

  .company_servicec_item_icon img {
    max-width: 55px;
  }
  .secure_your_future_section .company_services_title_blox {
    text-align: center;
  }

  .clients_list_item.we_are_trusted_item {
    padding: 2.5rem 2rem;
  }

  .company_servicec_main .company_servicec_item_content p {
    font-size: 16px;
    line-height: 2.4rem;
  }
  .services_inner_data_list_left p:first-child {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  .blue_button {
      font-size: 1.6rem;
  }
  .blog_catagry_list a {
    font-size: 16px;
  }

  .blog_inner_main_content blockquote {
    border-radius: 16px;
  }
	.breadcrumb {
		gap: 0.5rem;
	}
	.breadcrumb {
        padding: 1.5rem 1.5rem;
        flex-wrap: nowrap;
    }
	
	.close_popup_contact {
		left: auto;
		top: 20px;
	}

  

}

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

  .hero_banner_services_item {
    padding: 2rem;
    max-width: 250px;
  }

}

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




@media screen and (max-width: 783px) {
 
  .heateor_sss_mobile_footer {
      display: none !important;
  }

}



.services_extra_content_section {
    padding: 80px 0;
    background: #2d5a7a;
}