.elementor-1416 .elementor-element.elementor-element-88674f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1416 .elementor-element.elementor-element-ac54298 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#FFFFFF;}.elementor-1416 .elementor-element.elementor-element-38f5420 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1416 .elementor-element.elementor-element-0e87cbc{color:#FFFFFF;}.elementor-1416 .elementor-element.elementor-element-345502a .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1416 .elementor-element.elementor-element-287d664{color:#FFFFFF;}.elementor-1416 .elementor-element.elementor-element-ec18d4b .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1416 .elementor-element.elementor-element-39993cf{color:#FFFFFF;}.elementor-1416 .elementor-element.elementor-element-2e72e55 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1416 .elementor-element.elementor-element-3ff8a23{color:#FFFFFF;}.elementor-1416 .elementor-element.elementor-element-2b166cb .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1416 .elementor-element.elementor-element-7071315{color:#FFFFFF;}.elementor-1416 .elementor-element.elementor-element-103458e .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1416 .elementor-element.elementor-element-7ce1ed5{color:#FFFFFF;}.elementor-1416 .elementor-element.elementor-element-8b304e7 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1416 .elementor-element.elementor-element-9b81dbf{color:#FFFFFF;}.elementor-1416 .elementor-element.elementor-element-679abdb .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1416 .elementor-element.elementor-element-5821935{color:#FFFFFF;}.elementor-1416 .elementor-element.elementor-element-67c0fc5 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1416 .elementor-element.elementor-element-c8db11b{color:#FFFFFF;}.elementor-1416 .elementor-element.elementor-element-e18b94f .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1416 .elementor-element.elementor-element-49d80a4{color:#FFFFFF;}.elementor-1416 .elementor-element.elementor-element-cec83ff .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1416 .elementor-element.elementor-element-b67c0b3{color:#FFFFFF;}.elementor-1416 .elementor-element.elementor-element-a42d706 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1416 .elementor-element.elementor-element-7a41ed6{color:#FFFFFF;}.elementor-1416 .elementor-element.elementor-element-1240dcf .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1416 .elementor-element.elementor-element-0a0ff2e{color:#FFFFFF;}.elementor-1416 .elementor-element.elementor-element-7d40b9b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:130px;--padding-bottom:130px;--padding-left:10px;--padding-right:10px;}.elementor-1416 .elementor-element.elementor-element-7d40b9b:not(.elementor-motion-effects-element-type-background), .elementor-1416 .elementor-element.elementor-element-7d40b9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1416 .elementor-element.elementor-element-7d9b468{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1416 .elementor-element.elementor-element-26d13e4{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:40px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1416 .elementor-element.elementor-element-9e8d138{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-1416 .elementor-element.elementor-element-56b0e7d > .elementor-widget-container{margin:-22px 0px 0px 0px;}.elementor-1416 .elementor-element.elementor-element-56b0e7d{text-align:left;}.elementor-1416 .elementor-element.elementor-element-44434b1{--display:flex;}.elementor-1416 .elementor-element.elementor-element-62572ae{text-align:left;}.elementor-1416 .elementor-element.elementor-element-62572ae .title{font-size:34px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1416 .elementor-element.elementor-element-9a3ef97 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(8px/2);}.elementor-1416 .elementor-element.elementor-element-9a3ef97 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(8px/2);}.elementor-1416 .elementor-element.elementor-element-9a3ef97 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(8px/2);margin-left:calc(8px/2);}.elementor-1416 .elementor-element.elementor-element-9a3ef97 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-8px/2);margin-left:calc(-8px/2);}body.rtl .elementor-1416 .elementor-element.elementor-element-9a3ef97 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-8px/2);}body:not(.rtl) .elementor-1416 .elementor-element.elementor-element-9a3ef97 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-8px/2);}.elementor-1416 .elementor-element.elementor-element-9a3ef97 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1416 .elementor-element.elementor-element-9a3ef97 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1416 .elementor-element.elementor-element-9a3ef97{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1416 .elementor-element.elementor-element-9a3ef97 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-1416 .elementor-element.elementor-element-ad31d6a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:600;color:#FCFEFF;}.elementor-1416 .elementor-element.elementor-element-fd94e39.elementor-element{--align-self:flex-start;}.elementor-1416 .elementor-element.elementor-element-e821fb7{--display:flex;}.elementor-1416 .elementor-element.elementor-element-d3295d8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1416 .elementor-element.elementor-element-042d6a7 > .elementor-widget-container{margin:-22px 0px 0px 0px;}.elementor-1416 .elementor-element.elementor-element-042d6a7{text-align:left;}.elementor-1416 .elementor-element.elementor-element-1fb5739{text-align:left;}.elementor-1416 .elementor-element.elementor-element-a7b7f19{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1416 .elementor-element.elementor-element-a7b7f19:not(.elementor-motion-effects-element-type-background), .elementor-1416 .elementor-element.elementor-element-a7b7f19 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1416 .elementor-element.elementor-element-b793aa0 > .elementor-widget-container{margin:-22px 0px 0px 0px;}.elementor-1416 .elementor-element.elementor-element-b793aa0{text-align:center;}body.elementor-page-1416:not(.elementor-motion-effects-element-type-background), body.elementor-page-1416 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.petxusa.com/wp-content/uploads/2025/02/Container.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}@media(min-width:768px){.elementor-1416 .elementor-element.elementor-element-88674f0{--content-width:1000px;}.elementor-1416 .elementor-element.elementor-element-26d13e4{--width:46%;}.elementor-1416 .elementor-element.elementor-element-44434b1{--width:25%;}.elementor-1416 .elementor-element.elementor-element-e821fb7{--width:29%;}}@media(min-width:1025px){body.elementor-page-1416:not(.elementor-motion-effects-element-type-background), body.elementor-page-1416 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-fd94e39 */.button-container {
  display: flex;
  justify-content: center;
  gap: 20px;
}

