/*
Theme Name: Guten Custom Theme
Theme URI: https://wordpress.org
Author: the WordPress team
Author URI: https://wordpress.org
Description: A Full-Site-Editing Custom theme
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: guten_custom_theme
*/

body {
  --wp--preset--font-size--small: 20px;
  --wp--preset--font-size--medium: 23px;
  --wp--preset--font-size--large: 24px;
  --wp--preset--font-size--xx-large: 36px;
}
:where(.wp-site-blocks) > *,
:where(body .is-layout-constrained) > * {
  margin-block-start: 0;
}

:focus {
  outline: none;
}

@media (min-width: 0) {
  body {
    --wp--style--global--wide-size: 576px;
    --wp--style--global--content-size: 576px;
  }

  .wp-block-template-part {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 768px) {
  body {
    --wp--style--global--wide-size: 720px;
    --wp--style--global--content-size: 720px;
  }
}

@media (min-width: 992px) {
  body {
    --wp--style--global--wide-size: 960px;
    --wp--style--global--content-size: 960px;
  }
}

@media (min-width: 1230px) {
  body {
    --wp--style--global--wide-size: 1200px;
    --wp--style--global--content-size: 1200px;
  }
}

@media (min-width: 1550px) {
  body {
    --wp--style--global--wide-size: 1400px;
    --wp--style--global--content-size: 1400px;
  }
}

.wp-block-post-content {
  padding-right: 0;
  padding-left: 0;
}

.headwrapper:before {
  background-image: url("/wp-content/uploads/2024/06/heading-bg.png");
  content: "";
  aspect-ratio: 1;
  width: calc(var(--left-space) / 1.2);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}

body .row-headwrapper {
  flex-direction: unset !important;
  flex-wrap: wrap !important;
  justify-content: space-between;
}

body .row-headwrapper .wp-block-group {
  width: 30%;
}

.headwrapper.row-headwrapper {
  margin-bottom: 52px;
  align-items: center !important;
}

.headwrapper.row-headwrapper p {
  flex: 0 0 auto;
  width: 66%;
  margin: 0;
}

.wp-element-button:hover {
  scale: 1.05;
}

.wp-element-button {
  transition: 0.3s;
}

.sp-t {
  padding-top: 86px;
}

.sp-b {
  padding-bottom: 86px;
}

.text-wrapper :is(h2, h3, h4, h5, h6) {
  margin-top: 40px;
}

.text-wrapper > :not(:last-child) {
  margin-bottom: 24px;
}

.text-wrapper ul {
  list-style: none;
  padding-left: 0;
}

.text-wrapper ul li {
  position: relative;
  padding-left: 18px;
}

.text-wrapper ul li:before {
  content: "";
  aspect-ratio: 1/1;
  width: 6px;
  position: absolute;
  left: 0;
  background-color: var(--wp--preset--color--custom-primary);
  display: inline-block;
  top: 15px;
  border-radius: 50%;
}

.text-wrapper ul li:not(:last-child, ul > li > ul li),
.text-wrapper ol li:not(:last-child, ol > li > ol li) {
  margin-bottom: 18px;
}

.text-wrapper ul.is-style-checkmark-list > li::before {
  background-image: url("/wp-content/uploads/check.svg");
  background-color: unset;
  width: 19px;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  top: 7px;
  background-position: center;
}

.text-wrapper ul.is-style-checkmark-list > li {
  padding-left: 27px;
}

body .wp-block-post-content > * {
  max-width: unset;
}

.header-wraaper {
  position: relative;
  padding-bottom: 12px;
  --line-width: 45px;
}

.header-wraaper:before {
  content: "";
  height: 2px;
  display: inline-block;
  width: var(--line-width);
  position: absolute;
  bottom: 0;
  background-color: var(--wp--preset--color--custom-secondary);
}

.header-wraaper.has-text-align-center::before {
  left: 50%;
  transform: translateX(-50%);
}
.header-wraaper.has-text-align-center:not(h1)::before {
  left: calc(50% - 16px);
  transform: translateX(-50%);
}

.has-background .header-wraaper:not(h1)::after {
  background-image: url("/wp-content/uploads/head-pin.svg");
  top: 100%;
}

h1.header-wraaper:before {
  height: 6px;
  width: 164px;
}

.header-wraaper:not(h1)::after {
  content: "";
  background-image: url(/wp-content/uploads/image-3headimg.png);
  width: 16px;
  aspect-ratio: 1/1;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: contain;
  left: calc(var(--line-width) + 2px);
  top: calc(100% - 1px);
  transform: translateY(-50%);
}

.header-wraaper:not(h1).has-text-align-center:after {
  left: calc(50% + var(--line-width) / 2.8);
  transform: translate(-50%, calc(-50% - 2px));
}

.header-wraaper:not(h1) {
  margin-bottom: 36px;
}

.wp-block-post-excerpt__more-text a,
.wp-block-post-excerpt__more-text a {
  color: var(--wp--preset--color--custom-secondary);
  text-decoration: none;
  font-weight: 500;
}

.wp-block-post-excerpt__more-text a:hover,
.wp-block-post-excerpt__more-text a:hover {
  text-decoration: underline;
}

@media (max-width: 1550px) {
  .text-wrapper ul li:before {
    top: 11px;
  }
  body {
    --wp--preset--font-size--medium: 19px;
    --wp--preset--font-size--large: 20px;
    --wp--preset--font-size--x-large: 22px;
    --wp--preset--font-size--small: 18px;
    --wp--preset--font-size--xx-large: 30px;
  }

  .text-wrapper > :not(:last-child) {
    margin-bottom: 20px;
  }

  .sp-b {
    padding-bottom: 68px;
  }

  .sp-t {
    padding-top: 68px;
  }

  .header-wraaper:not(h1) {
    margin-bottom: 28px;
  }
}

@media (max-width: 991px) {
  h1.header-wraaper:before {
    height: 4px;
    width: 100px;
  }
  h2 {
    font-size: 28px;
  }

  .text-wrapper > :not(:last-child) {
    margin-bottom: 12px;
  }

  .sp-b {
    padding-bottom: 45px;
  }

  .sp-t {
    padding-top: 40px;
  }

  body {
    --wp--preset--font-size--medium: 17px;
    --wp--preset--font-size--large: 17px;
    --wp--preset--font-size--x-large: 19px;
    --wp--preset--font-size--small: 16px;
    --wp--preset--font-size--xx-large: 24px;
  }
  .headwrapper.row-headwrapper p {
    width: 100%;
  }

  body .row-headwrapper .wp-block-group {
    width: 100%;
  }

  .headwrapper.row-headwrapper {
    margin-bottom: 30px;
  }
  .header-wraaper:not(h1) {
    margin-bottom: 22px;
  }
  .text-wrapper ul li:before {
    top: 9px;
  }
  .text-wrapper ul li:not(:last-child, ul > li > ul li),
  .text-wrapper ol li:not(:last-child, ol > li > ol li),
  .text-wrapper ol li:not(:last-child) {
    margin-bottom: 11px;
  }
}

@media (max-width: 767px) {
  body {
    --wp--preset--font-size--medium: 16px;
    --wp--preset--font-size--large: 16px;
    --wp--preset--font-size--x-large: 18px;
    --wp--preset--font-size--small: 15px;
    --wp--preset--font-size--xx-large: 22px;
  }
  .sm-pd {
    padding-left: 12px;
    padding-right: 12px;
  }
  .header-wraaper:not(h1)::after {
    background-size: 90%;
  }
}

/*********** header start  *********/

html.has-modal-open {
  overflow: unset !important;
}

html.has-modal-open body {
  overflow: hidden;
}

.custom-header .header-menu {
  gap: 50px;
}

.custom-header
  .wp-block-navigation__container
  .wp-block-navigation-item__content {
  font-size: 18px;
}

.custom-header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9;
  transition: 0.3s;
  padding: 0;
}

