/* #162D5A */
/* #367df9 */
/* .f-32-700 : 37px/700 */
/* 16px | font-size: 0.89rem; */
/* 20px | font-size: 1.11111rem; */
/* 24px | font-size: 1.333333rem; */
/* 22px | font-size: 1.22222rem; */
/* 28px | font-size: 1.5556rem; */
/* 30px | font-size: 1.666666rem; */
/* 32px | font-size: 1.777777rem; */
/* 40px | font-size: 2.23rem; */
/* 40px | font-size: 2.777777rem; */

/* ||Theme css|| */
@import url("../../../css2.css");

/* cart page loading animation */
.skeleton {
  background-color: #e2e5e7;
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0)
  );
  background-size: 40px 100%;
  background-repeat: no-repeat;
  background-position: left -40px top 0;
  -webkit-animation: shine 1s ease infinite;
  animation: shine 1s ease infinite;
}
@keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}
/* cart page loading animation end */

:root {
  --base-font-color: rgb(80, 87, 102);
  --base-font-color-light: rgba(80, 87, 102, 0.5);
  --base-site-color: #367df9;
  --heading-color: rgb(22, 45, 90);
  --white-color: rgb(255, 255, 255);
  --font-manrope: "Manrope", sans-serif;
  --light-bg-color: rgba(54, 125, 249, 0.05);
  --apps-page-base-color: #e84949;
  --apps-page-heading-color: #1b1b1b;
}
html {
  font-size: 16px;
  scroll-behavior: smooth;
}
body {
  margin: 0px;
  padding: 0px;
  font-size: 1rem;
  font-weight: 400;
  font-family: "Manrope", sans-serif;
  background: #fff;
  color: #162d5a;
  overflow-x: hidden;
}
body:not(.home) {
  padding-top: 130px;
}
body:not(.home) .header {
  background: #2c6ad4;
}
.h-100 {
  height: 100px;
}
.h10 {
  height: 10px !important;
}
.h20 {
  height: 20px !important;
}
.h60 {
  height: 60px !important;
}
.row.gx_10 {
  margin-left: -10px;
  margin-right: -10px;
}
.col_pd_10 {
  padding-left: 10px;
  padding-right: 10px;
}
.row.gx_5 {
  margin-left: -5px;
  margin-right: -5px;
}
.col_pd_5 {
  padding-left: 5px;
  padding-right: 5px;
}
.text_c {
  color: #505766;
}
.blue_hover:hover,
.blue_text {
  color: #367df9 !important;
}
.blue_text2 {
  color: #162d5a;
}
.yellow_text {
  color: #facc15;
}
.green_txt2 {
  color: #00c931 !important;
}
.org_txt {
  color: #facc15;
}
.bg_grey {
  background: #f7fafb;
}
.bg-main {
  background: #367df9;
}
.bg_blue {
  background: #162d5a;
}
.bg_dark_blue {
  background: #061730;
}
.bg_grey2 {
  background: #f5f8ff;
}
::-moz-selection {
  background: #367df9;
  color: #fff;
}
::selection {
  background: #367df9;
  color: #fff;
}
.container {
  max-width: 1610px;
  padding-left: 90px;
  padding-right: 90px;
}
.container-sm2 {
  width: 100%;
  max-width: 1310px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-sm {
  max-width: 1190px;
}

.container-sm3,
.content_tab_wrap .container-sm {
  max-width: 958px;
  margin: 0 auto;
}

.container-sm4 {
  max-width: 710px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.hr {
  border-top: 2px solid #EEF1F4;
}

.clear {
  clear: both;
}

.rotate_icon {
  animation: rotation infinite 3s linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.updown_icon {
  animation: MoveUpDown 3s linear infinite;
  position: absolute;
  left: 0;
  bottom: 0;
}

@keyframes MoveUpDown {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.zoom_in_out_icon {
  position: absolute;
  animation: zoom-in-zoom-out 5s infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}

body.open {
  position: relative;
  overflow: hidden;
}
.menu_active_wrap::before,
body.open:before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: #162d5a99;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
  transition: all ease 0.5s;
  z-index: 10;
  height: 100%;
  width: 100%;
}
p:empty {
  display: none;
}
p:last-child {
  margin-bottom: 0px;
}
a {
  transition: all 0.3s ease;
  text-decoration: none;
  outline: none;
  color: #367df9;
}
a:hover {
  color: #367df9;
  text-decoration: none;
  outline: none;
}
p {
  margin-bottom: 20px;
  line-height: 1.555555;
  color: #505766;
  display: inline-block;
}
span {
  display: inline-block;
}
.br_0 {
  border-radius: 0px !important;
}
.br_8 {
  border-radius: 8px !important;
}
.br_12 {
  border-radius: 12px !important;
}

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

/* custom scroll */
/* * {
  scrollbar-width: thin;
  scrollbar-color: #2c6ad4 #ebebeb;
} */
*::-webkit-scrollbar {
  width: 12px;
}
*::-webkit-scrollbar-track {
  background: #ebebeb;
  border-radius: 10px;
}
*::-webkit-scrollbar-thumb {
  background-color: #2c6ad4;
  border-radius: 20px;
  border: 3px solid #ebebeb;
}

.slim_scroll *::-webkit-scrollbar {
  width: 4px;
}
.slim_scroll *::-webkit-scrollbar-thumb {
  background-color: #2c6ad4;
  border-radius: 20px;
  border: 0px solid #ebebeb;
}

.section {
  padding-top: 60px 0;
}
img {
  max-width: 100%;
}
.fit img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
}
.claerfix {
  clear: both;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  padding: 0px;
  margin: 0px;
  color: #162d5a;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
}
/* font60 */
.h1,
h1 {
  font-size: 3.333333rem;
  line-height: 1;
}
/* font40 */
.font40,
.h2,
h2 {
  font-size: 2.22222rem;
  line-height: 1.35;
}
/* font34 */
.font34,
.h3,
h3 {
  font-size: 1.88889rem;
  line-height: 1.5;
  margin-bottom: 10px;
}
/* font28 */
.font28,
.h4,
h4 {
  font-size: 1.555555rem;
  line-height: 1.5;
  margin-bottom: 10px;
}
/* font22 */
.font22,
.h5,
h5 {
  font-size: 1.22222rem;
  line-height: 1.19;
  margin-bottom: 10px;
}

.font50 {
  font-size: 2.777777rem;
  line-height: 1.28;
}
.font32 {
  font-size: 1.777777rem;
}
.f-32-700 {
  font-size: 32px;
  font-weight: 700;
}
.font30 {
  font-size: 1.666666rem;
}
.font24 {
  font-size: 1.333333rem;
}

.font20 *,
.font20 {
  font-size: 1.11111rem;
}
.font18 {
  font-size: 1rem;
}

.font16,
.f-16 {
  font-size: 16px;
}
.button.f-16 {
  font-size: 1rem;
}
.font14,
.f-14 {
  font-size: 14px;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-700 {
  font-weight: 700 !important;
}

ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
nav,
header,
section,
img,
figure,
small,
select {
  margin: 0px;
  padding: 0px;
  color: #162d5a;
  outline: none;
}
section {
  position: relative;
}
* {
  box-sizing: border-box;
}
img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pt-20 {
  padding-top: 20px;
}
.pb-20 {
  padding-bottom: 20px;
}
.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pt-30 {
  padding-top: 30px;
}
.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pt-40 {
  padding-top: 40px;
}
.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pt-50 {
  padding-top: 50px;
}
.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pt-60 {
  padding-top: 60px;
}
.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}
.pb-70 {
  padding-bottom: 70px;
}
.pt-70 {
  padding-top: 70px;
}
.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.pb-80 {
  padding-bottom: 80px;
}
.pt-80 {
  padding-top: 80px;
}
.px-100 {
  padding-left: 100px;
  padding-right: 100px;
}
.px-80 {
  padding-left: 80px;
  padding-right: 80px;
}
.pl-100 {
  padding-left: 100px;
}
.pr-50 {
  padding-right: 50px;
}
.pr-100 {
  padding-right: 100px;
}
.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.pb-100 {
  padding-bottom: 100px;
}
.pt-100 {
  padding-top: 100px;
}
.py-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}
.pb-120 {
  padding-bottom: 120px;
}
.pt-120 {
  padding-top: 120px;
}
.py-150 {
  padding-top: 150px;
  padding-bottom: 150px;
}
.pt-150 {
  padding-top: 150px;
}
.pb-150 {
  padding-bottom: 150px;
}
.mt-30 {
  margin-top: 30px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mt-80 {
  margin-top: 80px;
}
.mb-80 {
  margin-bottom: 80px;
}
.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}
/* .gap */
.gx-20 {
  column-gap: 20px;
}
.gx-30 {
  column-gap: 30px;
}
.gy-20 {
  row-gap: 20px;
}
.gy-30 {
  row-gap: 30px;
}
.no-shadow {
  box-shadow: none !important;
}
.button:focus,
.btn:focus {
  outline: 0px;
  box-shadow: none;
}
.lost_password a,
.link {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: #367df9;
  letter-spacing: 0.05em;
  display: block;
}
.link a {
  color: inherit;
}
.link.arrow_link {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.link.arrow_link .ico {
  transition: all ease 0.5s;
}
.link.arrow_link:hover .ico,
.link.arrow_link:hover img {
  transform: translateX(10px);
}
.range_inputs .applyBtn,
.button {
  border-radius: 30px;
  background: #367df9;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  text-transform: capitalize;
  border: 1px solid transparent;
  padding: 16px 39px;
  transition: all 0.3s ease;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  box-shadow: 0px 15px 15px -5px #c4c4c4;
  text-shadow: none;
  text-align: center;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.button.org {
  background: #FF6321;
  box-shadow: 0px 0px 0px 1px #CF4E17;
}
.range_inputs .applyBtn:hover,
.button:hover {
  background: #162d5a;
  color: #fff;
  box-shadow: 0px 15px 15px -5px #162d5aa1;
}

.button-wt.arrow,
.button-wt {
  border-radius: 30px;
  background: #fff;
  color: #367df9;
  font-size: 16px;
  line-height: 1;
  text-transform: capitalize;
  border: 1px solid transparent;
  min-width: auto;
  padding: 16px 39px;
  transition: all 0.3s ease;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  box-shadow: 0px 15px 15px -5px #162d5a4f;
  text-shadow: none;
  text-align: center;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-wt span {
  color: #9caed4;
  font-weight: 500;
}
.button span {
  color: #cbdafa;
  font-weight: 400;
}
.button-wt.text-blue,
.button-wt.text-blue svg path {
  color: #162d5a;
  stroke: #162d5a;
}
.bdr_blue,
.button-wt.bdr_blue {
  border: 1px solid #367df9;
}
.bdr_blue:hover,
.button-wt.bdr_blue:hover {
  border-color: inherit;
}
.button-wt:hover {
  background: #162d5a;
  color: #fff;
  box-shadow: 0px 15px 15px -5px #162d5aa1;
}
.button-wt.arrow {
  column-gap: 10px;
}
.btn.arrow,
.button.arrow {
  padding: 21px 49px;
  min-width: auto;
  column-gap: 10px;
}
.button-wt.arrow svg,
.button.arrow img,
.btn.arrow.back .ico,
.button.arrow.back .ico,
.button.arrow svg,
.button.arrow .ico {
  transition: all ease 0.5s;
}
.button-wt.arrow:hover svg,
.button.arrow:hover svg,
.button.arrow:hover img {
  transform: translateX(10px);
}
.btn.arrow.back:hover .ico,
.button.arrow.back:hover .ico {
  transform: translateX(-10px);
}
.button-outline {
  border-radius: 30px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-transform: capitalize;
  border: 1px solid #fff;
  min-width: auto;
  padding: 12px 23px;
  transition: all 0.3s ease;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  text-shadow: none;
  display: block;
  text-align: center;
  letter-spacing: 0.05em;
}
.button-outline:hover {
  background: #367df9;
  border-color: #367df9;
  color: #fff;
}
.button-outline-bl {
  border-radius: 30px;
  background: transparent;
  color: #367df9;
  font-size: 16px;
  line-height: 1;
  text-transform: capitalize;
  border: 1px solid #367df9;
  min-width: 140px;
  padding: 16px 30px;
  transition: all 0.3s ease;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  text-shadow: none;
  text-align: center;
  letter-spacing: 0.05em;
  box-shadow: 0px 15px 15px -5px #c4c4c4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-outline-bl:hover {
  background: #367df9;
  border-color: #367df9;
  color: #fff;
}
.button-outline-bl.new:hover {
  background: linear-gradient(180deg, #367df9 0%, #0c51ca 100%);
}
.button-wt:hover svg path,
.button-outline-bl:hover svg path {
  stroke: #fff;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.action {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  grid-gap: 15px;
}
.action.center {
  justify-content: center;
}
.d_flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.v-align {
  display: flex;
  align-items: center;
}
.h-align,
.row.center {
  justify-content: center;
}
.wrap {
  flex-wrap: wrap;
}
.nowrap {
  flex-wrap: nowrap;
}
.heading_main {
  margin-bottom: 50px;
}
.heading_main.center {
  justify-content: center;
  text-align: center;
}
.heading_with_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 10px;
  row-gap: 40px;
  margin-bottom: 40px;
}
.heading_with_btn.wrap {
  flex-wrap: wrap;
}
.heading_with_btn .heading_main {
  max-width: 770px;
  margin-bottom: 0px;
}
.heading_lbl {
  line-height: 1.1;
  color: #367df9;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  margin-bottom: 10px;
  width: 100%;
  text-align: inherit;
  font-size: 0.89rem;
}
.heading_main h2 span,
.heading_main p span {
  color: #367df9;
  display: inline;
}
.heading_main h2 span.green_badge {
  color: #28971e;
  font-size: 1.112rem;
  line-height: 1.4;
  background: rgba(40, 151, 30, 0.12);
  border-radius: 50px;
  padding: 11px 24px;
  font-weight: 400;
  letter-spacing: normal;
  font-family: "Manrope", sans-serif;
}
.heading_main p {
  line-height: 1.555555;
  color: #4c4444;
  margin: 0px;
  margin-top: 15px;
}
.heading_main p:last-child {
  margin-bottom: 0px;
}
.heading_main h5 {
  margin-bottom: 0px;
  margin-top: 30px;
}

/* header css */
.header i,
footer i {
  font-family: "FontAwesome";
}
footer *,
.top_bar,
.header * {
  font-family: var(--font-manrope);
}
.top_bar {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 91;
  background: #332a1df5;
  line-height: 0;
  transition: transform 0.4s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top_bar p {
  padding: 7px 0;
  font-size: 12px;
  line-height: 1.5;
  color: #b7acac;
}
body.header_sticky {
  padding-top: 0px !important;
}
.header_sticky .top_bar {
  top: -50px;
}
.header_sticky .header {
  position: sticky;
  top: -1px;
  background: #2c6ad4;
}
.header_reverse .header {
  transform: translateY(-100%);
  position: sticky;
  top: -1px;
  opacity: 0;
  visibility: hidden;
}

.header {
  width: 100%;
  z-index: 90;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  transition: transform 0.4s ease-out;
}
.header.fixed {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  background: #2c6ad4;
}
.header.fixed .menu-header .submenu-main > li > a {
  padding-top: 26px;
  padding-bottom: 26px;
}
.header.fixed .logo {
  padding-top: 12px;
}
.header .col-row {
  align-items: center;
  justify-content: space-between;
}
.logo {
  transition: all ease 0.5s;
  padding: 0px 10px 0px;
  padding-left: 0px;
  max-width: 12%;
}
.logo img {
  max-height: 100px;
}
.header.fixed .logo img {
  max-height: 45px;
}
.menu_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 0px;
  -ms-flex: 0 0 87%;
  flex: 0 0 87%;
  max-width: 87%;
  padding-right: 0px;
}
.menu-header {
  width: 75%;
  text-align: center;
  display: flex;
  align-items: center;
  margin-top: 0px;
  justify-content: center;
}
.menu-blog ul {
  text-align: center;
  padding: 13px 0px;
}
.menu-header a.header-button {
  text-decoration: none;
  background: #11b719;
  color: #fff;
  padding: 5px 12px 5px 12px;
  font-size: 21px;
  margin-left: 0px;
  font-size: 15px;
}
.toggle-btn {
  /* position: absolute !important; */
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  transition-duration: 0.5s;
  border-radius: 5px;
  width: 26px;
  display: none;
}
.toggle-btn .menu-bar {
  transition-duration: 0.5s;
  height: 2px;
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
}
.toggle-btn .menu-bar:before {
  transition-duration: 0.5s;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #fff;
  content: "";
  top: -6px;
  left: 0px;
}
.toggle-btn .menu-bar:after {
  transition-duration: 0.5s;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #fff;
  content: "";
  top: 6px;
  left: 0px;
}
.toggle-btn.open .menu-bar {
  transition-duration: 0.5s;
  background: transparent;
}
.toggle-btn.open .menu-bar:before {
  transform: rotateZ(45deg) translate(5px, 5px);
}
.toggle-btn.open .menu-bar:after {
  transform: rotateZ(-45deg) translate(4px, -4px);
}
.toggle-btn:hover {
  cursor: pointer;
}
.col-row {
  align-items: center;
  padding: 0px;
  margin: 0px;
}
.cart-wrap {
  padding-top: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.cart-wrap ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0px;
  margin: 0px;
}
.cart-wrap ul li {
  margin-right: 20px;
}
.cart-wrap ul li.notification {
  position: relative;
}
.cart-wrap ul li.user {
  padding: 25px 0;
  position: relative;
}
.cart-wrap ul li.user .login-info,
.cart-wrap ul li.call-ic a,
.cart-wrap ul li.cart a {
  background: #162d59;
  width: 39px;
  height: 39px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}
.cart-wrap ul li.cart a img,
.cart-wrap ul li.call-ic a img,
.cart-wrap ul li.user .login-info img {
  max-width: 20px;
  max-height: 20px;
}
.header.fixed .cart-wrap ul li.user {
  padding: 16px 0;
}
.cart-wrap ul li:last-child {
  margin-right: 0px;
}
.cart-wrap ul li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.5s;
  position: relative;
}
.logout {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.logout img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
}
.header .caret_down {
  background: #162d5a;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: absolute;
  bottom: 0px;
  right: -4px;
}
.header .profile_pop,
.header .notification_pop {
  position: absolute;
  top: 100%;
  right: -100px;
  overflow: hidden;
  text-align: left;
  padding: 0px;
  width: 280px;
  margin: 0px;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
  background: #fff;
  box-shadow: 0px 20px 40px 0px #162e586b;
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
}
.header .profile_pop.show,
.header .notification_pop.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.header .notification_pop {
  padding: 10px;
}
.header .notification_pop .member_titles table td {
  padding: 5px;
}
.header .notification_pop .img {
  text-align: center;
}
.header .notification_pop .img img {
  max-width: 20px;
}
.member_title {
  background: #162d5a;
  color: #fff;
  padding: 20px 15px;
}
.member_title h5 {
  color: #fff;
  font-family: inherit;
  margin-bottom: 20px;
}
.member_title .arrow_link {
  color: #ffe600;
  justify-content: flex-start;
}
.user_link a {
  color: #505766;
  border-bottom: 1px solid #eee;
  padding: 15px 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user_link a:last-child {
  border-bottom: 0px;
}
.user_link a .fa {
  font-size: 26px;
}
.cart-wrap .badge {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ff5f68;
  color: #fff;
  font-family: "Manrope", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 14px;
  text-align: right;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -10px;
  top: -5px;
}

/* sub menu css */
.menu-header ul {
  margin: 0px;
  list-style: none;
  padding-left: 0px;
  width: 100%;
}
.menu-header ul li {
  display: inline-block;
}
.header * {
  position: static;
}
.menu-header .submenu-main {
  width: 100%;
  z-index: 1000;
  text-align: left;
  position: static;
  display: flex;
}
.menu-header .submenu-main > li {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  padding: 0px;
  position: static;
}
.menu-header .submenu-main > li:first-child {
  margin-left: 0px;
}
.menu-header .submenu-main > li > a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  position: relative;
  transition: all 0.4s;
  text-transform: capitalize;
  display: block;
  padding: 36px 30px;
}
.menu-header ul li.child_menu li {
  width: 100%;
  display: block;
  margin-bottom: 35px;
}
.menu-header ul li.child_menu li:last-child {
  margin-bottom: 0px;
}
.menu-header ul li.child_menu ul li a {
  position: relative;
  transition: all ease 0.5s;
  color: #505766;
  display: flex;
  align-items: center;
}
.menu-header ul li.child_menu .menu_type3 .child_menu2 ul li a {
  flex-wrap: wrap;
}
.menu-header ul li.child_menu ul li a .ico {
  margin-right: 10px;
  display: inline-block;
  max-width: 40px;
  min-width: 30px;
}
.menu-header ul li.child_menu ul li a small {
  display: block;
  font-size: 12px;
  color: inherit;
  width: 100%;
}
.menu-header ul li.child_menu > a::after {
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 1rem;
  line-height: 0px;
  color: inherit;
  font-weight: lighter;
  margin-left: 10px;
  transition: all ease 0.5s;
  position: relative;
  top: 2px;
}
.menu-header ul li.child_menu:hover > a::after {
  content: "\f106";
}
.menu-header ul.submenu-main > li > a:before {
  position: absolute;
  width: 0px;
  content: "";
  height: 5px;
  background: #fff;
  transition: all 0.4s;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
}
.menu-header ul.submenu-main > li > .active > a:before,
.menu-header ul.submenu-main > li:hover a:before {
  width: 100%;
}
.submenu-main .menu-items .bg-wrap {
  background: #fff;
  padding: 30px;
  box-shadow: 0px 100px 80px rgba(14, 32, 64, 0.14),
    0px 41.7776px 33.4221px rgba(14, 32, 64, 0.10064),
    0px 22.3363px 17.869px rgba(14, 32, 64, 0.083455),
    0px 12.5216px 10.0172px rgba(14, 32, 64, 0.07),
    0px 6.6501px 5.32008px rgba(14, 32, 64, 0.056545),
    0px 2.76726px 2.21381px rgba(14, 32, 64, 0.0393604);
  display: block;
}
.menu-header .mega_menu .menu-items .label2 li a {
  position: relative;
  transition: all ease 0.5s;
  color: #367df9;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 22px;
  font-weight: 600;
}
.submenu-main .menu-items .container {
  display: block;
}
.submenu-main .menu-items.menu_type1 .label1 {
  column-count: 4;
}
.submenu-main .menu-items.menu_type2 .label1 > li,
.submenu-main .menu-items.menu_type1 .label1 > li {
  padding-right: 40px;
}
.submenu-main .menu-items.menu_type2 .label1 > li:last-child,
.submenu-main .menu-items.menu_type1 .label1 > li:last-child {
  padding-right: 0px;
}
.menu-header ul li.child_menu li ul.submenu {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e9e9e9;
}
.submenu-main .menu-items .label1 > li > ul > li,
.submenu-main .menu-items.menu_type2 .label1 > li > ul > li,
.submenu-main .menu-items.menu_type1 .label1 > li > ul > li {
  padding-bottom: 15px;
  margin-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #e9e9e9;
}
.submenu-main .menu-items .label1 > li > ul > li:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.menu-header ul li.child_menu .categor_link_wrap ul li {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #c0dbf5;
}
.menu-header ul li.child_menu .categor_link_wrap ul li a {
  display: flex;
}
.menu-header ul li.child_menu .categor_link_wrap ul li:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px;
}

.submenu-main .menu-items .label1 > li > a,
.menu-header ul li.child_menu .categor_link_wrap ul li a,
.submenu-main .menu-items.menu_type2 .label1 > li > a,
.submenu-main .menu-items.menu_type1 .label1 > li > a {
  color: #162d5a;
  font-size: 22px;
  font-weight: 600;
}
.submenu-main .menu-items.menu_type1 .label1 .divideby2 .label2 {
  column-count: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.submenu-main .menu-items.menu_type1 .label1 > li.divideby2 > ul > li {
  width: 47%;
}
.submenu-main
  .menu-items.menu_type1
  .label1
  > li.divideby2
  > ul
  > li:last-child {
  margin-bottom: 50px;
}
.submenu-main.type2 .menu-items.menu_type2 .label1 > li,
.submenu-main.type2 .menu-items.menu_type1 .label1 > li {
  padding-right: 0px;
}
.submenu-main .sub-menu {
  opacity: 0;
  visibility: hidden;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.submenu-main > li .sub-menu {
  visibility: visible;
  opacity: 1;
}
.submenu-main .sub-menu li > .sub-menu {
  padding-left: 25px;
}
.submenu-main .menu-items.menu_type2 .bg-wrap {
  display: flex;
  padding: 0px;
}
.submenu-main .menu-items.menu_type2 .bg-wrap .label1 {
  padding: 40px 60px;
  padding-right: 250px;
  display: flex;
  position: relative;
}
.submenu-main .menu-items.menu_type2 .bg-wrap .label1::before {
  content: "";
  background: url(../images/menu_2_shape.svg) no-repeat;
  background-size: contain;
  background-position: center right;
  display: inline-block;
  height: 400px;
  width: 400px;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.submenu-main .menu-items.menu_type2 .bg-wrap .label1 > li {
  width: 50%;
}
.categor_link_wrap {
  display: inline-block;
  width: auto;
  background: #ebf5ff;
  padding: 30px 30px;
  width: 35%;
  min-width: 35%;
}
.submenu-main .menu-items.menu_type3 .bg-wrap {
  display: flex;
  padding: 0px;
}
.submenu-main .menu-items.menu_type3 .bg-wrap .categor_link_wrap {
  background: transparent;
  padding-right: 80px;
  width: 28%;
  min-width: 28%;
}
.submenu-main .menu-items.menu_type3 .bg-wrap .label1 > li {
  padding: 30px;
}
.submenu-main .menu-items.menu_type3 .bg-wrap .menu_banner {
  width: 45%;
  min-width: 45%;
  background: #cbdafa;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
}
.menu-header ul li.child_menu .menu_type3 .categor_link_wrap ul li {
  border-bottom-color: #e9e9e9;
}

/* mega menu2 */
.submenu-main .mega_menu .menu-items .container {
  display: flex;
  position: relative;
  height: 100%;
}
.inner_wrap {
  display: flex;
  width: 100%;
  max-width: max-content;
  position: relative;
}
.level-menu {
  position: absolute;
  overflow: hidden;
  text-align: left;
  width: 400px;
  left: 0px;
  top: 0px;
  padding: 40px;
  padding-top: 130px;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  transform: translateX(160px);
  background: #f9f9f9;
  height: 100%;
  z-index: -1;
  overflow-y: auto;
  opacity: 0;
}
.level-menu.open {
  transform: translateX(0);
  left: 100%;
  opacity: 1;
  z-index: 10;
}
.menu_active_wrap {
  position: relative;
}
.menu_active_wrap:before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: #162d5a99;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  transition: all ease 0.5s;
  z-index: 10;
}
.overlay.menu-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
  display: none;
}
.menu_title {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.menu_title h2 {
  font-size: 1.666666rem;
  line-height: 1;
  color: inherit;
  font-family: "Manrope", sans-serif;
}
.menu-header .mega_menu .menu-items .ico {
  display: none;
}
.submenu-main .mega_menu .menu-items.menu_type1 .label1 {
  column-count: unset;
}
.menu-header .mega_menu.child_menu .menu-items .label2 li:last-child,
.submenu-main .mega_menu .menu-items.menu_type1 .label1 li:last-child {
  margin-bottom: 0px;
}
.submenu-main .mega_menu .menu-items .bg-wrap {
  box-shadow: none;
  padding: 40px;
  width: 560px;
  overflow-y: auto;
  position: relative;
  z-index: 10;
}
.menu-header .mega_menu ul li.child_menu2 {
  position: static;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.submenu-main .mega_menu .menu-items.menu_type2 .label1 > li,
.submenu-main .mega_menu .menu-items.menu_type1 .label1 > li {
  padding-right: 0px;
}
.menu-header .mega_menu ul li .arrow_right {
  color: #367df9;
  font-size: 1.666666rem;
  z-index: 10;
}
.menu-header .mega_menu.child_menu .menu-items ul li a {
  color: #465572;
  font-size: 22px;
  padding: 10px 0;
  width: 100%;
  font-weight: 500;
}
.menu-header .mega_menu.child_menu .menu-items .label2 li a {
  color: #367df9;
  font-size: 1rem;
}
.menu-header .mega_menu.child_menu .menu-items ul li a:hover,
.menu-header .mega_menu ul li.child_menu2.open2 > a {
  color: #367df9;
}
.menu-header .mega_menu ul li.child_menu2 .label2 {
  visibility: unset;
  position: absolute;
  top: 0px;
  left: 644px;
  overflow: hidden;
  text-align: left;
  padding: 0px;
  width: 400px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  transform: translateX(-2000px);
  background: #eee;
  margin: 0px;
  padding-top: 30px;
  height: 100%;
}
.menu-header .mega_menu ul li.child_menu2:hover > .label2 {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.menu-header .mega_menu ul li.child_menu2 .label2:before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
  display: inline-block;
}

.free_lbl {
  font-size: 14px;
  color: #fff;
  position: relative;
  background: #00C931;
  padding: 0px 4px;
  border-radius: 2px;
}

/* theme css */
.column_heading .heading_main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 50px;
  row-gap: 15px;
}
.column_heading .heading_main .heading_lbl {
  margin-bottom: 0px;
}
.column_heading .heading_main h2 {
  max-width: 48%;
}
.column_heading .heading_main p {
  max-width: 50%;
  margin-top: 0px;
}
.our_experties .heading_main p {
  margin-top: 5px;
  max-width: 675px;
}
 
/* tab section */
.tab-section .nav-tabs {
  justify-content: center;
  margin-bottom: 40px;
  border-color: #eef1f4;
}
.tab-section .nav-tabs .nav-item a {
  border: 0px;
  padding: 15px 54px;
  background: transparent;
  border-radius: 0px;
  box-shadow: none;
  outline: none;
  border-bottom: 4px solid transparent;
}
.tab-section .nav-tabs .nav-item a * {
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  line-height: 1.6;
}
.tab-section .nav-tabs .nav-item a.active {
  color: #367df9;
  border-color: currentColor;
}
.tab-section .nav-tabs .nav-item a.active *,
.tab-section .nav-tabs .nav-item a.active h2 {
  color: inherit;
}
.tab_describe .ul_disc ul {
  margin-top: 10px;
}
.tab_describe p {
  max-width: 680px;
}
.ul_disc h4 {
  margin-bottom: 25px;
}
.ul_disc ul li {
  position: relative;
  font-weight: 400;
  font-size: 20px;
  font-size: 1.112rem;
  line-height: 1.2;
  color: #505766;
  margin-bottom: 30px;
  padding-left: 40px;
  text-align: left;
}
.ul_disc ul li:last-child {
  margin-bottom: 0px;
}
.ul_disc ul li img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
}
.ul_disc ul li ul {
  margin-top: 20px;
  padding-left: 20px;
}
.ul_border_bottom + * {
  margin-top: 30px;
}

.ul_border_bottom li {
  border-bottom: 2px solid #eef1f4;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.ul_border_bottom li:last-child {
  border-bottom: 0;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.with_icon_img ul li.font18,
.with_icon_img ul li {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 15px;
  font-weight: 500;
  padding-left: 30px;
}
.with_icon_img ul li .ico {
  width: 17px;
  min-width: 17px;
  height: 17px;
  min-height: 17px;
  top: 5px;
}

.tab_describe .text_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  align-self: center;
}
.overlay.images_wrap {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
 
.tab-content .overlay:after {
  background: rgba(108, 99, 92, 0.6);
}

/**  Progress Bar **/
.progress_slider {
  display: block;
  width: 100%;
  height: 8px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #f3f7fd;
  background-image: linear-gradient(to right, #367df9, #367df9);
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: background-size 0.4s ease-in-out;
  max-width: 1160px;
}
.modal_ps.portfolio_popup .modal-dialog {
  max-width: 1000px;
  padding: 0 30px;
}
.portfolio_popup .modal-dialog .modal-content .modal-body {
  max-height: calc(100vh - 140px);
  overflow-y: auto;
  padding: 1rem;
}
.portfolio_slider .slider_wrap {
  padding-top: 80px;
}
.portfolio_slider .image_wrap {
  position: relative;
  padding: 77px 83px;
}
.portfolio_slider .slider_wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-height: 290px;
  box-shadow: 0px 0px 50px rgb(0 0 0 / 25%);
}
.our_work.portfolio_slider .slider_wrap img {
  object-fit: cover;
  object-position: top;
}
.portfolio_slider .image_wrap:hover .overlay_bg {
  opacity: 1;
}
.portfolio_slider .image_wrap:hover .overlay_bg .button {
  transform: translateY(0px);
}
.overlay_bg {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: #00000099;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  opacity: 0;
  transition: all ease 0.5s;
}
.overlay_bg .button {
  box-shadow: none;
  transform: translateY(-80px);
  transition: all ease 0.5s;
}
.right_nav .prevnext .slick-next,
.right_nav .prevnext .slick-prev {
  top: -7px;
  margin-right: 14%;
}
.right_nav.bottom .slider_wrap {
  padding-bottom: 100px;
}
.right_nav.bottom .prevnext .slick-next,
.right_nav.bottom .prevnext .slick-prev {
  top: auto;
  bottom: -50px;
  margin-right: 14%;
}
.right_nav .prevnext .slick-next {
  left: auto;
  right: 0px;
}
.right_nav .prevnext .slick-prev {
  left: auto;
  right: 80px;
}
.right_nav .slick-prev.slick-disabled,
.right_nav .slick-next.slick-disabled {
  border-color: #96a0b5;
}
.right_nav .slick-prev.slick-disabled:before,
.right_nav .slick-next.slick-disabled:before {
  opacity: 0.25;
  filter: brightness(0) sepia(0.1) hue-rotate(0deg) saturate(1);
}
.rating_txt {
  font-weight: 400;
  font-size: 1.11111rem;
  line-height: 40px;
  color: #505766;
  max-width: 100%;
  margin-top: 20px;
}
.rating_icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 5px;
}
.rating_txt span {
  color: #367df9;
  font-weight: 600;
}
 
.prevnext .slick-next,
.prevnext .slick-prev {
  margin: 0px;
  width: 50px;
  height: 50px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: transparent;
  border-radius: 50%;
  transition: all ease 0.5s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 1px solid #367df9;
  z-index: 1;
}

.prevnext .slick-prev {
  left: 0px;
}
.prevnext .slick-next {
  right: 0px;
}
.prevnext .slick-prev:before,
.prevnext .slick-next:before {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 0px;
  background-image: url(../images/arrow-btn-2.2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prevnext .slick-prev:before {
  transform: rotate(180deg);
}
.slick-prev:before,
.slick-next:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.prevnext.bdr-0 .slick-next,
.prevnext.bdr-0 .slick-prev {
  margin: 0px;
  width: 50px;
  height: 30px;
  padding: 5px;
  border: 0px;
}
.prevnext.bdr-0 .slick-prev:before,
.prevnext.bdr-0 .slick-next:before {
  background-image: url(../images/arrow-btn-2.svg);
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: center;
}
/* white_circle */
.prevnext.white_circle .slick-arrow {
  width: 56px;
  height: 56px;
  border-color: currentColor;
  background: #fff;
  box-shadow: 0px 4px 20px 0px #00000014;
}
.prevnext.white_circle .slick-arrow:hover {
  background: #367df9;
}

.prevnext.white_circle .slick-arrow:hover:before {
  filter: brightness(0) invert(1);
}

.prevnext.white_circle .slick-prev {
  left: -28px;
}
.prevnext.white_circle .slick-next {
  right: -28px;
}

.show-read-more .more-text {
  display: none;
}

/* section seven css */
.what-we-do .action {
  width: auto;
}
.text_content_bx {
  color: #000;
  padding: 30px 23px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  text-align: left;
  transition: all ease 0.5s;
  position: relative;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 24.5089px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 0px 24.5089px rgba(0, 0, 0, 0.04);
  -ms-box-shadow: 0px 0px 24.5089px rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0px 0px 24.5089px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 0px 24.5089px rgba(0, 0, 0, 0.04);
  height: 100%;
}
.bdr-0 {
  border: 0px;
}
.text_content_bx:hover {
  -webkit-box-shadow: 0px 0px 24.5089px rgb(0 0 0 / 13%);
  -moz-box-shadow: 0px 0px 24.5089px rgb(0 0 0 / 13%);
  -ms-box-shadow: 0px 0px 24.5089px rgb(0 0 0 / 13%);
  -o-box-shadow: 0px 0px 24.5089px rgb(0 0 0 / 13%);
  box-shadow: 0px 0px 24.5089px rgb(0 0 0 / 13%);
}
.three .text_content_bx {
  padding: 50px 40px;
  box-shadow: 0px 22.3363px 17.869px rgba(216, 228, 239, 0.11326),
    0px 12.5216px 10.0172px rgba(216, 228, 239, 0.095),
    0px 6.6501px 5.32008px rgba(216, 228, 239, 0.0767396),
    0px 2.76726px 2.21381px rgba(216, 228, 239, 0.0534177);
}
.three .text_content_bx:hover {
  -webkit-box-shadow: 0px 0px 24.5089px rgb(0 0 0 / 13%);
  -moz-box-shadow: 0px 0px 24.5089px rgb(0 0 0 / 13%);
  -ms-box-shadow: 0px 0px 24.5089px rgb(0 0 0 / 13%);
  -o-box-shadow: 0px 0px 24.5089px rgb(0 0 0 / 13%);
  box-shadow: 0px 0px 24.5089px rgb(0 0 0 / 13%);
}
.three .text_content_bx .icon {
  margin-bottom: 70px;
  width: 80px;
  height: 80px;
}
.text_content_bx .icon {
  width: 50px;
  height: 50px;
  padding: 0px;
  margin-bottom: 50px;
  transition: all ease 0.5s;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.center .icon {
  margin-left: auto;
  margin-right: auto;
}
.text_content_bx .text_wrap {
  width: 100%;
}
.text_content_bx h5 {
  margin-bottom: 10px;
  color: #162d5a;
  max-width: 100%;
  line-height: 1.2;
  font-family: "Manrope", sans-serif;
  width: 100%;
}
.text_content_bx h4 {
  margin-bottom: 10px;
  color: #162d5a;
  max-width: 100%;
  width: 100%;
}
.three .text_content_bx h4 {
  margin-bottom: 20px;
}
.text_content_bx p {
  font-size: 0.89rem;
  line-height: 1.555555;
  color: #505766;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  width: 100%;
}
.four .text_content_bx p {
  -webkit-line-clamp: 5;
}
.three .text_content_bx p {
  -webkit-line-clamp: 4;
  font-size: 1rem;
}
.four .text_content_bx {
  border-color: #fff;
}
.offer_lbl {
  background: url(../images/offer-bg.webp) no-repeat center center;
  background-size: contain;
  width: 55px;
  height: 75px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  font-family: "Manrope", sans-serif;
  color: #fff;
  position: absolute;
  top: -10px;
  right: 20px;
}
.offer_lbl span {
  margin-top: 10px;
  margin-left: -10px;
  display: block;
}
.join-us-section {
  background: #f1f7fd url(../images/bg-gradiant1.webp);
  background-size: cover;
  position: relative;
}
.join-us-section .heading_with_btn.wrap {
  padding-top: 5rem;
}
.join-us-section::before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: url(../images/join-us-bg.webp) bottom repeat-x;
}
.join-us-section .btn_wrap {
  padding-top: 80px;
}
.join-us-section .col_right {
  display: flex;
  justify-content: flex-end;
}
.round_shape_design {
  position: relative;
  padding-top: 45px;
}
.round_shape_design:before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 700px;
  width: 624px;
  height: 672px;
  background: #f1f7fd;
  border-radius: 50% 50% 0 50%;
  border: 5px dashed #367df9;
}
.white-box {
  background: #fff;
  width: auto;
  padding: 20px;
  border-radius: 15px;
  margin-bottom: 35px;
  display: flex;
  flex-wrap: wrap;
  max-width: 440px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06);
  position: relative;
}
.white-box:last-child {
  margin-bottom: 0px;
}
.white-box.one {
  margin-left: -20px;
}
.white-box.two {
  margin-left: 120px;
}
.white-box.three {
  margin-left: 220px;
}
.white-box.four {
  margin-left: 340px;
}
.white-box h4 {
  width: 100%;
  font-size: 1.112rem;
  line-height: 1.3;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
}
.white-box p {
  color: #505766;
  max-width: 360px;
  line-height: 1.334;
}
.white-box p:last-child {
  margin-bottom: 0px;
}

/* blog section */
.blog-section .col_p {
  margin-bottom: 40px;
}
.blog-inner-box {
  box-shadow: 0px 0px 25px rgb(0 0 0 / 6%);
  border-radius: 24px;
  border: 1.5px solid rgba(22, 45, 90, 0.1);
  height: 100%;
}
.blog-inner-box a {
    display: block;  
}
.blog-inner-box .text_wrap {
  padding: 15px 15px 30px 15px;
}
.blog-inner-box .image_wrap {
  height: 190px;
  max-height: 190px;
}
.blog-inner-box .image_wrap img {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.blog_section .date_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.blog_section .date_box a {
  font-family: var(--font-manrope);
  font-size: 14px;
  font-weight: 500;
}
.blog_section .date_box span {
  font-family: var(--font-manrope);
  font-size: 14px;
  font-weight: 500;
}
.blog-inner-box h5 {
  color: #162d5a;
  max-width: 100%;
  line-height: 1.5;
  font-family: "Manrope", sans-serif;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 25px;
  font-family: var(--font-manrope);
  min-height: 81px;
}
.blog_section .link.arrow_link {
  font-weight: 500;
}
.date > a,
.date {
  line-height: 1.5;
  color: #367df9;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
  margin-bottom: 10px;
  display: block;
  font-size: 0.89rem;
}
.light_grey_bg,
.lets_talk_section {
  background: #f6fafb;
}
.bg-white,
.bg_white {
  background: #fff;
}

/* form css */
.form-inner {
  padding-right: 40px;
}
.atrisk_sign {
  color: #f01;
}
.form_ps .form-group.action {
  margin-bottom: 0px;
}
.form_ps .form-group {
  margin-bottom: 40px;
  width: 100%;
}
.form_ps .lbl {
  font-size: 15px;
  line-height: 1;
  color: #000;
  margin-bottom: 10px;
  width: 100%;
}
.form_ps .form-control {
  height: 50px;
  padding: 10px 20px;
  border: 1px solid #bccde4;
  font-size: 16px;
  color: #000;
  border-radius: 30px;
  box-shadow: none;
  margin: 0px;
}
.form_ps .form-control.border_bottom {
  border: 0;
  border-bottom: 2px solid #eef1f4;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
.form_ps textarea.form-control {
  height: 122px;
  resize: none;
}
.form_ps .form-control:focus {
  box-shadow: none;
  border-color: #00112d;
}
.form_ps .form-control::placeholder {
  color: #96a0b5;
}
.select_pk_select select,
.form-control.select_pk,
.select_pk {
  appearance: none;
  background-image: url(../images/arrow-down-dark.svg);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  display: inline-block;
  background-position: right;
  background-origin: content-box;
}
.footer-bg-main {
  background: #162d59;
  padding: 50px 0 25px 0px;
}
.footer-bg-main .row + .row {
  display: flex;
  align-items: center;
}
.footer-bg-main h3 {
  color: #fff;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 600;
  padding: 0px;
  padding-top: 20px;
  margin: 0px;
  font-family: var(--font-manrope);
}
.footer-left-logo .address {
  margin: 33px 0 0 0px;
}
.footer-left-logo .address p {
  color: #cbdafa;
  font-size: 16px;
  line-height: 1.63;
  font-weight: 400;
  margin: 0px;
  padding: 0px;
}
.footer-left-logo .address p a {
  line-height: 1.3;
  color: #cbdafa;
}
.footer-left-logo .address p a:hover {
  color: #fff;
}
.footer-menu ul {
  width: 100%;
  display: inline-block;
  margin: 0px;
  padding: 13px 10px 0 0px;
  column-count: 3;
}
.footer-privicy-menu {
  text-align: left;
}
.footer-menu ul li {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}
.footer-menu ul li a {
  color: #cbdafa;
  font-size: 16px;
  font-weight: 400;
}
.footer-menu ul li a:hover {
  color: #fff;
}
.footer-bg-main hr {
  margin-top: 36px;
  margin-bottom: 25px;
  border: 0px;
  border-top: 1px solid #1d3c75;
}
.footer-social-media {
  margin: 0px;
  padding: 0px;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.footer-social-media li {
  margin: 0px;
  padding: 0px;
  display: inline-block;
}
.footer-social-media li a {
  color: #9caed4;
  font-size: 16px;
  margin: 0 14px 0 5px;
  display: flex;
  align-items: center;
}
.footer-social-media li a:hover {
  color: #fff;
}
.footer-copy-right {
  text-align: right;
}
.footer-copy-right p {
  margin: 0px;
  padding: 0px;
  color: #9caed4;
  font-size: 12px;
  font-weight: 400;
}
.footer-newsletter-right .inner-newsletter {
  margin-bottom: 70px;
}
.footer-newsletter-right .inner-newsletter p {
  font-size: 16px;
  font-weight: 400;
  color: #cbdafa;
  margin: 20px 0;
  padding: 0px;
  line-height: 24px;
}
.footer-newsletter-right .input-group .form-control {
  height: 49px;
  border: none;
  font-size: 16px;
  color: #000;
  box-shadow: inherit;
  border-radius: 8px;
  padding: 0 20px;
  font-weight: 400;
}
.footer-newsletter-right .input-group .form-control::-webkit-input-placeholder {
  color: #c6c6c6;
}
.footer-newsletter-right .input-group .form-control::-moz-placeholder {
  color: #c6c6c6;
}
.footer-newsletter-right .input-group .form-control:-ms-input-placeholder {
  color: #c6c6c6;
}
.footer-newsletter-right .input-group .form-control:-moz-placeholder {
  color: #c6c6c6;
}
.footer-newsletter-right .input-group .input-group-btn .btn {
  background: #367df9;
  color: #fff;
  border-radius: 0px 8px 8px 0px;
  height: 49px;
  padding: 0 29px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  box-shadow: inherit;
}
.footer-newsletter-right .input-group .input-group-btn .btn:hover {
  background: #568eef;
}
.parthner-logos {
  text-align: center;
}
.parthner-logos ul {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin: 0px;
  padding: 0px;
  text-align: left;
  justify-content: flex-start;
  min-width: 100%;
  width: 100%;
}
.parthner-logos ul li {
  display: inline-block;
  padding: 0 9px;
}
.gradiant-bg {
  background: #f7fafb url(../images/bg-gradiant2.webp);
  background-size: cover;
  position: relative;
}
.gradiant-bg2 {
  background: #f7fafb url(../images/bg-gradiant.webp);
  background-size: cover;
  position: relative;
}

.email_slider .slider_wrap:not(.slick-slider),
.work_slider:not(.slick-slider),
.award_content_slider .slider_wrapper:not(.slick-slider),
.logo_slider:not(.slick-slider) {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.email_slider .slider_wrap:not(.slick-slider) .slide_item,
.work_slider:not(.slick-slider) .img_text_box,
.award_content_slider .slider_wrapper:not(.slick-slider) .img_box,
.logo_slider:not(.slick-slider) .logo_box {
  flex: 0 0 auto;
}

.slick_slider:not(.slick-slider) {
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: center;
  gap: 50px;
}
.slick_slider .slick-track {
  display: flex;
  align-items: center;
}
.slick_slider .slick-track:before, .slick_slider .slick-track:after {
  display: none;
}
.slick_slider .images_wrap {
  padding: 0 38px;
}
.slick_slider .slick-slide img {
  margin: 0 auto;
}

/* service page css */
.service_bg {
  background: #367df9 url(../images/service-banner.webp) no-repeat;
  background-position: center right;
  background-size: auto auto;
}
.service_bg .text_wrap {
  padding: 45px 0px 45px 80px;
  width: 56%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.service_bg h4 {
  color: #fff;
  margin-bottom: 10px;
}
.service_bg p {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  max-width: 490px;
}
.service_bg .col_wrap {
  display: flex;
  column-gap: 60px;
  width: 100%;
}
.service_bg .col_wrap .col_bx {
  margin-bottom: 40px;
}
.service_bg .col_wrap h4 {
  color: #162d5a;
  margin-bottom: 0px;
}
.service_bg .col_wrap p {
  font-size: 1rem;
}
.after_before_img {
  display: flex;
  box-shadow: 0px 100px 80px rgb(201 214 227 / 19%),
    0px 41.7776px 33.4221px rgb(201 214 227 / 14%),
    0px 22.3363px 17.869px rgb(201 214 227 / 11%),
    0px 12.5216px 10.0172px rgb(201 214 227 / 10%),
    0px 6.6501px 5.32008px rgb(201 214 227 / 8%),
    0px 2.76726px 2.21381px rgb(201 214 227 / 5%);
}

/* checkbox ps */
.checkbox_ps {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 20px;
  cursor: pointer;
  font-size: 14px;
  color: #484848;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox_ps .checkbx {
  line-height: initial;
}
.checkbox_ps input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0px;
  width: 0px;
}
.checkmark {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: 1px solid #dedede;
  transition: all 0.4s ease-in-out;
}
.checkbox_ps:hover input ~ .checkmark {
  border-color: #1a396f;
}
.checkbox_ps .checkmark:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #1a396f;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: none;
}
.checkbox_ps input:checked ~ .checkmark:after {
  display: block;
}
.radio_ps [type="radio"]:checked,
.radio_ps [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.radio_ps [type="radio"]:checked + label,
.radio_ps [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: currentColor;
  font-size: 1rem;
  white-space: nowrap;
  width: auto;
}
.radio_ps [type="radio"]:checked + label:before,
.radio_ps [type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 18px;
  height: 18px;
  border: 2px solid #505766;
  border-radius: 100%;
  background: #fff;
}
.radio_ps [type="radio"]:checked + label:after,
.radio_ps [type="radio"]:not(:checked) + label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #367df9;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.radio_ps [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.radio_ps .active [type="radio"] + label:after,
.radio_ps [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radio_ps .active [type="radio"] + label:before,
.radio_ps [type="radio"]:checked + label:before {
  border-color: #367df9;
}

.checkbox_design.radio_ps label {
  margin-bottom: 0;
}
.checkbox_design.radio_ps [type="radio"]:checked + label:after,
.checkbox_design.radio_ps [type="radio"]:not(:checked) + label:after {
  width: 12px;
  height: 12px;
}
.checkbox_design.radio_ps [type="radio"]:checked + label:before,
.checkbox_design.radio_ps [type="radio"]:not(:checked) + label:before {
  width: 20px;
  height: 20px;
  border-color: #eef1f4;
}
.checkbox_design.radio_ps .active [type="radio"] + label:before,
.checkbox_design.radio_ps [type="radio"]:checked + label:before {
  border-color: #367df9;
}

.price_filter {
  background: #fff;
  border: 1px solid #f5f5f5;
  box-shadow: 0px 100px 80px rgb(201 214 227 / 19%),
    0px 41.7776px 33.4221px rgb(201 214 227 / 14%),
    0px 22.3363px 17.869px rgb(201 214 227 / 11%),
    0px 12.5216px 10.0172px rgb(201 214 227 / 10%),
    0px 6.6501px 5.32008px rgb(201 214 227 / 8%),
    0px 2.76726px 2.21381px rgb(201 214 227 / 5%);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
}
.review_wrap + .price_filter {
  margin-top: 30px;
}
.price_filter .upper_bx {
  display: flex;
  align-items: stretch;
  width: 100%;
  flex-wrap: wrap;
}
.upper_bx > div,
.price_filter > div {
  width: 100%;
}
.price_filter .prc_lbl {
  font-weight: 600;
  line-height: 1.1;
  color: #162d5a;
  font-family: "Manrope", sans-serif;
  cursor: pointer;
  margin-bottom: 0px;
  padding: 20px 20px;
  display: flex;
  align-items: center;
  width: 100%;
}
.caret::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0px;
  border-left: 0.3em solid transparent;
}
.price_filter .radio_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-left: 5px solid transparent;
  padding: 22.5px 20px;
  cursor: pointer;
  width: 100%;
  color: #367df9;
}
.price_filter .radio_list.active {
  background: #dfefff;
  border-color: #367df9;
}
.radio_list input {
  display: none;
}
.price_filter .radio_list .lbl {
  margin-bottom: 0px;
}
.price_filter .radio_ps .lbl span {
  font-size: 12px;
  color: #505766;
  display: block;
  white-space: initial;
}
.price {
  color: #162d5a;
  font-size: 1.22222rem;
  line-height: 1.2;
  font-weight: 600;
  display: block;
}
.price span {
  color: #bcc7d7;
}
.price_filter .radio_ps {
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
  flex-wrap: wrap;
}
.price_filter .radio_ps .active [type="radio"] + label:before {
  border-color: #367df9;
}
.price_filter .radio_ps .active [type="radio"] + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.buyit_txt {
  padding: 20px 20px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 40px;
}
.buyit_txt .inner_txt {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.buyit_txt h5 {
  color: #67c455;
  font-weight: 700;
  font-family: "Manrope", sans-serif;
  margin-bottom: 10px;
  width: 100%;
}
.buyit_txt h5 span {
  font-weight: 600;
}
.buyit_txt p {
  font-size: 16px;
  max-width: 200px;
  margin-bottom: 0px;
}
.buyit_txt .link {
  letter-spacing: normal;
  line-height: inherit;
  display: flex;
  column-gap: 10px;
}
.buyit_txt .action {
  width: 100%;
  margin-top: 2.5rem;
  margin-bottom: 10px;
}
.buyit_txt .cta_btn {
  width: 100%;
}
.addto-cart {
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 14px 39px;
}
.addto-cart .ico {
  max-width: 20px;
  transition: all ease 0.5s;
}
.addto-cart:hover .ico {
  transform: translateX(-10px);
}

/* new section */
.service_banner.new {
  background: #367df908;
}
.service_banner.new .text_wrap {
  position: relative;
}
.service_banner.new p {
  max-width: 788px;
}
.service_banner.new .cta_btn {
  margin-top: 10px;
}
.service_banner.new .shape1 {
  position: absolute;
  left: 170px;
  bottom: 30px;
  max-width: 100px;
}
.service_banner.new .shape2 {
  position: absolute;
  left: auto;
  right: 100px;
  bottom: 60px;
  max-width: 100px;
}

.type_design {
  margin-top: 40px;
}
.type_design .radio_ps {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
.type_design .radio_ps .radio_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 2px solid transparent;
  border-radius: 16px;
  padding: 18.5px 20px;
  cursor: pointer;
  width: 100%;
  background: #5057660d;
  font-weight: 500;
  max-width: 380px;
  margin: 0;
  color: #162d5a;
}
.type_design .radio_ps .radio_list .lbl {
  margin-bottom: 0;
  line-height: 1.5;
  padding-left: 43px;
  padding-right: 0px;
}
.type_design .blue_text {
  padding-bottom: 10px;
}
.price_sort_section.new {
  height: 100vh;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}

.price_sort_section.new .radio_ps [type="radio"]:checked + label:before,
.price_sort_section.new .radio_ps [type="radio"]:not(:checked) + label:before {
  width: 28px;
  height: 28px;
}
.price_sort_section.new .radio_ps [type="radio"]:checked + label:after,
.price_sort_section.new .radio_ps [type="radio"]:not(:checked) + label:after {
  width: 16px;
  height: 16px;
  left: 6px;
  top: 6px;
}

.price_sort_section.new .radio_ps [type="radio"]:not(:checked) + label:before {
  border-color: #50576633;
  background: transparent;
}

.price_sort_section.new
  .radio_ps
  .radio_list.active
  [type="radio"]:not(:checked)
  + label:before,
.price_sort_section.new .radio_ps [type="radio"]:checked + label:before {
  border-color: #00c931;
  background: transparent;
}

.price_sort_section.new
  .radio_ps
  .radio_list.active
  [type="radio"]:not(:checked)
  + label:after,
.price_sort_section.new .radio_ps [type="radio"]:checked + label:after {
  background: #00c931;
}
.price_sort_section.new .radio_ps .radio_list.active {
  border-color: #00c931;
}
.back_btn {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  color: #505766;
  margin-bottom: 20px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  max-width: max-content;
}

.price_sort_section.new .price_filter {
  background: transparent;
  border: 0;
  box-shadow: none;
  position: relative;
  padding-right: 45px;
  justify-content: flex-start;
}

.price_sort_section.new .price_filter .prc_lbl2 {
  margin-bottom: 25px;
}

.price_sort_section.new .price_filter .radio_ps {
  border: 0;
}
.price_sort_section.new .price_filter .radio_list {
  justify-content: flex-start;
  border: 2px solid #eef1f4;
  border-radius: 16px;
  background: #fff;
  margin-bottom: 20px;
  flex-wrap: wrap;
  padding: 25px;
}
.price_sort_section.new .price_filter .radio_list .lbl {
  font-size: 1.11111rem;
  color: #505766;
  padding: 0;
  width: 100%;
  font-weight: 500;
}
.price_sort_section.new
  .price_filter
  .radio_ps
  [type="radio"]:checked
  + label:before,
.price_sort_section.new
  .price_filter
  .radio_ps
  [type="radio"]:not(:checked)
  + label:before {
  right: -10px;
  left: auto;
  top: -10px;
}

.price_sort_section.new
  .price_filter
  .radio_ps
  [type="radio"]:checked
  + label:after,
.price_sort_section.new
  .price_filter
  .radio_ps
  [type="radio"]:not(:checked)
  + label:after {
  right: -4px;
  top: -4px;
  left: auto;
}

.price_sort_section.new .price_filter .radio_list .price {
  width: 100%;
  font-size: 2rem;
  font-weight: 700;
  margin-top: 15px;
}
.price_sort_section.new .price_filter .radio_ps .lbl span {
  display: none;
}
.show_price_section {
  background: #f5f8ff;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.price_sort_section.new .button span {
  all: inherit;
}
.price_sort_section.new .after_before_img {
  box-shadow: none;
  color: #fff;
  padding-left: 20px;
}
.price_sort_section.new .after_before_img:before {
  content: "";
  background: #162d5a;
  display: inline-block;
  height: 2000px;
  width: 3500px;
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  margin: auto;
}

.price_sort_section.new .ul_disc ul li {
  color: #fff;
  font-size: 0.89rem;
  line-height: 1.5;
  margin-bottom: 15px;
}
.price_sort_section.new .ul_disc ul li img {
  width: 17px;
  min-width: 17px;
  height: 17px;
  min-height: 17px;
  top: 5px;
}

.featured_included {
  width: 50%;
  padding: 0 25px;
  position: relative;
}
.featured_included ul {
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  padding-right: 20px;
}

.first_block {
  position: absolute;
  transition: all ease 1.5s;
  -webkit-transition: all ease 1.5s;
}
.second_block {
  height: 100%;
  position: absolute;
  transition: all ease 1.5s;
  -webkit-transition: all ease 1.5s;
  opacity: 0;
  transform: translateX(-3000px);
}

/* service_two_columns */
.service_two_columns .text_content_bx {
  padding: 36px 40px;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  gap: 20px;
  box-shadow: none;
  border: 0;
}
.service_two_columns .text_content_bx .text_wrap {
  width: auto;
}
.service_two_columns .text_content_bx h4 {
  margin-bottom: 30px;
  font-size: 1.666666rem;
}
.service_two_columns .cta_btn .button.btn_radius {
  padding-top: 10px;
  padding-bottom: 10px;
  border-color: transparent;
}
.service_two_columns .cta_btn .button.btn_radius:hover {
  border-color: #162d5a;
  background: #162d5a !important;
  color: #fff;
}

/* why_choose_us */
.why_choose_us .text_content_bx .icon {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}
.why_choose_us .text_content_bx {
  padding: 30px;
  border: 0;
  min-height: 280px;
  box-shadow: none;
}
.why_choose_us .text_content_bx h5 {
  font-size: 1.333333rem;
  margin-bottom: 20px;
}
.why_choose_us .text_content_bx p {
  font-weight: 500;
  font-size: 1rem;
}
.why_choose_us .text_content_bx p strong {
  color: #162d5a;
  font-weight: 600;
}

/* after_before_slider_wrap */
.after_before_slider_wrap .slider_wrap {
  box-shadow: 0px 8px 40px 0px #367df91a;
  border: 4px solid #eef1f4;
  padding: 40px 60px;
  border-radius: 24px;
}
.after_before_slider_wrap .item .cta_btn {
  margin-top: 20px;
}
.after_before_slider_wrap .design_img {
  max-height: 520px;
  box-shadow: none;
  border-color: #efefef;
}
.after_img,
.before_img {
  width: 50%;
}
.after_before_slider_wrap .slider_wrap .item {
  column-gap: 30px;
}

.whatis_included .heading_main {
  margin-bottom: 0px;
  padding-bottom: 50px;
  border-bottom: 1px solid #e9e9e9;
}
.whatis_included .heading_main p {
  max-width: 725px;
}
.whatis_included.text_col .heading_main p {
  max-width: 960px;
}
.whatis_included .text_wrap {
  margin-top: 60px;
  padding-right: 50px;
}
.whatis_included h5 {
  font-family: "Manrope", sans-serif;
}
.whatis_included .text_wrap p {
  font-size: 0.89rem;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4;
  margin: 0px;
}

/* faq_section */
.faq_section #accordion {
  max-width: 806px;
  margin: 0 auto;
}
.faq_section .heading_main h2 {
  color: #162d5a;
}
.faq_section .card {
  border: 0px;
  background: transparent;
  margin-bottom: 20px;
}
.faq_section .card-header {
  border: 0px;
  width: 100%;
  background-color: #f4f6f8;
  border-radius: 10px;
  padding: 20px;
  padding-right: 40px;
  position: relative;
}
.faq_section h5 {
  font-family: "Manrope", sans-serif;
  position: initial;
  padding-right: 15px;
}
.faq_section h5 .btn {
  color: #162d5a;
  font-size: 18px;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  box-shadow: none;
  padding: 0px;
  border-radius: 0px;
  border: 0px;
  line-height: 1.5;
  text-align: left;
  width: 100%;
}
.faq_section .card-body {
  padding: 0 20px 20px;
  text-align: justify;
  color: rgba(0, 0, 0, 0.68);
  font-weight: 500;
  line-height: 24px;
  margin-top: 20px;
  display: block;
}

.faq_section h5 .btn::after {
  content: "-";
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 36px;
  position: absolute;
  right: 20px;
  line-height: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.faq_section h5 .btn.collapsed::after {
  content: "+";
}
.choose_design {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 20px;
  padding-top: 0px;
  overflow-y: auto;
  max-height: 470px;
  column-gap: 40px;
  box-shadow: 0px 100px 80px rgb(201 214 227 / 19%),
    0px 41.7776px 33.4221px rgb(201 214 227 / 14%),
    0px 22.3363px 17.869px rgb(201 214 227 / 11%),
    0px 12.5216px 10.0172px rgb(201 214 227 / 10%),
    0px 6.6501px 5.32008px rgb(201 214 227 / 8%),
    0px 2.76726px 2.21381px rgb(201 214 227 / 5%);
}
.design_bx {
  box-shadow: 0px 0px 15px #eff2f9;
  border: 2px solid transparent;
  border-radius: 10px;
  height: 250px;
  margin-bottom: 20px;
  text-align: center;
  cursor: pointer;
  border-radius: 10px;
  overflow: hidden;
}
.design_bx.active {
  border-color: #367df9;
}
.design_bx .checkbox_ps {
  font-size: 1rem;
  color: #162d5a;
  font-weight: 600;
  padding: 20px 20px 0;
  margin: 0px;
  height: 100%;
  width: 100%;
}
.design_bx.active .checkbox_ps {
  color: #367df9;
}
.design_bx .checkbox_ps .checkbx {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.design_bx .checkbox_ps .checkmark {
  border-color: #233862;
  border-radius: 2px;
  top: 0px;
  position: relative;
  margin: 0px;
  margin-right: 15px;
}
.design_bx.active .checkbox_ps .checkmark {
  background-color: #367df9;
  border-radius: 2px;
  border-color: #367df9;
}
.design_bx.active .checkbox_ps .checkmark:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #1a396f;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
}
.design_bx.active .checkbox_ps .checkmark:after {
  border-color: #fff;
}
.design_img {
  background: #f0f0f0;
  border-radius: 10px 10px 0 0px;
  margin-top: 10px;
  box-shadow: 0 0 20px 0 #e3e3e3;
  border: 1px solid #e3e3e3;
  overflow-y: auto;
  max-height: 200px;
}

.design_img img {
  display: inline-block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px 10px 0 0px;
}
.toggle_price {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.toggle_price .lbl {
  font-size: 1.22222rem;
  line-height: 1.19;
  font-weight: 600;
  color: #162d5a;
  margin: 0px;
}
.toggle_price .custom-switch {
  margin: 0 10px;
  margin-top: -4px;
  width: 60px;
  height: 34px;
  z-index: initial;
}
.toggle_price .custom-switch input {
  display: none;
}
.toggle_price .custom-switch .custom-control-label::before {
  width: 59px;
  border-radius: 20px;
  height: 30px;
}
.toggle_price .custom-switch .custom-control-label::after {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  top: 8px;
  left: calc(-2.25rem + 4px);
}
.toggle_price .custom-control-input:checked ~ .custom-control-label::before {
  background: #86b817;
  border-color: #86b817;
}
.custom-control-input:focus ~ .custom-control-label::before,
.toggle_price .custom-control-input {
  box-shadow: none;
  outline: none;
}
.toggle_price
  .custom-switch
  .custom-control-input:checked
  ~ .custom-control-label::after {
  left: calc(-2.25rem + 21px);
}
.counter {
  animation-duration: 1s;
  animation-delay: 0s;
}
.price_bx {
  border: 1px solid #ebebeb;
  box-shadow: 0px 22.3363px 17.869px rgba(216, 228, 239, 0.11326),
    0px 12.5216px 10.0172px rgba(216, 228, 239, 0.095),
    0px 6.6501px 5.32008px rgba(216, 228, 239, 0.0767396),
    0px 2.76726px 2.21381px rgba(216, 228, 239, 0.0534177);
  border-radius: 20px;
  padding: 40px 20px;
  text-align: center;
  transition: all ease 0.5s;
  background: #fff;
  height: 100%;
}
.price_bx h4 {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.price_bx .price {
  font-size: 3.67rem;
  line-height: 1;
  font-weight: 600;
  color: #367df9;
  font-family: "Manrope", sans-serif;
  display: block;
}
.price_bx .button.arrow {
  box-shadow: none;
  padding: 16px 40px;
}
.price_bx .images_wrap {
  margin-top: 25px;
}
.middle-content {
  margin-top: 25px;
}
.middle-content p {
  font-size: 1.22222rem;
  color: #233862;
  width: 100%;
}
.top-content p {
  max-width: 90%;
  margin: 0 auto;
}
.top-content h4 p {
  font-size: 1.22222rem;
  font-weight: 400;
}
.price_bx .top-content p {
  min-height: 56px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.price_bx:hover,
.price_bx.selected {
  background: #367df9;
  box-shadow: 0px 100px 80px rgba(129, 173, 217, 0.19),
    0px 41.7776px 33.4221px rgba(129, 173, 217, 0.136582),
    0px 22.3363px 17.869px rgba(129, 173, 217, 0.11326),
    0px 12.5216px 10.0172px rgba(129, 173, 217, 0.095),
    0px 6.6501px 5.32008px rgba(129, 173, 217, 0.0767396),
    0px 2.76726px 2.21381px rgba(129, 173, 217, 0.0534177);
  color: #fff;
}
.price_bx:hover .price,
.price_bx:hover p,
.price_bx:hover h4,
.price_bx.selected .price,
.price_bx.selected p,
.price_bx.selected h4 {
  color: inherit;
}
.price_bx:hover .button.arrow,
.price_bx.selected .button.arrow {
  background: #fff;
  color: #367df9;
}
.price_bx:hover .button.arrow svg path,
.price_bx.selected .button.arrow svg path {
  stroke: #367df9;
  fill: #367df9;
}
.price_bx .action {
  margin-top: 3rem;
}

.qe_amazon_price .price_bx:hover * {
  color: #fff;
}
.qe_amazon_price ul li {
  text-align: left;
  line-height: normal;
  padding-left: 40px;
  position: relative;
}
.qe_amazon_price ul li:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 25px;
  height: 25px;
  background: #367df9;
  color: white;
  padding: 0 6px;
  border-radius: 100%;
}
.qe_amazon_price.price_plans .middle-content ul li {
  margin-bottom: 25px;
}

/* price new*/
.price_plans.new .price_bx.selected {
  height: auto;
}
.price_plans.new h5 {
  font-size: 1.45rem;
  line-height: 1.4;
  margin-bottom: 25px;
}
.price_plans.new .price_bx h4 {
  color: #162d5a;
}
.adj_prc .input_group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.adj_prc .input_group .error {
  width: 100%;
}
.adj_prc .input_group .lbl {
  width: auto;
  margin: 0px;
  margin-right: 15px;
  font-size: 1.45rem;
  line-height: 1.4;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  color: #162d5a;
}
.payment_wrap.price_new .form_ps.adj_prc .input_group .form-control,
.adj_prc .input_group .form-control {
  width: 100%;
  max-width: 413px;
  font-size: 1.45rem;
  line-height: 1.4;
  font-weight: 600;
  color: #162d5a;
  font-family: "Manrope", sans-serif;
  padding: 10px 30px;
  height: 60px;
}
.adj_prc .input_group .form-control::placeholder {
  color: #96a0b5;
}
.adj_prc .arrow_link {
  margin-top: 35px;
  text-decoration: underline;
  font-size: 1rem;
  letter-spacing: normal;
  max-width: max-content;
}
.payment_wrap.price_new {
  background: none;
  box-shadow: none;
  padding: 0px;
  padding-right: 15px;
  padding-left: 15px;
}
.payment_wrap.price_new .radio_ps {
  margin: 0px;
}
.payment_wrap.price_new .radio_list {
  width: 200px;
  height: 122px;
  background: #fff;
  filter: unset;
}
.payment_wrap.price_new .radio_list .txt {
  margin-left: 0px;
  text-align: center;
}
.price_plans.price_new .middle-content {
  margin-bottom: 20px;
}
.contract_select {
  margin-top: 70px;
}
.price_plans .save_text p {
  color: #367df9;
  margin: 0px;
  white-space: nowrap;
  display: block;
}
.save_text img {
  position: relative;
  left: -20px;
  top: -10px;
}
.border_line_wrap {
  position: relative;
  padding-bottom: 120px;
  margin-top: 20px;
  display: inline-block;
  width: 100%;
}
.line_circle {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #f9fdff;
  box-shadow: 0px 2px 4px #e2effa;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.line_circle .point {
  background: #367df9;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.line_circle.one {
  top: 20px;
  left: 50px;
}
.line_circle.two {
  top: 20px;
  left: 390px;
}
.line_circle.three {
  bottom: 235px;
  left: 690px;
}
.line_circle.four {
  top: 225px;
  right: 350px;
}
.line_circle.five {
  bottom: 195px;
  right: 50px;
}
.border_line_wrap .no {
  font-size: 100px;
  font-weight: 600;
  line-height: 0px;
  color: #e7efff;
  opacity: 0.8;
  position: absolute;
  margin-top: -5px;
}
.border_line_wrap h5 {
  font-family: "Manrope", sans-serif;
  z-index: 1;
  position: relative;
}
.border_line_wrap p {
  font-size: 16px;
  max-width: 200px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.border_line_wrap .col_bx {
  max-width: 20%;
  position: absolute;
}
.border_line_wrap .col_bx.one {
  top: 130px;
  left: 15px;
}
.border_line_wrap .col_bx.one .no {
  right: 40px;
  top: -10px;
  left: auto;
}
.border_line_wrap .col_bx.two {
  top: 150px;
  left: 310px;
}
.border_line_wrap .col_bx.two .no {
  right: initial;
  top: -10px;
}
.border_line_wrap .col_bx.three {
  top: 100px;
  left: 48%;
}
.border_line_wrap .col_bx.three .no {
  left: 0px;
  top: -10px;
}
.border_line_wrap .col_bx.four {
  bottom: 20px;
  right: 250px;
}
.border_line_wrap .col_bx.four .no {
  left: 0px;
  top: -10px;
}
.border_line_wrap .col_bx.five {
  top: 150px;
  right: 0px;
}
.border_line_wrap .col_bx.five .no {
  left: 0px;
  top: -10px;
}
.customer_section {
  color: #fff;
  width: 100%;
}
.customer_section .col_wrap {
  display: flex;
  justify-content: center;
  column-gap: 100px;
}
.customer_section .col_wrap .col_bx {
  margin-bottom: 30px;
}
.customer_section h4 {
  font-size: 3.67rem;
  line-height: 1;
}
.customer_section h4,
.customer_section p {
  color: inherit;
}
.bg_bx {
  background: #f7fafb;
  margin-top: -70px;
  box-shadow: 0px 50px 70px 0px #c7c7c752;
  -webkit-box-shadow: 0px 50px 70px 0px #c7c7c752;
  -moz-box-shadow: 0px 50px 70px 0px #c7c7c752;
  -ms-box-shadow: 0px 50px 70px 0px #c7c7c752;
  -o-box-shadow: 0px 50px 70px 0px #c7c7c752;
  padding-left: 50px;
  padding-right: 50px;
}
.development_slider .slider_wrap {
  padding-top: 30px;
}
.development_slider .progress_slider {
  background-color: #e1eeff;
  max-width: 850px;
}
.development_slider.bottom .prevnext .slick-next,
.development_slider.bottom .prevnext .slick-prev {
  margin-right: 0px;
}
.development_slider .text_wrap {
  padding-left: 60px;
}
.development_slider .ul_disc ul {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 10px;
}
.development_slider .ul_disc ul li {
  width: calc(50% - 5px);
  font-size: 1rem;
  margin-bottom: 20px;
  padding-left: 30px;
}
.development_slider .ul_disc ul li img {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  top: 2px;
}
.what-we-do .row {
  row-gap: 30px;
  justify-content: center;
}
.no_para .text_content_bx .icon {
  width: 65px;
  height: 65px;
}
.inner_srevice .radio_ps [type="radio"]:checked + label,
.inner_srevice .radio_ps [type="radio"]:not(:checked) + label {
  color: #505766;
}
.key_benefits_section {
  display: flex;
}
.key_accordion {
  width: 40%;
  max-width: 612px;
  min-width: 612px;
  padding: 100px 60px;
  color: #fff;
}
.key_accordion h2 {
  color: inherit;
  margin-bottom: 60px;
}
.key_accordion .card {
  background: transparent;
  border: 0px;
}
.key_accordion .card-header {
  background: transparent;
  border: 0px;
  border-radius: 0px;
  padding: 10px 0;
}
.key_accordion h5 {
  font-family: "Manrope", sans-serif;
  color: inherit;
}
.key_accordion h5 .btn {
  color: inherit;
  font-size: inherit;
  font-family: "Manrope", sans-serif;
  box-shadow: none;
  padding: 0px;
  border-radius: 0px;
  border: 0px;
  font-weight: inherit;
  padding-left: 30px;
  position: relative;
  line-height: 1;
}
.key_accordion h5 .slider-link::before,
.key_accordion h5 .btn::before {
  content: "";
  background: url(../images/minus_icon_circle.svg) no-repeat center center;
  background-size: contain;
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.key_accordion h5 .btn.collapsed::before {
  content: "";
  background: url(../images/plus_icon_circle.svg) no-repeat center center;
}
.key_accordion h5 .slider-link::before {
  background: url(../images/plus_icon_circle.svg) no-repeat center center;
}
.key_accordion h5 .slider-link.active::before {
  background: url(../images/minus_icon_circle.svg) no-repeat center center;
}
.key_accordion .card-body {
  padding: 15px 30px;
  position: relative;
  margin-left: 8px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.key_accordion p {
  color: inherit;
}
.key_accordion .progress-wrapper {
  display: inline-block;
  width: 1px;
  height: auto;
  background: #316bd1;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
}
.key_accordion .progress-wrapper .progress-fill {
  width: 100%;
  height: 100%;
  background: #76a6f9;
  transform: translateY(-100%);
  position: absolute;
  top: 0px;
  transition: transform 8s linear 0s;
}
.key_accordion .open .progress-wrapper .progress-fill,
.key_accordion .show .progress-wrapper .progress-fill {
  transform: translateY(0);
  transition: transform 8s linear 0s;
}
.key_benefits_section .right_img {
  text-align: center;
  padding: 110px 50px 0;
  margin: 0px;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.key_benefits_section .right_img img {
  filter: drop-shadow(0px -75px 171px rgba(62, 106, 153, 0.07))
    drop-shadow(0px -23.8157px 70.223px rgba(62, 106, 153, 0.0503198))
    drop-shadow(0px -8.06311px 35.933px rgba(62, 106, 153, 0.0417275))
    drop-shadow(0px -0.608051px 18.9121px rgba(62, 106, 153, 0.035))
    drop-shadow(0px 2.32715px 9.26256px rgba(62, 106, 153, 0.0282725))
    drop-shadow(0px 2.26269px 3.49054px rgba(62, 106, 153, 0.0196802));
}

/* table css */
.table_custom tr:hover {
  background: #e9e9e9;
}
.table_custom tr td,
.table_custom tr th {
  border: 1px solid #e9e9e9;
  border-collapse: collapse;
  text-align: center;
  vertical-align: middle;
}
.table_custom tr th {
  background: #367df9;
  padding: 24px 90px;
  font-size: 1.5556rem;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}
.table_custom tr > th:first-child,
.table_custom tr > td:first-child {
  text-align: left;
}
.table_custom tr th:first-child {
  padding: 24px 40px;
}
.table_custom tr td {
  padding: 24px 40px;
}
.table_custom tr td h5 {
  font-family: "Manrope", sans-serif;
  margin-bottom: 10px;
}
.table_custom tr td.description p {
  font-size: 16px;
}
.table_custom tr td.minus img,
.table_custom tr td.plus img {
  max-width: 26px;
}
.job_section {
  background: #ececec url(../images/jobs_bg.webp) no-repeat center left;
  background-size: cover;
}
.job_section .row {
  justify-content: flex-end;
}
.job_section .text_wrap {
  padding-left: 80px;
}
.icon_with_text {
  margin-top: 20px;
  display: inline-block;
  width: 100%;
}
.icon_with_text .img_box {
  width: 100px;
  height: 100px;
  display: inline-block;
}
.icon_with_text li {
  display: flex;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.icon_with_text li:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.icon_with_text .icon {
  width: 50px;
  min-width: 50px;
  margin-right: 40px;
}
.icon_with_text h5 {
  font-family: "Manrope", sans-serif;
  margin-bottom: 10px;
}
.icon_with_text p {
  font-size: 16px;
}

/* service seo page */
.circle_icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfefff;
  color: #367df9;
  margin: 0 auto;
}
.sm_price .price_bx {
  padding: 30px 20px;
  background: #fff;
  color: #505766;
}
.sm_price .price_bx:hover {
  background-color: #367df9;
  color: #fff;
}
.sm_price .price_bx h4 {
  font-family: "Manrope", sans-serif;
  border: 0px;
  padding: 0px;
}
.sm_price .price_bx .price {
  font-size: 2.23rem;
  line-height: 1.35;
  font-weight: 600;
  color: inherit;
}
.sm_price .middle-content p {
  color: inherit;
  line-height: 1.6;
}
.service_col.column_heading .heading_main p {
  max-width: 780px;
  margin-top: 0px;
}
.service_col.three .text_content_bx {
  padding: 40px 30px;
}
.service_col .ul_disc ul {
  margin-top: 30px;
}
.service_col .ul_disc ul li {
  font-size: 1rem;
  line-height: 1.3;
  padding-left: 30px;
  text-align: left;
}
.service_col .ul_disc ul li img {
  min-width: 16px;
  width: 16px;
  height: 16px;
  min-height: 16px;
}
.howit_works.column_heading .heading_main p {
  max-width: 870px;
}
.compare_features .table_custom tbody tr:hover {
  background: #fff;
}
.compare_features .table_custom tr th {
  background: #fff;
  color: #162d5a;
  position: sticky;
  top: 0px;
  padding: 20px 40px;
  border-bottom: 0px;
}
.compare_features.bg_grey .table_custom tr th {
  background: #f7fafb;
  font-size: 1.22222rem;
}
.compare_features .table_custom .button-outline-bl {
  margin: 0 auto;
  margin-top: 25px;
  max-width: 160px;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 39px;
}
.compare_features .table_custom tr:first-child td {
  border-top: 0px;
}
.compare_features .table_custom tr td.plus img {
  max-width: 20px;
  display: inline-block;
}
.compare_features .table_custom tr td {
  padding: 17px 20px;
}
.compare_features .table_custom tr td.plus {
  text-align: center;
}
.compare_features .table_custom tr td.description p {
  font-size: 1rem;
}
.heading_with_btn_text .heading_main {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  column-gap: 250px;
}
.heading_with_btn_text .heading_main p {
  max-width: 680px;
  margin-bottom: 40px;
}
.heading_with_btn_text .heading_main h2 + p {
  margin-bottom: 0px;
}
.heading_with_btn_text .heading_main .left {
  width: 70%;
}
.heading_with_btn_text .heading_main .right {
  width: auto;
  flex: 0 0 auto;
}

/* 18-11-24 */
.seo_logo_slider .slider_wrap:not(.slick-slider) {
  display: flex;
  overflow: hidden;
  justify-content: space-between;
  gap: 100px;
}
.seo_logo_slider .slick-slider .slick-track {
  display: flex;
  gap: 100px;
}
.seo_logo_slider .slick-slider .slick-track:after,
.seo_logo_slider .slick-slider .slick-track:before {
  display: none;
}

/* case study section */
.case_study {
  display: none;
}
.case_study .heading_with_btn_text .heading_main {
  margin-bottom: 0px;
}
.case_study .col_p {
  padding-right: 50px;
}
.case_study .col_p:nth-child(even) {
  margin-top: 100px;
}
.case_study .image_wrap img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.case_study .text_wrap {
  padding-right: 20px;
}
.case_study .text_wrap h4 {
  text-decoration: underline;
}
.skill_wrap {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
}
.skill_wrap p {
  margin: 0px;
}
.skill_wrap p span {
  color: #367df9;
  font-weight: 600;
}

/* service data migration page */
.move_platform .row {
  margin: 0px;
}
.move_platform .text_wrap {
  padding-left: 95px;
  padding-right: 145px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}
.move_platform .text_wrap ul {
  width: 100%;
}
.move_platform p {
  max-width: 555px;
}
.move_platform .action {
  margin-top: 50px;
}

/* select with img */
.select_with_img h5 {
  font-family: inherit;
}
.select_with_img p {
  text-align: center;
}
.select_with_img .button.arrow {
  min-width: auto;
  margin-top: 20px;
}
.select_with_img .select {
  display: none;
}
.select_with_img .select_input {
  background: #fff;
  border: 1px solid #bccde4;
  font-size: 26px;
  font-weight: 600;
  color: #000;
  border-radius: 50px;
}
.select_with_img .select_input .input_btn {
  width: 100%;
  border: 0px;
  padding: 28px 20px;
  background: transparent;
  border-radius: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: inherit;
}
.select_with_img .select_input .input_btn:after {
  content: "";
  border-width: 15px;
  border-bottom: 0px;
  border-style: solid;
  border-color: #ff000000;
  border-top-color: #233862;
  border-radius: 5px;
}
.select_with_img .select_input .input_btn li {
  list-style: none;
  float: left;
  padding: 0px;
  margin: 0px;
  display: flex;
  align-items: center;
}
.select_with_img .select_input .input_btn:focus {
  outline: none;
}
.select_with_img .select_input .ul_list img,
.select_with_img .select_input .input_btn img {
  width: 44px;
  height: 44px;
}
.select_with_img .select_input .ul_list li {
  list-style: none;
  padding: 15px 20px;
  border-top: 1px solid #bccde4;
  cursor: pointer;
}
.select_with_img .select_input .ul_list li:hover {
  background-color: #f4f3f3;
}
.select_with_img .select_input .ul_list li span,
.select_with_img .select_input .input_btn li span {
  margin-left: 10px;
}
.select_with_img .select_input .show_content {
  display: none;
  width: 100%;
}

/* shopify Apps page  */
.service_apps .row {
  row-gap: 30px;
}
.search_wrap {
  margin-top: -50px;
  position: relative;
  padding: 0 150px;
}
.input_search {
  border: 1px solid #bccde4;
  border-radius: 50px;
  padding: 10px 10px 10px 30px;
  height: 102px;
  display: flex;
  justify-content: space-between;
  background: #fff;
}
.input_search form {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.input_search .form-control {
  height: 100%;
  display: inline-block;
  background: transparent;
  border: 0px;
  font-size: 1.22222rem;
  font-weight: 600;
  color: #162d5a;
  width: calc(100% - 220px);
  box-shadow: none;
  outline: none;
}
.input_search .form-control::placeholder {
  color: #96a0b5;
}
.input_search .button {
  min-width: 220px;
  font-size: 1.22222rem;
  font-weight: 600;
  padding: 10px 20px;
  height: 100%;
  border-radius: 50px;
  border: 0px;
  letter-spacing: 0.05em;
  box-shadow: none;
}
.input_search .button .ico {
  margin-right: 10px;
  max-width: 30px;
}
.app_bx.text_content_bx {
  padding: 40px;
  box-shadow: 0px 22.3363px 17.869px rgba(216, 228, 239, 0.11326),
    0px 12.5216px 10.0172px rgba(216, 228, 239, 0.095),
    0px 6.6501px 5.32008px rgba(216, 228, 239, 0.0767396),
    0px 2.76726px 2.21381px rgba(216, 228, 239, 0.0534177);
}
.app_bx .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
  width: 100%;
}
.app_bx.text_content_bx p {
  font-size: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.app_bx.text_content_bx h4 {
  margin-bottom: 20px;
  min-height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-height: 1.22;
}
.app_bx.text_content_bx .icon {
  width: 80px;
  height: 80px;
  margin: 0px;
  background: transparent;
}
.app_bx.text_content_bx .icon img {
  border-radius: 10px;
}
.app_bx .review_wrap {
  display: flex;
  align-items: center;
  column-gap: 10px;
  width: auto;
  margin: 0px;
}
.app_bx .rating_txt {
  font-size: 1.22222rem;
  line-height: 1.3;
  margin: 0px;
}
.app_bx .rating_icon img {
  max-width: 25px;
}
.app_bx .action {
  justify-content: space-between;
  margin-top: 40px;
  width: 100%;
}
.app_bx .action p {
  margin: 0px;
  width: auto;
}
.app_bx .link.arrow_link {
  font-size: 1rem;
}
.service_apps .text_content_bx h5 {
  width: auto;
  margin: 0px;
}

/* service google ads */
.google_img img {
  border-radius: 15px;
  box-shadow: 0px -75px 171px rgba(62, 106, 153, 0.07),
    0px 23.82px 70.22px rgba(62, 106, 153, 0.0503198),
    0px -8.06px 35.93px rgba(62, 106, 153, 0.0417275),
    0px 0.61px 18.91px rgba(62, 106, 153, 0.035),
    0px 2.33px 9.26px rgba(62, 106, 153, 0.0282725),
    0px 2.26px 3.49px rgba(62, 106, 153, 0.0196802);
}
.price_plans h4 {
  margin-bottom: 30px;
}
.price_plans .top-content {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.price_plans .middle-content {
  margin-bottom: 30px;
}
.price_plans .middle-content h5 {
  min-height: 80px;
}
.price_plans .middle-content ul li {
  margin-bottom: 10px;
}
.price_plans .middle-content ul p {
  width: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.price_plans .middle-content ul li p:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  display: inline-block;
  margin-right: 10px;
}
.price_plans p {
  font-size: 1rem;
  color: #505766;
}
.price_plans h5 {
  font-family: inherit;
  color: currentColor;
}
.price_plans .price_bx h4 {
  border-bottom: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.price_plans .bottom-content h5 {
  font-weight: 400;
}
.price_plans.new .bottom-content h5 {
  font-size: 1.22222rem;
  font-family: inherit;
  margin-bottom: 10px;
}
.price_plans.new .bottom-content h5:last-of-type {
  margin-bottom: 0px;
}
.price_plans.new .bottom-content h5 .price {
  font-size: 26px;
  color: #162d5a;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}
.price_plans.new .bottom-content h5 .price.two {
  font-size: inherit;
}
.price_plans.new .bottom-content h5 span {
  font-size: 16px;
  font-weight: 400;
}
.price_plans .bottom-content p {
  margin-bottom: 10px;
}
.price_plans.new .price_bx .action {
  margin-top: 10px;
  display: inline-block;
}
.img_shadow img {
  filter: drop-shadow(0px 100px 80px rgba(169, 147, 147, 0.07))
    drop-shadow(0px 41.7776px 33.4221px rgba(169, 147, 147, 0.0503198))
    drop-shadow(0px 22.3363px 17.869px rgba(169, 147, 147, 0.0417275))
    drop-shadow(0px 12.5216px 10.0172px rgba(169, 147, 147, 0.035))
    drop-shadow(0px 6.6501px 5.32008px rgba(169, 147, 147, 0.0282725))
    drop-shadow(0px 2.76726px 2.21381px rgba(169, 147, 147, 0.0196802));
}
.multiple_tool .image_wrap {
  text-align: center;
}

/* service shopify store development page */
.price_sort_section .heading_main.mbb-0 {
  margin-bottom: 0px;
}
.price_sort_section .form_wrap {
  margin-top: 30px;
  display: inline-block;
  width: 100%;
}
.price_sort_section .form_wrap .heading_lbl {
  letter-spacing: 0.1em;
  text-transform: unset;
  margin-bottom: 0px;
}
.price_sort_section .form_wrap h4 {
  font-family: inherit;
  display: inline-block;
  margin-bottom: 20px;
}
.price_sort_section .form_wrap .form_ps {
  display: flex;
  grid-gap: 20px;
}
.price_sort_section .form_wrap .form_ps .action {
  margin-top: 0px;
}
.price_sort_section .form_wrap .form_ps .form-group .form-control {
  height: 100%;
}
.price_sort_section .form_wrap .form-group {
  margin: 0px;
  width: calc(100% - 245px);
  max-width: 440px;
}
.price_sort_section .heading_main p:last-of-type {
  margin-bottom: 0px;
}
.price_sort_section .action {
  column-gap: 30px;
  row-gap: 20px;
  flex-wrap: wrap;
}
.price_sort_section.with_image .action {
  margin-top: 3rem;
}
.with_image .btn,
.price_sort_section.with_image .btn.arrow,
.price_sort_section.with_image .button.arrow {
  padding: 15px 39px;
  line-height: 1.13;
}
.with_image .btn.arrow .ico,
.price_sort_section.with_image .btn.arrow .ico {
  max-height: 18px;
}
.price_sort_section.with_image .button-outline-bl:hover .ico {
  filter: brightness(10);
}
.no-shadow,
.no-shadow img {
  box-shadow: none;
}
.stick_col {
  position: sticky;
  top: 45%;
  height: max-content;
}
.sticky_content_section .right_col {
  row-gap: 30px;
}
.sticky_content_section .heading_main p {
  max-width: 570px;
}
.inner_col_bx .bx {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0px 0px 24.5089px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0px 0px 24.5089px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 0px 24.5089px rgba(0, 0, 0, 0.04);
  -ms-box-shadow: 0px 0px 24.5089px rgba(0, 0, 0, 0.04);
  height: 100%;
}
.inner_col_bx .images_wrap {
  background: #d6e8b5;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 30px 20px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.bigcommerce .inner_col_bx .images_wrap {
  background: #cacaca;
}
.magento .inner_col_bx .images_wrap {
  background: #fce0d4;
}
.inner_col_bx .images_wrap img {
  width: 140px;
}
.inner_col_bx .text_wrap {
  padding: 20px 20px 40px;
}
.inner_col_bx h5 {
  font-family: "Manrope", sans-serif;
}
.inner_col_bx p {
  font-size: 16px;
}
.brands_list {
  display: grid;
  align-items: center;
  grid-template-columns: auto auto auto auto auto auto;
  flex-wrap: wrap;
}
.brand_items {
  text-align: center;
  padding: 0 15px;
}
.brand_items img {
  margin: 0 auto;
}
.brand_items:hover img {
  transition: all ease 0.5s;
}
.brand_items:hover img {
  filter: brightness(0.6);
}
.brands_list.brand_slider {
  display: block;
}
.brand_slider .slick-track {
  display: flex;
  align-items: center;
}
.statestic_sec .images_wrap h4 {
  margin-bottom: 40px;
}
.statestic_sec .text_wrap .heading_main > p {
  margin-top: 0px;
}

/* logo design landing page css */
.content_column_three .row {
  row-gap: 30px;
}
.content_column_three .image_wrap {
  margin-bottom: 20px;
}
.content_column_three h4 span {
  color: #367df9;
}
.content_column_three p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 5;
}

/* amazon ads */
.ads_type_sec {
  padding-bottom: 0;
}
.ads_tp .bg_bx {
  margin-top: 0;
}
.ads_type_sec.column_heading .heading_main {
  margin-bottom: 50px;
}

/* email marketing page */
.whatis_included2 .text_content_bx {
  background: transparent;
  border: 0px;
  box-shadow: none;
  padding: 0px;
}
.whatis_included2 .text_content_bx .icon {
  margin-bottom: 30px;
}
.brand_section.two {
  margin-bottom: 300px;
}
.leading_platform {
  max-width: 920px;
  margin: 0 auto;
  margin-top: -400px;
  margin-bottom: 70px;
}
.leading_platform .slider_wrap {
  margin: 0 auto;
  background: #fff;
  border: 1px solid #ebebeb;
  box-shadow: 0px 100px 80px rgb(216 228 239 / 19%),
    0px 41.7776px 33.4221px rgb(216 228 239 / 14%),
    0px 22.3363px 17.869px rgb(216 228 239 / 11%),
    0px 12.5216px 10.0172px rgb(216 228 239 / 10%),
    0px 6.6501px 5.32008px rgb(216 228 239 / 8%),
    0px 2.76726px 2.21381px rgb(216 228 239 / 5%);
  border-radius: 20px;
  padding: 50px 40px;
}
.leading_platform .slider_wrap .slider-for {
  max-width: 660px;
  margin: 0 auto;
}
.leading_platform p {
  font-size: 2rem;
  line-height: 1.3;
  color: #505766;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.leading_platform p span {
  color: #367df9;
  font-weight: 700;
}
.leading_platform p span.hlgt {
  color: inherit;
  padding-bottom: 0 !important;
}
.leading_platform .slider-nav {
  max-width: 300px;
  margin: 0 auto;
  margin-top: 30px;
}
.leading_platform .slider-nav .slick-current .images_wrap {
  background: #dfefff;
}
.leading_platform .slider-nav .images_wrap {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 5px;
}
.leading_platform .slider-nav .images_wrap img {
  filter: sepia(0.7);
  opacity: 0.7;
  margin: 0 auto;
}
.leading_platform .slider-nav .slick-current .images_wrap img {
  filter: unset;
  opacity: 1;
}
.leading_platform .slider_wrap.prevnext .slick-prev,
.leading_platform .slider_wrap.prevnext .slick-next {
  bottom: 0px;
  top: auto;
}
.leading_platform .slider_wrap.prevnext .slick-prev {
  left: -120px;
}
.leading_platform .slider_wrap.prevnext .slick-next {
  right: -120px;
}
.bundle_three.text_content_bx p,
.bundle_five.text_content_bx p,
.bundle_three.text_content_bx h4,
.bundle_five.text_content_bx h4,
.bundle_three.text_content_bx h5,
.bundle_five.text_content_bx h5,
.bundle_three .link.arrow_link,
.bundle_five .link.arrow_link {
  color: inherit;
}
.bundle_three {
  background: #367df9;
  color: #fff;
}
.bundle_five {
  background: #162d5a;
  color: #fff;
}
.bundle_three.text_content_bx h5,
.bundle_five.text_content_bx h5 {
  color: #faff02;
}

/* Email Automation Detail Page */
.select_platform {
  padding-top: 10px;
}
.select_platform .prc_lbl {
  padding: 20px 0;
}
.select_platform .radio_ps {
  grid-gap: 15px;
  align-items: center;
  border: 0px;
}
.select_platform .radio_list2 {
  border: 1px solid #367df9;
  border-radius: 25px;
  color: #367df9;
  padding: 9.5px 24.1px;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.select_platform .radio_list2 img {
  display: none;
}
.select_platform .radio_list2.active img {
  display: block;
}
.select_platform .radio_list2.active label,
.select_platform .radio_list2.active {
  background: #367df9;
  color: #fff;
}
.select_platform .radio_ps label,
.select_platform .radio_ps [type="radio"]:checked + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #367df9;
  font-size: 1rem;
  white-space: nowrap;
  margin-bottom: 0px;
}
.select_platform .radio_ps label,
.select_platform .radio_ps [type="radio"]:not(:checked) + label {
  padding-left: 0px;
  margin-bottom: 0px;
}
.select_platform .radio_ps [type="radio"]:not(:checked) + label:after,
.select_platform .radio_ps [type="radio"]:not(:checked) + label:before {
  display: none;
}
.platform_input {
  display: none;
  width: 100%;
}
.platform_input.on {
  display: block;
}
.platform_input input {
  width: 100%;
  height: auto;
  padding: 10px 20px;
  border-radius: 30px;
  border: 1px solid #367df9;
  color: #367df9;
  outline: none;
  font-size: 1rem;
}
.inner_srevice.two .ul_disc ul {
  margin-top: 30px;
}
.inner_srevice.two .ul_disc ul li {
  font-size: 1rem;
}

/* blog page */
.mini_banner {
  padding: 128.5px 0;
  background: url(https://www.Bryole.com/themes/Bryole/images/blog_banner.png) no-repeat;
  background-size: cover;
}
.mini_banner.bg_blue {
  background: #162d5a;
  padding: 79px 0;
  color: #fff;
}
.mini_banner ul,
.mini_banner ul li {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mini_banner ul li img {
  margin: 0 30px;
}
.mini_banner ul li a h4 {
  color: #367df9;
}
.mini_banner ul li h4 {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  color: inherit;
  margin: 0px;
}
.overlay {
  position: relative;
}
.overlay:after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: #162d5a99;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  transition: all ease 0.5s;
}
.blog_search {
  margin-top: -36px;
}
.blog_search .input_search {
  height: 72px;
}
.two.tab-section {
  background: transparent;
}
.two.tab-section .blog_menu {
  justify-content: space-between;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.two.tab-section .blog_menu .nav-item a {
  padding: 5px 30px;
}
.two.tab-section .blog_menu .nav-item:first-child a {
  padding-left: 0px;
}
.two.tab-section .blog_menu .nav-item:last-child a {
  padding-right: 0px;
}
.two.tab-section .blog_menu .nav-item a h5 {
  margin: 0px;
  font-weight: 500;
  font-size: 1.112rem;
  letter-spacing: 0.05em;
}
.tab-section .blog_menu .nav-item a:hover h5,
.tab-section .blog_menu .nav-item a.active h5 {
  color: #367df9;
}
.tab-section .blog_menu .nav-item a.active h5 {
  font-weight: 600;
}

/* breadcrumb css */
.breadcrumb {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  color: #777;
  padding: 0px;
  background: #fff;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-radius: 0px;
}
.breadcrumb__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.breadcrumb li {
  display: flex;
  align-items: center;
}
.breadcrumb a {
  color: #162d5a;
  font-size: inherit;
  font-weight: 600;
  white-space: nowrap;
  line-height: 1.2;
  letter-spacing: normal;
}
.breadcrumb a + span {
  margin: 0 8px;
  display: inline-block;
}

/* email template design page */
.price_toggle_sec .price_bx {
  height: 100%;
}
.price_toggle_sec .price_bx .action {
  margin-top: 1.5rem;
}
.email_slider .slider_wrap:not(.slick-slider) .slide_item {
  width: 25%;
}
.email_slider.portfolio_slider .slider_wrap img {
  max-height: 45vh;
}
.border_line_wrap.four_col {
  margin-top: 130px;
}
.border_line_wrap.four_col .col_bx {
  max-width: 23%;
}
.border_line_wrap.four_col .col_bx.one {
  top: 170px;
  left: 15px;
}
.border_line_wrap.four_col .col_bx.two {
  top: -60px;
  left: 520px;
}
.border_line_wrap.four_col .col_bx.three {
  top: 360px;
  left: 700px;
}
.border_line_wrap.four_col .col_bx.four {
  bottom: 270px;
  right: 10px;
}
.four_col .line_circle.two {
  top: 70px;
  left: 450px;
}
.four_col .line_circle.three {
  bottom: 265px;
  left: 760px;
}
.four_col .line_circle.four {
  top: 335px;
  right: 210px;
}
.border_line_wrap.four_col .col_bx.one .no {
  left: 0px;
}
.border_line_wrap.four_col p {
  max-width: 320px;
}
.no_description p {
  display: none;
}
.border_line_wrap.six_col .col_bx {
  max-width: 23%;
}
.border_line_wrap.six_col .col_bx.one {
  top: 170px;
  left: 15px;
}
.border_line_wrap.six_col .col_bx.two {
  top: 130px;
  left: 290px;
}
.border_line_wrap.six_col .col_bx.three {
  top: 150px;
  left: 590px;
}
.border_line_wrap.six_col .col_bx.four {
  bottom: 170px;
  right: 400px;
}
.border_line_wrap.six_col .col_bx.five {
  top: 450px;
  right: 210px;
}
.border_line_wrap.six_col .col_bx.six {
  top: 180px;
  right: 40px;
}
.six_col .line_circle.two {
  top: 15px;
  left: 380px;
}
.six_col .line_circle.three {
  bottom: 235px;
  left: 610px;
}
.six_col .line_circle.four {
  top: 190px;
  right: 480px;
}
.six_col .line_circle.five {
  bottom: 170px;
  right: 270px;
}
.six_col .line_circle.six {
  bottom: 215px;
  right: 20px;
}
.border_line_wrap.six_col .col_bx.one .no {
  left: 0px;
}

/* page optimization page */
.bg_none {
  background: transparent;
}
.development_slider .ul_disc .right_col ul li {
  width: 100%;
}
.development_slider .ul_disc .right_col ul li span {
  font-weight: 700;
  color: #ff5f68;
}
.development_slider .ul_disc .after_col ul li span {
  color: #67c455;
}
.development_slider .right_col {
  width: 50%;
  float: left;
}
.service_bg.two {
  background: #367df9;
  display: flex;
  justify-content: space-between;
}
.service_bg.two .images_wrap {
  padding: 20px;
  margin-right: 60px;
}
.service_bg .text_wrap {
  flex-wrap: wrap;
}
.service_bg.two .text_wrap .action {
  width: 100%;
}
.text-white * {
  color: #fff;
}

/* review page */
.review_banner {
  padding: 88px 0;
  background: url(../images/review_banner_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.review_banner .text_wrap h1 {
  color: #fff;
}
.review_banner .text_wrap {
  position: relative;
  z-index: 1;
}
.tab-section.reviews {
  background: #fff;
}
.tab-section.reviews .tab_describe .row {
  grid-gap: 40px;
}
.review_bx {
  padding: 0px;
  max-width: calc(50% - 20px);
}
.tab-section.reviews .nav-tabs .nav-item a h5 {
  font-size: 1.112rem;
  font-weight: 500;
}
.tab-section.reviews .nav-tabs {
  justify-content: flex-start;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.tab-section.reviews .nav-tabs .nav-item a {
  padding: 0px 50px;
}
.tab-section.reviews .nav-tabs .nav-item:first-child a {
  padding-left: 0px;
}
.tab-section.reviews .tab_describe {
  padding-top: 20px;
}
.review_bx .text_content_bx {
  padding: 40px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  border: 0px;
}
.review_bx .text_content_bx .middle p {
  -webkit-line-clamp: 6;
  font-size: 1rem;
}
.review_bx .rv-img {
  margin-bottom: 0px;
}
.review_bx .rv-img img {
  max-height: 40px;
  min-height: 30px;
  max-width: 100px;
}
.review_bx .top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 30px;
}
.review_bx .rating_icon img {
  max-width: 20px;
}
.author_detail {
  column-gap: 20px;
  padding-top: 30px;
}
.user_img {
  min-width: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user_img img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.author_detail h5 {
  font-size: 1.112rem;
  margin: 0px;
}
.text_content_bx .author_detail p,
.author_detail p {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.05em;
  color: #367df9;
  margin-top: 5px;
  margin-bottom: 0px;
}
.join-us-section.two {
  background: #fff url(../images/bg-gradiant1.webp);
  background-size: cover;
}

/* quote modal */
.get_quote_modal .form-inner {
  padding: 0px;
}

/* cart page */
.custom-checkbox {
  position: relative;
  padding-left: 28px;
}
.checkbox_mark {
  position: absolute;
  top: calc(50% - 9px);
  left: 0px;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 2px solid #505766;
  border-radius: 2px;
}
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0px;
  width: 0px;
}
.custom-checkbox .lable_txt {
  color: #505766;
}
.custom-checkbox input:checked ~ .checkbox_mark {
  border: none;
  background: url(../images/checkbox_checked.svg);
  background-size: contain;
}
.custom-checkbox input:checked ~ .checkbox_mark + .lable_txt {
  color: #367df9;
  text-shadow: 0px 0px 0px;
}
.alert-success.success {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 10px;
  background: #ccf5c4;
  border-color: #c4eabd;
  border-radius: 10px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.alert-success.success .inner_txt {
  display: flex;
}
.alert .icon {
  margin-right: 10px;
}
.alert .link {
  color: #162d5a;
}
.customer_website_error {
  display: block;
}

/* plus minus css */
.input_minus_plus {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 8px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  width: auto;
}
.input_minus_plus input {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  min-width: 40px;
  max-width: 40px;
  background: transparent;
  border: 0px;
  font-size: 1rem;
  width: calc(100% - 80px);
  text-align: center;
  padding: 0px;
  margin: 0px;
  color: #96a0b5;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0px;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
.input_minus_plus input::-webkit-outer-spin-button,
.input_minus_plus input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  margin: 0px;
}
.input_minus_plus .button {
  background: transparent;
  border: 0px;
  width: 12px;
  height: 100%;
  padding: 0px;
  min-width: unset;
  color: #367df9;
  font-size: 1.22222rem;
}
.input_minus_plus .button svg path {
  fill: #367df9;
}
.bg_light_grey {
  background: #f7fafb;
}
.membership_cart {
  background: #367df9;
  padding: 24px 50px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  column-gap: 15px;
}
.membership_cart .text_wrap {
  display: flex;
  align-items: center;
}
.membership_cart .text_wrap h4 {
  font-weight: 400;
  font-family: inherit;
  color: inherit;
  margin: 0px;
}
.membership_cart .ico {
  margin-right: 20px;
}
.membership_cart .text_wrap h4 strong,
.membership_cart .text_wrap h4 b {
  font-weight: 700;
  color: #ffe600;
}
.account_title h5 {
  font-weight: 400;
  margin: 0px;
  margin-bottom: 30px;
  font-family: inherit;
}
.account_title h5 a {
  font-weight: 600;
  color: #367df9;
  text-decoration: underline;
}
.cart-section .alert-success.success {
  margin-top: 40px;
}
.cart-section .table {
  background: #fff;
  border: 1px solid #f5f5f5;
  padding: 0 20px;
  padding-top: 10px;
  margin-bottom: 32px;
  box-shadow: 0px 20px 30px 0px rgb(201 214 227 / 57%);
}
.cart-section .table thead {
  border-bottom: 1px solid #c8c8c8;
}
.cart-section .table th,
.cart-section .table td {
  border: 0px;
  vertical-align: top;
  padding: 15px 20px;
}
.cart-section .table td .input_minus_plus {
  margin-top: -5px;
}
.cart-section .table tbody tr {
  border-bottom: 1px solid #e9e9e9;
}
.cart-section .table tbody tr:last-child {
  border-bottom: 0px;
}
.cart-section .table th {
  font-size: 1rem;
  font-weight: 600;
  font-family: inherit;
  color: #162d5a;
}
.cart-section .table th:nth-child(4) {
  text-align: center;
}
.cart-section .table th:nth-child(5) {
  text-align: right;
}
.cart-section .table td {
  font-size: 1rem;
  font-weight: 400;
  font-family: inherit;
  color: #96a0b5;
  padding: 30px 20px;
}
.cart-section .table td.amt span {
  display: block;
  color: #67c455;
  font-size: 16px;
}
.cart-section .table td.amt span strong,
.cart-section .table td.amt span b {
  font-weight: 700;
}
.cart-section .table td.amt,
.cart-section .table td.net_amt {
  font-weight: 600;
}
.cart-section .table td.net_amt {
  color: #367df9;
}
.domine_fild {
  border: 1px solid #bccde4;
  border-radius: 30px;
  font-size: 16px;
  line-height: 1;
  color: #162d5a;
  padding: 9px 30px;
  min-width: 320px;
  max-width: 320px;
  width: 100%;
}
.domine_fild::placeholder {
  color: #96a0b5;
}
.remove_btn label {
  margin: 0px;
}
.remove_btn img {
  min-width: 16px;
  height: 16px;
}
.input_ps {
  border: 1px solid #bccde4;
  border-radius: 30px;
  font-size: 16px;
  color: #162d5a;
  padding: 12px 30px;
  min-width: 320px;
}
.input_ps::placeholder {
  color: #b8c1d4;
}
.cart_action_wrap {
  justify-content: space-between;
  column-gap: 15px;
  row-gap: 15px;
  flex-wrap: wrap;
}
.coupon_code {
  position: relative;
  width: 42%;
  flex-wrap: wrap;
}
.coupon_code .input_wrap {
  position: relative;
  width: 100%;
}
.coupon_code input {
  width: 100%;
  padding-right: 100px;
}
.coupon_code .error {
  width: 100%;
}
.coupon_code .link {
  color: #67c455;
  background: none;
  border: 0px;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0px;
}
.green_txt {
  color: #67c455 !important;
}
.order_summary {
  background: #fff;
  border: 1px solid #f5f5f5;
  box-shadow: 0px 20px 30px 0px rgb(201 214 227 / 57%);
  padding-bottom: 20px;
}
.order_summary .head {
  border-bottom: 1px solid #f5f5f5;
  padding: 20px;
  margin-bottom: 20px;
}
.order_summary .head h4 {
  margin: 0px;
}
.cart-section .order_summary .table {
  padding: 0px;
  margin: 0px;
  border: 0px;
  box-shadow: none;
}
.cart-section .order_summary .table td {
  font-size: 16px;
  color: #505766;
  padding: 10px 20px;
  padding-right: 10px;
}
.cart-section .order_summary .table td.amt {
  font-size: 1rem;
  color: #162d5a;
  text-align: right;
  padding-left: 10px;
  padding-right: 20px;
}
.cart-section .order_summary .table tbody tr {
  border-bottom: 0px;
}
.cart-section .order_summary .table tfoot {
  border-top: 1px solid #f5f5f5;
}
.cart-section .order_summary .table tfoot td.amt {
  font-size: 1.22222rem;
  font-weight: 700;
  padding-top: 15px;
}
.cart-section .order_summary .table tfoot td {
  color: #367df9;
  font-weight: 600;
  vertical-align: middle;
}
.cart-section .order_summary .button {
  padding: 16px 39px;
  min-width: unset;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 25px;
}
.cart-section .order_summary .table tr.usereward_point {
  border-top: 1px solid #f5f5f5;
}
.cart-section .order_summary .table tr.usereward_point td span.sm {
  color: #162d5a;
  font-size: 14px;
  padding-left: 28px;
}
.usereward_point .custom-checkbox {
  margin-bottom: 0px;
}
.usereward_point .custom-checkbox .lable_txt {
  white-space: nowrap;
}

/* current offer section */
.current_offers {
  background: #fff;
  padding: 40px 10px;
  margin-top: 60px;
  margin-bottom: 10px;
  box-shadow: 0px 20px 15px 0px rgb(201 214 227 / 19%);
}
.current_offers .row {
  row-gap: 30px;
}
.ofr_bx {
  background: #ffc1bf;
  border-radius: 15px;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
}
.icon_wrap {
  width: 80px;
  height: 80px;
  border-radius: 15px;
  background: #dd8387;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 12px;
  line-height: 1.3;
  color: #fff;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  text-transform: uppercase;
  padding: 5px;
}
.icon_wrap span {
  font-size: 1.22222rem;
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 600;
}
.ofr_bx p {
  color: #162d5a;
  width: auto;
  display: inline-block;
  max-width: 167px;
  margin: 0px;
}
.ofr_bx .action {
  width: 100%;
  margin-top: 20px;
  justify-content: flex-start;
}
.ofr_bx a {
  color: #000;
}
.ofr_bx a .ico {
  filter: brightness(0);
}
.clr2 {
  background: #cbdafa;
}
.clr2 .icon_wrap {
  background: #367df9;
}
.clr3 {
  background: #ccf5c4;
}
.clr3 .icon_wrap {
  background: #67c455;
}
.clr4 {
  background: #ffebd8;
}
.clr4 .icon_wrap {
  background: #ee9849;
}

/* checkout page */
.payment_wrap {
  background: #fff;
  box-shadow: 0px 20px 30px 0px rgb(201 214 227 / 57%);
  padding: 40px 80px;
}
.payment_wrap .form_ps .action {
  margin-top: 20px;
}
.payment_wrap .form_ps .action + .error {
  margin-top: 15px;
}
.payment_wrap .form_ps .form-group {
  margin-bottom: 30px;
}
.payment_wrap .form_ps .form-control {
  height: 44px;
  width: 100%;
}
.payment_wrap .radio_ps {
  margin-bottom: 50px;
  column-gap: 40px;
}
.payment_wrap .radio_ps [type="radio"]:checked + label:before,
.payment_wrap .radio_ps [type="radio"]:not(:checked) + label:before {
  width: 24px;
  height: 24px;
}
.payment_wrap .radio_ps [type="radio"]:checked + label:after,
.payment_wrap .radio_ps [type="radio"]:not(:checked) + label:after {
  width: 12px;
  height: 12px;
  top: 6px;
  left: 6px;
}
.payment_wrap .radio_list {
  width: 360px;
  height: 135px;
  filter: drop-shadow(5px 5px 15px rgba(0, 0, 0, 0.1));
  border-radius: 15px;
  border: 2px solid transparent;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  box-shadow: 0px 0px 15px 0px #eff2f9;
  cursor: pointer;
  padding: 10px;
}
.payment_wrap .radio_list.active {
  border-color: #367df9;
  box-shadow: none;
  box-shadow: none;
}
.payment_wrap .radio_list.active .card_img img {
  filter: unset;
}
.payment_wrap .radio_list .txt {
  font-size: 1.22222rem;
  font-weight: 600;
  color: #505766;
  margin-left: 20px;
}
.payment_wrap .radio_list.active .txt {
  color: #367df9;
}
.card_img {
  max-width: 60px;
}
.card_img img {
  filter: brightness(1) saturate(0);
}
.payment_wrap .radio_list .text_wrap {
  width: 100%;
  justify-content: center;
}
.form-control.with_icon {
  padding-right: 40px;
}
.calendar .input-group:not(.has-validation) > .form-control:not(:last-child) {
  border-radius: 30px;
}
.calendar .gj-datepicker-bootstrap .input-group-append {
  right: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.calendar .gj-datepicker-bootstrap .input-group-append .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  border: 0px;
  width: auto;
}
.calendar .gj-datepicker-bootstrap [role="right-icon"] button .gj-icon {
  background: url(https://www.Bryole.com/themes/Bryole/images/calendar_icon.svg) no-repeat;
  width: 18px;
  height: 18px;
  font-size: 0px;
  position: unset;
}
.cvv .form-control {
  background-image: url(../images/cvv_icon.svg);
  background-repeat: no-repeat;
  background-size: 24px 21px;
  background-position: 92% center;
  padding-right: 50px;
}
.user_ico .form-control,
.crdholder .form-control {
  background-image: url(../images/user_account_icon.svg);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: 98% center;
}
.user_ico .form-control {
  background-position: calc(100% - 20px);
}
.paypal_section .btn {
  height: 60px;
  padding: 5px;
  width: 250px;
  border-color: #162d5a;
  background: #f6fafb;
}
.paypal_section .btn:hover {
  background: transparent;
}
.pay_nwpage_bt_cantent {
  padding-top: 30px;
}

/* order page */
.order-section .images_wrap {
  margin-bottom: 10px;
}
.order-section .text_wrap h4 {
  margin-bottom: 15px;
}
.order-section .text_wrap p {
  max-width: 930px;
  margin: 0 auto;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}
.order-section .text_wrap .action {
  margin-top: 10px;
}
.order_head {
  padding-bottom: 25px;
  margin-top: 60px;
}
.order_head p {
  font-size: 16px;
  margin-bottom: 10px;
}
.order_head h5 {
  font-family: inherit;
}
.order_table {
  background: #f5f5f5;
  padding: 30px;
}
.common_table table {
  margin: 0px;
}
.common_table table th,
.common_table table td {
  font-size: 1rem;
  font-weight: 400;
  font-family: inherit;
  color: #96a0b5;
  padding: 20px 0px;
}
.common_table table th {
  color: #212529;
  font-weight: 700;
}
.common_table table td.amt {
  font-weight: 600;
  color: #162d5a;
  text-align: right;
}
.common_table table tbody tr {
  border-bottom: 1px solid #e3e3e3;
}
.common_table table tbody tr:last-child {
  border-bottom: 0px;
}
.common_table table .action_footer td {
  font-weight: 600;
  color: #162d5a;
  padding-bottom: 10px;
}
.common_table table .action_footer td.amt {
  color: #367df9;
}
.part_payment_details {
  margin-top: 50px;
}
.common_table .part_payment_success td.amt,
.common_table .part_payment_success td {
  color: green;
}
.common_table .part_payment_pending td a,
.common_table .part_payment_pending td.amt,
.common_table .part_payment_pending td {
  color: red;
}

/* native page */
.price_sort_section.with_image .heading_main {
  margin-bottom: 0px;
}
.text_img_banner .heading_main,
.price_sort_section.two .heading_main {
  max-width: 605px;
}
.center_img_wrap .rw {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: stretch;
}
.center_img_wrap .rw.one .text_wrap {
  text-align: right;
}
.center_img_wrap .text_wrap h5 {
  font-family: inherit;
}
.center_img_wrap .row {
  position: relative;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  row-gap: 70px;
  padding-bottom: 70px;
  margin-top: 70px;
}
.center_img_wrap .col_p:nth-child(odd) .text_wrap {
  text-align: right;
}
.center_img_wrap .col_p {
  max-width: 445px;
}
.center_img_wrap .images_wrap {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 60%;
  transform: translateY(-50%);
  margin: 0 auto;
  text-align: center;
  max-width: 36%;
}
.native_app_plan_wrap .text_content_bx h5 {
  margin: 0px;
}
.native_app_plan_wrap .text_content_bx h5 span {
  font-family: inherit;
  color: #367df9;
  font-family: "Manrope", sans-serif;
  display: block;
}
.native_app_plan_wrap .text_content_bx h5 small {
  font-size: 16px;
  font-weight: 600;
  color: #505766;
}
.native_app_plan_wrap.three .text_content_bx .icon {
  margin-bottom: 50px;
  width: auto;
  height: 175px;
  display: flex;
  align-items: flex-end;
}
.native_app_plan_wrap .input_search {
  height: 72px;
  max-width: 920px;
  margin: 0 auto;
}
.native_app_plan_wrap .heading_main {
  margin-top: 50px;
}
.native_app_plan_wrap .heading_main h4 {
  font-family: inherit;
}
.native_app_plan_wrap .heading_main h2 {
  color: #bccde4;
}
.drp_icon_bottom .text_wrap {
  margin-top: 50px;
  text-align: center;
  width: 100%;
}
.drp_icon_bottom h5 {
  font-family: inherit;
  margin: 0px;
}
.drp_icon_bottom .col_p h5 {
  color: #505766;
  font-weight: 500;
}
.drp_icon_bottom .shape_one {
  position: relative;
  top: 5px;
  margin-bottom: 5px;
}
.drp_icon_bottom .shape_two {
  position: relative;
  left: -110px;
  bottom: -20px;
}
.drp_icon_bottom .shape_three {
  position: relative;
  bottom: 0px;
  right: -30px;
}
.drp_icon_bottom .shape_four {
  position: relative;
  right: -110px;
  bottom: -20px;
}
.price_plans_lbl {
  background: #367df9;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px 27px;
  color: #fff;
}
.compare_features.bg_white .table_custom tbody tr:hover {
  background: #e9e9e9;
}
.native_app_plan_wrap.what-we-do .row {
  padding: 0px;
}

/* seperate css */
/* login page */
.alert-danger p {
  color: inherit;
}
.login-details .link {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
}
.get-free-estimate-section .get-free-estimate-form .form-group label.error,
.error *,
.error {
  color: #f01;
  margin: 0px;
  margin-top: 5px;
  display: block;
  font-size: 0.89rem;
}
.error * {
  margin: 0px;
}
.success {
  color: #155724;
}
.form_loader,
.form_loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.form_loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 7px solid #367df975;
  border-right: 7px solid #367df975;
  border-bottom: 7px solid #367df975;
  border-left: 7px solid #367df9;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loading_start {
  position: relative;
}
.loading_start:after {
  content: "";
  width: 100%;
  height: 100%;
  background: #ffffff87;
  display: inline-block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.loading_start .form_loader {
  position: absolute;
  top: 40%;
  left: 45%;
  transform: translate(-50%, -50%);
  z-index: 1;
  margin: 0 auto;
  width: 60px;
  height: 60px;
}

/* login popup */
.modal_ps .modal-dialog {
  max-width: 650px;
  padding: 0 20px;
}
.modal_ps .modal-header,
.modal_ps .modal-footer,
.modal_ps .modal-body {
  padding: 25px 20px;
}
.modal_ps .modal-title {
  text-transform: uppercase;
  line-height: 1.1;
}
.modal_ps .account_title {
  width: 100%;
  text-align: center;
}
.modal_ps .account_title h5 {
  margin-top: 10px;
  margin-bottom: 0px;
}
.modal_ps .account_title h5 a {
  display: inline-block;
  font-size: 1.112rem;
  text-decoration: none;
}
.modal_ps .form_ps .form-group {
  margin-bottom: 25px;
}
.modal_ps .form_ps .form-group:last-child {
  margin-bottom: 0px;
}
.login_review_slider {
  backdrop-filter: blur(10px);
}
.modal_ps .form_tagline {
  padding: 0 5px;
  font-size: 13px;
  color: #29241c;
  margin-top: 20px;
  margin-bottom: 50px;
  letter-spacing: 0.08px;
  font-style: italic;
}
.modal_ps .copyright {
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
}

/*  Custom New Modal Popup   */
.custom_mockup_modal .modal-content {
  border-radius: 20px;
}
.custom_mockup_modal .form-inner {
  padding: 0;
}
.custom_mockup_modal .get_free_mockup_title {
  font-size: 26px;
  font-weight: 700;
  line-height: 34px;
  text-transform: none;
}
.custom_mockup_modal button.close {
  position: absolute;
  top: 20px;
  right: 18px;
  padding: 5px 10px;
  color: #367df9;
  opacity: 1;
  z-index: 1;
}
.custom_mockup_modal .modal-header {
  position: relative;
  padding: 40px 0px 0px;
  justify-content: center;
  border: none;
}
.custom_mockup_modal .form_ps .form-control {
  border-radius: 8px;
  border: 1px solid rgba(80, 87, 102, 0.15);
  background: #f5f8fe;
  padding: 13px 10px 13px 20px;
  height: 50px;
  color: #162d5a;
  font-weight: 500;
}
.custom_mockup_modal .form_ps .form-control.textarea {
  height: 130px;
}
.custom_mockup_modal .form_ps .form-group {
  margin-bottom: 10px;
}
.custom_mockup_modal.modal_ps .modal-body {
  padding: 50px;
}
.custom_mockup_modal .text_line ul li {
  color: rgba(22, 45, 90, 0.7);
  background: url(../images/check_big_colored.svg) no-repeat;
  background-position: 0 2px;
  font-weight: 500;
  font-size: 16px;
}
.custom_mockup_modal .button {
  padding: 22px 25px;
  box-shadow: none;
  font-size: 18px;
  line-height: 18px;
}
.custom_mockup_modal .form_ps .row {
  margin-left: -5px;
  margin-right: -5px;
}
.custom_mockup_modal .form_ps .row > div {
  padding: 0px 5px;
}


/* membership page */
body.price_plan_sticky {
  padding-top: 0px;
}
.price_plan_sticky .header.fixed,
.price_plan_sticky .header {
  display: none !important;
}
.price_plan_sticky .plan_collapse .price_bx {
  padding: 10px 30px 10px;
  max-height: calc(100vh - 185px);
  overflow-y: auto;
}
.price_plan_sticky .explore_more p {
  font-size: 16px;
}
.price_plan_sticky .explore_more_arrow {
  width: 35px;
  height: 35px;
}
.price_plan_sticky .price_plan_tabs {
  margin-bottom: 15px !important;
}
.price_plan_sticky .price_plan_tabs .nav-link {
  padding: 0.3rem 1.5rem;
  font-size: 16px;
}
.price_plan_sticky .membership_plan {
  position: sticky;
  top: 0px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
}
.price_plan_sticky .price_plan_tabs .nav-link p {
  font-size: 14px;
}
.price_plan_sticky .membership_plan.plan_collapse.price_plans .middle-content {
  margin: 10px 0 0px;
}
.price_plan_sticky .membership_plan .price_bx .price {
  font-size: 1.5rem;
  line-height: 1;
}
.price_plan_sticky .membership_plan .price_bx .price .price_subtxt {
  font-size: 1rem;
}
.price_plan_sticky .membership_plan.price_plans .top-content {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.price_plan_sticky .membership_plan.price_plans .price_bx h4 {
  border-bottom: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-size: 1rem;
  line-height: 1;
}
.price_plan_sticky .membership_plan .explore_more {
  padding-bottom: 20px;
}

/* -- Contact Us page */
.get-in-touch {
  background: url(../images/map-bg.webp) top center;
  padding-top: 140px;
  position: relative;
  background-size: 100%;
}
.get-in-touch:before {
  content: "";
  width: 100%;
  height: 180px;
  background: #fff;
  position: absolute;
  bottom: 0px;
}
.get-in-touch-text {
  padding-bottom: 150px;
}
.contact_us_form {
  background: #fff;
  padding: 60px 40px;
}
.contact_us_row {
  margin: 0px;
  box-shadow: 0px 100px 80px rgb(201 214 227 / 19%),
    0px 41.7776px 33.4221px rgb(201 214 227 / 14%),
    0px 22.3363px 17.869px rgb(201 214 227 / 11%),
    0px 12.5216px 10.0172px rgb(201 214 227 / 10%),
    0px 6.6501px 5.32008px rgb(201 214 227 / 8%),
    0px 2.76726px 2.21381px rgb(201 214 227 / 5%);
}
.address_wrap {
  background: #367df9;
  padding: 100px 0px 80px 0px;
  height: 100%;
  position: relative;
}
.address_list {
  padding-left: 65px;
  padding-right: 65px;
  padding-bottom: 30px;
  position: relative;
}
.address_list li {
  padding-left: 65px;
  position: relative;
  font-size: 1.22222rem;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 45px;
  display: flex;
  align-items: center;
  flex-flow: wrap;
  font-weight: 600;
}
.address_list li a {
  color: #fff;
}
.list_icon {
  position: absolute;
  left: 0px;
  width: 46px;
  display: flex;
  justify-content: center;
}
.address_list::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0px;
  height: 1px;
  width: 100%;
  margin: 30px auto;
  background: linear-gradient(
    90deg,
    rgba(104, 159, 255, 0) 8.85%,
    #689fff 52.6%,
    rgba(104, 159, 255, 0) 93.75%
  );
}
.contact-social-media {
  margin: 65px 0 0px;
  padding: 0px;
  text-align: center;
}
.contact-social-media li {
  margin: 0px;
  padding: 0px;
  display: inline-block;
}
.contact-social-media li a {
  color: #cbdafa;
  font-size: 32px;
  margin: 0 15px;
  transition: all 0.3s ease;
}
.contact-social-media li a:hover {
  color: #fff;
  transition: all 0.3s ease;
}
.get-in-touch-box {
  position: relative;
  z-index: 2;
}
.contact-social-media,
.address_list {
  padding-left: 65px;
  padding-right: 65px;
}

/* -- Log In page */
.qe-retail-logo {
  display: inline-block;
  padding: 25px 25px 25px;
}
.login-content {
  border: 1px solid #162D5A;
  border-radius: 30px;
  padding: 60px 60px;
  max-width: 420px;
  margin: 0 auto;
}
.login-with {
  padding: 0px 0 20px;
}
.login-with .google-btn img {
  max-width: 24px;
}
.login-details .heading_main,
.login-with .heading_main {
  margin-bottom: 20px;
}
.login-with .heading_main h4 {
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.15;
}
.login-with .heading_main p {
  font-size: 16px;
  font-weight: 500;
  margin-top: 5px;
  color: #505766;
}
.login-details {
  padding: 15px 0 0px;
}
.login-details .form-group {
  margin-bottom: 20px;
}
.login-details .form-group .lbl {
  font-weight: 500;
  color: #162D5A;
  font-size: 14px;
}
.forgot_pass_popup .inner-addon .form-control,
.login-details .form-group .form-control {
  border-radius: 8px;
  background-color: #5057661A;
  border-color: #5057661A;
  color: #162D5A;
  font-size: 14px;
  font-weight: 500;
  height: 46px;
  padding: 10px 15px;
  /* background: #5057660F; */
}
.forgot_pass_popup .inner-addon .form-control:focus,
.login-details .form-group .form-control:focus {
  border-color: #00112d;
}
.login_form .form-group .form-control::placeholder {
  color: #505766B2;
}
.login-details .form-control.select_pk_select {
  
}
.login-details .form-group select.form-control,
.login-details .select_pk_select select {
  background-size: 14px 14px;
  /* background-position: 120% center; */
  /* padding-right: 35px; */
}
.login_form .password_wrap {
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
}
.login_form .password_wrap .form-control {
  
padding-right: 50px;
}
.password_eye_icon {
  position: absolute;
  right: 20px;
  top: 15px;
  color: #505766;
}
.login_form .form-group .error {
  text-align: left;
  /* display: block; */
  /* width: 100%; */
}
.login_form .cta_btn .button.btn_radius.submit_btn {
  /* font-size: 18px; */
  /* min-width: 170px; */
}
.button.google-btn {
  background: transparent;
  color: #505766;
  border: 1px solid #162d5a;
  box-shadow: none;
  font-size: 16px;
  line-height: 1.5;
  padding: 10px 39px;
  font-weight: 500;
  letter-spacing: normal;
  border-radius: 8px;
}
.button.facebook-btn {
  background: #3a589b;
  box-shadow: none;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.button.linkedin-btn {
  background: #0a66c2;
  box-shadow: none;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.button.facebook-btn i,
.button.linkedin-btn i,
.google-btn i {
  font-size: 1.333333rem;
}
.button.google-btn:hover,
.button.facebook-btn:hover,
.button.linkedin-btn:hover {
  background: #162d5a;
  color: #fff;
  /* box-shadow: 0px 15px 15px -5px #162d5aa1; */
}
.or-divider {
  position: relative;
  color: #505766;
  font-size: 14px;
  font-weight: 500;
}
.or-divider::before {
  content: "";
  position: absolute;
  bottom: 50%;
  left: 0px;
  height: 1px;
  width: 100%;
  background: linear-gradient(
    90deg,
    rgba(224, 224, 224, 0) 8.85%,
    #e0e0e0 52.6%,
    rgba(224, 224, 224, 0) 93.75%
  );
}
.or-divider span {
  background: #fff;
  padding: 0 15px;
  position: relative; /* z-index: 2; */
  font-family: "Manrope", sans-serif;
}
.become-member {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  align-items: center;
  flex-flow: wrap;
  column-gap: 20px;
}
.become-member p {
  font-size: 16px;
  font-weight: 500;
}
.become-member .arrow_link {
  margin-bottom: 0;
  color: #000;
  font-weight: 700;
}
.become-member .arrow_link:hover {
  text-decoration: underline;
}
.login-right {
  /* background: url(../images/login-right.webp) top center no-repeat; */
  /* background-size: cover; */
  /* padding: 95px 85px; */
  /* align-items: flex-end; */
  display: flex;
  justify-content: center;
}
.login-slider-wrap {
  max-width: 100%;
}
.login_review_slider {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 40px 50px 60px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  padding: 65px 65px 55px;
  border: 1px solid rgb(236 237 237 / 40%);
}
.login_review_item * {
  color: #fff;
}
.review_txt {
  padding: 0 10px;
}
.review_txt p {
  font-size: 1.666666rem;
  line-height: 1.331;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  overflow: hidden;
  min-height: 160px;
}
.review_txt_details {
  display: flex;
  justify-content: space-between;
  margin-top: 70px;
  padding: 0 10px;
}
.review_author h4 {
  margin-bottom: 5px;
}
.review_author p {
  font-size: 16px;
}
.login-wrap {
  height: auto;
  padding: 5vh 0;
}
.login-slider-wrap .slick-prev,
.login-slider-wrap .slick-next {
  top: auto;
  bottom: 35px;
  z-index: 2;
  width: 40px;
  height: 30px;
}
.login-slider-wrap .slick-prev {
  right: 120px;
  left: auto;
  background: url(../images/arrow-prev.svg) center no-repeat;
}
.login-slider-wrap .slick-next {
  right: 65px;
  background: url(../images/arrow-next.svg) center no-repeat;
}
.login-slider-wrap .slick-prev::before,
.login-slider-wrap .slick-next::before {
  display: none;
}


/* forgot popup */
.forgot_pass_popup .modal-footer {
  border: 0px;
  padding-top: 0px;
  justify-content: center;
}
.forgot_pass_popup .inner-addon .fa {
  font-size: 1rem;
  position: absolute;
  left: 20px;
}
.forgot_pass_popup .inner-addon .form-control {
  padding-left: 50px;
}
.forgot_pass_popup .inner-addon {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 20px;
}
.forgot_pass_popup label.error {
  position: absolute;
  bottom: -26px;
}

/* register new */
.register_wrap .login-content {
  padding: 40px 60px;
  max-width: 100%;
  width: 100%;
}
.register_wrap {
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 50px 0;
}
.register_wrap .col_left {
  max-width: 660px;
  width: 100%;
}
.register_wrap .col_right {
}

.register_bg {
  background: url(../images/register_bg.webp);
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  padding: 50px 40px 0;
  display: block;
  max-width: 715px;
  margin-left: auto;
  height: 100%;
  border-radius: 30px;
  min-height: 700px;
}
.register_wrap .text_wrap {
    margin-bottom: 100px;
}
.register_bg h3 {
  font-size: 1.666666rem;
  color: #fff;
}
.register_wrap .login-with .heading_main h4 {
  font-size: 24px;
  line-height: 1.25;
}
.register_wrap .form_ps {
  display: flex;
  flex-wrap: wrap;
  column-gap: 12px;
}
.register_wrap .w_half {
  width: calc(50% - 12px/2);
}
.register_wrap .w_one_third {
  width: calc(33.333% - 24px/3);
}
.register_man {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* --- Membership Page */
.font-xs {
  font-size: 14px;
}
.font-sm,
p.font-sm {
  font-size: 16px;
}
.light-bl {
  color: #bccde4;
}
.price .price_subtxt {
  font-size: 1.22222rem;
  color: #505766;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
}
.or-txt,
.price_plans p.or-txt {
  color: #367df9;
  font-weight: 700;
  width: 100%;
}
.membership_plan .price_bx {
  height: 100%;
}
.membership_plan .price_bx:hover .price_subtxt,
.membership_plan .price_bx:hover .or-txt {
  color: inherit;
}
.membership_plan .price_bx:hover .que-tooltip svg path,
.membership_plan .price_bx:hover .i-tooltip svg {
  fill: #fff;
}
.text_content_bx .txt-bl {
  font-family: "Manrope", sans-serif;
}
.txt-bl,
.text_content_bx .txt-bl {
  color: #367df9;
}
.f-600,
.text_content_bx .f-600 {
  font-weight: 600;
}
.text_content_bx.highlited {
  background: #367df9;
  color: #fff;
}
.text_content_bx.highlited .icon {
  background: transparent;
  height: auto;
  width: auto;
  margin-bottom: 21px;
}
.exclusive-benefits {
  padding: 60px 15px;
  box-shadow: 0px 100px 80px rgba(128, 170, 221, 0.03),
    0px 41.7776px 33.4221px rgba(128, 170, 221, 0.0215656),
    0px 22.3363px 17.869px rgba(128, 170, 221, 0.0178832),
    0px 12.5216px 10.0172px rgba(128, 170, 221, 0.015),
    0px 6.6501px 5.32008px rgba(128, 170, 221, 0.0121168),
    0px 2.76726px 2.21381px rgba(128, 170, 221, 0.00843437);
}
.benefits-wrap {
  position: relative;
}
.benefits-wrap::before {
  position: absolute;
  content: "";
  width: 100%;
  background: #fff;
  bottom: 0px;
  height: 160px;
  left: 0;
}
.eb_content {
  padding: 0 10px;
  margin-bottom: 45px;
}
.eb_content .icon {
  height: 75px;
  width: 75px;
  margin-bottom: 30px;
}
.eb_content h5 {
  font-family: inherit;
}
.price_plan_tabs .nav {
  background: #ffffff;
  border: 1px solid #ebebeb;
  border-radius: 30px;
  display: inline-flex;
  padding: 5px;
  box-shadow: 0px 22.3363px 17.869px rgba(216, 228, 239, 0.11326),
    0px 12.5216px 10.0172px rgba(216, 228, 239, 0.095),
    0px 6.6501px 5.32008px rgba(216, 228, 239, 0.0767396),
    0px 2.76726px 2.21381px rgba(216, 228, 239, 0.0534177);
}
.price_plan_tabs .nav-link p {
  color: #162d5a;
  font-weight: 500;
}
.price_plan_tabs .nav-link {
  padding: 0.5rem 1.5rem;
  border: none;
  border-radius: 25px;
}
.price_plan_tabs .nav-link.active {
  color: #fff;
  background-color: #367df9;
  border: none;
}
.price_plan_tabs .nav-link.active p {
  color: #fff;
}
.price_plan_tabs .nav-link.active p span {
  color: #faff00;
}
.plan_collapse .price_bx {
  padding: 16px 30px 24px;
}
.plan_collapse.price_plans .middle-content {
  margin: 15px 0 0px;
}
.plan_collapse .price_bx .action {
  margin-top: 1rem;
}
.price_bx:hover .font-green {
  color: #fff;
}
.explore_more_arrow {
  padding: 5px;
  width: 45px;
  height: 45px;
  background: #ffffff;
  border-radius: 50%;
  margin: 0 auto -22px;
  z-index: 1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0px 22.3363px 17.869px rgba(216, 228, 239, 0.11326),
    0px 12.5216px 10.0172px rgba(216, 228, 239, 0.095),
    0px 6.6501px 5.32008px rgba(216, 228, 239, 0.0767396),
    0px 2.76726px 2.21381px rgba(216, 228, 239, 0.0534177);
}
.explore_more p {
  color: #162d5a;
  font-weight: 600;
}
.rewards-tooltip {
  position: absolute;
  padding: 5px;
  left: 0;
  bottom: 100%;
  margin: 0 10% 10px;
  opacity: 0;
  font-size: 14px;
  line-height: 1.42857143;
  letter-spacing: normal;
  background: #000;
  color: #fff;
  border-radius: 4px;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.rewards-tooltip::after {
  content: "";
  width: 14px;
  height: 14px;
  border: 7px solid transparent;
  border-top: 7px solid #000;
  bottom: -14px;
  position: absolute;
  right: 33.5%;
}
.que-tooltip {
  cursor: pointer;
}
#rewards-guide:hover + .rewards-tooltip {
  opacity: 1;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#plan_collapse_content,
#plan_collapse_content2,
#plan_collapse_content3,
#plan_collapse_content4,
#plan_collapse_content5,
#plan_collapse_content6,
#plan_collapse_content7,
#plan_collapse_content8,
#plan_collapse_content9 {
  display: none;
  height: calc(100% - 170px);
}
.membership_plan .bottom-content {
  min-height: calc(100% - 216px);
  margin-top: 15px;
}

/* -- Our Work CSS --*/
.mini_banner.ourwork_banner {
  padding: 5rem 0;
  background: #162d5a;
}
.ourwork_banner h1 {
  color: #fff;
}
.work_search_wrap {
  max-width: 1160px;
  width: calc(100% - 30px);
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
}
.work_search_wrap .form-group {
  position: relative;
}
.work_search_wrap .form_ps .search-input {
  font-size: 1.22222rem;
  height: 68px;
  border-radius: 45px;
  padding: 10px 210px 10px 30px;
}
.work_search_btn {
  position: absolute;
  right: 9px;
  top: 9px;
  background: #367df9;
  border: none;
  border-radius: 40px;
  height: 49px;
  width: 190px;
  font-size: 22px;
  font-weight: 600;
  padding: 10px;
}
.search_btn_txt {
  right: 9px;
  position: absolute;
  top: 9px;
  width: 190px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  font-size: 1.22222rem;
  color: #fff;
  cursor: pointer;
}
input.work_search_btn {
  color: transparent;
}
.our_work.tab-section .nav-tabs .nav-item a {
  padding: 0px 35px;
}
.our_work_tabs {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.tab-section.reviews .our_work_tabs .nav-tabs {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.filter_li {
  margin: 0px 0 0 auto;
  width: 160px;
  text-align: right;
}
.our_work_tabs .nav-item,
.filter_li {
  margin-bottom: 10px;
}
.filter_btn {
  border: 1px solid #162d5a;
  border-radius: 10px;
  padding: 8px 30px;
  background: transparent;
  font-weight: 500;
  font-size: 16px;
  color: #162d5a;
  display: inline-block;
}
.tab-section.reviews.our_work .tab_describe .row,
.portfolio_items_row {
  grid-gap: 35px 0px;
}
.work_item {
  overflow: hidden;
  transition: all ease 0.5s;
  position: relative;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 24.5089px rgb(0 0 0 / 4%);
  -moz-box-shadow: 0px 0px 24.5089px rgba(0, 0, 0, 0.04);
  -ms-box-shadow: 0px 0px 24.5089px rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0px 0px 24.5089px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 0px 24.5089px rgb(0 0 0 / 4%);
  height: 100%;
}
.portfolio_items_row.portfolio_slider .image_wrap {
  min-height: auto;
  padding: 0px;
}
.work_bx .image_wrap {
  padding: 0px;
  display: flex;
  align-items: center;
}
.work_bx .image_wrap img {
  width: 100%;
}
.portfolio_btn_group,
.trending_search_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px 20px;
  flex-wrap: wrap;
}
.button-outline-bl.dark-blue {
  border: 1px solid #162d5a;
  color: #162d5a;
  font-size: 18px;
  font-weight: 400;
  padding: 15px 30px;
  min-width: 156px;
}
.button-outline-bl.dark-blue:hover,
.button-outline-bl.dark-blue.active {
  color: #fff;
  border: 1px solid #367df9;
}
.button-outline-bl.dark-blue.active {
  background: #367df9;
}
.portfolio_banner .work_search_wrap {
  position: relative;
  top: 0px;
  left: 0px;
  transform: none;
  margin: 50px auto 40px;
}
.portfolio_title {
  margin: 40px 0 18px;
}
.trending_search_wrap li {
  font-weight: 600;
  font-size: 1.22222rem;
  color: #367df9;
}
.trending_search_item {
  background: #ffffff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  font-weight: 400;
  font-size: 16px;
  color: #505766;
  line-height: 1.7;
  padding: 5px 20px;
  display: inline-block;
}
.work_item_bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0 0;
  display: none;
}
.work_item_bottom h5 {
  color: #162d5a;
  line-height: 1.2;
  font-weight: 400;
  margin: 0px 0 0;
  max-width: calc(100% - 30px);
}
.work_item_label {
  background: rgba(22, 45, 90, 0.75);
  border-radius: 25px;
  position: absolute;
  z-index: 1;
  color: #fff;
  padding: 8px 23px;
  left: 35px;
  top: 20px;
  font-size: 14px;
  line-height: 19px;
  text-transform: uppercase;
}
.overlay_bg {
  z-index: 1;
}
.work_item_bottom h5 a {
  color: #162d5a;
}
.loader_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.22222rem;
  line-height: 30px;
  color: #505766;
  font-weight: 600;
}
.loader {
  color: #505766;
  font-size: 1.666666rem;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 14px 30px 14px 14px;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em,
      -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em,
      -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
      -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
      -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
      -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
      -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em,
      -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em,
      -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
      -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
      -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
      -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
      -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* --  Dropshipping Store CSS -- */
.dropshipping_brand .brand_items img {
  margin: 0 auto;
}
.dropshipping_brand .brand_items:hover img {
  filter: grayscale(1);
}
.dropshipping_brand .slick-track {
  display: flex;
  align-items: center;
}
.dropshipping_apps .brand_items {
  background: #ffffff;
  border-radius: 10px;
  padding: 22px;
  display: flex;
  justify-content: center;
  margin: 0 20px;
  height: 100%;
  min-height: 80px;
  box-shadow: 0px 22.3363px 17.869px rgba(216, 228, 239, 0.11326),
    0px 12.5216px 10.0172px rgba(216, 228, 239, 0.095),
    0px 6.6501px 5.32008px rgba(216, 228, 239, 0.0767396),
    0px 2.76726px 2.21381px rgba(216, 228, 239, 0.0534177);
}
.dropshipping_bx h5 {
  font-family: inherit;
}
.dropshipping_bx p {
  font-size: 16px;
}
.dropshipping_bx {
  max-width: 210px;
  margin: 0 auto;
}
.dropshipping_steps {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  left: 13px;
}

/* -- Print on Demand -- */
.integrations_bx {
  padding: 50px 40px;
}
.integrations_bx h4 {
  margin-bottom: 35px;
}
.o_process_bx {
  max-width: 200px;
  display: inline-block;
}
.o_process_bx .number {
  font-size: 100px;
  font-weight: 600;
  line-height: 0px;
  color: #e0ebff;
  opacity: 0.8;
  position: absolute;
  margin-top: -5px;
}
.o_process_bx h5 {
  position: relative;
  font-family: "Manrope", sans-serif;
}
.o_process_bx p {
  font-size: 16px;
}
.our_process_row {
  width: 100%;
}
.our_process_row .one {
  bottom: 34%;
  left: 0%;
  position: absolute;
}
.our_process_row .two {
  top: 47%;
  left: 25%;
  position: absolute;
}
.our_process_row .three {
  top: 7.5%;
  left: 53.5%;
  position: absolute;
}
.our_process_row .four {
  top: 85.5%;
  left: 59%;
  position: absolute;
}
.our_process_row .five {
  top: 200px;
  left: auto;
  right: 10%;
  position: absolute;
}
.our_process_img {
  padding: 30px 0 70px;
}
.font-green {
  color: #67c455;
  display: block;
  margin-bottom: 20px;
}
.our_process_row .four .number,
.our_process_row .five .number {
  padding-left: 58px;
}
.our_process_row .one .number {
  padding-left: 25px;
}
.process_icon {
  display: none;
}

/* -- Facebook Ads*/
.fb_add_plans .middle-content h5 {
  min-height: auto;
}
.txt-dark-bl {
  color: #162d5a;
}
.price_bx:hover .txt-dark-bl {
  color: #fff;
}
.people_help .text_content_bx {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}
.people_help .text_content_bx .text_wrap {
  max-width: calc(50% - 25px);
  display: flex;
  flex-flow: column;
  height: 100%;
  justify-content: space-between;
}
.people_help .add_img {
  max-width: calc(50% - 25px);
}

/* monthly offer */
.monthly_offer_bx {
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  box-shadow: 0px 100px 80px rgba(221, 128, 128, 0.03),
    0px 41.7776px 33.4221px rgba(221, 128, 128, 0.0215656),
    0px 22.3363px 17.869px rgba(221, 128, 128, 0.0178832),
    0px 12.5216px 10.0172px rgba(221, 128, 128, 0.015),
    0px 6.6501px 5.32008px rgba(221, 128, 128, 0.0121168),
    0px 2.76726px 2.21381px rgba(221, 128, 128, 0.00843437);
}
.monthly_offer_bx::before,
.offer_validity::before,
.offer_validity::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: #fff;
}
.monthly_offer_bx::before {
  width: 100px;
  height: 100px;
  top: calc(50% - 50px);
  left: -50px;
}
.monthly_offer_section .row {
  row-gap: 40px;
}
.offer_pink_bg {
  background: #ffc1bf;
}
.offer_green_bg {
  background: #ccf5c4;
}
.offer_yellow_bg {
  background: #ffebb7;
}
.offer_blue_bg {
  background: #cbdafa;
}
.offer_offwhite_bg {
  background: #ffebd8;
}
.offer_violet_bg {
  background: #ead9ff;
}
.offer_content {
  padding: 75px 30px 55px 85px;
}
.offer_validity {
  margin: 55px 00px;
  min-width: 65px;
  position: relative;
}
.offer_pink_bg .offer_validity {
  border-left: 2px dashed #d6757a;
}
.offer_green_bg .offer_validity {
  border-left: 2px dashed #67c455;
}
.offer_yellow_bg .offer_validity {
  border-left: 2px dashed #ffb800;
}
.offer_blue_bg .offer_validity {
  border-left: 2px dashed #367df9;
}
.offer_offwhite_bg .offer_validity {
  border-left: 2px dashed #ee9849;
}
.offer_violet_bg .offer_validity {
  border-left: 2px dashed #8f51da;
}
.offer_content h4 {
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.heading_pink {
  color: #d6757a;
}
.heading_green {
  color: #67c455;
}
.heading_yellow {
  color: #ffb800;
}
.heading_blue {
  color: #367df9;
}
.heading_offwhite {
  color: #ee9849;
}
.heading_violet {
  color: #8f51da;
}
.offer_content p {
  color: #162d5a;
  margin-bottom: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.offer_content .link.arrow_link {
  color: #000;
  font-size: 18px;
}
.offer_validity span {
  width: 300%;
  transform: rotate(90deg);
  position: absolute;
  top: 47%;
  right: -100%;
  text-align: center;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
}
.offer_validity::before,
.offer_validity::after {
  width: 46px;
  height: 46px;
}
.offer_validity::before {
  top: -76px;
  right: 40px;
}
.offer_validity::after {
  bottom: -76px;
  right: 40px;
  box-shadow: 0px 100px 80px rgb(221 128 128 / 3%),
    0px 41.7776px 33.4221px rgb(221 128 128 / 2%),
    0px 22.3363px 17.869px rgb(221 128 128 / 2%),
    0px 12.5216px 10.0172px rgb(221 128 128 / 2%),
    0px 6.6501px 5.32008px rgb(221 128 128 / 1%),
    0px 2.76726px 2.21381px rgb(221 128 128 / 1%);
}

/* //- */
#rating_modal .close {
  font-size: 40px;
  color: #fff;
  opacity: 1;
}
#rating_modal .modal-header {
  background: #d9534f;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.star-rating {
  line-height: 32px;
  font-size: 1.25em;
}
.star {
  line-height: 32px;
  font-size: 1.25em;
  cursor: pointer;
}
.star-rating .fa-star {
  color: #ffd700;
}
.star .fa-star {
  color: #ffd700;
}
/* //- */

.coming_soon_page h1 {
  -webkit-text-stroke: 1px;
  -webkit-text-stroke-color: #367df9;
  text-shadow: 0px 5px 5px #367df957;
  font-family: "FontAwesome";
}
.cms_page ul {
  list-style: disc;
  padding-left: 20px;
  margin: 0px;
  margin-bottom: 20px;
}
.cms_page ul li {
  margin-bottom: 15px;
  color: #505766;
}
.cms_page ul li:last-child {
  margin-bottom: 0px;
}
.gallery_slider_print .images_wrap {
  background: #f7fafb;
  padding: 15px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px;
  margin-bottom: 15px;
}
.privacy_policy_page_design .table tr td {
  border: solid 1px #dee2e6;
  vertical-align: middle;
  color: #505766;
}
.privacy_policy_page_design .table tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.privacy_policy_page_design h4 {
  margin: 15px 0 10px 0px;
}
.privacy_policy_page_design h5 {
  margin: 15px 0 10px 0px;
}
.privacy_policy_page_design span {
  margin: 0 0 2px 10px;
  font-weight: 700;
}
.sab_inner_ttlto li {
  list-style: decimal;
  margin-bottom: 5px;
}
.sab_inner_ttl li {
  list-style: circle;
  margin-bottom: 5px;
}
.min-height-body {
  min-height: calc(100vh - 265px);
}
.top-bottom-des-p {
  padding-top: 30px;
  padding-bottom: 30px;
}
.messages_table_responsive {
  max-height: 370px;
  overflow-x: hidden;
  overflow-y: auto;
}
.pending_orders_slider .text_content_bx {
  min-width: 300px;
}

/* Giftbox builder page */
.price_sort_section.with_image.bg_images_giftbox,
.bg_images_giftbox {
  padding: 150px 0;
}
.bg_images_giftbox .col_right {
  position: absolute;
  right: 0px;
  padding-right: 0px;
}
.bg_images_giftbox .col_right .google_img {
  text-align: right;
}
.row_sticky {
  display: grid;
  grid-template-rows: 50px auto 50px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
.left_col_slider {
  background: #367df9;
  border-radius: 12px;
  padding: 60px;
  padding-right: 25px;
  position: sticky;
  display: block;
  min-height: 515px;
  height: 68vh;
  color: #fff;
  overflow: hidden;
  grid-row-start: 2;
  grid-column: 1/-1;
  top: 18%;
}
.left_col_slider .stick_content {
  padding-right: 100px;
  padding-left: 0px;
}
.right_col_slider {
  gap: 1.5rem;
  grid-column: 1/-1;
  grid-row-end: -2;
  grid-row-start: 1;
  grid-column-start: 8;
  flex-direction: column;
  display: flex;
  position: relative;
  right: 60px;
}
.sticky_slider_section .inner_col_bx .images_wrap {
  background: #fff;
  padding: 0px;
  position: relative;
}
.sticky_slider_section .inner_col_bx .images_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.sticky_slider_section h4 {
  color: #fff;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  text-align: left;
  padding: 30px;
  margin: 0px;
  line-height: 1.1;
  font-family: inherit;
}
.sticky_slider_section .inner_col_bx .bx {
  height: auto;
  position: relative;
  z-index: 1;
}
.sticky_slider_section .inner_col_bx .text_wrap {
  padding: 20px 30px 40px;
}
.sticky_slider_section .inner_col_bx p {
  font-size: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.links_ul {
  margin-top: 30px;
}
.links_ul a {
  font-size: 1.112rem;
  line-height: 1.5;
  width: 100%;
  display: block;
  transition: all ease 0.5s;
  margin-bottom: 20px;
  position: relative;
}
.links_ul a:hover {
  color: #fff;
}
.links_ul a:before {
  content: "";
  width: 36px;
  height: 3px;
  background: #fff;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease 0.7s;
  width: 0px;
}
.links_ul a:last-child {
  margin-bottom: 0px;
}
.links_ul a.active {
  font-weight: 700;
  padding-left: 50px;
}
.links_ul a.active::before {
  width: 36px;
}
.uniq_giftbox_sec .heading_with_btn_text .heading_main {
  column-gap: 10px;
  justify-content: flex-start;
  margin-bottom: 50px;
}
.uniq_giftbox_sec .heading_with_btn_text .heading_main .left {
  width: 50%;
  flex: 0 0 50%;
  display: flex;
}
.uniq_giftbox_sec .icon_sm {
  position: absolute;
  right: 80px;
  top: 10px;
}
.uniq_giftbox_sec .icon_lg {
  position: absolute;
  left: -20px;
  bottom: 200px;
}
.uniq_giftbox_sec .heading_with_btn_text .heading_main p {
  margin: 0px;
  margin-bottom: 20px;
}
.uniq_giftbox_sec .images_wrap {
  padding-right: 60px;
}
.uniq_giftbox_sec .icon_with_text {
  display: flex;
  margin: 0px;
  margin-bottom: 50px;
}
.uniq_giftbox_sec .icon_with_text:last-child {
  margin-bottom: 0px;
}
.uniq_giftbox_sec .icon_with_text h5 {
  font-size: 1.112rem;
}
.gift_box_membership .price_bx .price {
  font-size: 2.67rem;
  margin-bottom: 15px;
}
.gift_box_membership .middle-content {
  margin-top: 3rem;
}
.gift_box_membership .tab_describe div + p {
  max-width: 100%;
  margin-top: 50px;
}
.gift_box_membership .heading_main h2 {
  display: flex;
  align-items: center;
  column-gap: 30px;
}

/* case study page */
.deal_with_santa .row {
  row-gap: 30px;
}
.client_casestudy_info ul li {
  margin-bottom: 60px;
  display: inline-block;
  width: 100%;
}
.client_casestudy_info .heading_lbl {
  font-size: 1rem;
  text-transform: capitalize;
  letter-spacing: normal;
  font-family: "Manrope", sans-serif;
}
.client_casestudy_info h4 {
  font-size: 1.666666rem;
  line-height: 1.333333;
  color: #505766;
  font-weight: 400;
  font-family: inherit;
}
.case_study_bx .col_left > div {
  padding-right: 40px;
}
.client_casestudy_info .action {
  margin-top: 50px;
  position: relative;
  z-index: 1;
}
.case_study_bx .heading_main {
  margin-bottom: 80px;
}
.after-bg:after {
  content: "";
  height: 170px;
  width: 100%;
  background: #ffffff;
  display: inline-block;
  position: absolute;
  bottom: 0px;
}
.after-bg img {
  z-index: 1;
  position: relative;
}
.deal_with_santa .bg_bx {
  background: #fff;
}
.deal_with_santa .images_wrap img {
  border: 1px solid #d1d1d1;
  border-radius: 10px;
}
.description_text_two .heading_main {
  padding-right: 20px;
}
.description_text_two .heading_main h5 {
  font-size: 1.112rem;
  font-family: inherit;
  font-weight: 700;
}
.description_text_two .heading_main p {
  font-size: 16px;
}
.description_text h5,
.description_text,
.description_text .heading_main p,
.description_text .heading_main .mn_img {
  font-size: 1.22222rem;
}
.description_text .heading_main p,
.description_text .heading_main .mn_img {
  margin-top: 40px;
}
.description_text .heading_main p.img_btm_lbl {
  color: #838c9f;
  font-size: 1rem;
  margin-top: 10px;
  text-align: center;
  width: 100%;
}
.clr_blue {
  color: #367df9;
  font-weight: 700;
  display: inline;
}
.description_text hr + * {
  margin-top: 40px;
}
.description_text .heading_main h5 {
  font-family: inherit;
}
.description_text .heading_main h5 + p {
  margin-top: 10px;
}
.description_text ul {
  margin-top: 30px;
}
.description_text.ul_disc ul li {
  font-size: inherit;
}
.description_text .quetion_block h4 {
  color: #367df9;
  font-family: "Manrope", sans-serif;
}
.description_text .quetion_block p {
  padding-left: 35px;
  max-width: 1010px;
}
.description_text .question_list {
  margin-top: 5px;
  list-style-type: disc;
}
.description_text .question_list li {
  margin-bottom: 20px;
  margin-left: 55px;
  padding-left: 0;
}
.description_text .question_list li span {
  color: #367df9;
}
.testimonial_reviews .slider_wrap .slider-for .slick-list.draggable {
  padding-bottom: 100px;
}
.testimonial_reviews .slider_wrap.effect-none .inner_bx::before,
.testimonial_reviews .slider_wrap.effect-none .inner_bx::after {
  display: none;
}
.testimonial_reviews.case_study_review .slider_wrap .slider-nav .slide_item {
  justify-content: center;
}
.testimonial_reviews.case_study_review .slider_wrap .inner_bx {
  padding: 40px 100px;
}
.testimonial_reviews.case_study_review .slider_wrap .inner_bx p {
  -webkit-line-clamp: 7;
}
.case_study_review .text_wrap_inner {
  position: absolute;
  bottom: -125px;
  left: 0px;
  right: 0px;
}
.text_wrap_inner h5 {
  width: 100%;
  margin-bottom: 5px;
  font-family: "Manrope", sans-serif;
  font-size: 1.112rem;
}
.text_wrap_inner p {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #367df9;
  margin-bottom: 0px;
}
.testimonial_reviews.case_study_review .text_wrap_inner p {
  display: block;
  min-height: initial;
  max-width: 100%;
  overflow: initial;
  -webkit-line-clamp: initial;
}
.best_choice_lbl {
  background: #f9a301;
  color: #fff;
  padding: 7px 20px;
  font-size: 13px;
  line-height: 1;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
  position: absolute;
  top: 0;
  display: block;
  margin: 0 auto;
  left: 0;
  right: 0;
  max-width: max-content;
}

/***   Bundle page   ***/
#header-menu2.bundle-header {
  display: none;
}
#header-menu2.bundle-header.fixed {
  display: block;
}
.bg_images_bundle {
  background: #f7fafb url(../images/bundle-page/bundlle-background.png);
  background-size: 100% 100%;
  position: relative;
}
.bg_images_bundle h2 {
  margin-top: 35px;
}
.bg_images_bundle .v-align {
  padding: 100px 0;
}
.bg_images_bundle .heading_main p {
  font-size: 1rem;
  line-height: 32px;
  text-align: justify;
  max-width: 735px;
}
.product-bundle {
  padding: 100px 0 0 0;
}
.product-bundle .heading_main p {
  margin: 0px;
}
.product-bundle .product-box {
  background: #fff9f9;
  border-radius: 20px;
  padding: 50px;
}
.product-bundle .product-box p {
  max-width: 516px;
  margin: 0 auto;
}
.product-bundle .product-box .box_img_1 {
  padding-top: 50px;
}
.product-bundle .product-box .box_img_1 img {
  margin: -25px;
}
.product-bundle .product-box .box_img_2 {
  padding-top: 25px;
}
.product-bundle .product-box .box_img_2 img {
  margin-bottom: -50px;
}
.three-box {
  padding: 40px 0 120px 0;
}
.three-box .product-box {
  padding: 40px;
}
.three-box .product-box .box_img_3 {
  padding-top: 50px;
}
.three-box .product-box .box_img_3 img {
  margin-bottom: -40px;
}
.three-box .product-box .box_img_4 {
  padding-top: 60px;
  padding-bottom: 15px;
}
.three-box .product-box .box_img_5 {
  padding-top: 20px;
}
.three-box .product-box h3 {
  font-size: 22px;
  line-height: 42px;
  margin-bottom: 5px;
}
.three-box .product-box p {
  font-size: 18px;
  line-height: 28px;
}
.trial-wrapper {
  background: var(--apps-page-base-color);
  color: var(--white-color);
  padding: 70px 0;
}
.trial-wrapper .trial-box {
  display: flex;
  justify-content: space-between;
}
.trial-wrapper .trial-box h2 {
  max-width: 778px;
  color: var(--white-color);
}
.trial-wrapper .trial-box h2 span {
  color: #f4d55c;
  display: inline;
}
.trial-wrapper .trial-box .button {
  background: var(--white-color);
  color: var(--apps-page-base-color);
}
.trial-wrapper .trial-box .button:hover {
  background: #ffc0c0;
  color: var(--white-color);
}
.trial-wrapper .trial-box .button:hover svg path {
  stroke: var(--white-color);
}
.product-map {
  padding: 100px 0;
}
.product-map .heading_main h2 {
  max-width: 1160px;
  margin: 0 auto;
  color: var(--apps-page-heading-color);
}
.product-map .heading_main h2 span {
  color: var(--apps-page-base-color);
}
.product-map .heading_main p {
  margin-top: 14px;
}
.product-map .map-box {
  text-align: center;
  margin: 0 auto;
  position: relative;
}
.product-map .map-box img {
  width: 45%;
}
.product-map .map-box .note {
  max-width: 406px;
  text-align: right;
  position: absolute;
}
.product-map .map-box .note .note-content h3 {
  font-family: "Manrope", sans-serif;
  font-style: normal;
  font-size: 22px;
  line-height: 26px;
  color: var(--apps-page-heading-color);
}
.product-map .map-box .note .note-content p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
}
.product-map .map-box .note-1 {
  top: 105px;
  left: 0px;
}
.product-map .map-box .note-2 {
  top: 45%;
  left: 0px;
  transform: translate(0, -50%);
}
.product-map .map-box .note-3 {
  bottom: 190px;
  left: 0px;
}
.product-map .map-box .note-4 {
  top: 105px;
  right: 0px;
  text-align: left;
}
.product-map .map-box .note-5 {
  top: 45%;
  right: 0px;
  transform: translate(0, -50%);
  text-align: left;
}
.product-map .map-box .note-6 {
  bottom: 190px;
  right: 0px;
  text-align: left;
}
.product-map .action {
  margin-top: -80px;
  justify-content: center;
}
.product-map .button {
  background: var(--apps-page-base-color);
}
.product-map .button:hover {
  background: #ff5a5a;
}
.bundle-header {
  background: transparent !important;
}
.bundle-header .menu-header .submenu-main > li > a {
  color: #333333;
}
.bundle-header .menu-header ul.submenu-main > li > a:before {
  background: var(--apps-page-base-color);
}
.bundle-header .menu-header .submenu-main {
  justify-content: center;
}
.bundle-header.fixed {
  background: #fccece;
  background: radial-gradient(
      83.32% 448.64% at 51.46% 29.21%,
      #ffe4e4 13.48%,
      #ffa4a4 100%
    )
    transparent !important;
}
.gift-box-header.fixed {
  background: #f7fafb url(../images/bundle-page/gift_bg.png) !important;
}
.bundle_products {
  background: #333333;
}
.bundle_products .footer-left-logo .address p {
  color: #eedddd;
}
.bundle_products .footer-menu ul li a {
  color: #eedddd;
}
.bundle_products .footer-newsletter-right .inner-newsletter p {
  color: #eedddd;
}
.bundle_products .footer-left-logo .address p a {
  color: #eedddd;
}
.bundle_products hr {
  border-top: 1px solid #4c4242;
}
.bundle_products .footer-social-media li a {
  color: #eedddd;
}
.bundle_products .footer-copy-right p {
  color: #eedddd;
}
.bundle_products .footer-newsletter-right .input-group .input-group-btn .btn {
  background: var(--apps-page-base-color);
}
.bundle_products
  .footer-newsletter-right
  .input-group
  .input-group-btn
  .btn:hover {
  background: #ff5a5a;
}
.new_giftbox_bg {
  background: #f7fafb url(../images/bundle-page/gift_bg.png);
  background-size: 100% 100%;
  position: relative;
}
.custom_new_page .button {
  background: var(--apps-page-base-color);
}
.custom_new_page .button:hover {
  background: #ff5a5a;
}
.custom_new_page .button-outline-bl {
  color: var(--apps-page-base-color);
  border: 1px solid var(--apps-page-base-color);
}
.custom_new_page .button-outline-bl:hover {
  background: var(--apps-page-base-color);
  border-color: var(--apps-page-base-color);
  color: var(--white-color);
}
.custom_new_page .heading_main.red h2 span {
  color: var(--apps-page-base-color);
}
.custom_new_page .left_col_slider {
  background: linear-gradient(259.49deg, #ffdedb 17.74%, #ffe8e5 63.46%);
  border-radius: 30px;
}
.custom_new_page .button-wt.arrow,
.button-wt {
  color: var(--apps-page-base-color);
}
.custom_new_page .button-wt span {
  color: var(--apps-page-base-color);
  transition: all 0.3s ease;
}
.custom_new_page .button-wt:hover {
  background: #ffc0c0;
  color: var(--white-color);
}
.custom_new_page .button-wt:hover span {
  color: var(--white-color);
}
.custom_new_page .left_col_slider .heading_main {
  margin-bottom: 20px;
}
.custom_new_page .right_col_slider {
  grid-column-start: 7;
  right: 15px;
  top: 15px;
}
.custom_new_page .inner_col_bx .bx {
  background: transparent;
  box-shadow: none;
}
.custom_new_page .inner_col_bx .images_wrap {
  background: transparent;
}
.custom_new_page .images_wrap h4 {
  left: 72px;
  right: 90px;
  padding: 25px 30px;
}
.custom_new_page .inner_col_bx .text_wrap {
  background: var(--white-color);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  box-shadow: 0px 0px 24.5089px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0px 0px 24.5089px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 0px 24.5089px rgba(0, 0, 0, 0.04);
  -ms-box-shadow: 0px 0px 24.5089px rgba(0, 0, 0, 0.04);
}
.custom_new_page .button span {
  color: var(--white-color);
}
.custom_new_page .price_bx .price {
  color: var(--apps-page-base-color);
}
.custom_new_page .price_bx:hover,
.custom_new_page .price_bx.selected {
  background: var(--apps-page-base-color);
  box-shadow: 0px 100px 80px rgba(129, 173, 217, 0.19),
    0px 41.7776px 33.4221px rgba(129, 173, 217, 0.136582),
    0px 22.3363px 17.869px rgba(129, 173, 217, 0.11326),
    0px 12.5216px 10.0172px rgba(129, 173, 217, 0.095),
    0px 6.6501px 5.32008px rgba(129, 173, 217, 0.0767396),
    0px 2.76726px 2.21381px rgba(129, 173, 217, 0.0534177);
  color: #fff;
}
.custom_new_page .price_bx:hover .price_subtxt,
.custom_new_page .price_bx:hover .or-txt {
  color: #fff;
}
.custom_new_page .price_bx:hover .price {
  color: #fff;
}
.custom_new_page .price_bx:hover .button.arrow,
.custom_new_page .price_bx.selected .button.arrow {
  color: var(--white-color);
}
.custom_new_page .heading_main h2 span.green_badge {
  color: #28971e;
}
.custom_new_page .price_bx:hover .button.arrow svg path,
.custom_new_page .price_bx.selected .button.arrow svg path {
  stroke: var(--apps-page-base-color);
  fill: var(--apps-page-base-color);
}
.custom_new_page.service_apps {
  background: radial-gradient(
    83.32% 448.64% at 51.46% 29.21%,
    #ffe4e478 13.48%,
    #ffa4a463 100%
  );
}
.custom_new_page .link {
  color: var(--apps-page-base-color);
}
.custom_new_page .rating_txt.red span {
  color: var(--apps-page-base-color);
}
.custom_new_page .text_content_bx h4 {
  color: var(--apps-page-heading-color);
}
.custom_new_page .link.arrow_link .ico {
  filter: hue-rotate(125deg);
}
.lets_talk_section.custom_new_page {
  background: radial-gradient(
    83.32% 448.64% at 51.46% 29.21%,
    #ffe4e478 13.48%,
    #ffa4a463 100%
  );
}
.custom_new_page .form_ps .form-control {
  border: 1px solid #e4bcbc;
}
.custom_new_page .red .heading_lbl {
  color: var(--apps-page-base-color);
}
.custom_new_page .v-align .heading_main h2 {
  color: var(--apps-page-heading-color);
  font-size: 2.777777rem;
  line-height: 1.28;
  max-width: 620px;  
}
.custom_new_page.new_giftbox_bg .v-align .heading_main h2 {
  max-width: 630px;
}
.custom_new_page .v-align .heading_main h4 {
  margin-top: 3.611rem;
  margin-bottom: 0px;
  color: var(--apps-page-heading-color);
  font-family: "Manrope", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.667rem;
  line-height: 1.2;
}
.custom_new_page .v-align .heading_main.red h4 span {
  color: var(--apps-page-base-color);
}
.custom_new_page.price_sort_section .button {
  border-radius: 15px;
  font-family: "Manrope", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.111rem;
  line-height: 1.51;
  padding: 20px 50px;
  height: 70px;
}
.custom_new_page .store-btn {
  text-align: left;
  border-radius: 8px;
  background: #000;
  color: #fff;
  border: 1px solid #000;
  column-gap: 12px;
  font-size: 14px;
}
.custom_new_page .store-btn .ico {
  max-height: 60px !important;
}
.custom_new_page .store-btn span {
  display: block;
  font-size: 22px;
}
.custom_new_page .prevnext .slick-next,
.custom_new_page .prevnext .slick-prev {
  border: 1px solid var(--apps-page-base-color);
}
.custom_new_page .prevnext .slick-prev:before,
.custom_new_page .prevnext .slick-next:before {
  filter: hue-rotate(137deg);
}
.custom_new_page .slider_wrap .slider-nav .slide_item .text_wrap p {
  color: var(--apps-page-base-color);
}
.custom_new_page.faq_section .card {
  width: 100%;
  margin-bottom: 20px;
  border: 0px;
}
.custom_new_page.faq_section .accordion > .card > .card-header {
  width: 100%;
  background-color: #f4f6f8;
  border-radius: 10px;
  padding: 20px;
  padding-right: 40px;
  position: relative;
}
.custom_new_page.faq_section h5 .btn {
  color: #000;
  font-family: "Manrope", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}
.custom_new_page.faq_section .card-body {
  padding: 0px;
  padding-bottom: 20px;
  color: rgba(0, 0, 0, 0.68);
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 20px;
  display: block;
  text-align: justify;
}
.custom_new_page .heading_main p {
  text-align: justify;
}
.custom_new_page .shopify-patch {
  padding: 10px 15px;
  display: flex;
  max-width: max-content;
  align-items: center;
  column-gap: 20px;
  font-family: "Manrope", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 0.889rem;
  line-height: 24px;
  color: #555555;
  background: var(--white-color);
  border-radius: 10px;
  margin-bottom: 20px;
}
.custom_new_page .text-white * {
  color: #000;
}
.custom_new_page.sticky_slider_section .button {
  color: var(--white-color);
  font-size: 1rem;
  padding: 14px 30px;
  height: auto;
}
.custom_new_page .links_ul a.active::before {
  background: var(--apps-page-base-color);
}
.custom_new_page .links_ul a.active {
  color: var(--apps-page-base-color);
}
.custom_new_page .links_ul a:hover {
  color: var(--apps-page-base-color);
}
.custom_new_page .accordion {
  max-width: 806px;
  margin: 0 auto;
}
.custom_new_page.membership_plan {
  background: radial-gradient(
    83.32% 448.64% at 51.46% 29.21%,
    rgb(255 228 228 / 20%) 13.48%,
    rgb(255 164 164 / 20%) 100%
  );
}
.custom_new_page.product-bundle h3,
.three-box .product-box h3 {
  color: var(--apps-page-heading-color);
}
.custom_new_page.native-app .heading_main h2 {
  max-width: 680px;
}
.custom_new_page.native-app {
  background: #f7fafb url(../images/bundle-page/gift_bg.png);
  background-size: 100% 100%;
  padding-bottom: 200px;
}
.custom_new_page.integrate-logo .text-logo-wrapper {
  display: flex;
  justify-content: space-between;
}
.custom_new_page.integrate-logo h3 {
  font-family: "Manrope", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.444rem;
  max-width: 333px;
  margin-bottom: 25px;
  line-height: 1.23;
  color: var(--apps-page-heading-color);
}
.custom_new_page.integrate-logo p {
  font-family: "Manrope", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.111rem;
  max-width: 320px;
}
.custom_new_page.integrate-logo .brands_list {
  padding: 35px 0;
}
.custom_new_page.integrate-logo .brand_items {
  text-align: center;
  padding: 0px;
  margin: 0 15px;
  height: 100%;
  min-height: 100%;
  background: var(--white-color);
  box-shadow: 0px 100px 116px rgba(137, 137, 137, 0.01),
    0px -0.549823px 34.9706px rgba(137, 137, 137, 0.0456112),
    0px -1.85471px 14.525px rgba(137, 137, 137, 0.035),
    0px 1.05365px 5.25341px rgba(137, 137, 137, 0.0243888);
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.stiky-belt {
  padding: 0.5rem 0px;
  box-shadow: 0px -6px 25px rgba(0, 0, 0, 0.07);
}
.stiky-belt .stiky-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.stiky-belt .title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 15px;
}
.stiky-belt .title-box img {
  max-width: 70px;
  border-radius: 10px;
}
.stiky-belt .heading_main {
  margin-bottom: 0px;
}
.stiky-belt .heading_main h2 span.green_badge {
  font-size: 0.889rem;
  line-height: 22px;
  padding: 3px 10px;
  border-radius: 3px;
}
.stiky-belt .heading_main p {
  font-size: 1.222rem;
  line-height: 28px;
  font-weight: 600;
  margin-top: 10px;
  color: var(--apps-page-heading-color);
  font-family: "Manrope", sans-serif;
  font-style: normal;
}
.stiky-belt .action {
  padding: 0px;
}
.stiky-belt .btn.arrow,
.button.arrow {
  padding: 12px 25px;
  height: 45px;
  font-family: "Manrope", sans-serif;
  letter-spacing: normal;
  font-size: 0.833rem;
  line-height: normal;
}
.stiky-belt .rating_txt {
  font-size: 1rem;
  line-height: 25px;
  max-width: 100%;
  margin-top: 12px;
}
.stiky-belt .rating_icon img {
  width: 20px;
}
.stiky-belt.custom_new_page .button {
  background: #000;
}
.stiky-belt .button-outline-bl:hover {
  background: #000;
  border-color: #000;
  color: var(--white-color) !important;
}
.stiky-belt.custom_new_page .store-btn .ico {
  max-height: 22px !important;
}
.stiky-belt .store-btn {
  background: #fff;
  color: #000;
  border-radius: 100px;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.stiky-belt .store-btn .ico {
  filter: invert(1);
}
.stiky-belt .btn.arrow.back:hover .ico,
.button.arrow.back:hover .ico {
  filter: invert(0);
}
.stiky-belt h2 {
  line-height: 14px;
}
.footer-belt.fixed {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #fff;
  z-index: 999;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.footer-belt {
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  z-index: 999;
  transition: 0.3s ease-in-out;
}
.footer-belt .close-btn {
  position: absolute;
  right: 5px;
  top: -30px;
}
.footer-belt .close-btn button {
  border: 0px;
  outline: 0px;
}
.footer-belt .arrow-img.rotate2 {
  width: 25px;
}
.footer-belt .arrow-img.rotate {
  width: 25px;
}
.footer-belt .rotate {
  transform: rotate(0deg);
  transition: 0.3s;
}
.footer-belt .rotate2 {
  transform: rotate(-180deg);
  transition: 0.3s;
}
.slider-for p#dialog {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 5;
}
.testimonial_reviews .slide_item.slick-slide {
  margin: 0 15px;
  padding: 25px 0;
}
.testimonial_reviews.custom_new_page:not(.two) {
  background: #fff;
}
.testimonial_reviews .slider_wrap .inner_bx {
  width: 25rem;
  height: 100%;
  min-width: 25rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  background: var(--white-color);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.03),
    0 8px 35px -4px rgba(0, 0, 0, 0.09);
  border-radius: 2rem;
  padding: 2rem;
  min-height: 350px;
}
.testimonial_reviews .slider_wrap .rating_icon {
  justify-content: flex-start;
  padding-bottom: 30px;
  margin-top: 30px;
}
.testimonial_reviews .slider_wrap .inner_bx p {
  text-align: left;
  overflow: hidden;
  margin-bottom: 0px;
  max-height: 108px;
  color: #555;
}
.testimonial_reviews .slider_wrap .inner_bx p .read-more {
  min-width: 120px;
  display: inline-block;
  margin-left: 5px;
}
.testimonial_reviews .user_profile {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
}
.testimonial_reviews .user_pic {
  margin-right: 1rem;
}
.testimonial_reviews .user_profile .text_wrap h5 {
  margin: 0px;
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
}
.testimonial_reviews .user_profile.red .text_wrap h5 {
  color: var(--apps-page-base-color);
}
.testimonial_reviews .user_profile .text_wrap p {
  color: #555555;
  font-style: normal;
  font-weight: 400;
  font-size: 0.889rem;
  line-height: 1.2;
  margin: 0px;
  max-width: fit-content;
  min-height: initial;
  margin-top: 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-family: "Manrope", sans-serif;
}
.testimonial_reviews .user_profile .text_wrap {
  text-align: left;
}
.testimonial_reviews .slider_wrap .user_pic img {
  box-shadow: none;
  width: 3rem;
  height: 3rem;
  min-height: 3rem;
  min-width: 3rem;
  object-fit: cover;
  border-radius: 100%;
}

.testimonial_reviews .heading_with_btn .action {
  flex-direction: column;
  align-items: flex-start;
}
.testimonial_reviews .heading_with_btn .action p {
  font-weight: 400;
  font-size: 1.333rem;
  line-height: 30px;
  margin-bottom: 0.3rem;
}
.qe_slider.testimonial_reviews {
  position: relative;
  background: var(--light-bg-color);
}
.qe_slider.testimonial_reviews .slider_wrap .inner_bx {
  padding: 30px;
  border-radius: 24px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
  position: relative;
  min-height: 295px;
}
.qe_slider.testimonial_reviews .slider_wrap .inner_bx p {
  max-height: 140px;
  color: #505766;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
.qe_slider.testimonial_reviews .user_profile .text_wrap p {
  font-family: var(--font-manrope);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.qe_slider.testimonial_reviews .slider_wrap .rating_icon {
  margin-top: 0px;
  padding-bottom: 25px;
}
.qe_slider.testimonial_reviews .user_profile .text_wrap h5 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}
.qe_slider.testimonial_reviews .user_profile {
  gap: 0px;
}
.qe_slider .rv-img {
  position: absolute;
  bottom: 10px;
  right: 10px;
  margin-bottom: 0px;
}

.custom_new_page .heading_main h2 {
  color: var(--apps-page-heading-color);
}
.custom_new_page .text-white .heading_main h2 {
  max-width: 466px;
}
.custom_new_page .heading_main p {
  color: #555;
}
.custom_new_page p {
  color: #555;
}
.app-store-ic {
  max-width: 140px;
}
.center_img_wrap .color-box {
  padding: 0 80px 0 80px;
  border-radius: 30px;
  margin-top: 40px;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}
.center_img_wrap .left-content h3 {
  color: var(--apps-page-heading-color);
  line-height: 1.23;
  font-size: 2.444rem;
  margin-bottom: 25px;
}
.center_img_wrap .text-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.center_img_wrap .left-content {
  max-width: 50%;
}
.center_img_wrap .left-content p {
  max-width: 553px;
  font-size: 1.111rem;
}
.center_img_wrap .right-img {
  width: 50%;
  padding-top: 75px;
}
.center_img_wrap .color-box.box-1 {
  background: linear-gradient(259.49deg, #ffdedb 17.74%, #ffe8e5 63.46%);
}
.center_img_wrap .color-box.box-2 {
  background: linear-gradient(259.49deg, #f2e0ff 17.74%, #f3edfa 71.14%);
}
.center_img_wrap .color-box.box-3 {
  background: linear-gradient(259.49deg, #e3fdc1 17.74%, #e8ffca 63.46%);
}
.center_img_wrap .color-box.box-4 {
  background: linear-gradient(259.49deg, #c1ebfd 17.74%, #e3f8ff 63.46%);
}
.benefit_wrap .heading_main h2 {
  font-size: 2.444rem;
  line-height: 1.23;
}
.benefit_wrap .heading_main p {
  font-size: 1.111rem;
}
.benefit_wrap .layout-box {
  padding: 0 20px;
  margin-top: 40px;
}
.benefit_wrap .content-box {
  height: 100%;
  padding: 30px 20px;
  background: #ffffff;
  box-shadow: 0px 0px 24.5089px rgba(0, 0, 0, 0.04);
  border-radius: 15px;
}
.benefit_wrap .icon-img {
  padding-bottom: 50px;
}
.benefit_wrap .text-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 135px;
}
.benefit_wrap .text-box h5 {
  font-family: "Manrope", sans-serif;
  font-style: normal;
  font-weight: 600;
  color: var(--apps-page-heading-color);
}
.benefit_wrap .text-box {
  font-size: 16px;
}
.custom_new_page .text_content_bx h5 span {
  color: var(--apps-page-base-color);
}
.custom_new_page.native_app_plan_wrap .heading_main del {
  color: #eab7b7;
}
.custom_new_page.native_app_plan_wrap .input_search {
  border: 1px solid #e4e2e2;
}
.custom_new_page .price_plans_lbl {
  background: var(--apps-page-base-color);
}
.custom_new_page.service_banner {
  background: var(--apps-page-base-color);
  padding: 45px 0;
}
.custom_new_page.service_banner .service_bg.two {
  background: var(--apps-page-base-color);
}
.custom_new_page.service_banner p {
  color: #fff;
  max-width: fit-content;
}
.custom_new_page.service_banner .images_wrap {
  padding: 0px;
}
.custom_new_page.testimonial_reviews .testimonial-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.custom_new_page.testimonial_reviews .left-content {
  padding: 42px 0 0 125px;
  max-width: 70%;
}
.custom_new_page.testimonial_reviews .testimonial-wrapper::before {
  content: "";
  background-image: url(../images/profile_img/before.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 54px;
  height: 45px;
}
.custom_new_page.testimonial_reviews .testimonial-wrapper::after {
  content: "";
  background-image: url(../images/profile_img/after.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 40%;
  left: 45%;
  width: 54px;
  height: 45px;
}
.custom_new_page.testimonial_reviews .left-content h3 {
  margin: 0px;
  color: #555555;
  max-width: 720px;
  font-family: "Manrope", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 2.444rem;
  line-height: 1.24;
}
.custom_new_page.testimonial_reviews .left-content h3 strong {
  font-weight: 700;
}
.custom_new_page.testimonial_reviews .left-content .text_wrap {
  padding-top: 37px;
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.custom_new_page.testimonial_reviews .left-content .text_wrap h5 {
  color: var(--apps-page-base-color);
  margin: 0px;
  font-size: 1.444rem;
}
.custom_new_page.testimonial_reviews .left-content .text_wrap p {
  padding-left: 20px;
  font-weight: 500;
  font-size: 1.111rem;
  font-family: "Manrope", sans-serif;
  font-style: normal;
}
.custom_new_page.native-app .col-lg-6.col-md-6.col_right {
  position: absolute;
  right: 0px;
  padding-right: 0px;
  top: 0px;
}
.custom_new_page.center_img_wrap .heading_main h2 {
  font-size: 2.444rem;
  line-height: 1.23;
}
.custom_new_page .login_form_section .searchform {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.custom_new_page .login_form_section .form-group {
  margin-bottom: 0px;
  width: 30%;
}
.custom_new_page .login_form_section button#native_app_submit {
  flex: none;
}
.custom_new_page .login_form_section .form-group .form-text {
  border: 1px solid #e4bcbc;
  height: 56px;
  padding: 10px 20px;
  font-size: 16px;
  color: #000;
  border-radius: 30px;
  box-shadow: none;
  margin: 0px;
}
.center_img_wrap.scroll_up .color-box {
  position: initial;
}

/***   E-store design page   ***/
.mockup_banner {
  text-align: center;
  height: calc(100vh - 127px);
  z-index: 2;
  display: flex;
  position: relative;
  overflow: hidden;
  align-items: center;
}
.mockup_banner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    180deg,
    rgba(22, 45, 90, 0.6) 0%,
    rgba(22, 45, 90, 0.75) 100%
  );
}
.mockup_banner video {
  height: 100%;
  margin: 0 auto;
  width: 100%;
  object-fit: cover;
  position: absolute;
}
.mockup_banner .bg_img {
  height: 100%;
  margin: 0 auto;
  width: 100%;
  object-fit: cover;
  position: absolute;
}

.mockup_banner .mockup_banner_block {
  padding-bottom: 110px;
  position: relative;
  z-index: 1;
}
.mockup_banner .mockup_banner_block h1 {
  color: var(--white-color);
  font-size: 68px;
  line-height: 88px;
  letter-spacing: -1.3px;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.mockup_banner .mockup_banner_block h1 span {
  color: #fbdd65;
  background: linear-gradient(270deg, #f042ff 2.36%, #facc15 79.23%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  animation: shine 6s linear infinite;
  background-size: 200% auto;
}
@keyframes shine {
  to {
    background-position: 200% center;
  }
}
.mockup_banner_block .text_line ul li {
  font-size: 16px;
  color: #ffffffcc;
}
.mockup_banner .cta_btn {
  margin-top: 40px;
}
/* gradiant btn */
.button.new,
.cta_btn .button {
  letter-spacing: 0px;
  box-shadow: 0px 10px 40px 0px rgba(54, 125, 249, 0.4);
  display: inline-block;
  padding: 23px 30px;
  border-radius: 12px;
  font-size: 1.11111rem;
  line-height: 1.1;
  font-weight: 500;
  background: linear-gradient(180deg, #367df9 0%, #0c51ca 100%);
  border: 0;
  letter-spacing: normal;
}
.button.new.sm {
  font-size: 14px;
  padding: 10px 20px;
}
.button.dark {
  background: #162d5a;
  border-color: #162d5a;
  color: #fff;
  padding: 19px 30px;
  box-shadow: none;
  letter-spacing: normal;
  border-radius: 12px;
}
.button.dark svg path {
  fill: #fff;
  stroke: #fff;
}
.button.dark:hover {
  background: #fff;
  color: #162d5a;
}
.button.dark:hover svg path {
  fill: #162d5a;
  stroke: #162d5a;
}

.button.new:hover,
.cta_btn .button:hover {
  background: linear-gradient(0deg, #367df9 100%, #0c51ca 0%);
}

/* button animation  */
.btn_effcet1,
.button.dark.button-pulse,
.cta_btn .button.button-pulse,
.button-pulse {
  -webkit-animation: pulse 2s infinite 3s cubic-bezier(0.25, 0, 0, 1);
  animation: pulse 2s infinite 3s cubic-bezier(0.25, 0, 0, 1);
  box-shadow: 0 0 0 0 white;
}

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

/* blick btn */
.blink {
  animation: blink 0.9s linear infinite;
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/* button effect 2 */
.btn_effcet2 {
  animation: glow 2s infinite;
  transition: 0.5s;
}
@keyframes glow {
  0% {
    background: linear-gradient(317deg, #00c931 0%, #367df9 100%);
  }

  50% {
    /* background: #00c931; */
    background: linear-gradient(317deg, #367df9 0%, #00c931 100%);
    transition: all ease 0;
  }
  100% {
    /* background: linear-gradient(317deg, #367df9 0%, #00c931 100%); */
    background: #002954;
  }
}

.cta_btn .black_btn {
  font-weight: 600;
  padding: 20px 30px 20px 30px;
  background: #162d5a;
  box-shadow: 0px 5px 30px 0px #162d5a33;
}
.cta_btn .black_btn:hover {
  background: #254585;
}
.cta_btn .black_btn.white {
  background: #fff;
  color: #162d5a;
  border-color: transparent;
  font-family: var(--font-manrope);
  border-radius: 12px;
}
.cta_btn .black_btn.white:hover {
  background: transparent;
  color: #fff;
  border-color: currentColor;
}
.text_line {
  color: var(--white-color);
}
.text_line ul {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 15px;
  margin-top: 20px;
  color: #ffffffcc;
  font-family: "Manrope", sans-serif;
}
.text_line ul li {
  font-size: 16px;
  font-weight: 500;
  color: #ffffffcc;
  padding-left: 25px;
  position: relative;
  background: url(../images/check_big.svg) no-repeat;
  background-position: 0 5px;
}
.mockup_banner .count_circle .count_num {
  font-size: 90px;
  line-height: 80px;
  font-weight: 800;
  color: #162d5a;
  margin: 0;
  font-family: "Manrope", sans-serif;
}
.mockup_banner .count_circle span {
  display: block;
  font-size: 22px;
  line-height: 44px;
  font-weight: 600;
  color: #367df9;
  margin-bottom: 25px;
}
.mockup_banner .count_circle {
  background: url(../images/count_circle_bg.svg) no-repeat;
  background-position: bottom;
  min-height: 210px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  animation: expandHeight 2s cubic-bezier(0.88, 0, 1, 1) forwards;
}
@keyframes expandHeight {
  0% {
    bottom: -210px;
  }
  100% {
    bottom: 0;
  }
}
.text_wrapper .inner_text_block {
  display: flex;
  column-gap: 30px;
}
.text_wrapper .icon_box {
  max-width: 44px;
  flex: 44px;
}
.text_wrapper .text_box {
  flex: 1;
  max-width: 580px;
}
.text_wrapper .text_box h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 3px;
}
.text_wrapper .text_box p {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #50576633;
}
.text_wrapper .inner_text_block:last-child .text_box p {
  margin-bottom: 0;
}
.why_need_block .row {
  align-items: flex-end;
}
.why_need_block .img_box {
  margin-bottom: 40px;
}

.text_wrapper .text_box h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}
.text_wrapper.two .text_box p {
  font-size: 18px;
}

.light_blue_bg,
.website_grader_page,
.amazone_design_services,
.what_get_block{
  background: #367df90d;
}
.what_get_block .row {
  align-items: center;
}
.what_get_block .arrow_link {
  margin-left: 74px;
  font-size: 24px;
  line-height: 26px;
  letter-spacing: normal;
  border-bottom: 1px solid currentColor;
  padding-bottom: 15px;
  max-width: max-content;
}
.how_it_work_block .icon_with_text {
  margin-top: 0;
  text-align: center;
}
.icon_with_text .text_box h3 {
  font-size: 24px;
  line-height: 1.25;
  min-height: 58px;
  margin-bottom: 15px;
}

.icon_with_text .text_box p {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.how_it_work_block .inner_text_block {
  position: relative;
}
.how_it_work_block .inner_text_block::after {
  content: "";
  position: absolute;
  right: -69px;
  top: 15%;
  width: 99px;
  height: 18px;
  background: url(../images/vector_arrow.svg) no-repeat;
}
.how_it_work_block .col-sm-6:last-child .inner_text_block::after {
  display: none;
}
.how_it_work_block .col-sm-6:nth-child(2) .inner_text_block::after {
  transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
}

.free_mockup_wrapper {
  background: #367df9;
  color: var(--white-color);
  text-align: center;
  border-radius: 24px;
}
.free_mockup_wrapper * {
  color: var(--white-color);
}
.free_mockup_wrapper .heading_main {
  margin-bottom: 15px;
}
.free_mockup_wrapper .mockup_box_text p {
  max-width: 670px;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 40px;
}
.free_mockup_wrapper .mockup_box_text span {
  color: #fbdd65;
  font-weight: 700;
}
.why_choose_block .price_bx {
  padding: 50px;
}
.why_choose_block .price_bx:hover,
.why_choose_block .price_bx.selected {
  background: #f4f8ff;
  box-shadow: none;
}
.why_choose_block .price_bx:hover p {
  color: #505766;
}
.why_choose_block .text_box h3 {
  line-height: 30px;
  min-height: auto;
}
.why_choose_block .heading_main {
  margin-bottom: 20px;
}
 
.why_choose_block .heading_main p {
  color: #505766;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 15px;
  max-width: 680px;
}
.cta_banner_block {
  background: var(--base-site-color);
  color: var(--white-color);
}
.cta_banner_block .row {
  align-items: center;
}
.cta_banner_block .heading-box {
  max-width: 410px;
  margin-bottom: 0;
  text-align: center;
  padding: 0 15px;
}
.cta_banner_block .heading-box h3 {
  color: #fff;
  line-height: 1.4;
}
.cta_banner_block .btn_wrapper {
  padding-left: 90px;
}
.cta_banner_block .cta_banner {
  padding-top: 38px;
  padding-bottom: 35px;
}
.cta_banner_block .text_line ul {
  justify-content: flex-start;
}
.library_banner_block h2 {
  text-align: center;
  letter-spacing: 0em;
  padding: 56px 0 30px;
  color: var(--base-site-color);
}
 
.search_filter {
  padding-bottom: 40px;
}
.search_filter .row {
  padding-bottom: 20px;
  border-bottom: 1px solid #5057661a;
}
.search_filter .form-control {
  border: none;
}

.search_filter .filter_tab {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 32px;
}
.search_filter .filter_tab .caret::after {
  display: none;
}
.search_filter .filter_tab .btn-default {
  padding: 6px 22px 6px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  min-width: 10rem;
  background-color: transparent;
  border: 1px solid var(--base-site-color);
  border-radius: 4px;
  color: var(--base-site-color);
  transition: all 0.25s ease-out, color 0.25s ease-out;
  position: relative;
  font-size: 16px;
  line-height: 16px;
}
.search_filter .filter_tab .btn-default.reset {
  padding: 5px 8px;
  font-size: 15px;
  line-height: 16px;
  max-height: 30px;
  max-width: 30px;
  border-color: #f96e64;
  min-width: auto;
}
.search_filter .filter_tab .btn-default.reset .fa {
  color: #f96e64;
}
.search_filter .filter_tab .btn-default.reset:hover {
  background: #f96e64;
}
.search_filter .filter_tab .btn-default.reset:hover .fa {
  color: #fff;
}
.search_filter .filter_tab .btn-default:hover {
  background: var(--base-site-color);
  color: var(--white-color);
}
.search_filter .filter_tab .dropdown-toggle::after {
  position: absolute;
  right: 10px;
  top: 43%;
  margin: 0;
}
.search_filter .filter_toggler {
  font-size: 14px;
  line-height: 23px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 16px;
  color: var(--base-site-color);
  text-transform: uppercase;
  letter-spacing: 2px;
}
.search_filter .filter_tab .multiselect-container > li > a > label {
  padding: 6px 8px;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: flex-start;
  column-gap: 5px;
}
.search_filter .multiselect-container.dropdown-menu.show {
  z-index: 1;
}
.search_filter .filter_tab .form-control {
  width: auto;
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
}
.multiselect-item.filter .input-group {
  margin: 0;
  padding: 8px;
}
.multiselect-item.filter .input-group-btn {
  display: none;
}
.multiselect-item.filter
  .input-group:not(.has-validation)
  > .form-control:not(:last-child),
.multiselect-item.filter .multiselect-search {
  background: #edf3fe;
  height: 30px;
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 5px;
  box-shadow: none;
  outline: none;
  border: 1px solid transparent;
}
.multiselect-item.filter
  .input-group:not(.has-validation)
  > .form-control:not(:last-child):focus,
.multiselect-item.filter .multiselect-search:focus {
  border-color: #162d59;
}

.project_sample_block .sample_box {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: all 0.5s ease;
  cursor: pointer;
  border: 1px solid #ededed;
  border-radius: 4px;
  height: 100%;
}
.project_sample_block .sample_box:hover {
  box-shadow: 0 5px 15px 0 rgba(36, 69, 255, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  transition: all 0.3s ease;
}
.project_sample_block .sample_box .img_box img {
  max-height: 485px;
  min-height: 485px;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
.project_sample_block .row {
  row-gap: 20px;
  padding-bottom: 40px;
}
.project_sample_block .sample_box .text_box {
  display: flex;
  align-items: center;
  background: var(--white-color);
  padding: 30px;
}
.project_sample_block .sample_box .text_box a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: #367df9;
  gap: 10px;
}
.project_sample_block .text_box p {
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  width: 100%;
  color: inherit;
  background: var(--white-color);
  margin-bottom: 0px;
  word-break: break-all;
}

.project_sample_block .modal-body img {
  width: 100%;
}
.project_sample_block .modal-content .modal-body {
  max-height: 500px;
  overflow: auto;
}
.project_sample_block .modal-open .modal {
  overflow: hidden;
}

.sample_box .text_box .link_icon svg {
  height: 25px;
  width: 25px;
}
.sample_box .text_box .link_icon svg path {
  fill: #2c6ad4;
}
.library_cta.cta_banner_block {
  max-width: 730px;
  margin: 25px auto;
  border-radius: 8px;
}
.library_cta.cta_banner_block .container {
  padding-left: 15px;
  padding-right: 15px;
}
.library_cta .black_btn {
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  padding: 12px 22px;
}
.library_cta .cta_banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 23px 10px;
}
.library_cta .heading-box h3 {
  font-size: 22px;
  line-height: 28px;
}
.library_cta.cta_banner_block .btn_wrapper {
  padding: 0;
  flex: 0 0 auto;
}
.library_cta .cta_banner .logo_img {
  max-width: 130px;
}
.blue_text > h2 {
  color: var(--base-site-color);
}
.search_tab .selection__choice {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: #162d5a;
  padding: 15px;
  margin: 0 10px 0 0;
  background: #ecf3ff;
  border-radius: 6px;
  text-transform: capitalize;
}
.search_tab .choice__remove {
  font-size: 35px;
  color: #367df9;
  border: 0;
  padding: 0;
  background: transparent;
  width: 20px;
  position: relative;
  top: 3px;
  margin-left: 4px;
  outline: none;
}


/**
 * ==============================================
 * Dot Flashing
 * ==============================================
 */
 .snippet {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 30px;
}
 .dot-flashing {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #367df9;
  color: #367df9;
  animation: dot-flashing 1s infinite linear alternate;
  animation-delay: 0.5s;
}
.dot-flashing::before, .dot-flashing::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.dot-flashing::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #367df9;
  color: #367df9;
  animation: dot-flashing 1s infinite alternate;
  animation-delay: 0s;
}
.dot-flashing::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #367df9;
  color: #367df9;
  animation: dot-flashing 1s infinite alternate;
  animation-delay: 1s;
}

@keyframes dot-flashing {
  0% {
    background-color: #367df9;
  }
  50%, 100% {
    background-color: rgba(152, 128, 255, 0.2);
  }
}


.thank_you_page .text_box span,
.thank_you_page .text_box p {
  color: #505766;
}
.thank_you_page .text_box span {
  /* color: #505766; */
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}
.thank_you_page .text_box span span {
  color: inherit;
}

.thank_you_page {
  background: #f9fcf9;
}
.thank_you_page .button.btn_white {
  background: transparent;
  box-shadow: none;
  color: #162d5a;
  border: 1.5px solid #162d5a;
  transition: all 0.7s ease;
  font-weight: 600;
}
.thank_you_page .cta_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.thank_you_page .social_box ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}
.thank_you_page .social_box ul svg {
  opacity: 0.8;
}
.thank_you_page .social_box ul svg:hover {
  opacity: 1;
}
.thank_you_page .img_box.pb-40 {
  max-width: 70px;
  margin: 0 auto;
}
.thank_you_page .cta_btn .btn.button {
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  padding: 17px 25px;
}
.thank_you_page .cta_btn .black_btn {
  box-shadow: 0px 5px 30px 0px rgba(22, 45, 90, 0.4);
}
.thank_you_page .btn.black_btn {
  font-weight: 600;
}
.thank_you_page .btn.btn_white:hover {
  background: var(--heading-color);
  color: var(--white-color);
}
.thank_you_page .btn.btn_white:hover svg path {
  fill: var(--white-color);
}
.thank_you_page .social_box {
  position: relative;
}
.thank_you_page .social_box:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 800px;
  height: 1.5px;
  margin: 0 auto;
  background: rgba(22, 45, 90, 0.1);
}
.tc_points ol {
  counter-reset: item;
}
.tc_points li {
  display: block;
}
.tc_points li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
}

/* New Homepage Section CSS  */
.round_lbl {
  color: var(--base-site-color);
  font-family: var(--font-manrope);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  width: 100%;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 0.32px;
}
.lets_talk_block .connect_form .form-group {
  margin-bottom: 10px;
}
.lets_talk_block .connect_form .error {
  text-align: left;
}
.connect_form {
  max-width: 1000px;
  margin: 0 auto;
  border-radius: 24px;
  background: rgba(54, 125, 249, 0.1);
  padding: 60px;
  text-align: center;
}
.connect_form .form-control {
  border-radius: 8px;
  border: 1px solid rgba(80, 87, 102, 0.15);
  background-color: var(--white-color); 
}
.connect_form h2 {
  font-family: var(--font-manrope);
  margin-bottom: 40px;
}
.connect_form .cta_btn {
  margin-top: 30px;
}
.connect_form .alert-danger {
  color: #ff0000;
  text-align: left;
  font-size: 15px;
  margin-top: 4px;
  margin-bottom: 15px;
  background-color: transparent;
  border-color: transparent;
  border: 0;
  padding: 0;
}
.cta_wrapper {
  max-width: 1280px;
  margin: 0 auto;
  background: var(--base-site-color);
  padding: 40px 80px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
  border-radius: 24px;
  background-image: url(../images/new-home/round_cta.svg);
  background-repeat: no-repeat;
  background-position: right top;
}
.cta_wrapper img {
  border-radius: 100%;
  border: 4px solid rgba(22, 45, 90, 0.5);
}
.cta_wrapper .text_box {
  display: flex;
  align-items: center;
  gap: 230px;
}
.cta_wrapper h3 {
  color: var(--white-color);
  position: relative;
  margin-bottom: 0;
}
.button.white_btn {
  border-radius: 12px;
  border: 1.5px solid var(--white-color);
  background: var(--white-color);
  color: var(--heading-color);
  box-shadow: none;
}
.button.white_btn:hover {
  background: transparent;
  color: var(--white-color);
}
.h-40,
.cta_btn .button.btn_radius.h-40 {
  padding-top: 11px;
  padding-bottom: 11px;
}
.h-46,
.cta_btn .button.btn_radius.h-46 {
  padding-top: 14px;
  padding-bottom: 14px;
}
.cta_btn .button.btn_radius {
  border-radius: 12px;
  padding: 19px 30px;
  background: linear-gradient(180deg, #367df9 0%, #0c51ca 100%);
  font-family: var(--font-manrope);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.1255;
  box-shadow: none;
  transition: all 0.3s ease;
  border: 0px solid currentColor;
  width: auto;
}
.cta_btn .button.btn_radius.active {
  background: #162d5a;
}
.cta_btn .button.btn_radius.outline_dark {
  background: transparent;
  border: 1px solid currentColor;
  color: #162d5a;
}
.cta_btn .button.btn_radius.outline_dark:hover {
  background: #162d5a;
  color: #fff;
  border-color: #162d5a;
}

.cta_btn .button.btn_radius.white {
  background: #fff;
  border-color: transparent;
  color: #162d5a;
}
.cta_btn .button.btn_radius.white:hover {
  background: #162d5a;
  color: #fff;
  border-color: #fff;
}

.cta_btn .button.btn_radius:hover {
  background: linear-gradient(0deg, #367df9 100%, #0c51ca 0%);
}

.cta_btn .button.btn_radius.btn_bg1 {
  background: #29b4e2;
}
.cta_btn .button.btn_radius.btn_bg2 {
  background: #73c30b;
}
.cta_btn .button.btn_radius.btn_bg3 {
  background: #ff7765;
}
.cta_btn .button.btn_radius.btn_bg1:hover,
.cta_btn .button.btn_radius.btn_bg2:hover,
.cta_btn .button.btn_radius.btn_bg3:hover {
  background: #162d5a;
  color: #fff;
}

.cta_wrapper .button.white_btn {
  padding: 19px 30px;
}
.cta_wrapper .text_box h3:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 1px solid var(--white-color);
  right: -87px;
  bottom: -9px;
}

/* data table pagination */
.dataTables_paginate {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

.dataTables_paginate .paginate_button {
  position: relative;
  width: 36px;
  height: 36px;
  border: 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  font-size: 18px;
  color: #162d5a;
  cursor: pointer;
}
.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button:hover {
  background: #162d5a;
  border-color: #162d5a;
  color: #ffffff;
}

.dataTables_paginate .paginate_button.previous,
.dataTables_paginate .paginate_button.next {
  font-size: 0;
}

.dataTables_paginate .paginate_button.previous:before,
.dataTables_paginate .paginate_button.next:before {
  content: "\f104";
  color: #162d5a;
  font-size: 24px;
  font-family: "FontAwesome";
  color: inherit;
}

.dataTables_paginate .paginate_button.next:before {
  content: "\f105";
}
.dataTables_paginate span {
  display: flex;
  gap: 10px;
}
.dataTables_paginate .paginate_button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/*   feedback page start   */
#data_table_order_wrapper .dataTables_info,
#data_table_order_wrapper .dataTables_length,
#data_table_order_wrapper .dataTables_filter {
  display: none;
}
.feedback-main-custom #select_drop .row {
  margin: 0px;
  width: 100%;
}
.feedback-main-custom .con_form {
  width: 100%;
}
.feedback-main-custom #feedback_form_div form select {
  height: 50px;
  background-color: #fff;
  padding: 0 10px;
  width: 100%;
  background-position-y: center;
}
.feedback-main-custom #feedback_form_div form input {
  background: #fff;
  height: 50px;
  padding: 0 20px;
}
.feedback-main-custom #feedback_form_div .form-group .btn {
  border-radius: 30px;
  background: #367df9;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  text-transform: capitalize;
  border: 1px solid transparent;
  min-width: 140px;
  padding: 16px 39px;
  transition: all 0.3s ease;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  box-shadow: 0px 15px 15px -5px #c4c4c4;
  text-shadow: none;
  text-align: center;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.feedback-main-custom #feedback_form_div div#select_drop {
  padding: 0px;
}
.feedback-main-custom .feedback_rating p {
  margin: 0 0 10px 0;
}
.complain_select_drop .row {
  margin: 0px;
}
#remodal .modal-dialog {
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#remodal .modal-header .close {
  top: 2px;
  position: absolute;
  right: 8px;
  font-weight: 400;
  font-size: 30px;
  z-index: 9;
}
#remodal .modal-header {
  border: none;
  padding: 0px;
}
#remodal .modal-body {
  padding: 20px 20px;
  max-height: 90vh;
  overflow-y: auto;
}
.result-img {
  width: 60%;
  margin: 0 auto;
  text-align: center;
}
.chat_option_left .link_btn_left {
  display: inline-block;
  color: #337ab7;
  border-radius: 0px 8px 8px 0px;
  padding: 0 45px 0 10px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-transform: translate(-107px, 0);
  -moz-transform: translate(-107px, 0);
  -ms-transform: translate(-107px, 0);
  -o-transform: translate(-107px, 0);
  transform: translate(-107px, 0);
  width: 150px;
  font-size: 17px;
  line-height: 45px;
  display: inline-block;
  float: left;
  text-decoration: none;
  background: #fff;
  margin: 3px 0 0 0;
  text-decoration: none;
  position: relative;
  text-align: right;
}
.chat_option_left .link_btn_left i {
  position: absolute;
  right: 9px;
  font-size: 28px;
  top: 9px;
}
.footer-bg-main .chat_option_left {
  position: initial;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: 10px;
  transform: initial;
  margin-top: 20px;
}
.chat_option_left .link_btn_left:nth-child(1) {
  color: #fff;
  background: green;
}
.chat_option_left .link_btn_left:nth-child(2) {
  color: #fff;
  background: #00aaf2;
}
.footer-bg-main .chat_option_left .link_btn_left {
  border-radius: 50%;
  float: none;
  transform: initial;
  text-align: left;
  font-size: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
}
.footer-bg-main .chat_option_left .link_btn_left i {
  position: initial;
}
/* Membership Page 11-09-2023 New File */
.join-membership-banner {
  background: #fff;
  position: relative;
}
.membership-inner-content .img-heading {
  margin-bottom: 55px;
}
.membership-inner-content h1 {
  font-size: 50px;
  font-weight: 600;
  line-height: 1.1;
  position: relative;
  letter-spacing: -0.75px;
  margin-bottom: 5px;
}
.membership-inner-content h4 {
  color: #162d5a;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.48px;
}
.membership-inner-content p {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.333333;
}
.membership-inner-content .cta_btn {
  margin-top: 30px;
}

.member_col_wrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-top: -160px;
}

.member_col_wrap .col_bx {
  width: 100%;
  position: relative;
  flex: 1;
  max-width: 310px;
}
.emogi {
  max-width: 30px;
  max-height: 30px;
}
.card_icon {
  max-width: 50px;
  max-height: 40px;
  margin-top: -4px;
}
.blast {
  max-width: 30px;
  max-height: 30px;
}
.icon_check {
  max-width: 26px;
  max-height: 26px;
}

.member_col_wrap .col_bx .text_wrap {
  width: 100%;
  padding: 20px;
}
.member_col_wrap .col_bx.one .text_wrap,
.member_col_wrap .col_bx.three .text_wrap,
.member_col_wrap .col_bx.five .text_wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.member_col_wrap .col_bx.one {
  background: #97ffb0;
  border-radius: 48px;
}
.member_col_wrap .col_bx.one .text_wrap {
  padding: 30px;
}
.member_col_wrap .col_bx.one h3 {
  font-size: 1.777777rem;
  line-height: 1.375;
}
.member_col_wrap .col_bx.one .icon {
  box-shadow: 0px 0px 5px 0px #000;
  border-radius: 50%;
}
.member_col_wrap .col_bx.four,
.member_col_wrap .col_bx.two {
  max-width: 186px;
}
.member_col_wrap .col_bx.two .bx {
  background: #eef1f4;
  border-radius: 40px;
  min-height: 320px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 40px;
}
.member_col_wrap .col_bx.two .bx .icon {
  margin-bottom: 20px;
  max-width: 42px;
  max-height: 42px;
}
.member_col_wrap .col_bx.two .bx p {
  font-size: 1.333333rem;
  line-height: 1.333333;
}
.member_col_wrap .col_bx.two .bx p span {
  font-size: 1.112rem;
  display: inline;
}

.member_col_wrap .col_bx.three {
  max-width: 358px;
}
.member_col_wrap .col_bx.three .image_wrap img {
  border-radius: 50px;
}
.member_col_wrap .col_bx.three .text_wrap {
  bottom: 50%;
  transform: translateY(50%);
}
.member_col_wrap .col_bx.three .text_wrap h2 {
  font-size: 3.666666rem;
}
.member_col_wrap .col_bx.three .text_wrap p {
  color: #fff;
  text-align: center;
  text-shadow: 0px 4px 15px #162d5a;
  font-size: 1.666666rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  text-transform: capitalize;
}

.member_col_wrap .col_bx.four .bx {
  background: #367df91a;
  max-width: 186px;
  border-radius: 40px;
  min-height: 320px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 20px;
}
.member_col_wrap .col_bx.four h2 {
  font-size: 2.555555rem;
}
.member_col_wrap .col_bx.four p {
  font-size: 1.112rem;
  font-weight: 500;
  word-break: break-all;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  column-gap: 5px;
  max-width: 100px;
}

.check_icon_gif {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1.5px solid #3fb849;
  background: linear-gradient(180deg, #50cc5a 0%, #149304 100%);
  display: flex;
}

.check_icon_gif img {
  max-width: 100%;
  max-height: 100%;
}

.member_col_wrap .col_bx.four .grp_img {
  max-width: 144px;
}
.member_col_wrap .col_bx.five .text_wrap {
  padding-bottom: 60px;
  text-align: center;
}
.member_col_wrap .col_bx.five h4 {
  color: #fff;
  font-size: 1.333333rem;
  font-weight: 500;
}

/* annual spend */
.spend_and_rewards .quantity label {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}
.spend_and_rewards .quantity .input_minus_plus {
  gap: 65px;
}
.spend_and_rewards .quantity .button {
  width: 52px;
  height: 52px;
  flex: 0 0 auto;
  border-radius: 6px;
  box-shadow: none;
  background: #367df91a;
}
.spend_and_rewards .quantity .button.add {
  background: #367df9;
  color: #ffffff;
}
.spend_and_rewards .quantity .input-text {
  width: 100%;
  max-width: 200px;
  color: #367df9;
  text-align: center;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
}

.member_reward_list .head_wrap {
  padding: 30px 40px 0;
}
.member_user {
  width: 100%;
  max-width: 226px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #e5e6e8;
  background: radial-gradient(
    160.44% 55.15% at 50% 74.07%,
    #1d3970 0%,
    #19325f 32%,
    #0f2136 96%,
    #0f2033 100%
  );
  box-shadow: 0px 25px 40px 0px rgba(54, 125, 249, 0.1);
  padding: 17px 20px;
  min-height: 60px;
  border-radius: 0px 0px 35px 35px;
}
.bgicon {
  display: none;
}

.member_user.non span {
  margin-left: 10px;
}
.member_user .icon {
  position: absolute;
  left: 10px;
  top: -40px;
  max-width: 66px;
  max-height: 66px;
}

.member_reward_list {
  max-width: 944px;
  margin: 0 auto;
}
.member_reward_list .bg_wrap {
  border: 5px solid #e5e6e8;
  background: radial-gradient(
    160.44% 55.15% at 50% 74.07%,
    #1d3970 0%,
    #19325f 32%,
    #0f2136 96%,
    #0f2033 100%
  );
  box-shadow: 0px 25px 40px 0px rgba(54, 125, 249, 0.1);
  border-radius: 28px;
  color: #ffffff;
  padding: 60px 40px 40px;
  margin-top: -30px;
}
.member_reward_list .lbl {
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  column-gap: 2px;
}
.member_reward_list .spend_value {
  min-width: 120px;
  position: relative;
  align-items: center;
  justify-content: flex-end;
}
.member_reward_list .spend_value.non {
  color: #367df9;
  justify-content: flex-start;
}
.member_reward_list .lbl svg {
  margin-left: 5px;
  width: 22px;
  height: 22px;  
}
.member_reward_list ul li {
  border-bottom: 2px solid #285396;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.member_reward_list ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.member_reward_list .inner_bx {
  padding: 16px 30px;
  border-radius: 10px;
  background: linear-gradient(
    90deg,
    #162f51 0.46%,
    #264d95 50.73%,
    #152e4e 100%
  );
  gap: 10px;
}
.member_reward_list .total .inner_bx {
  background: linear-gradient(
    90deg,
    #162f51 -7.93%,
    #3970db 50.96%,
    #152e4e 109.72%
  );
}
.member_reward_list .total .lbl {
  font-size: 22px;
}

.member--btn--link {
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  background: rgba(22, 45, 90, 1);
  padding: 18px 25px;
  font-weight: 600;
  border-radius: 50px;
}
.member--btn--link span {
  display: inline-block;
  position: relative;
  transition: all 0.1s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.member--btn--link span::after {
  content: " ";
  background: url(../images/arrow-white.png) no-repeat;
  background-size: 25px;
  height: 15px;
  width: 35px;
  color: #000;
  font-size: 1rem;
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  top: 2px;
  opacity: 0;
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.member--btn--link:hover span {
  padding-right: 1.5rem;
}
.member--btn--link:hover {
  color: #fff;
}
.member--btn--link:hover span::after {
  opacity: 1;
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
}

.access-section {
  padding: 60px 0 100px 0;
  background: #f6fafb;
}
.access-box {
  display: flex;
  gap: 40px;
}
.access-box .heading-box {
  width: 100%;
  max-width: 560px;
  text-align: left;
  margin-bottom: 0px;
  position: sticky;
  top: 230px;
  left: 0;
  height: max-content;
}
.access-box .heading-box h4 {
  font-size: 24px;
  font-weight: 600;
  font-family: var(--font-manrope);
  color: #162d5a;
  margin-bottom: 50px;
}
.access-list {
  max-width: 800px;
  width: 100%;
}

.heading-box {
  text-align: center;
  margin-bottom: 40px;
}
.section--heading {
  font-size: 40px;
  font-weight: 600;
  line-height: 54px;
  color: rgba(22, 45, 90, 1);
  margin: 0;
}
.access-text {
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
  text-align: center;
  margin-top: 20px;
}
.two-button-tab .btn-price {
  width: 100%;
  border: 0;
  background: transparent;
  font-size: 26px;
  line-height: 1.25;
  font-weight: 700;
  background: none;
  color: #162d5a;
  padding: 0;
  font-family: var(--font-manrope);
  text-align: left;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}
.two-button-tab .btn-price:last-child {
  margin-bottom: 0px;
}
.two-button-tab .btn-price:before {
  content: "";
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1.5px solid #367df9;
  display: inline-block;
  margin-right: 15px;
}
.two-button-tab .btn-price.active:before {
  border-width: 9px;
}
.save-tag {
  font-weight: 500;
  font-size: 14px;
  line-height: 12px;
  background: #367df9;
  padding: 5px;
  color: #fff;
  border-radius: 50px;
  margin-left: 8px;
  padding: 7px 10px;
  font-family: "Manrope", sans-serif;
}
.addcartbtn {
  margin-top: 50px;
}
.access-list .item_bx {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
  background: #fff;
  margin-bottom: 30px;
  border: 1.5px solid #979797;
  border-radius: 16px;
  padding: 40px;
  box-shadow: -8px 8px 0px 0px #162d5a;
  transition: all ease 0.5s;
}
.access-list .item_bx:hover {
  box-shadow: -10px 10px 0px 0px #162d5a;
}
.access-list .item_bx h5 {
  margin-bottom: 25px;
  font-size: 1.112rem;
  font-weight: 700;
  font-family: var(--font-manrope);
  display: flex;
  align-items: center;
}
.access-list .item_bx h5 img {
  margin-right: 15px;
}
.access-list ul li {
  padding: 0px 0px 0px 30px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  margin-bottom: 20px;
  color: #505766;
  font-family: var(--font-manrope);
}
.access-list ul li:last-child {
  margin-bottom: 0;
}
.access-list ul li span {
  font-size: 20px;
  font-weight: 700;
  color: #367df9;
}
.access-list ul li::before {
  content: "";
  background: url(../images/check_icon2.svg);
  background-size: contain;
  border-radius: 50%;
  display: inline-block;
  height: 18px;
  width: 18px;
  position: absolute;
  left: 0;
  top: 5px;
}
.addcartbtn a {
  background: rgba(54, 125, 249, 1);
  color: #fff;
  padding: 18px 25px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  border-radius: 50px;
  box-shadow: 0 5px 30px 0 rgba(54, 125, 249, 0.4);
  position: relative;
}
.addcartbtn a:after {
  content: "";
  background: url(../images/arrow-white.png);
  background-repeat: no-repeat;
  background-size: 25px;
  display: none;
  height: 15px;
  width: 35px;
  position: absolute;
}
.membership-faq {
  background: url(../images/membership_faq_bg.webp) no-repeat;
  background-size: cover;
  padding: 100px 0 70px;
}
.membership-faq .card {
  border: 2px solid rgba(232, 232, 232, 1);
  border-radius: 10px;
  margin-bottom: 30px;
}
.membership-faq .card:has(.show) button.btn {
  color: rgba(54, 125, 249, 1);
}
.membership-faq .card:has(.show) {
  box-shadow: 0px 9px 40px 0px rgba(0, 0, 0, 0.15);
}
.membership-faq .faqs-list {
  max-width: 865px;
  margin: 0 auto;
}
.membership-faq .card-header {
  background: none;
  border: none;
  padding: 18px 40px 18px 30px;
}
.membership-faq .btn {
  padding: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  width: 100%;
  text-align: left;
}
.membership-faq .card-body {
  padding: 0 30px 18px 30px;
}
.membership-faq .card-body p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.membership-news-letter {
  padding: 150px 0;
}
.membership-news-letter .letter-box {
  max-width: 690px;
  margin: 0 auto;
}
.letter-field {
  display: flex;
  gap: 25px;
}
.letter-field input {
  height: 54px;
  flex: 440px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}
.letter-field .submit-btn {
  background: rgba(54, 125, 249, 1);
  color: #fff;
  padding: 18px 25px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  border-radius: 50px;
  box-shadow: 0 5px 30px 0 rgba(54, 125, 249, 0.4);
  position: relative;
  border: 0;
}
.social-chat {
  background: rgba(54, 125, 249, 1);
  padding: 45px 0;
}
.social-chat .left-inner-addon {
  position: relative;
}
.social-chat .left-inner-addon input::placeholder {
  color: #fff;
}
.social-chat .left-inner-addon input::selection {
  background: #fff;
  color: #000;
}
.social-chat .left-inner-addon input {
  border: none;
  border-bottom: 1px solid #fff;
  background: transparent;
  border-radius: 0;
  color: #fff;
  padding: 0 30px 15px 35px;
  line-height: 57px;
  min-height: 57px;
}
.social-chat .left-inner-addon i,
.social-chat .left-inner-addon .input-ic {
  position: absolute;
  pointer-events: none;
  color: #fff;
  top: 5px;
  left: 0;
  width: 25px;
}
.social-chat .left-inner-addon button {
  position: absolute;
  top: 6px;
  right: 0;
  border: none;
  padding: 0;
  background: none;
}
.laptop {
  display: none;
}
.reward-program {
  padding: 120px 0;
  background: url(../images/reward-bg.png);
  background-size: cover;
}
.reward-program .main-heading-banner {
  text-align: center;
}
.main-heading-banner h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 72px;
  color: rgba(255, 255, 255, 1);
}
.tc_points .main-heading-banner h2 {
  font-size: 50px;
  line-height: 64px;
}
.tc_points .main-heading-banner h2:last-child {
  font-size: 40px;
}
.tc_points .main-heading-banner p {
  font-size: 50px;
  line-height: 64px;
}
.main-heading-banner p {
  font-size: 60px;
  font-weight: 700;
  line-height: 72px;
  color: rgba(22, 45, 90, 1);
  margin: 0;
  font-family: "Manrope", sans-serif;
  background: linear-gradient(
    270deg,
    rgba(19, 221, 234, 0) 0%,
    #13ddea 49.96%,
    rgba(19, 221, 234, 0) 100%
  );
  padding: 10px;
}
.work-section {
  padding: 120px 0;
}
.work-section .work-heading {
  max-width: 1100px;
  margin: 0 auto;
}
.work-section .work-heading {
  text-align: center;
}
.work-section .work-heading h3 {
  font-size: 40px;
  line-height: 40px;
  font-weight: 600;
  color: rgba(22, 45, 90, 1);
}
.work-section .work-heading p {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  color: rgba(80, 87, 102, 1);
}
.rewards-points {
  padding: 60px 0 0 0;
  max-width: 1050px;
  margin: 0 auto;
}
.rewards-points .collepse-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rewards-points .collepse-control .control-btn {
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  color: rgba(22, 45, 90, 1);
  font-family: "Manrope", sans-serif;
}
.rewards-points .collepse-control .control-btn i {
  margin-left: 10px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}
.rewards-points .collepse-control p {
  text-transform: uppercase;
}
.points-wise-heading {
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  color: rgba(54, 125, 249, 1);
  text-align: center;
  font-family: "Manrope", sans-serif;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid rgba(217, 217, 217, 1);
  padding-bottom: 20px;
  margin: 0;
  text-transform: uppercase;
}
.rewards-points .point-info {
  margin-top: 30px;
}
.point-info .control-btn[aria-expanded="true"] {
  color: rgba(54, 125, 249, 1);
}
.point-info .control-btn[aria-expanded="true"] i {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}
.point-info .title-content {
  padding: 10px 0;
  font-size: 18px;
}
.text-last-bottom {
  text-align: center;
  padding-top: 100px;
}
.text-last-bottom h3 {
  font-size: 40px;
  line-height: 60px;
  font-weight: 600;
  color: rgba(22, 45, 90, 1);
  margin-bottom: 50px;
}
.text-last-bottom h3 span {
  color: rgba(54, 125, 249, 1);
}
.text-last-bottom a {
  color: #fff;
  background-color: rgba(54, 125, 249, 1);
}

.membership-faq h5 {
  position: relative;
}
.membership-faq h5 .btn::after {
  content: "-";
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 34px;
  position: absolute;
  right: -20px;
  line-height: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.membership-faq h5 .btn.collapsed::after {
  content: "+";
  font-size: 24px;
}
.brand_section .brand_slider .slick-track {
  justify-content: space-between;
}
.brand_section .brand_items {
  width: auto !important;
}
.leading_platform.custom_nav_dots .slider_wrap {
  min-height: 425px;
}
.leading_platform.custom_nav_dots .slick-dots li {
  width: 80px;
  height: 80px;
}
.leading_platform.custom_nav_dots .slick-dots li button {
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 80px;
  height: 80px;
  position: relative;
  z-index: 9;
  border-radius: 10px;
  filter: sepia(0.7);
  opacity: 0.7;
  margin: 0 auto;
}
.leading_platform.custom_nav_dots .slick-dots li.slick-active button {
  filter: none;
  opacity: 1;
}
.leading_platform.custom_nav_dots .slick-dots li button:before {
  visibility: hidden;
  opacity: 0;
  display: none;
}
.leading_platform.custom_nav_dots .slick-dots li.slick-active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #dfefff;
  z-index: 1;
  opacity: 1;
  border-radius: 10px;
}
.leading_platform.custom_nav_dots .slick-dots li:first-child button {
  background: url(../images/email-marketing_icon2.svg);
}
.leading_platform.custom_nav_dots .slick-dots li:nth-child(2) button {
  background: url(../images/email-marketing_icon.svg);
}
.leading_platform.custom_nav_dots .slick-dots li:nth-child(3) button {
  background: url(../images/campaign_icon.svg);
}
.leading_platform.custom_nav_dots .slick-dots {
  bottom: -110px;
}
/* Rewards Program page 12-09-2023 End */

/* Sample Preference Form  Start*/
.your_inputs_are_important_section h3 {
  font-size: 25px;
  line-height: 25px;
  margin-top: 25px;
}
.your_inputs_are_important_section h1 {
  font-size: 35px;
  line-height: 35px;
  margin-top: 15px;
}
.your_inputs_are_important_section h2 {
  font-size: 30px;
  margin-top: 15px;
}
.banner_menu {
  text-align: center;
}
.banner_menu h2 {
  margin: 25px 0;
}
.tbl_cantent_main .table-striped tbody tr:nth-of-type(odd) {
  background-color: inherit;
}
.tbl_cantent_main h2 {
  font-size: 30px;
  margin: 25px 0 15px 0;
}
/* Sample Preference Form End */

/* Gift Box Membership Section Start*/
.gift_box_membership .heading_main {
  text-align: center;
}
.gift_box_membership .heading_main h2 {
  justify-content: center;
}
.gift_box_membership .button {
  margin-top: 20px;
}
.gift_box_membership p {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}
.gift_box_membership .heading_main p {
  text-align: center;
}
.gift_box_membership .price_bx {
  height: auto;
}
/* Gift Box Membership Section End*/

.qe_container .container {
  max-width: 1200px;
}

.footer-social-media li a svg {
  fill: #9caed4;
  display: inline-block;
  height: 16px;
  width: 16px;
}
.footer-social-media li a:hover svg {
  fill: #ffffff;
}
.contact_us_row .contact-social-media li a svg {
  fill: #cbdafa;
  width: 40px;
  height: 40px;
}
.contact_us_row .contact-social-media li a:hover svg {
  fill: #ffffff;
}
.thank_you_page .social_box ul li .twitter_icon svg {
  width: 35px;
  background: #49b3f3;
  fill: #ffffff;
  height: 35px;
  border-radius: 8px;
}
.footer-newsletter-right .parthner-logos .box-client-logo.logo_agency a img {
  max-width: 100px;
}
.footer-newsletter-right .parthner-logos .box-client-logo a img {
  max-width: 160px;
}

/*testimonial reviews custom section css*/
.testimonial_reviews_custom .slider_wrap .inner_bx {
  background: #fff;
  box-shadow: 0px 0px 20px rgb(0 0 0 / 4%);
  border-radius: 20px;
  display: block;
  min-height: unset;
  text-align: center;
  max-width: 920px;
  margin: 0 auto;
  width: 100%;
}
.testimonial_reviews_custom .slider_wrap .slider-for .slide_item {
  padding: 10px 0;
}
.testimonial_reviews_custom .slider_wrap {
  margin-top: 30px;
}
.testimonial_reviews_custom .slider_wrap .inner_bx p {
  margin: 0 auto;
  margin-bottom: 30px;
  max-width: 685px;
  text-align: center;
  max-height: unset;
  overflow: unset;
}
.testimonial_reviews_custom .slider_wrap .slider-for .user_pic {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #f7fafb;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: -90px;
}
.testimonial_reviews_custom .slider_wrap .user_pic img {
  border-radius: 50%;
  box-shadow: 0px 35px 20px -20px #2c3a6442;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonial_reviews_custom .slider_wrap .inner_bx .text_wrap_inner p {
  color: #367df9;
}

.search_filter .filter_tab .dropdown-menu {
  height: 165px;
  overflow: auto;
}
.project_sample_block .sample_box .text_box .link-icon {
  width: 24px;
  height: 24px;
}
.membership_section_new .col_left img {
  width: 100%;
}

/* perch case study page */
.content_tab_wrap .tab-section .nav-tabs {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}
.inner-text-banner {
  /* background: url(../images/case-study/perch/banner_img.png) no-repeat; */
  background-size: cover;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: 500px;
}
.img-uper-text {
  max-width: 1370px;
  margin: 0 auto;
  text-align: center;
  padding: 30px 0px;
}
.img-uper-text .heading_section h1 {
  color: #ffffff;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: normal;
}
.img-uper-text .heading_section h1 .sm_txt {
  font-style: normal;
  font-size: 48px;
  font-size: 96%;
}
.img-uper-text .heading_section h1 .org_txt {
  color: #facc15;
  display: inline;
}

.no_tabs {
  border-top: 2px solid #eef1f4;
}
.content_tab_wrap .ul_disc.text_wrap {
  overflow-y: auto;
  max-height: 600px;
  align-items: flex-start;
  align-content: flex-start;
  padding-right: 10px;
}
.content_tab_wrap .no_tabs .ul_disc.text_wrap {
  max-height: initial;
  overflow: initial;
  padding-right: 0;
}
.ul_disc.bullet li {
  position: relative;
  padding-left: 20px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 20px;
}
.ul_disc.bullet li:after {
  content: "";
  width: 5px;
  height: 5px;
  background: #505766;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 10px;
}
.content_tab_wrap p {
  max-width: 100%;
  width: 100%;
  font-weight: 500;
}
.content_tab_wrap .text_wrap h3 {
  font-size: 32px;
  line-height: 1.4;
  margin-bottom: 30px;
}
.content_tab_wrap .tab_describe .images_wrap {
  margin-top: 40px;
}
.content_tab_wrap .tab_describe .ul_disc ul {
  margin-top: 0;
  margin-bottom: 20px;
}
.tab_describe .ul_disc.bullet li {
  font-weight: 500;
}
.no_tabs .tab_describe .ul_disc.bullet li {
  font-weight: 600;
  color: #162d5a;
}
.content_tab_wrap .customer_section {
  margin-top: 40px;
  margin-bottom: 60px;
  padding-left: 10px;
  padding-right: 10px;
}
.content_tab_wrap .customer_section .col_wrap {
  border: 1px solid #162d5a;
  border-radius: 16px;
  padding: 30px;
  box-shadow: -10px 10px 0px 0px #367df9;
  column-gap: 0;
  transition: all ease 0.5s;
}
.content_tab_wrap .customer_section .col_wrap:hover {
  box-shadow: -12px 12px 0px 0px #367df9;
}
.content_tab_wrap .customer_section .col_wrap .col_bx {
  text-align: center;
  margin: 0;
  position: relative;
  width: 33.33%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 30px 20px;
}
.content_tab_wrap .no_tabs .customer_section .col_wrap {
  flex-wrap: wrap;
}
.content_tab_wrap .no_tabs .customer_section .col_wrap .col_bx {
  width: 50%;
  border-right: 1px solid #5057661a;
  border-bottom: 1px solid #5057661a;
}
.content_tab_wrap .no_tabs .customer_section .col_wrap .col_bx::after {
  display: none;
}
.content_tab_wrap .no_tabs .customer_section .col_wrap .col_bx:nth-child(4),
.content_tab_wrap .no_tabs .customer_section .col_wrap .col_bx:nth-child(2) {
  border-right: 0;
}
.content_tab_wrap .no_tabs .customer_section .col_wrap .col_bx:nth-child(3),
.content_tab_wrap .no_tabs .customer_section .col_wrap .col_bx:nth-child(4) {
  border-bottom: 0;
}
.content_tab_wrap .customer_section .col_wrap .col_bx::after {
  content: "";
  width: 1px;
  height: 132px;
  background: #5057661a;
  display: inline-block;
  position: absolute;
  right: 0;
}
.content_tab_wrap .customer_section .col_wrap .col_bx:last-child::after {
  display: none;
}
.content_tab_wrap .customer_section h4 {
  color: #367df9;
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 15px;
  text-shadow: -2px 2px #162d59;
  position: relative;
}
.content_tab_wrap .customer_section h4 sup {
  font-size: 1rem;
  font-weight: 600;
  color: #00c931;
  text-shadow: none;
  position: absolute;
  top: -2px;
  right: -60px;
}
.content_tab_wrap .customer_section h6 {
  font-size: 1.11111rem;
  display: block;
  width: 100%;
}
.content_tab_wrap .customer_section p {
  font-size: 16px;
  color: #505766;
}
.text_wrap.conclusion {
  margin-top: 40px;
}

/* seo audit page */
.connect_form.seo_audit {
  background: #fff;
  padding: 40px 30px;
  max-width: 400px;
  margin-left: 0;
}

.connect_form.seo_audit h4 {
  font-size: 1.333333rem;
  margin-bottom: 20px;
}
.connect_form.seo_audit .form-control {
  background: #eef1f4;
  font-size: 14px;
  font-weight: 500;
}
.connect_form.seo_audit .form_ps .form-group {
  margin-bottom: 10px;
}
.seo_audit_banner .text_wrap {
  max-width: 562px;
}
.seo_audit_banner .text_wrap * {
  color: inherit;
}
.seo_audit_banner .text_wrap h6 {
  color: #162d5a;
  background: #facc15;
  width: auto;
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 6px 10px;
  letter-spacing: 0.36px;
  margin-bottom: 20px;
}
.seo_audit_banner .text_wrap .heading_main p {
  font-weight: 500;
}
.seo_audit_banner ul li {
  font-weight: 500;
  margin-bottom: 15px;
}
.seo_audit_banner ul li img {
  max-width: 24px;
  max-height: 24px;
  margin-right: 10px;
}

.list_report {
  background: #367df90d;
  padding: 60px 115px;
  border-radius: 24px;
  border: 1px solid #367df9;
}
.list_report h3 {
  margin-bottom: 30px;
}
.ul_listing {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  justify-content: space-between;
}
.ul_listing li {
  width: calc(25% - 10px);
  font-weight: 500;
  color: inherit;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 10px;
}
.ul_listing li .ico {
  max-width: 24px;
  max-height: 24px;
}
.audit_report h4 {
  max-width: 936px;
  margin: 0 auto;
}

.growth_barrier {
  color: #fff;
}
.growth_barrier h2 {
  margin-bottom: 30px;
  text-align: center;
}
.growth_barrier p,
.growth_barrier h4 {
  color: inherit;
}
.growth_barrier .ul_listing {
  max-width: 660px;
  margin: 0 auto;
  row-gap: 10px;
}
.growth_barrier .ul_listing li {
  width: calc(50% - 25px);
}

/* amazone services */
.toggle_price2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  width: 100%;
}
.toggle_price2 .lbl {
  font-size: 16px;
  line-height: 1.19;
  font-weight: 600;
  color: #505766;
  margin: 0px;
}
.toggle_price2 .custom-switch {
  margin: 0 10px;
  margin-top: -4px;
  width: 42px;
  height: 22px;
  z-index: initial;
  min-height: initial;
}
.toggle_price2 .custom-switch input {
  display: none;
}

.toggle_price2 .custom-switch .custom-control-label::before {
  width: 42px;
  border-radius: 20px;
  height: 22px;
  background: #00c931;
  border-color: #00c931;
}
.toggle_price2 .custom-switch .custom-control-label::after {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  top: 6px;
  left: calc(-2.25rem + 3px);
  background: #fff;
}
.toggle_price2 .custom-control-input:checked ~ .custom-control-label::before {
  background: #2c6ad4;
  border-color: #2c6ad4;
}
.custom-control-input:focus ~ .custom-control-label::before,
.toggle_price2 .custom-control-input {
  box-shadow: none;
  outline: none;
}
.toggle_price2
  .custom-switch
  .custom-control-input:checked
  ~ .custom-control-label::after {
  left: calc(-2.25rem + 7px);
}

.price_bx.amzn_srvc {
  border-radius: 12px;
  padding: 0;
  padding-bottom: 75px;
  background: #fff;
}
.price_bx.amzn_srvc .top-content {
  background: #eef1f4;
  padding: 37px 30px;
  min-height: 172px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: 0;
}
.price_bx.amzn_srvc .price {
  font-size: 1.666666rem;
  color: #367df9;
  display: block;
  width: 100%;
}
.price_bx.amzn_srvc .price span {
  font-size: 1.2rem;
  font-weight: 500;
  color: #7e7e7e;
}
.btn-select {
  background: #eef1f4;
  border: 1px solid #162d5a1a;
  font-size: 16px;
  font-weight: 500;
  color: #162d5a;
  border-radius: 8px;
  overflow: hidden;
}

.btn-select select {
  background-color: transparent;
  border: 0;
  position: relative;
  width: 53px;
  cursor: pointer;
  border-radius: 10px;
}
.btn-select span {
  display: inline-block;
  position: relative;
  padding-right: 10px;
  margin-right: 5px;
}
.btn-select span:after {
  content: "";
  background: #162d5a1a;
  width: 1px;
  height: calc(100% + 15px);
  display: inline-block;
  position: absolute;
  top: -7px;
  right: 0;
}
.price_bx.amzn_srvc .middle-content {
  text-align: right;
  padding: 20px 20px 50px 20px;
  margin: 0;
}
.price_bx.amzn_srvc .middle-content ul {
  text-align: left;
}
.price_bx.amzn_srvc .cta_btn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 30px;
}
.amazon_cart_list {
  background: #fff;
  padding: 20px;
  border: 1px solid #367df9;
  border-radius: 16px;
  box-shadow: -2px -1px 30px 0px rgba(54, 125, 249, 0.11);
  -webkit-box-shadow: -2px -1px 30px 0px rgba(54, 125, 249, 0.11);
  -moz-box-shadow: -2px -1px 30px 0px rgba(54, 125, 249, 0.11);
  margin-top: 60px;
  justify-content: space-between;
  align-items: center;
  row-gap: 30px;
}
.amazon_cart_list .right_col {
  align-items: center;
  flex: 0 0 auto;
}
.total_price_wrap {
  margin-right: 50px;
}
.total_price_wrap .lbl {
  margin-bottom: 0;
  width: 100%;
  color: #505766;
  font-size: 16px;
  font-weight: 500;
}
.total_price_wrap .price {
  font-size: 1.11111rem;
  font-weight: 700;
}
.prd_item_amz h6 {
  font-size: 16px;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.prd_item_amz .image_wrap {
  width: 56px;
  height: 56px;
  background: #eef1f4;
  padding: 8px;
  position: relative;
  border-radius: 4px;
  flex: 0 0 auto;
}
.prd_item_amz .ico {
  position: absolute;
  top: -6px;
  right: -6px;
  max-width: 16px;
  max-height: 16px;
  cursor: pointer;
}
.amazon_cart_list .left_col {
  gap: 20px;
  width: calc(100% - 250px);
}
.amazon_cart_list .left_col .prd_item_amz {
  width: calc(33.333% - 40px/3);
  flex: 0 0 auto;
  flex-wrap: nowrap;
}
.price.price_with_usd {
  font-size: 14px;
  color: #505766;
}
.price.price_with_usd span {
  color: inherit;
}

/* table_custom2 css*/
.main_table tr > td {
  border: 0;
}
.table_custom2 {
  overflow: visible;
  overflow-wrap: break-word;
  margin: 20px 0;
}
.table_custom2 thead > tr {
  position: relative;
}
.table_custom2 tr td,
.table_custom2 tr th {
  white-space: wrap;
  border: 0;
  padding: 10px 30px;
  border-left: 30px solid #fff;
  border-right: 30px solid #fff;
  width: 23.33%;
  max-width: 330px;
  vertical-align: middle;
  position: relative;
}

.table_custom2 tbody > tr > td:first-child,
.table_custom2 thead > tr > th:first-child {
  width: 30%;
  min-width: 300px;
  padding-left: 0;
  padding-right: 0;
}

.table_custom2 thead > tr > th {
  vertical-align: top;
}

.table_custom2 thead tr th p {
  font-size: 16px;
  font-weight: 500;
  color: #505766;
}
.table_custom2 .shape_bottom:after,
.table_custom2 .shape_top:before {
  content: "";
  background: inherit;
  border-radius: 20px 20px 0 0;
  height: 20px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 100%;
  display: block;
}
.table_custom2 .shape_bottom:after {
  bottom: auto;
  top: 100%;
  border-radius: 0px 0px 20px 20px;
}
.table_custom2 tr td p {
  color: #162d5a;
  font-weight: 500;
}
.amazon_package .price {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 15px;
}
.bg1 {
  background: #dcf2fa;
}
.bg2 {
  background: #e8ffca;
}
.bg3 {
  background: #ffe8e5;
}
.bg1 .lbl {
  color: #29b4e2;
}
.bg2 .lbl {
  color: #73c30b;
}
.bg3 .lbl {
  color: #ff7765;
}

.amazon_package .description i {
  font-size: 16px;
  font-weight: 500;
  color: #505766;
}

.portfolio_gallery .slick-list {
  margin-left: -40px;
}
.portfolio_gallery .slick-slide {
  margin-left: 40px;
}
.portfolio_gallery .our_work_tabs {
  padding-bottom: 0;
  margin-bottom: 40px;
  border: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
}
.portfolio_gallery .our_work_tabs .nav-tabs {
  margin-bottom: 0;
  gap: 15px;
  border: 0;
}
.portfolio_gallery.tab-section .nav-tabs .nav-item {
  margin: 0;
}
.portfolio_gallery.tab-section .nav-tabs .nav-item a {
  border: 0;
  background: #ffffff0d;
  border-radius: 18px;
  padding: 8px 30px;
  color: #fff;
  margin: 0;
}
.portfolio_gallery.tab-section .nav-tabs .nav-item a * {
  font-size: 16px;
  color: inherit;
  line-height: 1.4;
  font-weight: 500;
}

.portfolio_gallery.tab-section .nav-tabs .nav-item a.active {
  background: #367df9;
  color: #fff;
}

.portfolio_gallery .portfolio_slider .image_wrap {
  padding: 0;
  max-height: 630px;
  align-items: flex-start;
}

.image_with_content .images_wrap img {
  max-width: 660px;
  max-height: 660px;
}
.amazon_service .action {
  margin-top: 30px;
}

/* website grader page */
.grader_form {
  max-width: 812px;
}

.radiobuttons.radio_ps [type="radio"]:checked + label,
.radiobuttons.radio_ps [type="radio"]:not(:checked) + label {
  font-size: 16px;
  padding-left: 35px;
  color: #505766;
  font-weight: 500;
}
.radiobuttons .rdio {
  padding: 14px;
  border: 1px solid #50576626;
  min-width: 160px;
  cursor: pointer;
}
.border_bottom {
  padding-bottom: 40px;
  border-bottom: 2px solid #5057661a;
  margin-bottom: 40px;
}
.border_bottom:last-child {
  padding-bottom: 0px;
  border-bottom: 0px;
}

.heading_curve {
  padding: 15px 30px;
  border-radius: 16px 16px 0px 0px;
}
.form_inner_grader {
  border: 2px solid #eef1f4;
  background: #fff;
  padding: 30px 30px 15px;
}
.success_msg,
.error_msg_main {
  color: #e94a49;
  border-color: #e94a49;
  background: #fff;
  padding: 30px;
  border-radius: 16px;
}
.success_msg {
  color: #00c931;
  border-color: #00c931;
}
.success_msg *,
.error_msg_main * {
  color: inherit;
}

.success_msgs h5 {
  color: #367df9;
  margin: 0px;
}
.success_msgs img {
  max-width: 50px;
  margin-bottom: 20px;
}

.disable_click {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

.freeprivacypolicy-com---nb-simple.freeprivacypolicy-com---reset {
  max-width: 35%;
}
.freeprivacypolicy-com---reset.freeprivacypolicy-com---nb
  .cc-nb-main-container {
  padding: 2rem;
}

/* cart page coupon */
.coupon {
  border-radius: 12px;
  box-shadow: 5px 8px 10px #d6d5d533;
  border: 1px solid #eee;
}
.coupon .off {
  background: #002954;
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  padding: 4px 5px;
  border-radius: 3px;
}
.coupon .code {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 15px;
  line-height: 1;
  text-transform: uppercase;
  padding: 5px 10px;
  transition: all ease 0.5s;
  word-break: break-all;
  text-align: center;
}
.coupon .code:hover {
  background: green;
  color: #fff;
  cursor: pointer;
}

/* free-email-template-design */
.email_template_gallery .heading_main {
  position: relative;
}
.email_template_gallery .work_item {
  border-radius: 0px;
}
 
.email_template_gallery .slick-list {
  margin-left: -30px;
}
.email_template_gallery .slick-slide {
  margin-left: 30px;
}
.filer_email {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  gap: 10px;
  margin-top: 10px;
}
.filer_email h6 {
  color: inherit;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 800;
}
.filer_email .select_pk {
  border-color: #367DF980;
  background-color: transparent;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  min-width: 170px;
  background-image: url(../images/arrow-down-wt.svg);
  background-position: 128% center;
  border-radius: 8px;
  width: auto;
  height: auto;
  line-height: 1;
  padding: 6px 40px 6px 10px;
  text-align: center;
}
.filer_email select.select_pk option { color: black; }
.filer_email .select_pk option:selected {
  color: #fff;
}
.logo_slider_wrap .slick-slide img {
  max-height: 50px;
}
.three.new .text_content_bx {
  padding: 30px;
}
.three.new .text_content_bx .icon {
  margin-bottom: 32px;
}
.three.new .text_content_bx h4 {
  margin-bottom: 10px;
}

.how_it_work_block_two .light_grey_bg {
  border-radius: 30px;
}
.how_it_work_block_two .inner_text_block {
  max-width: 311px;
  margin: 0 auto;
}
.how_it_work_block_two .inner_text_block::after {
  content: "";
  position: absolute;
  right: -130px;
  top: 0;
  width: 248px;
  height: 27px;
  background: url(../images/line-dashed-arrow.svg) no-repeat;
  background-size: contain;
  background-position: right;
}
.how_it_work_block_two .col_p:last-child .inner_text_block::after {
  display: none;
}
.how_it_work_block_two .icon_with_text .text_box h3 {
  min-height: initial;
  letter-spacing: normal;
}

.email_explore_marketing .cta_btn .button.btn_radius {
  border-radius: 30px;
  font-size: calc(100% - 4px);
  padding: 10px 20px;
  letter-spacing: 1px;
}

.border_title {
  display: flex;
  align-items: center;
  justify-content: center;
 
  position: relative;
}
.border_title .title {
  display: inline-block;
  margin: 0px;  
   background: #fff;
  z-index: 1;
  padding: 0 15px;
}
.border_title:before {
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  background: #efefef;
  position: absolute;
}

.ul_list {
    list-style: initial;
    padding: revert;
}
.ul_list li {
  margin-bottom: 10px;
}

.blue_bg_wrapper {
  border-radius: 24px;
  text-align: center;
  color: #fff;
  padding: 60px 20px;
}