/* Common styles for both buttons */
.brutalist-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 142px;
  height: 142px;
  color: #ffffff !important;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Styles for the first button */
.button-1 {
  background-color: #000;
  background-image: url("https://kodexolabs.com/wp-content/uploads/2024/12/We.webp");
  background-repeat: no-repeat;
  background-size: cover;
  border: 3px solid #079485;
  border-radius: 12px;
  box-shadow: 4px 4px 1px #000000;
}

.button-1:hover {
  background-color: #000;
  border-color: #079485;
  transform: translate(-6px, -6px) rotate(1deg);
  box-shadow: 10px 10px 0 #000000, 15px 15px 20px rgba(64, 164, 122, 0.2);
}

.button-1::before,
.button-1::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.1),
    transparent
  );
  transition: 0.6s;
}

.button-1::before {
  left: -100%;
}
.button-1::after {
  left: 100%;
}

.button-1:hover::before {
  animation: swipeRight 1.5s infinite;
}
.button-1:hover::after {
  animation: swipeLeft 1.5s infinite;
}

@keyframes swipeRight {
  100% {
    transform: translateX(200%) skew(-45deg);
  }
}

@keyframes swipeLeft {
  100% {
    transform: translateX(-200%) skew(-45deg);
  }
}

/* Hover effects */
.brutalist-button:hover .openai-logo {
  transform: translateY(-10px);
}

.brutalist-button:hover .openai-icon {
  width: 40px;
  height: 40px;
}

.bruta.brutalist-button:hover .openai-text {
  opacity: 1;
  max-height: 60px;
  margin-top: 8px;
}

/* Styles for the OpenAI logo and text */
.openai-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 3;
}

.openai-icon {
  width: 64px;
  height: 64px;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.openai-text {
  font-size: 24px;
  letter-spacing: 0.5px;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}

.button-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.2;
  text-align: center;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 3;
}

.button-text span:first-child {
  font-size: 12px;
  font-weight: normal;
}

.button-text span:last-child {
  font-size: 16px;
}

/* Hover effects */
.brutalist-button:hover .openai-logo {
  transform: translateY(-10px);
}

.brutalist-button:hover .openai-icon {
  width: 40px;
  height: 40px;
}

.brutalist-button:hover .button-text,
.brutalist-button:hover .openai-text {
  opacity: 1;
  max-height: 60px;
  margin-top: 8px;
}

/* Animation for the OpenAI logo */
@keyframes spin-and-zoom {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.1);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}

.brutalist-button:hover .openai-icon {
  animation: spin-and-zoom 4s cubic-bezier(0.25, 0.8, 0.25, 1) infinite;
}

.brutalist-button:hover .openai-text {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.brutalist-button:active .openai-icon,
.brutalist-button:active .openai-text,
.brutalist-button:active .button-text {
  transform: scale(0.95);
}/* End custom CSS */
/* Start custom CSS */p, a {
    color: white;
}/* End custom CSS */