:where(.wp-site-blocks) > header {
  margin-top: 0;
}

.contact-btn a {
  background-color: var(--wp--preset--color--custom-secondary);
  padding: 14px 28px 10px;
  line-height: 1.3;
  transition: 0.2s;
  color: #fff !important;
  border-radius: 34px;
}

.contact-btn a .wp-block-navigation-item__label {
  position: relative;
  top: -2px;
}

.contact-btn a:hover {
  text-decoration: none;
  scale: 1.05;
}

.current-menu-item:not(.contact-btn) a {
  font-weight: 700;
}

/* .fixed-header .current-menu-item:not(.contact-btn) a {
  color: #000 !important;
} */

.fixed-header .top-bar {
  display: none;
}

.fixed-header {
  background-color: var(--wp--preset--color--custom-dark);
  box-shadow: 0 0 8px #00000040;
  --wp--preset--color--black: #fff;
}

.fixed-header .contact-btn a {
  background-image: unset;
  background-color: #fff;
  color: #000 !important;
}

.fixed-header .contact-btn a:before {
  filter: invert(1);
}

.top-bar .wp-block-group .wp-container-core-group-is-layout-1 {
  gap: 10px;
}

.top-bar .wp-block-group p a {
  text-decoration: none;
}

.top-bar .wp-block-group p a:hover {
  text-decoration: underline;
}

.wp-social-link-facebook .wp-block-social-link-anchor svg,
.wp-social-link-linkedin .wp-block-social-link-anchor svg,
.wp-social-link-x .wp-block-social-link-anchor svg {
  display: none;
}

