.hero-banner-adoptify {
     padding-block: 235px 60px;
     background: url(../images/adoftify-banner.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
 }

 .hero-banner-adoptify .text-contents {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 150px;
     margin-block-end: 180px;
     position: relative;
 }

 .hero-banner-adoptify .text-contents .text-part {
     width: 40%;
 }

 .hero-banner-adoptify .text-part h1,
 .hero-banner-adoptify .text-part h5,
 .hero-banner-adoptify .hero-bottom-content h3,
 .hero-banner-adoptify .text-part h3 {
     color: #fff;
 }

 .hero-banner-adoptify .text-contents .image-part {
     width: 40%;
 }

 .hero-banner-adoptify .hero-bottom-content {
     display: flex;
     align-items: center;
     gap: 32px;
     justify-content: space-between;
     flex-wrap: wrap;
 }

 .hero-banner-adoptify .hero-bottom-content .achive-item {
     max-width: 360px;
     display: flex;
     flex-direction: column;
     gap: 2px;
     color: #ffffff;
 }

 .hero-banner-adoptify .hero-bottom-content h3 {
     max-width: 350px;
     margin-block-end: 0;
 }

 .hero-banner-adoptify .hero-bottom-content .achive-item .count {
     font-size: clamp(24px, 2vw, 48px);
     font-weight: 700;
     line-height: 1;
 }

 .hero-banner-adoptify .hero-bottom-content .achive-item p {
     font-size: 17px;
 }

 .hero-banner-adoptify {
     position: relative;
 }

 .hero-banner-adoptify .text-contents .animation-circle-wrapper {
     position: absolute;
     display: grid;
     place-content: center;
     width: 640px;
     height: 492px;
     top: calc(50% + 100px);
     left: calc(50% + 10px);
     transform: translate(-50%, -50%);
 }

 .hero-banner-adoptify .text-contents .animation-circle-wrapper .circle {
     width: 320px;
     height: 320px;
     place-content: center;
     display: grid;
     position: relative;
     border: 1px solid rgba(0, 0, 0, 0.3);
     border-radius: 50%;
     padding: 55px;
     animation: glowShift 8s ease-in-out infinite;
 }

 @media (max-width: 1550px) {
     .hero-banner-adoptify .text-contents .animation-circle-wrapper .circle {
         transform: scale(0.75);
     }
 }

 @keyframes glowShift {
     0% {
         box-shadow:
             0 0 100px 0 #00B4A299,
             0 0 65px 0 #00B4A2 inset;
     }

     25% {
         box-shadow:
             0 0 100px 0 #085CCF,
             0 0 65px 0 #085CCF inset;
     }

     50% {
         box-shadow:
             0 0 100px 0 #433DBB,
             0 0 65px 0 #433DBB inset;
     }

     75% {
         box-shadow:
             0 0 100px 0 #6514D3,
             0 0 65px 0 #6514D3 inset;
     }

     100% {
         box-shadow:
             0 0 100px 0 #00B4A299,
             0 0 65px 0 #00B4A2 inset;
     }
 }

 .hero-banner-adoptify .text-contents .animation-circle-wrapper .circle::before {
     content: "";
     position: absolute;
     inset: 0;
     width: 320px;
     height: 320px;
     left: 8px;
     top: 8px;
     border-radius: 50%;
     padding: 16px;
     box-sizing: border-box;
     border-style: solid;
     border-color: rgba(0, 180, 162, 0.7);
     border-width: 0 12px 5px 12px;
     animation: rotate-ring 8s linear infinite, borderGlowShift 16s linear infinite;

 }


 @keyframes rotate-ring {
     to {
         transform: rotate(360deg);
     }
 }

 @keyframes borderGlowShift {
     0% {
         border-color: rgba(0, 180, 162, 0.7);
     }

     25% {
         border-color: #085bcfa5;
     }

     50% {
         border-color: rgba(0, 180, 162, 0.7);
     }

     75% {
         border-color: #6414d3b0;
     }

     100% {
         border-color: rgba(0, 180, 162, 0.7);
     }
 }

 .ai-adoption-wrapper,
 .adoption-etnerprise-wrapper,
 .build-for-enterprise-wrapper,
 .integration-slider-wrapper,
 .ai-impact-wrapper,
 .cta-wrapper,
 .adoptation-integration-wrapper,
 .faq-section-default {
     padding-block: clamp(32px, 4vw, 80px);
 }

 .ai-adoption-wrapper .section-header {
     margin-block-end: clamp(20px, 4vw, 70px);
 }

 .ai-adoption-wrapper .adoption-card {
     box-shadow: 0px 2px 8px 0px #00000026;
 }

 .ai-adoption-wrapper .adoption-card .card-image {
     width: 553;
     height: 250;
 }

 .ai-adoption-wrapper .adoption-card .card-image img {
     width: 100%;
     height: 100%;
 }

 .ai-adoption-wrapper .adoption-card .card-content {
     padding: clamp(16px, 2vw, 30px);
 }

 .ai-adoption-wrapper .adoption-card .card-content ul li {
     display: flex;
     gap: 10px;
     align-items: center;
     margin-bottom: clamp(8px, 1.1vw, 15px);
     font-weight: 400;
     font-size: clamp(16px, 1.1vw, 18px);
     color: #3A3A3A;
     line-height: 1;
 }

 .ai-adoption-wrapper .adoption-card .card-content ul li .icon-box {
     flex-shrink: 0;
 }

 .adoption-etnerprise-wrapper .btn-primary,
 .ai-impact-wrapper .btn-primary,
 .cta-wrapper .btn-primary,
 .adoptation-integration-wrapper .btn-primary,
 .hero-banner-adoptify .btn-primary {
     background-color: #085CCF !important;
     border-color: #085CCF !important;
     line-height: 1.3;
 }

 .adoption-etnerprise-wrapper .btn-primary:hover,
 .ai-impact-wrapper .btn-primary:hover,
 .cta-wrapper .btn-primary:hover,
 .adoptation-integration-wrapper .btn-primary:hover,
 .hero-banner-adoptify .btn-primary:hover {
     background-color: #ffffff !important;
     color: #085CCF !important;
     border-color: #085CCF !important;
 }

 .btn-outline-primary {
     background-color: #ffffff !important;
     border-color: #085CCF !important;
     color: #085CCF !important;
     line-height: 1.3;
 }

 .btn-outline-primary:hover {
     background-color: #085CCF !important;
     border-color: #085CCF !important;
 }

 .adoptation-integration-wrapper .btn-primary {
     min-width: unset;
     margin-top: auto;
     width: max-content;
 }

 .adoption-etnerprise-wrapper p {
     margin-block-end: 24px;
     color: #3A3A3A;
     font-weight: 400;
 }

 .adoption-etnerprise-wrapper ul li {
     font-weight: 400;
     display: flex;
     align-items: start;
     margin-block-end: 10px;
     line-height: 1.3;
 }

 .build-for-enterprise-wrapper {
     background: url(../images/home-page/build-for-enterprise-bg.png) center / cover no-repeat;
     color: #ffffff;
 }

 .build-for-enterprise-wrapper p,
 .build-for-enterprise-wrapper h2,
 .build-for-enterprise-wrapper h4,
 .integration-slider-wrapper .item .img-box .inner-para h4,
 .cta-wrapper h2,
 .cta-wrapper h5 {
     color: #ffffff;
 }

 .integration-slider-wrapper .item .img-box .inner-para p {
     margin-bottom: 0;
 }

 .integration-slider-wrapper .item .img-box .inner-para h4 {
     font-size: clamp(18px, 2vw, 22px);
     line-height: 100%;
     margin-bottom: clamp(12px, 2vw, 20px);
 }

 .build-for-enterprise-wrapper p {
     margin-bottom: 0;
 }

 .build-for-enterprise-wrapper .last-card-row .row .col-12.col-md-6.col-lg-3 {
     border-left: 1px solid #085CCF;
     position: relative;
     overflow: hidden;
 }

 .build-for-enterprise-wrapper .last-card-row .row .col-12.col-md-6.col-lg-3::before {
     content: "";
     width: calc(100% - 20px);
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     background-color: #085CCF;
     transform: translateX(-100%);
     transition: 0.5s all;
 }

 .build-for-enterprise-wrapper .last-card-row .row .col-12.col-md-6.col-lg-3:hover {
     z-index: 1;
 }

 .build-for-enterprise-wrapper .last-card-row .row .col-12.col-md-6.col-lg-3:hover img {
     filter: brightness(0) invert(1)
 }

 .build-for-enterprise-wrapper .last-card-row .row .col-12.col-md-6.col-lg-3:hover::before {
     transform: translateX(0);
     z-index: -1;
 }

 .enablement-program-wrapper {
     background: #E8F0FF;
     color: #3A3A3A;
 }

 .build-for-enterprise-wrapper.enablement-program-wrapper .last-card-row .row .col-12.col-md-6.col-lg-3:hover p {
     color: #ffffff;
 }

 .build-for-enterprise-wrapper.enablement-program-wrapper p {
     color: #3A3A3A;
 }

 .build-for-enterprise-wrapper.enablement-program-wrapper .last-card-row .row .col-12.col-md-6.col-lg-3 h5 {
     font-size: clamp(20px, 2vw, 28px);

     span {
         color: #085CCF;
         display: block;
     }
 }

 .enablement-program-wrapper.build-for-enterprise-wrapper .last-card-row .row .col-12.col-md-6.col-lg-3:last-child::before {
     display: none;
 }

 .ai-impact-wrapper p {
     color: #3A3A3A;
     font-weight: 400;
 }

 .cta-wrapper {
     background: url(../images/home-page/cta-bg.png) center / cover no-repeat;
     color: #ffffff;
 }

 .adoptation-integration-wrapper .integration-card {
     display: flex;
     flex-direction: column;
     box-shadow: 0px 2px 8px 0px #00000026;

 }

 .adoptation-integration-wrapper .integration-card .img-box {
     max-height: 250px;
     min-height: 250px;
 }

 .adoptation-integration-wrapper .integration-card .img-box img {
     max-width: 100%;
     height: auto;
 }

 .adoptation-integration-wrapper .integration-card .content {
     padding: clamp(16px, 2.3vw, 40px) clamp(16px, 2.1vw, 30px);
     height: 100%;
     display: flex;
     flex-direction: column;
 }

 .adoptation-integration-wrapper .integration-card .content h4 {
     margin-block-end: 20px;
     font-size: clamp(18px, 1.2vw, 22px);
     line-height: 1.2;
 }

 .faq-section-default .accordion-button {
     font-size: clamp(16px, 1.5vw, 22px);
     font-weight: 700;
     padding-block: clamp(12px, 1.5vw, 20px);
 }

 .faq-section-default .accordion-button::after {
     transform: rotate(-90deg);
 }

 .faq-section-default .accordion-button:not(.collapsed)::after {
     transform: rotate(0);
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 }

 .faq-section-default .accordion-button:not(.collapsed) {
     background: none;
     color: #000;
     box-shadow: none;
 }

 .faq-section-default .accordion-button:focus {
     box-shadow: none;
     border: none;
 }
 .faq-section-default .accordion{
    row-gap: 0;
 }
 .faq-section-default .accordion-item {
     border: none;
     border-bottom: 2px solid #E8F0FF;
 }

 .faq-section-default .accordion-item .accordion-header .accordion-button,
 .faq-section-default .accordion-item .accordion-body {
     padding-inline: 0;
 }

 .faq-section-default .accordion-item .accordion-body {
     font-weight: 400;
     color: #3A3A3A;
     padding-top: 0;
 }
.faq-section-default .accordion-item .accordion-body p{
    margin-block-end: 0;
}
 .integration-slider-wrapper .item .img-box {
     height: auto;
     position: relative;
 }

 .integration-slider-wrapper .item .img-box img {
     height: 100%;
     width: 100%;
 }

 .integration-slider-wrapper .item .img-box .inner-para {
     position: absolute;
     width: 100%;
     left: 0;
     bottom: 0;
     background-color: #00000099;
     z-index: 1;
     color: #ffffff;
     padding: clamp(12px, 2vw, 30px);
 }

 .integration-slider-wrapper .item .img-box .inner-para p {
     color: #ffffff;
     font-size: clamp(14px, 1.2vw, 16px);
 }

 .integration-slider-wrapper .item .img-box .inner-para p,
 .integration-slider-wrapper .item .img-box .inner-para h4 {
     max-width: 440px;
 }

 .integration-slider-wrapper .owl-nav {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-inline: 12px;
 }

 .integration-slider-wrapper .owl-nav button span {
     display: none;
 }

 .integration-slider-wrapper .owl-nav button {
     width: 36px;
     height: 72px;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
 }

 .integration-slider-wrapper .owl-nav button.owl-prev {
     background: url(../images/home-page/arrow-left.png) !important;
     background-repeat: no-repeat !important;
 }

 .integration-slider-wrapper .owl-nav button.owl-next {
     background: url(../images/home-page/arrow-right.png) !important;
     background-repeat: no-repeat;
 }






 /* Lifecycle css start from here  */

 .lifecycle-section {
     background: url('../images/home-page/lifecycle-bg.png') center/cover no-repeat;
     color: #fff;
     overflow: hidden;
 }

 .lifecycle-section .orbit-container {
     width: 500px;
     height: 500px;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .lifecycle-section .orbit-container::after {
     content: "";
     position: absolute;
     width: 500px;
     height: 500px;
     background-image: url(../images/home-page/semi-circle.png);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
 }

 .lifecycle-section .orbit-container::before {
     width: 433px;
     height: 433px;
     border-radius: 50%;
     position: absolute;
     content: "";
     background: url(../images/home-page/semi-circle-border.png);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
 }

 .lifecycle-section .orbit-ring {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     border-radius: 50%;
     pointer-events: none;
 }

 .lifecycle-section .ring-4 {
     width: 60%;
     height: 60%;
     background-image: url('../images/home-page/line-circle-lifecycle.svg');
     background-size: cover;
     background-position: center;
     border: none;
     animation: spin-svg 10s linear infinite;
     z-index: 1;
 }

 @keyframes spin-svg {
     from {
         transform: translate(-50%, -50%) rotate(0deg);
     }

     to {
         transform: translate(-50%, -50%) rotate(360deg);
     }
 }

 @keyframes smooth-glow {
     0% {
         opacity: 0;
     }

     50% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }
 }

 .lifecycle-section .center-circle {
     width: 50%;
     height: 50%;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     z-index: 1;
     background-image: url('../images/home-page/second-circle-lifecycle.png');
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
 }

 .lifecycle-section .center-circle::before {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(180deg, #2b7fff 0%, #0047ab 100%);
     -webkit-mask-image: url('../images/home-page/second-circle-lifecycle.png');
     mask-image: url('../images/home-page/second-circle-lifecycle.png');
     -webkit-mask-size: contain;
     mask-size: contain;
     -webkit-mask-position: center;
     mask-position: center;
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     z-index: -1;
     animation: smooth-glow 4s ease-in-out infinite;
 }

 .lifecycle-section .center-circle h4 {
     color: #ffffff;
 }

 .lifecycle-section .step-dot {
     position: absolute;
     width: 50px;
     height: 50px;
     background-color: #085CCF;
     color: white;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     font-weight: 700;
     font-size: 1.2rem;
     cursor: pointer;
     z-index: 3;
     top: 50%;
     left: 52%;
     transform:
         translate(-50%, -50%) rotate(var(--angle)) translate(200px) rotate(calc(var(--angle) * -1));
     transition: all 0.3s ease;
 }

 .lifecycle-section .step-dot:hover,
 .lifecycle-section .step-dot.active {
     background-color: #00B4A2;
 }

 .lifecycle-section .fade-in-content {
     animation: fadeIn 0.6s ease-out forwards;
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(15px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 .lifecycle-section .icon-box {
     width: 80px;
     height: 80px;
     background: #00B4A2;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .faq-section-default .faq-title {
     text-align: center;
 }

 @media(max-width:1198px) {
     .inner-page-wrapper {
         margin-top: 72px;
     }

     .hero-banner-adoptify {
         padding-block: 120px 80px;
     }
 }

 @media (max-width: 991px) {
     .lifecycle-section .orbit-container {
         width: 350px;
         height: 350px;
         transform: scale(0.9);
         margin-bottom: 50px;
     }

     .lifecycle-section .ring-1 {
         width: 200px;
         height: 200px;
     }

     .lifecycle-section .ring-2 {
         width: 280px;
         height: 280px;
     }

     .lifecycle-section .ring-3 {
         width: 340px;
         height: 340px;
     }

     .lifecycle-section .step-dot {
         transform:
             translate(-50%, -50%) rotate(var(--angle)) translate(140px) rotate(calc(var(--angle) * -1));
     }

     .lifecycle-section .center-circle {
         width: 180px;
         height: 180px;
     }

     .lifecycle-section .center-circle h4 {
         font-size: 1rem;
     }

     .lifecycle-section .orbit-container::after {
         width: 385px;
         height: 385px;

     }

     .lifecycle-section .orbit-container::before {
         width: 300px;
         height: 300px;
     }

     .hero-banner-adoptify .text-contents {
         flex-direction: column;
         gap: 32px;
         margin-block-end: 32px;
     }

     .hero-banner-adoptify .text-contents .text-part,
     .hero-banner-adoptify .text-contents .image-part {
         width: 100%;
         max-width: 100%;
     }

     .hero-banner-adoptify {
         padding-block: 100px 32px;
     }

     .hero-banner-adoptify .text-contents .animation-circle-wrapper {
         display: none;
     }

     .hero-banner-adoptify .hero-bottom-content .achive-item {
         max-width: 30%;
     }

     .hero-banner-adoptify .hero-bottom-content {
         gap: 12px;
     }

     .hero-banner-adoptify .hero-bottom-content .achive-item p {
         font-size: 12px;
     }

     .integration-slider-wrapper .owl-nav {
         display: none;
     }

     .integration-slider-wrapper .owl-dots {
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 8px;
         margin-block-start: 12px;
     }

     .integration-slider-wrapper .owl-dots .owl-dot span {
         width: 24px;
         height: 6px;
         border-radius: 4px;
         background-color: #77797a;
         display: inline-block;
         margin-inline: 0;
     }

     .integration-slider-wrapper .owl-dots .owl-dot.active span {
         background: linear-gradient(to right,
                 #012a8b 0%,
                 #011c64 50%,
                 #02040b 100%);

     }

     .fade-in-content {
         text-align: center;
     }

     .lifecycle-section .icon-box {
         margin-inline: auto;
     }
 }

 @media(max-width:767px) {

     .cta-wrapper {
         background-position: left;
     }

     .cta-wrapper .btn,
     .hero-banner .btn {
         width: 100%;
         text-align: center;
     }

     .adoptify-header {
         padding-block: 12px;
     }

     .adoptify-header .navbar-collapse {
         top: 64px;
         height: calc(100vh - 64px);
     }
 }