.wp-social-link-facebook .wp-block-social-link-anchor:before,
.wp-social-link-linkedin .wp-block-social-link-anchor::before,
.wp-social-link-x .wp-block-social-link-anchor::before {
  content: "";
  display: inline-block;
  aspect-ratio: 1/1;
  width: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.wp-social-link-facebook .wp-block-social-link-anchor:before {
  background-image: url("/wp-content/uploads/facebook.svg");
}

.wp-social-link-linkedin .wp-block-social-link-anchor::before {
  background-image: url("/wp-content/uploads/linkedin.svg");
}

.wp-social-link-x .wp-block-social-link-anchor::before {
  background-image: url("/wp-content/uploads/X.svg");
}

.custom-header .top-bar {
  padding-top: 12px;
  padding-bottom: 12px;
}

.custom-header .header-row {
  padding-top: 10px;
  padding-bottom: 10px;
}

.mobile-menu {
  display: none !important;
}

.custom-header figure {
  display: inline-flex;
}

body .wp-block-social-links {
  gap: 21px;
}
.fixed-header .header-logo {
  display: none;
}

header:not(.fixed-header) .stciky-header {
  display: none;
}

.custom-header figure {
  display: inline-flex;
}

.custom-header
  .wp-block-navigation__container
  .wp-block-navigation-item__content:hover {
  color: var(--wp--preset--color--custom-secondary);
  text-decoration: none;
}

.wp-block-navigation-item__content:focus,
.wp-block-navigation-item__content:active {
  outline: none;
}

@media (max-width: 1550px) {
  .top-bar > .wp-block-group > .wp-block-group {
    gap: 40px;
  }
  .custom-header
    .wp-block-navigation__container
    .wp-block-navigation-item__content {
    font-size: 16px;
  }
}

@media (max-width: 1230px) {
  .custom-header .header-menu {
    gap: 24px;
  }

  .custom-header .top-bar {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .custom-header .header-row {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}

@media (max-width: 991px) {
  .custom-header .wp-block-site-logo img {
    height: auto;
    width: 157px;
  }

  .custom-header .header-menu {
    gap: 18px;
  }

  .custom-header
    .wp-block-navigation__container
    .wp-block-navigation-item__content {
    gap: 7px;
  }

  .contact-btn a {
    padding: 12px 16px;
  }

  .contact-btn a::before {
    width: 19px;
  }

  .custom-header .header-menu a {
    font-size: 15px !important;
  }

  .mobile-menu {
    display: block !important;
  }

  .dk-menu {
    display: none;
  }

  .custom-header .current-menu-item:not(.contact-btn) a {
    color: #f58749 !important;
  }

  .wp-block-navigation__responsive-container .top-bar {
    display: block;
    position: sticky;
    left: 0;
    right: 0;
    bottom: 15px;
    background-color: var(--wp--preset--color--custom-dark);
    margin-top: auto;
  }

  .wp-block-navigation__responsive-container {
    background: var(--wp--preset--color--custom-dark) !important;
    padding-bottom: 128px !important;
    overflow: auto !important;
    height: 100dvh;
  }

  .wp-block-navigation__responsive-container
    .top-bar
    > .wp-block-group:first-child {
    justify-content: center;
    gap: 20px;
  }

  .wp-block-navigation__responsive-container .top-bar {
    padding: 16px;
  }

  .wp-block-navigation__responsive-container
    .top-bar
    > .wp-block-group
    > .wp-block-group:first-child {
    gap: 10px;
    width: 100%;
    justify-content: center;
  }

  .wp-block-navigation__responsive-container
    .top-bar
    > .wp-block-group:first-child
    p {
    color: #fff;
  }

  .wp-block-navigation__responsive-container .mobile-menu li a {
    color: #fff !important;
    font-size: 15px !important;
  }

  .wp-block-navigation__responsive-container .mobile-menu {
    width: 100%;
  }

  .wp-block-navigation__responsive-container .mobile-menu li:not(:last-child) {
    margin-bottom: 15px;
  }

  .wp-block-navigation__responsive-container .mobile-menu li.contact-btn a {
    padding: 12px 23px 10px !important;
    background-color: var(--wp--preset--color--custom-secondary);
    color: #fff !important;
  }

  .wp-block-navigation__responsive-container
    .mobile-menu
    li.contact-btn
    a:before {
    filter: unset;
  }

  .wp-block-navigation__responsive-container .mobile-menu li {
    --navigation-layout-justify: center;
    --navigation-layout-justification-setting: center;
  }

  .wp-block-navigation__responsive-container-close > svg {
    fill: #fff;
  }

  .custom-header
    .wp-block-navigation__container
    .wp-block-navigation-item__content:focus {
    outline: none;
  }
}

@media (max-width: 767px) {
  .top-bar {
    display: none;
  }
  .custom-header {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/*********** header end  *********/

/*********** footer start  *********/

.custom-footer .main-footer {
  padding-top: 71px;
  padding-bottom: 34px;
}

.custom-footer {
  padding-left: 0;
  margin-top: 0;
  padding-right: 0;
}

.custom-footer .footer-menu {
  gap: 5px var(---gap);
  margin: 20px 0;
  ---gap: 90px;
  position: relative;
  padding: 0 6px;
  box-sizing: border-box;
}

.custom-footer ul.footer-menu:after,
.custom-footer ul.footer-menu:before {
  position: absolute;
  height: 100%;
  background-color: var(--wp--preset--color--custom-dark);
  content: "";
  width: 8px;
}

.custom-footer ul.footer-menu::after {
  right: -4px;
}

.custom-footer ul.footer-menu::before {
  left: -4px;
}

.custom-footer .footer-menu li {
  position: relative;
}

.custom-footer .footer-menu li:not(:last-child):after {
  content: "";
  position: absolute;
  left: calc(100% + calc(var(---gap) / 2));
  width: 1px;
  height: calc(100% - 8px);
  background-color: #c8c8c8;
}

.bottom-footer {
  padding: 18px 0px;
}

.contact-footer {
  gap: 12px 10%;
  margin-bottom: 50px;
}

.contact-footer a {
  text-decoration: none;
}

.contact-footer a:hover {
  text-decoration: underline;
}

.contact-footer > * {
  gap: 12px !important;
}

.contact-footer .wp-block-image {
  height: auto;
  width: auto;
  line-height: 1;
}

.footer-menu {
  width: 100%;
  justify-content: center;
}

.bottom-footer .wp-block-group a {
  color: #ff7020;
  text-decoration: none;
}

.bottom-footer .wp-block-group p {
  font-weight: 300;
}

.bottom-footer .wp-block-group a:hover {
  text-decoration: underline;
}

.custom-footer .footer-menu li a {
  font-size: 18px;
  font-weight: 300;
}

.footer-social li a {
  background-color: #4e4e4e;
  width: 36px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.footer-social li a:before {
  filter: invert(1) brightness(1.4);
}

.bottom-footer {
  margin-top: 34px;
}

@media (max-width: 1550px) {
  .custom-footer .main-footer {
    padding-top: 60px;
  }
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 27px;
  }
  h3 {
    font-size: 24px;
  }
}

@media (max-width: 1230px) {
  .custom-footer .footer-menu li a {
    font-size: 17px;
  }
  .custom-footer .footer-menu {
    ---gap: 58px;
  }
}

@media (max-width: 991px) {
  .contact-footer {
    gap: 12px 26px;
  }

  .contact-footer > * {
    gap: 4px !important;
  }

  .contact-footer p {
    font-size: 13px !important;
  }

  .bottom-footer {
    padding: 14px 0;
  }

  .custom-footer .footer-menu {
    margin: 16px 0;
  }

  .contact-footer {
    margin-bottom: 40px;
  }

  h1 {
    font-size: 34px;
  }
  h2 {
    font-size: 22px;
  }
  h3 {
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .contact-footer > div {
    width: 100%;
    justify-content: center;
  }

  .contact-footer {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  .custom-footer .footer-menu {
    ---gap: 20px;
  }
  .custom-footer ul.footer-menu > li {
    width: calc(34% - var(---gap));
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .custom-footer .main-footer {
    padding-left: 15px;
    padding-right: 15px;
  }

  .custom-footer ul.footer-menu > li {
    width: calc(34% - var(---gap));
  }

  .bottom-footer > div {
    flex-direction: column-reverse;
    gap: 8px;
  }

  .custom-footer .main-footer {
    padding-top: 50px;
  }
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 18px;
  }
  h3 {
    font-size: 16px;
  }
}

@media (max-width: 576px) {
  .custom-footer ul.footer-menu > li {
    width: calc(51% - var(---gap));
  }
}

/*********** footer end  *********/

/************ banner start  **********/

.main-banner {
  padding: calc(var(--bannerPadding) - var(---top-space) / 2) 0
    var(--bannerPadding);
  text-align: center;
  position: relative;
  margin-top: 0;
  ---top-space: 127px;
  --bannerPadding: 10.8%;
  z-index: 0;
}

.Banner-text {
  justify-content: center;
  text-align: center;
  align-items: center !important;
  max-width: 790px !important;
  width: 100%;
  margin-top: var(---top-space) !important;
}

.main-banner:before,
.main-banner:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  z-index: -1;
}

.main-banner:before {
  background-image: url("/wp-content/uploads/Layer_1banner-left.svg");
  background-position: left center;
  left: 0;
  aspect-ratio: 8/9;
}

.main-banner:after {
  background-image: url("/wp-content/uploads/Layer_1banner-right.svg");
  right: 0;
  background-position: right center;
  aspect-ratio: 17/14;
}

.Banner-text h2 {
  margin-bottom: 16px;
}

.Banner-text {
  gap: 33px;
}

@media (max-width: 1550px) {
  .Banner-text {
    max-width: 611px !important;
    gap: 24px;
  }

  .Banner-text h2 {
    margin-bottom: 8px;
  }
}

@media (max-width: 991px) {
  .main-banner {
    --bannerPadding: 18.8%;
  }

  .Banner-text {
    max-width: 518px !important;
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .Banner-text {
    gap: 17px;
  }
}

/*********** banner end **********/

/************* two grid section start ***********/

.two-grid-colomn-left .wp-block-buttons {
  margin-top: 23px;
}

.two-grid-colomn.with-bg-img {
  background-image: url(/wp-content/uploads/bg-image.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 42%;
}

@media (max-width: 1550px) {
  .revrse .two-grid-colomn-right .wp-block-image {
    width: 96%;
  }
}

@media (max-width: 991px) {
  .two-grid-colomn-right .wp-block-image {
    width: 100%;
  }

  .two-grid-colomn-left .wp-block-buttons {
    margin-top: 14px;
  }
}

@media (max-width: 767px) {
  .two-grid-colomn > .wp-block-columns > div {
    width: 100%;
    flex: 0 0 auto !important;
  }

  body .two-grid-colomn > div.is-not-stacked-on-mobile,
  body .two-grid-colomn > div {
    flex-wrap: wrap !important;
    gap: 30px;
  }

  .revrse .two-grid-colomn-right .wp-block-image {
    width: 100%;
  }
  .two-grid-colomn:nth-child(2n) > .wp-block-columns {
    flex-direction: column-reverse;
  }
  .two-grid-colomn.with-bg-img {
    background-position: right 4%;
    background-size: 100%;
  }
}

/************* two grid section end  ***********/

/************* key section start  ***********/

.key-row {
  margin-top: 70px;
  gap: 5%;
}

.key-col-wrapper {
  align-self: unset !important;
  display: grid;
}

.key-col-wrapper h2 {
  margin-top: 0;
}

.key-col-wrapper .wp-block-image {
  margin-bottom: 18px;
}

@media (max-width: 1550px) {
  .key-row {
    gap: 8%;
    margin-top: 52px;
  }
}

@media (max-width: 991px) {
  .key-col-wrapper .wp-block-image img {
    width: 80%;
  }
}
@media (max-width: 767px) {
  body .key-row.wp-block-columns.is-not-stacked-on-mobile {
    flex-wrap: wrap !important;
    gap: 30px;
  }

  body .key-row .key-col-wrapper {
    width: 100%;
    flex: 0 0 auto !important;
  }
}
/************* key section end  ***********/

/************** join sec start  ***********/
.join-sec .wp-block-group {
  padding: 54px;
}

.join-sec {
  margin-bottom: -79px;
  position: relative;
  z-index: 1;
}

.join-sec + footer .main-footer {
  padding-top: 140px;
}

.banefit-sec {
  margin-bottom: calc(var(--bootom-space) * -1 + 70px);
  padding-bottom: var(--bootom-space);
  --bootom-space: 262px;
}

@media (max-width: 1550px) {
  .banefit-sec {
    --bootom-space: 230px;
  }
}

@media (max-width: 991px) {
  .join-sec .wp-block-group {
    padding: 30px;
    border-radius: 49px !important;
  }

  .join-sec + footer .main-footer {
    padding-top: 110px;
  }

  .banefit-sec {
    --bootom-space: 160px;
    margin-bottom: calc(var(--bootom-space) * -1 + 40px);
  }
  .join-sec .wp-block-group p {
    margin-top: 8px;
  }
}
@media (max-width: 767px) {
  .banefit-sec {
    --bootom-space: 225px;
  }

  .join-sec .wp-block-group {
    padding: 30px 18px;
  }
}
/************** join sec end  ***********/

/*********** inner banner start  **************/

.Inner-Banner {
  background-color: var(--wp--preset--color--custom-primary-light);
  padding: calc(var(--bannerPadding) + var(---top-space) / 2.2) 0
    var(--bannerPadding);
  text-align: center;
  position: relative;
  margin-top: 0;
  ---top-space: 127px;
  --bannerPadding: 8%;
  z-index: 0;
}

.Inner-Banner :is(.wp-block-post-featured-image, .wp-block-image) {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  max-width: unset;
  opacity: 0.251;
}

.Inner-Banner :is(.wp-block-post-featured-image, .wp-block-image) img {
  width: 100%;
  height: 100%;
  border-radius: 0 !important;
  object-fit: cover;
}

.inner-pages-banner h1.header-wraaper + * {
  margin-top: 57px;
  font-weight: 700;
}

.inner-pages-banner {
  padding-bottom: calc(var(--bannerPadding) / 2);
}

.Inner-Banner p {
  text-align: center;
  font-size: clamp(22.041px, 1.378rem + ((1vw - 3.2px) * 1.454), 24px);
  margin: 20px 0 32px;
}

.Inner-Banner .wp-block-buttons {
  justify-content: center;
}

@media (max-width: 1550px) {
  .inner-pages-banner h1.header-wraaper + * {
    margin-top: 38px;
  }
}

@media (max-width: 1230px) {
  .Inner-Banner {
    --bannerPadding: 10%;
  }
}

@media (max-width: 767px) {
  .Inner-Banner {
    --bannerPadding: 15%;
    padding: calc(var(--bannerPadding) + var(---top-space) / 3) 0
      var(--bannerPadding);
  }
  .inner-pages-banner h1.header-wraaper + * {
    margin-top: 30px;
  }
  .Inner-Banner p {
    margin-top: 12px;
  }
}
/*********** inner banner end  **************/

.text-sec:not(.text-sec-100) .text-wrapper {
  max-width: 1082px;
  margin: 0 auto;
}

@media (max-width: 1550px) {
  .text-sec:not(.text-sec-100) .text-wrapper {
    max-width: 900px;
  }
}

/*********** contact sec start  **************/

.customForm {
  ---form-gap: 30px;
}

.wpcf7-form-control:not(.wpcf7-submit, span) {
  border: 1px solid #e6e6e6;
  font-size: 18px;
  color: #000;
  border-radius: 2px;
  padding: 16px 19px;
  width: 100%;
  background-color: var(--wp--preset--color--custom-primary-light);
  box-sizing: border-box;
  border-radius: 5px;
  resize: none;
  font-family: var(--wp--preset--font-family--montserrat);
  font-weight: 400;
}

.wpcf7-form-control:not(.wpcf7-submit)::placeholder {
  opacity: 0.7;
  color: inherit;
}

.fieldGroup {
  display: flex;
  flex-wrap: wrap;
  gap: var(---form-gap);
}

.fieldGroup > div {
  flex: 0 1 auto;
  width: calc(50% - calc(var(---form-gap) / 2));
}

.customForm p {
  margin: 0;
}

.customForm > div:not(:last-child) {
  margin-bottom: var(---form-gap);
}

.wpcf7-form-control:not(.wpcf7-submit, span):focus {
  outline: none;
  border-color: var(--wp--preset--color--custom-secondary);
}

.wpcf7-submit {
  background-color: var(--wp--preset--color--custom-secondary);
  padding: 12px 33px 10px;
  line-height: 1.3;
  transition: 0.2s;
  color: #fff !important;
  border-radius: 34px;
  border: none;
  appearance: none;
  font-size: 18px;
  background-size: 29px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.wpcf7-submit:hover {
  scale: 1.05;
}

.contact-sec,
.contact-sec * {
  box-sizing: border-box;
}

.wpcf7-not-valid-tip {
  font-weight: 400;
  font-size: 12px;
  display: inline-block;
}

.wpcf7-not-valid-tip ~ .wpcf7-not-valid-tip {
  display: none;
}

.wpcf7-response-output {
  text-align: center;
  font-weight: 400;
  font-size: 13px;
}

textarea.wpcf7-form-control {
  height: 144px;
}

.submitting .wpcf7-submit {
  background-image: url(/wp-content/uploads/loader.svg);
  pointer-events: none;
  background-color: #f58749;
  color: #0000 !important;
  pointer-events: none;
}

.wpcf7-spinner {
  display: none;
}

span.wpcf7-form-control-wrap {
  display: block;
  line-height: 1;
}

@media (max-width: 1230px) {
  .wpcf7-form-control:not(.wpcf7-submit, span) {
    padding: 14px 12px;
    font-size: 15px;
  }

  .customForm {
    ---form-gap: 16px;
    margin-top: 26px;
  }
}
@media (max-width: 991px) {
  input.wpcf7-form-control.wpcf7-text {
    padding: 10px 12px;
  }
  textarea.wpcf7-form-control {
    height: 100px;
  }
}
@media (max-width: 767px) {
  body .contac-row.wp-block-columns {
    flex-wrap: wrap !important;
    gap: 30px;
  }

  body .contac-row.wp-block-columns > div {
    width: 100%;
    flex: 0 0 auto !important;
  }

  .wpcf7-submit {
    margin-top: 10px;
  }
}

/*********** contact sec end  **************/

.contac-row-left {
  width: 56%;
  flex: 0 0 auto !important;
}

.contact-sec > div {
  gap: 0 5% !important;
}

.contac-row-right {
  border-radius: 20px;
  padding: 40px 20px;
}

.icon-list {
  display: flex;
  color: #fff;
  align-items: center;
  width: 100%;
  gap: 18px;
}

.icon-list .wp-block-media-text__media {
  border-radius: 50%;
  background-color: #002955;
  aspect-ratio: 1/1;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-list .wp-block-media-text__media img {
  width: 45%;
  filter: invert(1) brightness(3);
  aspect-ratio: 1/1;
}

.icon-list * {
  color: #fff;
}

.wp-block-media-text .wp-block-media-text__content h4 {
  margin: 0;
  font-weight: 600;
}

.icon-list .wp-block-media-text__content {
  padding: 0;
}

.icon-list .wp-block-media-text__content p {
  margin: 0;
}

.contact-email-list {
  border-bottom: 1px solid #ffffff21;
}

.icon-list-wrapper > h4 {
  color: #fff;
  margin-top: 12px;
  font-weight: 600;
}

.icon-list-wrapper {
  margin-top: 0;
}
.contact-email-list {
  padding-top: 0;
}

.icon-list-wrapper {
  padding: 20px;
}

.icon-list a {
  text-decoration: none;
}

.icon-list a:hover {
  text-decoration: underline;
}
.icon-list-wrapper:last-child {
  padding-bottom: 0;
}

.contac-row-right h2 {
  margin-left: 20px;
  margin-right: 20px;
}

.contact-sec .wpcf7-form {
  margin-top: 64px;
}

.submitBtn {
  margin-top: 22px;
}

@media (max-width: 1550px) {
  .contact-sec .wpcf7-form {
    margin-top: 45px;
  }
}

@media (max-width: 1230px) {
  .contac-row-right {
    padding: 24px 12px;
  }

  .icon-list .wp-block-media-text__media {
    width: 45px;
  }

  .icon-list {
    gap: 11px;
  }

  .icon-list-wrapper {
    padding: 15px;
  }
  .customForm {
    margin-top: 0;
  }

  .contact-sec .wpcf7-form {
    margin-top: 28px;
  }

  .submitBtn {
    margin-top: 0;
  }
  .contac-row-right h2 {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (max-width: 991px) {
  .icon-list-wrapper {
    gap: 11px;
  }

  .icon-list-wrapper > h4 {
    margin-top: 8px;
    margin-bottom: 7px;
  }

  .icon-list-wrapper {
    padding: 8px;
  }

  figure.wp-block-media-text__media {
    width: 32px;
  }

  .icon-list .wp-block-media-text__media {
    width: 40px;
  }

  .icon-list .wp-block-media-text__content {
    font-size: 16px;
  }

  .icon-list {
    gap: 9px;
  }
}

@media (max-width: 767px) {
  body .contac-row-right {
    margin-top: 34px;
  }
}

/********* post style design *********/
.stk-block-posts__image-link:empty {
  background-image: url(/wp-content/uploads/placeholder.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  aspect-ratio: 16/9;
}

.custom-post .stk-block-posts__title {
  color: var(--wp--preset--color--custom-primary);
}

.custom-post .stk-block-posts__title a {
  color: inherit;
  padding-bottom: 12px;
  position: relative;
  --line-width: 45px;
  font-weight: 600;
}

.stk-block-posts__title a:before {
  content: "";
  height: 2px;
  display: inline-block;
  width: var(--line-width);
  position: absolute;
  bottom: 0;
  background-color: var(--wp--preset--color--custom-secondary);
}

.stk-block-posts__title a:after {
  content: "";
  background-image: url(/wp-content/uploads/image-3headimg.png);
  width: 16px;
  aspect-ratio: 1/1;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: contain;
  left: calc(var(--line-width) + 2px);
  top: calc(100% - 1px);
  transform: translateY(-50%);
}

.custom-post .stk-container article {
  padding: var(---padding);
  box-shadow: 0 0 5px #00000014;
  ---padding: 15px;
  height: 100%;
  box-sizing: border-box;
}

.custom-post .stk-container {
  margin: 0;
  box-sizing: border-box;
}

.custom-post .stk-block-posts__item {
  box-sizing: border-box;
  overflow: unset;
}

.custom-post a.stk-block-posts__image-link {
  margin-left: calc(var(---padding) * -1);
  margin-right: calc(var(---padding) * -1);
  margin-top: calc(var(---padding) * -1);
}

.custom-post .stk-container article {
  width: 100%;
}

/********* post style design *********/

/********** password protected  **********/
.post-password-form {
  text-align: center;
  max-width: var(--wp--style--global--content-size) !important;
  margin: 0 auto;
  padding: 70px 15px;
}

.post-password-form label input {
  height: 56px;
  border: 1px solid #e6e6e6;
  font-size: 18px;
  border-radius: 2px;
  padding: 16px 19px;
  background-color: var(--wp--preset--color--custom-primary-light);
  box-sizing: border-box;
  border-radius: 5px 0px 0px 5px;
  resize: none;
  font-family: var(--wp--preset--font-family--montserrat);
  font-weight: 400;
  margin-left: 8px;
  max-width: 260px;
}

.post-password-form label input:focus {
  outline: none;
  border-color: var(--wp--preset--color--custom-secondary);
}

.post-password-form input[type="submit"] {
  height: 56px;
  background-color: var(--wp--preset--color--custom-secondary);
  padding: 12px 33px 10px;
  line-height: 1.3;
  transition: 0.2s;
  color: #fff !important;
  border: none;
  appearance: none;
  font-size: 18px;
  background-size: 29px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-left: -8px;
  border-radius: 0px 5px 5px 0px;
  transition: 0.3s;
}

.post-password-form input[type="submit"]:hover {
  opacity: 0.85;
}

.post-password-form label {
  font-weight: 600;
}

.single-content {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 500px) {
  .post-password-form label input {
    margin-left: 6px;
    max-width: 170px;
    height: 48px;
  }

  .post-password-form input[type="submit"] {
    height: 48px;
    padding: 12px 16px 10px;
  }
}
/********** password protected  **********/

/********** search page start  **********/

.search-sec .wp-block-query-no-results {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}

.search-sec ul.wp-block-post-template li:first-child {
  border-top: 0;
}

.search-sec ul.wp-block-post-template li:first-child hr {
  display: none;
}

.search-sec .wp-block-query-no-results p {
  margin-top: 0;
}

.wp-block-query-pagination-numbers {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.wp-block-query-pagination-numbers .page-numbers {
  width: 25px;
  height: 25px;
  color: #525252;
  display: flex;
  line-height: 1;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  font-size: 18px;
  transition: 0.3s;
  text-decoration: none;
}

.wp-block-query-pagination-numbers .page-numbers.current {
  background-color: var(--wp--preset--color--custom-secondary);
  color: #fff;
}

.wp-block-query-pagination-numbers .page-numbers:not(.current):hover {
  background-color: #128b7d2b;
  text-decoration: none;
}

.wp-block-query-pagination-numbers :is(.next, .prev) {
  background-color: #e9e9e9;
  width: 25px;
  height: 25px;
  color: #00000057;
  display: flex;
  line-height: 1;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  font-size: 16px;
}

.wp-block-query-pagination-numbers .page-numbers:not(.prev, .next) {
  padding-bottom: 1px;
}

.wp-block-query-pagination-numbers
  .page-numbers:not(.prev, .next, .current):hover {
  background-color: #ff581d29;
}

@media (max-width: 767px) {
  .search-sec ul.wp-block-post-template li {
    margin-top: 0px;
  }
}

.error404 .Inner-Banner,
.search-no-results .error404 .Inner-Banner {
  min-height: calc(70dvh + 10px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.search-no-results .search-sec {
  min-height: calc(70dvh + 10px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.search-no-results .search-sec {
  min-height: calc(46dvh + 5px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/********** search page end  **********/

/********** case studies start  **********/
.case-posts {
  gap: 100px 13.4%;
}
.case-posts .text-wrapper :is(b, strong) {
  font-weight: 500;
}
.case-posts > * > * {
  margin-bottom: 0;
}

.case-posts .text-wrapper a:not(.wp-element-button) {
  color: var(--wp--preset--color--custom-secondary);
  text-decoration: none;
  font-weight: 500;
  display: inline-block;
}

.case-posts .text-wrapper a:not(.wp-element-button):hover {
  text-decoration: underline;
}
.case-posts .text-wrapper > :not(:last-child) {
  margin-bottom: 12px;
}

.case-posts .wp-block-button {
  margin-top: 18px;
}
@media (max-width: 1550px) {
  .case-posts {
    gap: 70px 13.4%;
  }
}

@media (max-width: 991px) {
  .case-posts {
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .case-posts {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 576px) {
  .case-posts {
    grid-template-columns: 1fr !important;
  }
}

/********** case studies end  **********/

/*********** product section start  ***********/

.product-head-sec .header-wraaper {
  margin-bottom: 0;
}

.product-main-sec {
  margin-top: 0;
}
.product-head {
  margin-bottom: 38px;
}
.product-head h2 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 4px;
}
.product-head p:not(:last-child) {
  margin-bottom: 24px;
}

.product-content-wrapper .wp-block-buttons {
  margin-top: 10%;
}

.product-content-sec h2 {
  margin-bottom: 60px;
}

.prooduct-content-sec table {
  background-color: #f5f9ff;
}

.prooduct-content-sec table td,
.prooduct-content-sec table th {
  border-color: #00000042;
  font-size: 18px;
  padding: 12px 20px;
}

.prooduct-content-sec table td ~ td,
.prooduct-content-sec table th ~ th {
  font-weight: 200;
}

.prooduct-content-sec table.has-fixed-layout {
  margin: -2px -1px;
  width: calc(100% + 2px);
}

.prooduct-content-sec .wp-block-table {
  border-radius: 20px;
  border: 1px solid #00000042;
  overflow: hidden;
}

.prooduct-content-sec :is(b, strong) {
  font-weight: 500;
}
.prooduct-content-sec .text-wrapper {
  font-weight: 300;
}

.product-main-sec > div {
  gap: 24px;
}

.prooduct-content-sec h2 {
  margin-bottom: 40px;
}

@media (min-width: 991px) {
  .table-half figure.wp-block-table {
    max-width: 50%;
  }
}
@media (max-width: 991px) {
  .prooduct-content-sec table td,
  .prooduct-content-sec table th {
    font-size: 16px;
    padding: 10px 17px;
  }
  .product-head h2 {
    font-size: 34px;
  }
  .product-head {
    margin-bottom: 20px;
  }
  .product-head p:not(:last-child) {
    margin-bottom: 16px;
  }
  .product-content-wrapper .wp-block-buttons {
    margin-top: 20px;
  }
  .prooduct-content-sec {
    margin-top: 0;
  }
  .prooduct-content-sec h2 {
    margin-bottom: 30px;
}
}

@media (max-width: 767px) {
  .product-head h2 {
    font-size: 28px;
  }
  .prooduct-content-sec table td,
  .prooduct-content-sec table th {
    font-size: 14px;
  }
}
/*********** product section end  ***********/

.custom-btn {
  background-color: var(--wp--preset--color--custom-secondary);
  padding: 14px 28px;
  line-height: 1.3;
  transition: 0.2s;
  color: #fff !important;
  border-radius: 34px;
  font-size: 16px;
  transition: 0.3s;
}

.custom-btn:hover {
  scale: 1.05;
}

.case-posts .text-wrapper p {
  margin-top: 0;
}

body .text-wrapper .wp-block-stackable-image img {
  width: 100% !important;
  transform: unset !important;
  border-radius: 12px;
  aspect-ratio: 9/16;
}

.text-wrapper .wp-block-stackable-icon svg,
.wp-block-stackable-icon svg * {
  fill: #fff !important;
}

.text-wrapper .wp-block-stackable-icon {
  background-color: #0000004a;
  width: 86px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.text-wrapper .wp-block-stackable-image {
  position: relative;
}

.text-wrapper .wp-block-stackable-video-popup {
  margin-bottom: 0;
}

body .text-wrapper .wp-block-stackable-image {
  margin: 0 !important;
}

body .text-wrapper .stk-img-wrapper {
  aspect-ratio: unset !important;
  width: unset !important;
  height: unset !important;
  max-width: 250px;
}

.link-with-underline a {
  color: var(--wp--preset--color--custom-primary);
  text-decoration: underline;
}

.link-with-underline a:hover {
  text-decoration: unset;
}

.video-wrapper-left .wp-block-column p {
  font-size: 16px;
  text-align: center;
}

@media (max-width: 991px) {
  .video-wrapper-left .wp-block-column p {
    font-size: 11px;
  }
}

@media (max-width: 767px) {
body .video-wrapper-left .stk-img-wrapper {
  max-width: 100%;
}
}

#gt_float_wrapper {
  z-index: 8 !important;
}

.founder-sec {
  margin-top: -170px;
}
.custom-post-title{
  color: #063e7a !important;
}