@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*@font-face {font-family: "SF Pro Display", sans-serif !important; src: url('../fonts/SF-Pro-Display-Ultralight.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap;}
@font-face {font-family: "SF Pro Display", sans-serif !important; src: url('../fonts/SF-Pro-Display-Thin.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap;}
@font-face {font-family: "SF Pro Display", sans-serif !important; src: url('../fonts/SF-Pro-Display-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face {font-family: "SF Pro Display", sans-serif !important; src: url('../fonts/SF-Pro-Display-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face {font-family: "SF Pro Display", sans-serif !important; src: url('../fonts/SF-Pro-Display-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face {font-family: "SF Pro Display", sans-serif !important; src: url('../fonts/SF-Pro-Display-Semibold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap;}
@font-face {font-family: "SF Pro Display", sans-serif !important; src: url('../fonts/SF-Pro-Display-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap;}
@font-face {font-family: "SF Pro Display", sans-serif !important; src: url('../fonts/SF-Pro-Display-Heavy.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap;}
@font-face {font-family: "SF Pro Display", sans-serif !important; src: url('../fonts/SF-Pro-Display-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap;}*/

/* SF Pro Display — Regular */
@font-face {
	font-family: "SF Pro Display";
	src: url("../fonts/sfprodisplayregular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* SF Pro Display — Medium */
@font-face {
	font-family: "SF Pro Display";
	src: url("../fonts/sfprodisplaymedium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/* SF Pro Display — Bold */
@font-face {
	font-family: "SF Pro Display";
	src: url("../fonts/sfprodisplaybold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* Available italic variants */
@font-face {
	font-family: "SF Pro Display";
	src: url("../fonts/sfprodisplayultralightitalic.woff2") format("woff2");
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SF Pro Display";
	src: url("../fonts/sfprodisplaythinitalic.woff2") format("woff2");
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SF Pro Display";
	src: url("../fonts/sfprodisplaylightitalic.woff2") format("woff2");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SF Pro Display";
	src: url("../fonts/sfprodisplaysemibolditalic.woff2") format("woff2");
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SF Pro Display";
	src: url("../fonts/sfprodisplayheavyitalic.woff2") format("woff2");
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SF Pro Display";
	src: url("../fonts/sfprodisplayblackitalic.woff2") format("woff2");
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

html {scroll-behavior: smooth;}
.sf-pro,
.sf-pro .elementor-heading-title,
.sf-pro .elementor-widget-container,
.sf-pro .elementor-button,
.sf-pro p,
.sf-pro a,
.sf-pro span,
.sf-pro li {
	font-family: "SF Pro Display", sans-serif !important;
	font-synthesis: none;
}
.wpcf7-not-valid-tip{font-size:13px;}
/* Common Css */
.outer-div{padding:20px 0px; width: 1280px; margin: 0 auto;}
p {margin: 0!important; padding: 0px!important; color: inherit!important; font-size: inherit!important; font-weight: inherit!important; line-height: inherit!important;}
label{margin:0px!important; padding:0px!important;}
input:focus {outline: none; box-shadow: none;}
select, select option {font-family: "Inter", Arial, sans-serif !important;}
select:focus {outline: none; box-shadow: none;}
select {outline: none; box-shadow: none;}
textarea, textarea:focus, textarea:focus-visible, textarea:active {outline: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-appearance: none; appearance: none;}
.wpcf7 select, .wpcf7 select option {font-family: "Inter", Arial, sans-serif !important;}
.wpcf7 select {font-family: "Inter", Arial, sans-serif !important;}
.wpcf7 select option {font-family: "Inter", Arial, sans-serif !important;}
.form-control:focus{box-shadow:unset!important;}
.form-select:focus{box-shadow:unset!important;}
body{font-family: "Inter", sans-serif !important; color:#000!important; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-synthesis: none;}
main#content{display:none !important;}
.sharedaddy{display:none !important;}
.e-con.e-flex>.e-con-inner{width:100%; max-width:100%; margin:0px; padding:0px; gap:0px;}
.e-con-boxed.e-flex{margin:0px; padding:0px;}

.breadcrumb{display: flex; justify-content: center; gap: 16px; align-items: center; padding-bottom:80px!important; padding-top:80px!important; margin:0px!important;}
.breadcrumb a{background:rgba(241, 236, 251, 0.3); color: #000; font-weight: 400; font-size: 14px; line-height: 134%; letter-spacing: 0%;  padding: 5px 10px; border-radius: 5px; text-decoration:none;}
.breadcrumb a:hover{background:#6F43D2; color:#fff;}
.breadcrumb img{width: 24px; height: auto;}
.breadcrumb .category{color: #000; font-family: "SF Pro Display", sans-serif !important; font-weight: 700; font-size: 16px; line-height: 140%; letter-spacing: 0%;}

.inner-hero-section{width:100%; position:relative; border-radius: 60px 60px 30px 30px;}
.inner-hero-section img{width:100%; height:auto; border-radius:  60px 60px 30px 30px;}
.inner-hero-section .page-head-text{position: absolute; left: 0px; width: 100%; top: 50%;}
.inner-hero-section .page-heading{font-family: "SF Pro Display", sans-serif !important; font-weight: 500; color:#fff; font-size: 66px; line-height: 110.00000000000001%; letter-spacing: 0%; text-align: center; vertical-align: middle;}
.inner-hero-section .sub-heading{font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; text-align: center; vertical-align: middle; color:#fff;}
.static-content-wrapper{background: #FFB33F0A; border-radius: 32px; padding: 80px 60px; margin-top:80px;}
.static-content-wrapper .static-content{ display:grid; gap:45px;}
.static-content-wrapper h2{font-weight: 500; font-size: 30px; line-height: 100%; letter-spacing: 0%; vertical-align: middle; margin-bottom:16px;}
.static-content-wrapper h3{font-size:25px; font-weight:500; line-height:132%; margin-top:30px;}
.static-content-wrapper p{font-weight: 400; font-style: Regular; font-size: 16px; line-height: 134%; letter-spacing: 0%; vertical-align: middle; margin:0px;}
.static-content-wrapper a{color:#6F43D2; text-decoration:underline;}
.static-content-wrapper ul{margin-bottom:0px;}
/* Common Css */

/* Home Page */
.hm-first-panel{background: rgba(245, 245, 245, 0.5); border-radius: 30px; padding: 32px 32px 0px 88px; margin-top:150px; display:flex; gap:78px; align-items: center;}
.hm-first-panel .left-area{display:grid; gap:0px}
.hm-first-panel .left-area .text{font-family: "SF Pro Display", sans-serif !important; font-weight: 600; font-size: 42px; line-height: 110.00000000000001%; letter-spacing: 0%; margin-bottom:32px;}
.hm-first-panel .left-area .hero-cta{width: 460px; height: 80px; border-radius: 10px; padding: 10px 20px; color:#fff; font-weight: 600; font-size: 16px; line-height: 100%; letter-spacing: 0%; background: linear-gradient(85.55deg, #6f43d2 16.09%, #ffb33f 127.92%) border-box; border: 0 solid transparent; text-decoration: none; display: flex; justify-content: center; align-items: center; position:relative; margin-bottom:32px;}
.hm-first-panel .left-area .hero-cta span {position: relative; z-index: 5; font-family: "SF Pro Display", sans-serif !important; font-weight: 700; font-size: 16px; line-height: 140%; letter-spacing: 0%; vertical-align: middle;}
.hm-first-panel .left-area .hero-cta::before {position: absolute; inset: 0; content: ""; pointer-events: none; opacity: 0; background:linear-gradient(#7442d8, #7442d8) padding-box, linear-gradient(90deg, #38e7d0 0%, #f6ff5c 100%) border-box; border: 3px solid transparent; border-radius: 10px; transition: opacity 500ms ease;}
.hm-first-panel .left-area .hero-cta:hover::before {opacity: 1;}
.hm-first-panel .trust-area .trust-text{display:flex; gap:16px; align-items:center;}
.hm-first-panel .trust-area .trust-text span{font-weight: 600; font-size: 16px; line-height: 134%; letter-spacing: 0%;}
.hm-first-panel .trust-area .trust-text .star{display:flex; gap:3px;}
.hm-first-panel .trust-area .trust-text .star img{width:20px; height:20px; display:block}
.hm-first-panel .trusted-logos{display: flex; margin-top: 16px; gap:8px;}
.hm-first-panel .trusted-logos .trusted-logo{background:rgba(233, 227, 248, 0.5); border-radius:60px; padding: 15px;}
.hm-first-panel .trusted-logos .trusted-logo img{width: auto; height: 43px;}
.hm-first-panel .image-area{width:622px; flex-shrink:0;}
.hm-first-panel .image-area img{width:100%; height:auto;}

.home-page-wrapper .trusted-section{background:rgba(244, 240, 254, 1)!important}

.brand-promise{background:rgba(255, 239, 213, 0.4); border-radius:30px; padding:40px; margin-top:80px; position:relative;}
.brand-promise .text{max-width: 793.248291px; margin: 0 auto; text-align: center; font-weight: 500; font-size: 20px; line-height: 126%; letter-spacing: 0%;}
.brand-promise .tag{position: absolute; width: 262px; top: -9px; left: -9px;}

.accordian-panel{margin-top:80px; display:flex; padding:32px 0px 0px 0px; gap:101px;}
.accordian-panel .left-accordian{width:521px;}
.accordian-panel .img{width:682px; flex-shrink:0;}
.accordian-panel .img img{width:100%; height:auto;}

.accordian-panel .img img{width:100%; height:auto;}
.accordian-panel .left-accordian .box{padding: 0 0 0 83px; border-left: 0 solid transparent; cursor: pointer; margin-bottom: 25px; position: relative;}

.accordian-panel .left-accordian .head{font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 30px; line-height: 132%; letter-spacing: 0%; transition:.3s;  opacity:.4;}
.accordian-panel .left-accordian .head svg{transition:.3s;width: 24px; height: auto;}
.accordian-panel .left-accordian .box .text, .accordian-panel .left-accordian .box .cta{overflow:hidden; max-height:0; opacity:0; transform:translateY(15px); transition: max-height .45s ease, opacity .35s ease, transform .35s ease;}
.accordian-panel .left-accordian .box.active .text{max-height:250px; opacity:1; transform:translateY(0); transition-delay:.15s;}
.accordian-panel .left-accordian .box.active .cta{max-height:80px; opacity:1; transform:translateY(0); transition-delay:.25s;}
.accordian-panel .left-accordian .cta{align-items:center; gap:10px; margin-top:32px; color: #000; font-size: 20px; font-weight: 600; text-decoration: none; font-weight: 500; font-size: 28px; line-height: 140%; letter-spacing: 0%; display: inline-flex; max-height: 80px; opacity: 1; transform: translateY(0); transition-delay: 0.25s; -webkit-text-fill-color: initial;}
.accordian-panel .left-accordian .cta:hover{background: linear-gradient(22.47deg, #6F43D2 9%, #FFB33F 65%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.accordian-panel .left-accordian .cta:hover svg{stroke: #6F43D2 !important; color: #6F43D2 !important;}
.accordian-panel .left-accordian .cta:hover svg path{stroke: #6F43D2 !important; color: #6F43D2 !important;}

.accordian-panel .left-accordian .cta svg{width: 24px; height: auto; color:#000;}
.accordian-panel .left-accordian .cta svg path{stroke:#000;}
.accordian-panel .left-accordian .active .head{opacity:1;}
.accordian-panel .left-accordian .active .head svg{display:none;}
.accordian-panel .left-accordian .box.active .text{display:block; font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; margin-top:16px;}
.accordian-panel .left-accordian .box.active .cta{display:block;}

.accordian-panel .progress-bar {position: absolute; top: 0; left: 0; width: 6px; height: 100%; overflow: hidden; border-radius: 10px; pointer-events: none;}
.accordian-panel .progress-bar-fill {display: block; width: 100%; height: 100%; background: linear-gradient(180deg, #1ed8d5 0%, #36dfbd 35%, #73e986 68%, #b7f34b 100%); border-radius: inherit; transform: scaleY(0); transform-origin: top; will-change: transform;}

.optculture-benefits-carousel{margin-top:80px;}
.optculture-benefits-carousel h2.optculture-benefits-carousel__heading{font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-style: Medium; font-size: 32px; line-height: 100%; letter-spacing: 0%; text-align: center; margin-bottom:32px;}
.optculture-benefits-carousel .optculture-benefits-carousel__track{overflow:hidden;}
.optculture-benefits-carousel__item{width:100%; margin:0 auto; background-size: cover; background-repeat:no-repeat; padding:70px; border-radius:30px; min-height:250px;}
.optculture-benefits-carousel__content{display:grid; gap:16px}
.optculture-benefits-carousel__content .optculture-benefits-carousel__title{font-weight: 600; font-style: SemiBold; font-size: 24px; line-height: 134%; letter-spacing: 0%; text-align: center; color:#fff;}
.optculture-benefits-carousel__content .optculture-benefits-carousel__description{font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; text-align: center; color:#fff; }
.optculture-benefits-carousel__indicators{display: flex; justify-content: center; align-items: center; margin-top: 20px; gap: 10px;}
.optculture-benefits-carousel__indicators .optculture-benefits-carousel__indicator{width: 5px; height: 5px; background: rgba(217, 217, 217, 1); border: 0px; flex-shrink: 0; border-radius: 5px; padding: 0px;}
.optculture-benefits-carousel__indicators .optculture-benefits-carousel__indicator.active{width:10px; height:10px; border-radius:10px; background:rgba(111, 67, 210, 1)}

.optculture-omnichannel-stats{margin-top:80px;}
.optculture-omnichannel-stats .optculture-omnichannel-stats__intro{display:grid; gap:0px;}
.optculture-omnichannel-stats .optculture-omnichannel-stats__intro .optculture-omnichannel-stats__heading{font-family: "SF Pro Display", sans-serif !important; font-weight: 600; font-size: 40px; line-height: 110.00000000000001%; letter-spacing: 0%; text-align: center; max-width:671px; margin:0 auto; margin-bottom:10px;}
.optculture-omnichannel-stats .optculture-omnichannel-stats__intro .optculture-omnichannel-stats__description{font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; text-align: center; margin-bottom:32px;}

.optculture-omnichannel-stats__grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;}
.optculture-omnichannel-stats__grid .optculture-omnichannel-stats__card{background:rgba(233, 227, 248, 0.4); border-radius:20px; text-align:center; padding:40px; display:grid; gap:10px;}
.optculture-omnichannel-stats__grid .optculture-omnichannel-stats__card:nth-child(2){background:rgba(255, 239, 213, 0.4)}
.optculture-omnichannel-stats__grid .optculture-omnichannel-stats__card:nth-child(3){background:rgba(255, 235, 143, 0.2)}
.optculture-omnichannel-stats__grid .optculture-omnichannel-stats__card .optculture-omnichannel-stats__icon{width:65px; margin:0 auto; margin-bottom:20px;}
.optculture-omnichannel-stats__grid .optculture-omnichannel-stats__card .optculture-omnichannel-stats__icon img{width:100%; height:auto;}
.optculture-omnichannel-stats__grid .optculture-omnichannel-stats__card .optculture-omnichannel-stats__value{font-family: "SF Pro Display", sans-serif !important; font-weight: 600; font-size: 40px; line-height: 110.00000000000001%; letter-spacing: 0%; text-align: center;}
.optculture-omnichannel-stats__grid .optculture-omnichannel-stats__card .optculture-omnichannel-stats__label{font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; text-align: center;}
.home-free-demo-form-wrapper{background-image: url("../images/free-demo-bg.png"); background-repeat: no-repeat; background-size: cover; background-position: right bottom; min-height: 650px; border-radius: 30px;}
.home-free-demo-form {position: relative; overflow: hidden; isolation: isolate; min-height: 650px; border-radius: 30px; display: flex; justify-content: center; align-items: center; margin-top: 80px;}
.home-free-demo-form::before {content: ""; position: absolute; inset: -15%; z-index: -1; background-image: url("../images/free-demo-wrapper-bg.png"); background-repeat: no-repeat; background-position: center; background-size: cover; animation: freeDemoInfiniteMove 18s linear infinite; will-change: transform;}
.home-free-demo-form > * {position: relative; z-index: 1;}
@keyframes freeDemoInfiniteMove {
    0% {transform: translate3d(4%, 4%, 0) scale(1.08);}
    25% {transform: translate3d(-4%, 4%, 0) scale(1.08);}
    50% {transform: translate3d(-4%, -4%, 0) scale(1.08);}
    75% {transform: translate3d(4%, -4%, 0) scale(1.08);}
    100% {transform: translate3d(4%, 4%, 0) scale(1.08);}
}
.home-free-demo-form .talk-form{background: rgba(255, 251, 251, 0.2); border-radius: 20px; padding: 24px; width: 812px; box-shadow: 0px 0px 2px rgba(255, 255, 255, 1); position:relative; display: flex; gap: 10px; align-items: center;}
.home-free-demo-form .talk-form .field input{width: 100%; padding: 10px; background: transparent; border: 0px; font-family: "SF Pro Display", sans-serif !important; font-weight: 400; font-size: 28px; line-height: 100%; letter-spacing: 0%; color:#fff; height:58px;}
.home-free-demo-form .talk-form .field input::placeholder{color:#fff;}
.home-free-demo-form .talk-form .field.submit-btn button{font-weight: 500; font-size: 24px; line-height: 140%; letter-spacing: 0%; color:rgba(111, 67, 210, 1); background:#fff; border:0px; padding:10px 20px; border-radius:10px; width:215px; height: 64px;}
.home-free-demo-form .talk-form .field.submit-btn button:hover{border:solid 3px #3addda}

/* Home Page */

/* FAQ */
/*.page-omnichannel-marketing .inner-hero-section .page-head-text{margin-top: -39px;}
.page-loyalty-program .inner-hero-section .page-head-text{margin-top: -39px;}
.page-e-receipt .inner-hero-section .page-head-text{margin-top: -39px;}
.page-customer-segmentation .inner-hero-section .page-head-text{margin-top: -39px;}
.page-customer-engagement .inner-hero-section .page-head-text{margin-top: -39px;}
.page-business-analytics .inner-hero-section .page-head-text{margin-top: -39px;}*/

.faq-pag-panel{background: #fffcf8; border-radius: 32px; padding: 80px 60px; margin-top:150px; display:flex; grid-template-columns: repeat(2, 1fr); gap:60px; align-items: end; justify-content: center;}
.faq-pag-panel .left {width:570px; display:grid; gap:32px;}
.faq-pag-panel .left .hedaing{font-family: SF Pro Display; font-weight: 600; font-size: 40px; line-height: 110.00000000000001%; letter-spacing: 0%;}
.faq-pag-panel .left .sub-text{font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;  max-width:526px; color:#5A5A59}
.faq-pag-panel .left .cta{position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 167px; padding: 23px 10px; color: #fff; text-decoration: none; border-radius: 20px; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%); border: 0px solid transparent; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%); border-box; font-weight: 600; font-size: 16px; line-height: 100%; letter-spacing: 0%;}
.faq-pag-panel .left .cta span{z-index:5;}
.faq-pag-panel .left .cta::before{content: ""; position: absolute; inset: 0; border-radius: 18px; border: 3px solid transparent; background:linear-gradient(#7442d8, #7442d8) padding-box, linear-gradient(90deg, #1ED8D5 0%, #F7FF5B 100%) border-box; opacity: 0; transition: opacity .5s ease; pointer-events: none;}
.faq-pag-panel .left .cta:hover::before{opacity: 1;}
.faq-pag-panel .left .img{background: #FFEFD5; padding: 15px; border-radius: 20px; margin-top: 28px; width:450px;}
.faq-pag-panel .left .img img{width:100%; height:auto; border-radius: 20px;}
.faq-pag-panel .right{display:grid; gap:16px; width:570px;}
.faq-pag-panel .right a.faq-links{background: #fff; display: flex; gap: 20px; padding: 22px; border-radius: 20px; color: #000; font-size: 17px; font-weight: 600; justify-content: space-between; align-items:center}
.faq-pag-panel .right a.faq-links span{font-weight: 500; font-size: 24px; line-height: 100%; letter-spacing: 0%;}
.faq-pag-panel .right a.faq-links .icon{width: 44px; height: 44px; background: #FFB33F0A; border-radius: 44px; display: flex; align-items: center; justify-content: center;}
.faq-pag-panel .right a.faq-links .icon img{width: 8px; height: auto;}
.faq-pag-panel .right a.faq-links:hover{background:#ffefd5;}
.faq-pag-panel .right a.faq-links:hover .icon{background:#fec166}

.faq-qna-panel{background:#F1ECFB4D; border-radius: 32px; padding: 32px 88px; margin-top:50px;}
.faq-qna-panel .breadcrumb{padding-top:32px!important; padding-bottom:32px!important;}
.faq-qna-panel .breadcrumb span{color: #000; font-family: "SF Pro Display", sans-serif !important; font-weight: 700; font-size: 16px; line-height: 140%; letter-spacing: 0%;}
.faq-qna-panel .faq-area{display:grid; gap:16px;}
.faq-qna-panel .faq-area .faq-box{background: #fff; border-radius: 20px; position: relative;}
.faq-qna-panel .faq-area .faq-box .question{width: 100%; background: transparent; border: 0px; padding: 20px; color: #7f7f7f; font-weight: 600 ; font-size: 18px; position: relative; outline: unset; box-shadow: unset; display: flex; justify-content: space-between; border-radius: 20px 20px 0px 0px; cursor:pointer}
.faq-qna-panel .faq-area .faq-box .question:before {content: ''; width: 3px; background: #6F43D2; height: 20px; position: absolute; left: 0px; top: 50%; margin-top: -10px;}
.faq-qna-panel .faq-area .faq-box .question .icon{border: solid 1px #0000001A; width: 32px; height: 32px; border-radius: 32px; color: #0000001A; display: flex; justify-content: center; align-items: center; flex-shrink: 0; line-height: 16px; font-size: 16px;}
.faq-qna-panel .faq-area .faq-box .answer{padding: 20px; color: #7f7f7f; font-size: 17px;  border-radius: 0px 0px 20px 20px;}
.faq-qna-panel .faq-area .faq-box:hover{background:#ededed; color:#000;}
.faq-qna-panel .faq-area .faq-box:hover .question{color:#000;}
.faq-qna-panel .faq-area .faq-box:hover .icon{border-color:#000; color:#000;}
.faq-qna-panel .faq-area .faq-box.active {border: 1px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(106.73deg, #6F43D2 29.57%, #FFB33F 133.72%) border-box;}
.faq-qna-panel .faq-area .faq-box.active .question{border-bottom: solid 1px #ececed; color:#000;}
.faq-qna-panel .faq-area .faq-box.active:hover .question{background:#fff;}
.faq-qna-panel .faq-area .faq-box.active:hover .answer{background:#fff;}
.faq-qna-panel .faq-area .faq-box.active:hover .icon{border-color:#0000001A;}

.faq-qna-panel .faq-view-more-area{padding: 20px; text-align: center; margin-top: 75px;}
.faq-qna-panel .faq-view-more-area .faq-view-more{background: #6F43D2; border: 0px; border-radius: 100px; color: #fff; padding: 7px 20px; position:relative; display: flex; margin: 0 auto; align-items: center; gap: 15px;}
.faq-qna-panel .faq-view-more-area .faq-view-more .faq-view-more-icon svg{width: 15px; height: auto;}
.faq-qna-panel .faq-view-more-area .faq-view-more[aria-expanded="true"]{background:#5936a8}
.faq-view-more-icon {display: inline-flex; align-items: center; justify-content: center; transform: rotate(0deg); transition: transform 0.35s ease;}
.faq-view-more[aria-expanded="true"] .faq-view-more-icon {transform: rotate(180deg);}

.page-omnichannel-marketing .inner-hero-section .page-head-text, .page-loyalty-program .inner-hero-section .page-head-text, .page-digital-receipts-2 .inner-hero-section .page-head-text, .page-customer-engagement .inner-hero-section .page-head-text, .page-business-analytics .inner-hero-section .page-head-text{margin-top: -51px;}
.page-omnichannel-marketing .inner-hero-section .sub-heading, .page-loyalty-program .inner-hero-section .sub-heading, .page-digital-receipts-2 .inner-hero-section .sub-heading, .page-customer-engagement .inner-hero-section .sub-heading, .page-business-analytics .inner-hero-section .sub-heading{max-width:800px; margin:0 auto}
/* FAQ */

/* Contact */
.page-contact-us .breadcrumb{margin-top: 85px !important;}
.contact-first-panel{background: #fff; border-radius: 32px; padding: 0px 85px; display:flex; grid-template-columns: repeat(2, 1fr); gap:64px; align-items: start; justify-content: space-between; margin-bottom:80px;}
.contact-first-panel .left {max-width:378px; flex-shrink:0}
.contact-first-panel .left .sub-text{background: #FFEFD5; display: inline-flex; padding: 5px 15px 5px 8px; font-size: 12px; font-weight: 600; border-radius: 100px; gap: 10px; align-items: center; line-height:126%; margin-bottom:16px; }
.contact-first-panel .left .sub-text .circle{background: #FFB33F; width: 16px; height: 16px; border-radius: 16px;}
.contact-first-panel .left .heading{font-family: SF Pro Display; font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: 0%; vertical-align: middle;}
.contact-first-panel .left .text{margin-top: 32px; font-weight: 300; font-size: 16px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.contact-first-panel .left .text p{margin:0px; padding:0px;}
.contact-first-panel .left ul{margin:0px; padding:0px; list-style:none; margin-top:30px; width:90%; display:grid; gap:16px}
.contact-first-panel .left li{display:flex; gap:10px; font-weight: 300; font-size: 16px; line-height: 134%; letter-spacing: 0%; vertical-align: middle; align-items: center;}
.contact-first-panel .left li .icon{width: 21px; height: 21px; border-radius: 21px; border: solid 1px #000; display: flex; justify-content: center; align-items: center; flex-shrink:0;}
.contact-first-panel .left li .icon img{width: 33%; height:auto;}
.contact-first-panel .right{max-width:585px; flex-shrink:0}
.contact-first-panel .right .form-area{background:#fffef9; border:solid 1px #f6efd3; border-radius:30px; padding:32px;}
.contact-first-panel .right .form-area .head{font-weight: 400; font-size: 28px; line-height: 140%; letter-spacing: 0%; vertical-align: middle;}
.contact-first-panel .right .form-area .sub-head{font-weight: 300; font-size: 16px; line-height: 134%; letter-spacing: 0%; vertical-align: middle; margin-bottom:36px;}
.contact-first-panel .right .form-area .talk-form{display: grid; gap: 32px; row-gap:16px; grid-template-columns: repeat(2, 1fr);}
.contact-first-panel .right .form-area .talk-form .field p{margin:0px; display:grid; gap:5px;}
.contact-first-panel .right .form-area .talk-form .field p label{font-weight: 400; font-size: 14px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.contact-first-panel .right .form-area .talk-form .field p input{background: #fcf8ee; border: 0px; padding: 16px; border-radius: 7px; width: 100%;}
.contact-first-panel .right .form-area .talk-form .field p select{background: #fcf8ee; border: 0px; padding: 16px; border-radius: 7px; width: 100%;}
.contact-first-panel .right .form-area .talk-form .field p textarea{background: #fcf8ee; border: 0px; padding: 16px; border-radius: 7px; width: 100%;}
.contact-first-panel .right .form-area .talk-form .field .phone-field{display: flex; gap: 0px;}
.contact-first-panel .right .form-area .talk-form .field .phone-field select{width:75px; border-radius: 7px 0px 0px 7px; padding: 18px 10px;}
.contact-first-panel .right .form-area .talk-form .field .phone-field input{border-radius: 0px 7px 7px 0px; padding: 16px 16px 16px 52px;}
.contact-first-panel .right .form-area .talk-form .field .phone-field .mobile-field{position:relative;}
.contact-first-panel .right .form-area .talk-form .field.mobile label{margin-bottom:5px!important;}
.contact-first-panel .right .form-area .talk-form .field .phone-field .mobile-field .phone-code{position: absolute; z-index: 10; height: 56px; display: flex; justify-content: center; align-items: center; padding-left:5px;}
.contact-first-panel .right .form-area .talk-form .field.form-field-full{grid-column:span 2}
.contact-first-panel .right .form-area .talk-form .field.textarea{grid-column:span 2}
.contact-first-panel .right .form-area .talk-form .field.agree-checkbox{grid-column:span 2;}
.contact-first-panel .right .form-area .talk-form .field.agree-checkbox .wpcf7-list-item{margin:0px;}
.contact-first-panel .right .form-area .talk-form .field.agree-checkbox .wpcf7-list-item label{display: flex; gap: 10px; font-size: 14px; width: 100%; align-items: start;}
.contact-first-panel .right .form-area .talk-form .field.agree-checkbox .wpcf7-list-item label input[type="checkbox"] {appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border: 2px solid #888; border-radius: 5px; background: #fff; cursor: pointer; position: relative; flex-shrink: 0; margin: 2px 0px 0px 0px; transition: all 0.2s ease; padding:0px;}
.contact-first-panel .right .form-area .talk-form .field.agree-checkbox .wpcf7-list-item label input[type="checkbox"]:checked {background: #20CFC6; border-color: #20CFC6;}
.contact-first-panel .right .form-area .talk-form .field.agree-checkbox .wpcf7-list-item label input[type="checkbox"]:checked::after {content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.contact-first-panel .right .form-area .talk-form a{color:#6F43D2; text-decoration:underline;}
.contact-first-panel .right .form-area .talk-form .field.submit-btn{grid-column:span 2;}
.contact-first-panel .right .form-area .talk-form .field.submit-btn button{position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: 20px 10px; color: #fff; text-decoration: none; border-radius: 20px; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%); border: 0px solid transparent; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%) border-box;}
.contact-first-panel .right .form-area .talk-form .field.submit-btn button span{z-index:5;}
.contact-first-panel .right .form-area .talk-form .field.submit-btn button::before{content: ""; position: absolute; inset: 0; border-radius: 18px; border: 3px solid transparent; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%) padding-box, linear-gradient(90deg, #1ED8D5 0%, #F7FF5B 100%) border-box; opacity: 0; transition: opacity .5s ease; pointer-events: none;}
.contact-first-panel .right .form-area .talk-form .field.submit-btn button:hover::before{opacity: 1;}

.contact-third-panel{background: #F5F5F580; border-radius: 30px; padding: 32px 49px; margin-top: 80px; display: flex; gap: 92px; align-items: center; justify-content: center;}
.contact-third-panel .left {max-width:434px; display:grid; gap:16px; flex-shrink:0;}
.contact-third-panel .head{font-family: SF Pro Display; font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: 0%; vertical-align: middle;}
.contact-third-panel .sub-head{font-weight: 500; font-size: 24px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.contact-third-panel .text{font-weight: 300; font-size: 16px; line-height: 130%; letter-spacing: 0%; vertical-align: middle; width:92%}
.contact-third-panel .highlight{font-weight: 700; font-size: 16px; line-height: 140%; letter-spacing: 0%; vertical-align: middle; display:flex; gap:10px; align-items:center;}
.contact-third-panel .highlight .circle{background: #E6A139 !important; width: 16px; height: 16px; border-radius: 16px; border: solid 3px #FEC166;}
.contact-third-panel .form-area{max-width:585px; background:#fffef9; border:solid 1px #f6efd3; border-radius:30px; padding:32px; flex-shrink:0;}
.contact-third-panel .form-area .talk-form{display: grid; gap: 32px; row-gap:16px; grid-template-columns: repeat(2, 1fr);}
.contact-third-panel .form-area .talk-form .field p{margin:0px; display:grid; gap:5px;}
.contact-third-panel .form-area .talk-form .field p label{font-weight: 300; font-size: 14px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.contact-third-panel .form-area .talk-form .field p input{background: #fcf8ee; border: 0px; padding: 16px; border-radius: 7px; width: 100%;}
.contact-third-panel .form-area .talk-form .callback-note{grid-column:span 2; font-weight: 400; font-size: 14px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.contact-third-panel .form-area .talk-form .field.agree-checkbox{grid-column:span 2;}
.contact-third-panel .form-area .talk-form .field.agree-checkbox .wpcf7-list-item{margin:0px;}
.contact-third-panel .form-area .talk-form .field.agree-checkbox .wpcf7-list-item label{display: flex; gap: 10px; font-size: 14px; width: 100%; align-items: start;}
.contact-third-panel .form-area .talk-form .field.agree-checkbox .wpcf7-list-item label input[type="checkbox"] {appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border: 2px solid #888; border-radius: 5px; background: #fff; cursor: pointer; position: relative; flex-shrink: 0; margin: 2px 0px 0px 0px; transition: all 0.2s ease; padding:0px;}
.contact-third-panel .form-area .talk-form .field.agree-checkbox .wpcf7-list-item label input[type="checkbox"]:checked {background: #20CFC6; border-color: #20CFC6;}
.contact-third-panel .form-area .talk-form .field.agree-checkbox .wpcf7-list-item label input[type="checkbox"]:checked::after {content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.contact-third-panel .form-area .talk-form .field.submit-btn{grid-column:span 2;}
.contact-third-panel .form-area .talk-form a{color:#6F43D2; text-decoration:underline;}
.contact-third-panel .form-area p{margin:0px; display:grid; gap:5px;}
.contact-third-panel .form-area .talk-form .field.submit-btn{grid-column:span 2;}
.contact-third-panel .form-area .talk-form .field.submit-btn button{position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: 20px 10px; color: #fff; text-decoration: none; border-radius: 20px; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%); border: 0px solid transparent; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%) border-box;}
.contact-third-panel .form-area .talk-form .field.submit-btn button span{z-index:5;}
.contact-third-panel .form-area .talk-form .field.submit-btn button::before{content: ""; position: absolute; inset: 0; border-radius: 18px; border: 3px solid transparent; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%) padding-box, linear-gradient(90deg, #1ED8D5 0%, #F7FF5B 100%) border-box; opacity: 0; transition: opacity .5s ease; pointer-events: none;}
.contact-third-panel .form-area .talk-form .field.submit-btn button:hover::before{opacity: 1;}

.client-testimonial{margin-top: 50px; background:#FFEFD566; border-radius:30px; padding-top:50px;}
.client-testimonial .head{font-family: SF Pro Display; font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: 0%; text-align: center; margin-bottom: 16px;}
.client-testimonial .sub-head{max-width:952px; margin:0 auto; font-weight: 400; font-style: Regular; font-size: 16px; line-height: 134%; letter-spacing: 0%; text-align: center; margin-bottom:20px;}

.client-testimonial .slider{position:relative; overflow:hidden;}
.client-testimonial .testimonial-slider .box{background:#FFEFD566; border-radius:30px 30px 0px 0px; padding:40px 35px; height:350px; display:flex; flex-direction:column; position:relative; justify-content: center; border: 1px solid transparent; border-radius: 20px 20px 0px 0px; background:linear-gradient(#fff9ee, #fff9ee) padding-box, linear-gradient(90deg, #1ED8D5 0%, #F7FF5B 100%) border-box; border-bottom:0px; margin:2px; transition:transform .5s ease, opacity .5s ease !important; will-change: transform;}
.client-testimonial .testimonial-slider .box .c-logo{width:100px; height:100px; margin:0 auto}
.client-testimonial .testimonial-slider .box .c-logo img{width:100%; height:auto;}
.client-testimonial .testimonial-slider .box .c-name{width:100%;text-align:Center; margin-top:10px; font-weight:600; transition: 0.4s ease;}
.client-testimonial .testimonial-slider .box .c-text{font-size: 14px; text-align: center; margin-top: 10px; display:none; transition: 0.4s ease;}
.client-testimonial .testimonial-slider .box.is-hovered{background:#ffe6bf; transform:scale(1.12); opacity:1; border: 2px solid transparent; background:linear-gradient(#ffe6bf, #ffe6bf) padding-box, linear-gradient(106.73deg, #6F43D2 29.57%, #FFB33F 133.72%) border-box; border-bottom:0px; margin:2px; transition: transform .5s ease;}
.client-testimonial .testimonial-slider .box.is-hovered .c-text{display:block;}

.office-tab.active .office-progress-fill {animation: officeProgress 5s linear forwards;}
.global-office-box{max-width: 100%; background:#F1ECFB4D url(../images/global-office-bg.png) no-repeat center center; background-size: cover; border-radius:20px; border-radius: 30px; padding: 32px 88px; margin: 0 auto;  margin-top: 50px; overflow:hidden;position:relative; min-height:380px; opacity:0; transform:translateY(50px); transition:.8s; display:flex; justify-content: space-between; align-items: center;}
.global-office-box .office-right{position:relative; width: 300px; height: 250px;}
.global-office-box.is-visible{opacity:1; transform:none}
.global-office-bg{position:absolute; inset:0; background:linear-gradient(90deg,#eef1f8,#f8f8fb),url('https://picsum.photos/1400/700'); background-size:cover; transition:5s; transform:scale(1.08)}
.global-office-box.is-visible .global-office-bg{transform:scale(1)}
.global-office-content{position:relative; z-index:2; display:flex; justify-content:space-between; align-items:center; padding:70px}

.global-office-box .office-info{position: relative; overflow: hidden;}
.global-office-box .office-info::before{content: ""; position: absolute; inset: 0; width: 10px; height: 100%; background: linear-gradient(180deg, rgba(30, 216, 213, 0) 0%, rgba(30, 216, 213, 0) 35%, #1ED8D5 100%); z-index: 0; pointer-events: none; transform: scaleY(0); transform-origin: top; will-change: transform;}
.global-office-box .office-info > *{position: relative; z-index: 1;}
.global-office-box .office-info.timer-running::before{animation: officeTimerFill 4s linear forwards;}
.global-office-box .office-info a:hover{background: linear-gradient(103.47deg, #6F43D2 34.52%, #FFB33F 117.49%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.global-office-box .office-info a:hover svg{background: linear-gradient(103.47deg, #6F43D2 34.52%, #FFB33F 117.49%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.office-info a:hover svg path{stroke: url(#map-arrow-gradient);}
@keyframes officeTimerFill{
	from{transform: scaleY(0);}
	to{transform: scaleY(1);}
}

.accordian-panel .progress-bar {position: absolute; top: 0; left: 0; width: 6px; height: 100%; overflow: hidden; border-radius: 10px; pointer-events: none;}
.accordian-panel .progress-bar-fill {display: block; width: 100%; height: 100%; background: linear-gradient(180deg, #1ed8d5 0%, #36dfbd 35%, #73e986 68%, #b7f34b 100%); border-radius: inherit; transform: scaleY(0); transform-origin: top; will-change: transform;}
.office-details{display:flex; max-width:520px}
.office-line{width:4px; background:#27d7d8; border-radius:4px; margin-right:24px}
.office-info{padding-left:30px; position:relative;}
.office-info::before{content: ""; position: absolute; width: 8px; height: 100%; left: 0; top: 0; border-radius: 10px; background: linear-gradient(180deg, #37DBCF 0%, #70DFC2 22%, #9EE4BF 38%, #BFE5C0 52%, #D6E6CB 67%, #E0E2DA 82%, #DEDCE5 100%);}
.office-info:hover::before{background:#37DBCF;}
.office-region{font-size:32px; font-weight:600;}
.office-city{font-size:22px; margin:5px 0}
.office-address{line-height: normal; color: #555; font-size: 16px;}
.office-map{text-decoration:none; color:#222; font-size:25px; display:inline-block; margin-top:25px; font-weight:600;}
.office-map img{width:25px;}
.office-countries{position:relative; width:330px; height:250px}
.country-box{position:absolute; width:90px; height:90px; border-radius:22px; border:0; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.08); cursor:pointer; transition:.35s}
.country-box[data-office=india]{left:20px; top:10px; animation:float1 5s ease-in-out infinite}
.country-box[data-office=usa]{right:10px;top:80px;animation:float2 5.8s ease-in-out infinite}
.country-box[data-office=uae]{left:35px;bottom:5px;animation:float3 4.8s ease-in-out infinite}
.country-box:hover,.country-box.active{background:linear-gradient(135deg,#7b52ea,#5b39d0);color:#fff;transform:scale(1.08)}
.office-left {position: relative;}
.office-info {position: relative; z-index: 2; height: 287px; align-items: center; display: grid;}
.progress-bar {position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: rgba(54, 53, 55, 0.12); overflow: hidden; pointer-events: none; z-index: 3; border-radius: 999px;}
.progress-bar-fill {display: block; position: absolute; inset: 0; width: 100%; height: 100%;background: linear-gradient(106.53deg, #1ED8D5 3.16%, #F7FF5B 129.49%); border-radius: inherit; transform: scaleY(0); transform-origin: top center; will-change: transform;}
.progress-bar-fill::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 14px; background: rgba(255,255,255,.38); filter: blur(4px); opacity: .7;}
/* Contact */

/* Insight header */
.insight-top-nav{display: flex; gap: 40px; justify-content: center; margin-bottom: 80px;}
.insight-top-nav .box{flex: 0 0 300px !important; width: 300px !important; height:100px; background:url(../images/blog-nav-bg.png) no-repeat center center; background-size:cover!important; font-weight: 500; font-size: 28px; line-height: 140%; text-align: center; vertical-align: middle; text-decoration: underline; display:flex; justify-content:center; align-items:center; color:#fff; border-radius:30px; gap:20px; transition: flex-basis 0.6s ease, width 0.6s ease !important;}
.insight-top-nav .box:hover{flex-basis: 500px !important; width: 500px !important; color:rgba(255, 179, 63, 1)}

.insight-top-nav .box:nth-child(2){background:url(../images/case-studies-nav-bg.png) no-repeat center center; color:#fff}
.insight-top-nav .box:nth-child(2):hover{color:rgba(30, 216, 213, 1)}
.insight-top-nav .box:nth-child(3){background:url(../images/webnair-nav-bg-2.png) no-repeat center center; color:#fff}
.insight-top-nav .box:nth-child(3):hover{color:rgba(255, 212, 38, 1)}
/* Insight header */

/* Insight */
#blogs{scroll-margin-top: 90px;}
#case-studies{scroll-margin-top: 20px;}
#webinars {scroll-margin-top: 20px;}
.blog-listing-section{max-width: 100%; background: #F5F5F580; border-radius: 30px; padding: 32px; margin: 0 auto;  align-items: center;}
.blog-listing-section .heading{font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 45px; line-height: 110.00000000000001%; letter-spacing: 0%; text-align:Center; margin-bottom:15px;}
.blog-listing-section .etxt{max-width:740px; margin:0 auto; margin-bottom:32px; font-weight: 400; font-size: 15.56px; line-height: 134%; letter-spacing: 0%; text-align: center;}
.blog-listing-section .blog-filter{display:flex; justify-content:space-between; align-items: center;}
.blog-listing-section .blog-filter .search{position:relative;}
.blog-listing-section .blog-filter .search input{border: 0.3px solid transparent; border-radius: 9.73px; background:linear-gradient(#fff, #fff) padding-box, linear-gradient(106.73deg, #6F43D2 29.57%, #FFB33F 133.72%) border-box; padding:20px 20px 20px 65px; width:643.9043579101562px; font-weight:400; font-size:23px; outline:unset;}
.blog-listing-section .blog-filter .search input::placeholder{color:#C8C6CB}
.blog-listing-section .blog-filter .search .search-icon{width: 20px; height: 20px; position: absolute; top: 50%; left: 20px; margin-top:-10px;}
.blog-listing-section .blog-filter .search .search-icon svg{width:100%; height:auto; display:block}
.blog-listing-section .blog-filter .category select {border: 0.3px solid transparent; border-radius: 9.73px; background:url("../images/drop-down-arrow-4.png") no-repeat right 0px center, linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #1ED8D5 0%, #F7FF5B 100%) border-box; padding: 20px; width: 396px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-size: contain; font-weight: 400; font-size: 23.34px; line-height: 140%; letter-spacing: 0%;}

.new-blog-release{margin-top: 32px; display: flex; background: url(../images/new-blog-bg.png) no-repeat center center; background-size: cover; border-radius:29.31px; outline:unset; box-shadow:unset; padding:32px; gap:32px; justify-content: space-between; align-items: center;}
.new-blog-release .left-side{display: flex; gap: 30.98px; align-items: start; flex-direction: column; width:595.46px; flex-shrink:0;}
.new-blog-release .left-side .sub-head{width: 259.4866638183594px; background: #fff; padding: 7.75px 30.98px 9.68px 30.98px; border-radius: 29.05px; display: flex;  font-size: 23.24px; font-weight: 600; line-height:134%; letter-spacing:0%; position:relative;  z-index: 1; position: relative; overflow: hidden; isolation: isolate;}
.new-blog-release .left-side .sub-head span{display: inline-block; background: linear-gradient(110deg, #6F43D2 0%, #6F43D2 38%, #9B61C4 43%, #D38C8D 47%, #F0AA69 50%, #D38C8D 53%, #9B61C4 57%, #6F43D2 62%, #6F43D2 100%); background-size: 350% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: connectText 6s linear infinite;}
@keyframes connectText {
    from {background-position: 150% 50%;}
    to {background-position: -150% 50%;}
}
.new-blog-release .left-side .title{font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 29.05px; line-height: 132%; letter-spacing: 0%; color:#fff;}
.new-blog-release .left-side .detail{display:flex; gap:20px; color:#fff; font-weight: 400; font-size: 15.49px; line-height: 134%; letter-spacing: 0%;}
.new-blog-release .left-side .detail .author-name{display:flex; gap:15px; align-items: center;}
.new-blog-release .left-side .detail .author-name img{width:20px; border-radius:20px;}
.new-blog-release .left-side .detail .publish-date{display:flex; gap:10px; align-items: center;}
.new-blog-release .left-side .detail .publish-date img{width:20px;}
.new-blog-release .right-side{margin-bottom: -57px;}
.new-blog-release .right-side .feature-image{width:436px;}
.new-blog-release .right-side img{width:100%; height:auto; border-radius:20px 20px 0px 0px;}

.blgos-listing{margin-top:50px; display:grid!important;}
.blgos-listing .box .img{overflow:hidden; border-radius:19.45px; border:0.97px solid rgba(111, 67, 210, 1)}
.blgos-listing .box .img img{width:100%; height:auto; border-radius:10px; transform:scale(1); transform-origin:center center; transition:transform .45s cubic-bezier(.22,.61,.36,1) !important;}
.blgos-listing .box:hover .img img{transform:scale(1.04);}
.blgos-listing .box .title{padding: 24px 10px 10px 10px; color: #000; font-family: SF Pro Display; font-weight: 600; font-size: 16px; line-height: 140%; letter-spacing: 0%;}
.blgos-listing .box .other-details{display: flex; padding: 5px 10px; color: #333333; gap: 20px; font-size: 14px;}
.blgos-listing .box .other-details .author-name{display:flex; gap:10px; align-items: center; font-weight: 400; font-size: 15.56px; line-height: 134%; letter-spacing: 0%;}
.blgos-listing .box .other-details .author-name img{width:20px; border-radius:20px;}
.blgos-listing .box .other-details .date{display:flex; gap:10px; align-items: center;}
.blgos-listing .box .other-details .date img{width:20px;}
.blgos-listing .owl-stage-outer{order:2;}
.blgos-listing .owl-nav{display:flex; justify-content:flex-end; align-items:center; width:100%; gap:10px; margin:0; order:1; margin-bottom:15px;}
.blgos-listing .owl-nav button.owl-prev, .blgos-listing .owl-nav button.owl-next {position: relative; width: 30px; height: 30px; padding: 0 !important; margin: 0; background: #6F43D2 !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; border-radius: 50% !important; color:#fff!important;}
.blgos-listing .owl-nav button.owl-prev:hover::before, .blgos-listing .owl-nav button.owl-next:hover::before {content: ""; position: absolute; inset: 0; border: 3px solid transparent; border-radius: 50%; background:linear-gradient(#7442d8, #7442d8) padding-box, linear-gradient(90deg, #38e7d0 0%, #f6ff5c 100%) border-box; box-sizing: border-box; top: -1px; right: -1px; bottom: -1px; left: -1px;}
.blgos-listing .owl-nav button.owl-next:hover::before, .blgos-listing .owl-nav button.owl-prev:hover::before{opacity: 1;}
.blgos-listing .owl-nav button span{z-index:1;position:relative; line-height: normal; margin-top: -1px; display: block;}
.blgos-listing .owl-stage {padding-left: 0 !important;}

.blog-listing-section.case-study-listing-section{background:rgba(255, 239, 213, 0.4); margin-top:80px;}
.blgos-listing.case-study-carousel{margin-top: 0px;}
.blog-listing-section.webinar-listing-section{margin-top:80px; background:rgba(241, 236, 251, 0.3)}
.blgos-listing.webinar-carousel{margin-top: 0px;}
.webinar-carousel .blog-item {width: 632px; max-width: calc(100vw - 30px);}
.webinar-carousel .owl-item {width: auto;}

.free-demo {margin-top: 80px; background: rgba(255, 239, 213, 0.5) url(../images/bg-free-demo.png) no-repeat left bottom; border-radius: 30px; position: relative; padding: 60px; border: solid 1px rgba(255, 179, 63, 1); display: flex; justify-content: space-between; align-items: center; gap:50px; background-size: cover;}
.free-demo .text {font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 30px; line-height: 132%; letter-spacing: 0%; vertical-align: middle;}
.free-demo  .cta{position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 17px 20px; color: #fff; text-decoration: none; border-radius: 10px; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%); border: 0px solid transparent; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%); border-box; font-weight: 500; font-size: 28px; line-height: 100%; letter-spacing: 0%; white-space: nowrap; gap: 20px; width: 345px; justify-content: center; flex-shrink: 0;}
.free-demo  .cta span{z-index:5; flex-shrink:0;}
.free-demo  .cta::before{content: ""; position: absolute; inset: 0; border-radius: 10px; border: 4px solid transparent; background:linear-gradient(#7442d8, #7442d8) padding-box, linear-gradient(90deg, #1ED8D5 0%, #F7FF5B 100%) border-box; opacity: 0; transition: opacity .5s ease; pointer-events: none; top:-1px; right:-1px; bottom:-1px; left:-1px;}
.free-demo  .cta:hover::before{opacity: 1;}
.free-demo .cta img {width: 30px; height: 30px;}
/* Insight */

/* case study */
.case-study-box{max-width: 100%; background: #F5F5F580; border-radius: 30px; padding: 32px 88px; margin: 0 auto; display:flex; justify-content: center; gap:60px; align-items: center;}
.case-study-box .left{display:grid; gap:16px; width:451px; flex-shrink: 0;}
.case-study-box .left .head{font-family: "SF Pro Display", sans-serif !important; font-weight: 400; font-size: 32px; line-height: 100%; letter-spacing: 0%; vertical-align: middle;}
.case-study-box .left .text{font-weight: 300; font-size: 16px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.case-study-box .right{background:#fffef9; border:solid 1px #f6efd3; border-radius:32px; padding:40px; width:550px; flex-shrink:0;}
.case-study-box .right .form-heading{font-weight: 600; font-size: 24px; line-height: 140%; letter-spacing: 0%; vertical-align: middle; text-align:center;}
.case-study-box .right .talk-form{display: grid; gap: 32px; row-gap:16px; grid-template-columns: repeat(1, 1fr);}
.case-study-box .right .talk-form .field p{margin:0px; display:grid; gap:5px;}
.case-study-box .right .talk-form .field p label{font-weight: 300; font-size: 14px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.case-study-box .right .talk-form .field p input{background: #fcf8ee; border: 0px; padding: 16px; border-radius: 7px; width: 100%;}
.case-study-box .right .talk-form .field.agree-checkbox .wpcf7-list-item{margin:0px;}
.case-study-box .right .talk-form .field.agree-checkbox .wpcf7-list-item label{display: flex; gap: 10px; font-size: 14px; width: 100%; align-items: start;}
.case-study-box .right .talk-form .field.agree-checkbox .wpcf7-list-item label input[type="checkbox"] {appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border: 2px solid #888; border-radius: 5px; background: #fff; cursor: pointer; position: relative; flex-shrink: 0; margin: 2px 0px 0px 0px; transition: all 0.2s ease; padding:0px;}
.case-study-box .right .talk-form .field.agree-checkbox .wpcf7-list-item label input[type="checkbox"]:checked {background: #20CFC6; border-color: #20CFC6;}
.case-study-box .right .talk-form .field.agree-checkbox .wpcf7-list-item label input[type="checkbox"]:checked::after {content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.case-study-box .right .talk-form a{color:#6F43D2; text-decoration:underline;}
.case-study-box .right .talk-form .field.submit-btn button{position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: 20px 10px; color: #fff; text-decoration: none; border-radius: 20px; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%); border: 0px solid transparent; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%) border-box;}
.case-study-box .right .talk-form .field.submit-btn button span{z-index:5;}
.case-study-box .right .talk-form .field.submit-btn button::before{content: ""; position: absolute; inset: 0; border-radius: 18px; border: 3px solid transparent; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%) padding-box, linear-gradient(90deg, #1ED8D5 0%, #F7FF5B 100%) border-box; opacity: 0; transition: opacity .5s ease; pointer-events: none;}
.case-study-box .right .talk-form .field.submit-btn button:hover::before{opacity: 1;}
/* case study */

/* webinar */
.webinar-box{max-width: 100%; background: #F5F5F580; border-radius: 30px; padding: 32px 88px; margin: 0 auto; display:flex; justify-content:center; gap:48px; align-items: center;}
.webinar-box .left{display:grid; gap:20px; width:464px; flex-shrink:0;}
.webinar-box .left .head{font-family: SF Pro Display; font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: 0%; vertical-align: middle;}
.webinar-box .left .text{font-weight: 300; font-size: 16px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.webinar-box .left .text li{font-weight: 300; font-size: 16px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.webinar-box .right .form-area{background:#fffef9; border:solid 1px #f6efd3; border-radius:32px; padding:40px; width:550px; flex-shrink:0;  display:grid; gap:32px;}
.webinar-box .right .form-area img{width:100%; height:Auto; border-radius:20px;}

.webinar-box .right .form-area .talk-form{display: grid; gap: 32px; row-gap:16px; grid-template-columns: repeat(2, 1fr);}
.webinar-box .right .form-area .talk-form .field p{margin:0px; display:grid; gap:5px;}
.webinar-box .right .form-area .talk-form .field p label{font-weight: 300; font-size: 14px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.webinar-box .right .form-area .talk-form .field p input{background: #fcf8ee; border: 0px; padding: 16px; border-radius: 7px; width: 100%;}
.webinar-box .right .form-area .talk-form .field.agree-checkbox{grid-column:span 2;}
.webinar-box .right .form-area .talk-form .field.agree-checkbox .wpcf7-list-item{margin:0px;}
.webinar-box .right .form-area .talk-form .field.agree-checkbox .wpcf7-list-item label{display: flex; gap: 10px; font-size: 14px; width: 100%; align-items: start;}
.webinar-box .right .form-area .talk-form .field.agree-checkbox .wpcf7-list-item label input[type="checkbox"] {appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border: 2px solid #888; border-radius: 5px; background: #fff; cursor: pointer; position: relative; flex-shrink: 0; margin: 2px 0px 0px 0px; transition: all 0.2s ease; padding:0px;}
.webinar-box .right .form-area .talk-form .field.agree-checkbox .wpcf7-list-item label input[type="checkbox"]:checked {background: #20CFC6; border-color: #20CFC6;}
.webinar-box .right .form-area .talk-form .field.agree-checkbox .wpcf7-list-item label input[type="checkbox"]:checked::after {content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.webinar-box .right .form-area .talk-form a{color:#6F43D2; text-decoration:underline;}
.webinar-box .right .form-area .talk-form .field.submit-btn{grid-column:span 2;}
.webinar-box .right .form-area .talk-form .field.submit-btn button{position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: 20px 10px; color: #fff; text-decoration: none; border-radius: 20px; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%); border: 0px solid transparent; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%) border-box;}
.webinar-box .right .form-area .talk-form .field.submit-btn button span{z-index:5;}
.webinar-box .right .form-area .talk-form .field.submit-btn button::before{content: ""; position: absolute; inset: 0; border-radius: 18px; border: 3px solid transparent; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%) padding-box, linear-gradient(90deg, #1ED8D5 0%, #F7FF5B 100%) border-box; opacity: 0; transition: opacity .5s ease; pointer-events: none;}
.webinar-box .right .form-area .talk-form .field.submit-btn button:hover::before{opacity: 1;}
/* webinar */

/* Blog Detail */
.blog-detail-top{max-width: 1300px; margin: 0 auto; margin-top:100px;}
.blog-detail-top h1{font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: 0%;  margin-top: 16px;}
.blog-detail-top .short-content{margin-top: 20px; font-weight: 300; font-size: 16px; line-height: 134%; letter-spacing: 0%;  padding-left: 16px; position:relative;}
.blog-detail-top .short-content:before{content:''; position:absolute; background: linear-gradient(180deg, #7646E8 0%, #9B5BD5 30%, #C978B0 55%, #E89282 75%, #F5A742 100%); width:4px; height:100%; border-radius:100px; left:0px; top:0px;}
.blog-detail-top .blog-meta{display: flex; gap: 20px; font-size: 14px; color: #C8C6CB;}
.blog-detail-top .blog-meta{font-weight: 400; font-size: 14px; line-height: 134%; letter-spacing: 0%; color: rgba(200, 198, 203, 1); margin-top:16px;}
.blog-main-image{max-width: 1300px; margin: 0 auto; margin-top:30px;}
.blog-main-image img{width:100%; height:auto; border-radius:20px;}
.blog-content-area{max-width: 1300px; margin: 0 auto; margin-top:30px; display:flex; gap:50px; align-items: start;}
.blog-content-area .left-content h2{font-size: 32px; font-weight: 500; margin-bottom: 15px; margin-top:30px;}
.blog-content-area .left-content h2:first-child{margin-top:0px;}
.blog-content-area .left-content h2 strong{font-weight:400}
.blog-content-area .left-content p{font-weight: 300!important; font-size: 14px!important; line-height: 134%!important; letter-spacing: 0%!important; margin-bottom:15px!important;}
.blog-content-area .left-content p a{color:#6F43D2; text-decoration:underline;}
.blog-content-area .right-side{position:sticky; top:150px;}
.table-content{display: grid; border: solid 0px #e1e1e1; border-radius: 10px; margin-bottom:10px; margin-top:32px;}
.table-content .table-heading{border-bottom: solid 0px #e1e1e1; font-family: "SF Pro Display", sans-serif !important; font-weight: 700; font-size: 16px; line-height: 140%; letter-spacing: 0%; margin-bottom:16px;}
.table-content .table-links ul{display: grid; gap: 16px;}
.table-content .table-links a{width: 100%; padding: 0px; font-weight: 400; font-size: 14px; line-height: 134%; letter-spacing: 0%;  color: rgba(27, 194, 192, 1); text-decoration: none; border-bottom:solid 1px #e1e1e1;}
.table-content .table-links a:last-child{border:0px;}
.blog-content-area .right-banner{width: 216px; flex-shrink: 0; background: url(../images/blog-banner-bg.png) no-repeat center center; background-size: cover; padding: 32px; border-radius:12px; gap:16px; display:grid;}
.blog-content-area .right-banner .b-head{font-size:16px; font-weight:500; color:#fff; line-height:normal;}
.blog-content-area .right-banner .b-text{font-size:14px; font-weight:300; color:#fff; line-height:normal;}
.blog-content-area .right-banner .b-cta{background:#FFB33F; border-radius:5px; padding:7px 10px; color:#fff; display:block; text-decoration:none; border:solid 1px #FFB33F; font-size:16px;}
.blog-content-area .right-banner .b-cta:hover{border:solid 1px #fff; background:rgba(255,179,63,.3)}

.blog-faq-area{max-width: 1300px; margin: 0 auto; margin-top:50px; background:#F1ECFB4D; padding:32px 88px; border-radius:30px; display:grid; gap:20px;}
.blog-faq-area .faq-box{background: #fff; border-radius: 20px; position: relative;}
.blog-faq-area .faq-box .question{width: 100%; background: transparent; border: 0px; padding: 20px; color: #7f7f7f; font-weight: 600 ; font-size: 18px; position: relative; outline: unset; box-shadow: unset; display: flex; justify-content: space-between; border-radius: 20px 20px 0px 0px; cursor:pointer}
.blog-faq-area .faq-box .question:before {content: ''; width: 3px; background: #6F43D2; height: 20px; position: absolute; left: 0px; top: 50%; margin-top: -10px;}
.blog-faq-area .faq-box .question .icon{border: solid 1px #0000001A; width: 32px; height: 32px; border-radius: 32px; color: #0000001A; display: flex; justify-content: center; align-items: center; flex-shrink: 0; line-height: 16px; font-size: 16px;}
.blog-faq-area .faq-box .answer{padding: 20px; color: #7f7f7f; font-size: 17px;  border-radius: 0px 0px 20px 20px;}
.blog-faq-area .faq-box:hover{background:#ededed; color:#000;}
.blog-faq-area .faq-box:hover .question{color:#000;}
.blog-faq-area .faq-box:hover .icon{border-color:#000; color:#000;}
.blog-faq-area .faq-box.active {border: 1px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(106.73deg, #6F43D2 29.57%, #FFB33F 133.72%) border-box;}
.blog-faq-area .faq-box.active .question{border-bottom: solid 1px #ececed; color:#000;}
.blog-faq-area .faq-box.active:hover .question{background:#fff;}
.blog-faq-area .faq-box.active:hover .answer{background:#fff;}
.blog-faq-area .faq-box.active:hover .icon{border-color:#0000001A;}

.related-blog-section{max-width: 1300px; margin: 0 auto; margin-top:50px;}
.related-blog-section .related-blog-heading{font-size:20px; font-weight:600; margin-bottom:20px;}
.related-blog-section .box{text-decoration:none;}
.related-blog-section .img{overflow:hidden; border-radius:20px;}
.related-blog-section .img img{width:100%; height:auto; border-radius:20px; transform: scale(1); transform-origin: center center; transition: transform .45s cubic-bezier(.22, .61, .36, 1) !important;}
.related-blog-section .box:hover .img img{transform: scale(1.06);}
.related-blog-section .title{padding: 10px; color: #000; font-weight: 600; line-height: normal;}
.related-blog-section .other-details{display: flex; padding: 5px 10px; color: #333333; gap: 20px; font-size: 14px;}
.related-blog-section .owl-nav{position: absolute; top: -48px; display: flex; justify-content: end; width: 100%; gap: 10px;}
.related-blog-section .owl-carousel .owl-nav button.owl-next, .related-blog-section .owl-carousel .owl-nav button.owl-prev{width: 25px; height: 26px; border-radius: 26px; background: #6F43D2; color: #fff; position:relative; display: flex; justify-content: center; align-items: center;}
.related-blog-section .owl-carousel .owl-nav button.owl-next svg, .related-blog-section .owl-carousel .owl-nav button.owl-prev svg{width: 8px; height: auto; fill: #fff;}
.related-blog-section .owl-carousel .owl-nav button.owl-next, .related-blog-section .owl-carousel .owl-nav button.owl-prev {width: 26px; height: 26px; border-radius: 50%; border: 2px solid transparent; background: linear-gradient(#6F43D2, #6F43D2) padding-box, linear-gradient(transparent, transparent) border-box; transition: 0.4s ease;}
.related-blog-section .owl-carousel .owl-nav button.owl-next:hover, .related-blog-section .owl-carousel .owl-nav button.owl-prev:hover {border-color: transparent; background: linear-gradient(#6F43D2, #6F43D2) padding-box, linear-gradient(90deg, #44E7F5 0%, #6CEEEB 20%, #A8F3A8 60%, #FFE65C 100%) border-box;}
/* Blog Detail */

/* Partner Program*/
.page-partner-program .breadcrumb{margin-top:85px !important;}
.partner-program{max-width: 100%; background: #fff9f0; margin-top: 50px; border-radius: 30px; padding: 32px 88px; margin: 0 auto; display:grid; grid-template-columns: repeat(2, 1fr); gap:60px; align-items: end;}
.partner-program .heading{font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 40px; line-height: 110.00000000000001%; letter-spacing: 0%;  margin-bottom: 12px;}
.partner-program .sub-head{font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; vertical-align: middle; margin-bottom:60px; color:rgba(90, 90, 89, 1)}
.partner-program .img-wrapper{width: 552px; background: #FFEFD5; padding: 16px; border-radius: 20px;}
.partner-program .img-wrapper img{width:100%; height:auto; border-radius:20px;}
.partner-program .right{display:grid; gap:32px; width:476px; flex-shrink:0;}
.partner-program .right .box{background:#fff; border-radius:20px; padding:32px; display:grid; gap:16px;}
.partner-program .right .box p{margin:0px;}
.partner-program .right .box .head-link{display: flex; justify-content: space-between; align-items: center;}
.partner-program .right .box .head-link .head{font-weight: 600; font-size: 24px; line-height: 100%; letter-spacing: 0%;}
.partner-program .right .box .head-link a{width: 34px; height: 34px; background: #FFF7EC80; border-radius: 40px; display: flex; padding: 12px;}
.partner-program .right .box .head-link a svg{width:100%; height:auto; fill: #E6A139;}
.partner-program .right .box .head-link a:hover svg{fill:#6F43D2}
.partner-program .right .box .text{font-weight: 300; font-size: 16px; line-height: 134%; letter-spacing: 0%; max-width:365px;}
.partner-program .right .box .cta{position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: 20px 10px; color: #fff; text-decoration: none; border-radius: 20px; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%); border: 0px solid transparent; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%) border-box; font-weight: 600; font-size: 16px; line-height: 100%; letter-spacing: 0%;}
.partner-program .right .box .cta span{z-index:1; position:relative;}
.partner-program .right .box .cta::before{content: ""; position: absolute; inset: 0; border-radius: 18px; border: 3px solid transparent; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%) padding-box, linear-gradient(90deg, #1ED8D5 0%, #F7FF5B 100%) border-box; opacity: 0; transition: opacity .5s ease; pointer-events: none;}
.partner-program .right .box .cta:hover::before{opacity: 1;}
/* Partner Program*/

/* Partner Network */
.channel-partner{max-width: 100%; background:#F1ECFB4D;; margin-top: 50px; border-radius: 30px; padding: 32px 88px; margin: 0 auto; }
.channel-partner .heading{font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 38px; line-height: 110.00000000000001%; letter-spacing: 0%; text-align: center; margin-bottom:30px;}
.channel-partner .filter{display:flex; justify-content:space-between; align-items: center;}
.channel-partner .filter .search{position:relative;}
.channel-partner .filter .search input{border: 0.3px solid transparent; border-radius: 5px; background:linear-gradient(#fff, #fff) padding-box, linear-gradient(106.73deg, #6F43D2 29.57%, #FFB33F 133.72%) border-box; padding:20px 20px 20px 65px; width:590px; font-weight:400; font-size:23px; outline:unset;}
.channel-partner .filter .search input::placeholder{color:#C8C6CB}
.channel-partner .filter .search .search-icon{width: 20px; height: 20px; position: absolute; top: 50%; left: 20px; margin-top:-10px;}
.channel-partner .filter .search .search-icon svg{width:100%; height:auto; display:block}
.channel-partner .filter .country select{border: 0.3px solid transparent; border-radius: 5px; background:url("../images/drop-down-arrow-4.png") no-repeat right 0px center, linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #1ED8D5 0%, #F7FF5B 100%) border-box; padding: 20px; width: 361px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-size: contain; font-size:23px;}
.channel-partner .box-area{display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; margin-top:100px; row-gap:100px}
.channel-partner .box-area .box{border-radius:12px; background:#fff; border:solid 1px #D9D9D999; position:relative; display: grid;}
.channel-partner .box-area .box .logo{position: absolute; border-radius: 12px; background: #fff; border: solid 2px #D9D9D999; width: 152px; right: 20px; top: -30px;}
.channel-partner .box-area .box .logo img{width:100%; height:auto; padding:5px 15px;}
.channel-partner .box-area .box .detail-wrapper{padding: 50px 20px; height:217px;}
.channel-partner .box-area .box .detail-wrapper .name{font-family: "SF Pro Display", sans-serif !important; font-size:16px; font-weight:600;}
.channel-partner .box-area .box .detail-wrapper .text{font-size:11px; font-weight:400; margin-top:20px; line-height: 134%; letter-spacing: 0%; font-weight:300;}
.channel-partner .box-area .box .bottom .cta{position: absolute; background: #D9D9D999; width: 70px; height: 70px; border-radius: 60px; border: solid 2px #fff; font-size: 13px; color: #000; display: flex; justify-content: center; align-items: center; right: 15px; top: -33px;}
.channel-partner .box-area .box .bottom{background: #e6e6e8; padding: 15px 20px; border-radius: 0px 0px 12px 12px; display: grid; gap: 4px; font-weight: 500; font-size: 10px; height: 56px; position:relative; line-height: 134%; letter-spacing: 0%; align-items: center;}
.channel-partner .box-area .box:hover{ border:1px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%) border-box;}
.channel-partner .box-area .box:hover .logo{ border:2px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #20D9D5 0%, #72E7B3 45%, #E8F238 100%) border-box;}
.channel-partner .box-area .box:hover .bottom .cta{background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%); color:#fff;}
.channel-partner .box-area .box:hover .bottom{background: #f1effb;}

body.partner-popup-open{overflow:hidden;}
.channel-partner .partner-connect-popup{position:fixed; inset:0; z-index:999999; display:flex; align-items:center; justify-content:center; padding:30px; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;}
.channel-partner .partner-connect-popup.active{opacity:1; visibility:visible; pointer-events:auto;}
.channel-partner .partner-popup-overlay{position:absolute; inset:0; background:rgba(0,0,0,.65); backdrop-filter:blur(4px);}
.channel-partner .partner-popup-box{position:relative;z-index:2;width:100%;max-width:720px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:24px;padding:25px;transform:translateY(30px);transition:transform .3s ease;}
.channel-partner .partner-connect-popup.active .partner-popup-box{transform:translateY(0);}
.channel-partner .partner-popup-close{position:absolute;right:20px;top:15px;width:38px;height:38px;border:0;background:transparent;font-size:34px;line-height:38px;cursor:pointer;color:#222;padding:0;}
.channel-partner .selected-partner{display:flex;align-items:center;gap:20px;padding-bottom:25px;margin-bottom:30px;border-bottom:1px solid #e8e8e8;}
.channel-partner .selected-partner-logo{width:110px;height:70px;display:flex;align-items:center;justify-content:center;}
.channel-partner .selected-partner-logo img{width:100%;height:100%;object-fit:contain;}
.channel-partner .selected-partner-logo.is-empty{display:none;}
.channel-partner .selected-partner-name{font-size:24px;line-height:1.3;font-weight:600;color:#1b1b1b;}

.selected-partner-form{width:100%;  padding: 32px; gap: 20px; border-radius: 30px; border: 0.2px solid #f6eed2; background: rgba(255, 251, 233, 0.30);}
.selected-partner-form .talk-form{display: grid; gap: 32px; row-gap:16px; grid-template-columns: repeat(2, 1fr);}
.selected-partner-form .talk-form .field p{margin:0px; display:grid; gap:5px;}
.selected-partner-form .talk-form .field p label{font-weight: 400; font-size: 14px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.selected-partner-form .talk-form .field p input{background: #fcf8ee; border: 0px; padding: 16px; border-radius: 7px; width: 100%;}
.selected-partner-form .talk-form .field p select{background-color: #fcf8ee; border: 0px; padding: 16px; border-radius: 7px; width: 100%;}
.selected-partner-form .talk-form .field p textarea{background: #fcf8ee; border: 0px; padding: 16px; border-radius: 7px; width: 100%;}
.selected-partner-form .talk-form .field.mobile label{margin-bottom:5px!important;}
.selected-partner-form .talk-form .field .phone-field{display: flex; gap: 0px;}
.selected-partner-form .talk-form .field .phone-field select{width:75px; border-radius: 7px 0px 0px 7px; padding: 18px 10px;}
.selected-partner-form .talk-form .field .phone-field input{border-radius: 0px 7px 7px 0px; padding: 16px 16px 16px 52px;}
.selected-partner-form .talk-form .field .phone-field .mobile-field{position:relative;}
.selected-partner-form .talk-form .field .phone-field .mobile-field .phone-code{position: absolute; z-index: 10; height: 100%; display: flex; justify-content: center; align-items: center; padding-left:5px;}
.selected-partner-form .talk-form .field.form-field-full{grid-column:span 2}
.selected-partner-form .talk-form .field.agree-checkbox{grid-column:span 2;}
.selected-partner-form .talk-form .field.agree-checkbox .wpcf7-list-item{margin:0px;}
.selected-partner-form .talk-form .field.agree-checkbox .wpcf7-list-item label{display: flex; gap: 10px; font-size: 14px; width: 100%; align-items: start;}
.selected-partner-form .talk-form .field.agree-checkbox .wpcf7-list-item label input[type="checkbox"] {appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border: 2px solid #888; border-radius: 5px; background: #fff; cursor: pointer; position: relative; flex-shrink: 0; margin: 2px 0px 0px 0px; transition: all 0.2s ease; padding:0px;}
.selected-partner-form .talk-form .field.agree-checkbox .wpcf7-list-item label input[type="checkbox"]:checked {background: #20CFC6; border-color: #20CFC6;}
.selected-partner-form .talk-form .field.agree-checkbox .wpcf7-list-item label input[type="checkbox"]:checked::after {content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.selected-partner-form .talk-form a{color:#6F43D2; text-decoration:underline;}
.selected-partner-form .talk-form .field.submit-btn{grid-column:span 2;}
.selected-partner-form .talk-form .field.submit-btn button{position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: 20px 10px; color: #fff; text-decoration: none; border-radius: 20px; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%); border: 0px solid transparent; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%) border-box;}
.selected-partner-form .talk-form .field.submit-btn button span{z-index:5;}
.selected-partner-form .talk-form .field.submit-btn button::before{content: ""; position: absolute; inset: 0; border-radius: 18px; border: 3px solid transparent; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%) padding-box, linear-gradient(90deg, #1ED8D5 0%, #F7FF5B 100%) border-box; opacity: 0; transition: opacity .5s ease; pointer-events: none;}
.selected-partner-form .talk-form .field.submit-btn button:hover::before{opacity: 1;}

.contact-count-data{background: url(../images/data-count-bg.png) no-repeat center center; padding: 60px 83px; border-radius: 30px; display: flex; justify-content: space-evenly; border:solid 1px #e3dcf3; background-size:cover; gap:60px;}
.contact-count-data .data{display: grid; text-align: center; font-size:16px;}
.contact-count-data .data span{font-family: "SF Pro Display", sans-serif !important; font-size: 64px; font-weight: 500; margin-bottom:16px; line-height:110.00000000000001%}

.trusted-platefor{max-width: 100%; border-radius: 30px; padding: 32px 0px 32px 88px; margin: 0 auto; display:flex; gap:84px; align-items: center; margin-top:50px;}
.trusted-platefor .left{width:310px; flex-shrink:0;}
.trusted-platefor .left .head{font-family: "SF Pro Display", sans-serif !important; font-weight: 400; font-size: 32px; line-height: 100%; letter-spacing: 0%; vertical-align: middle; margin-bottom:16px;}
.trusted-platefor .left .text{font-weight: 300; font-size: 16px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.trusted-platefor .left .text ul{padding-left: 20px;}
.trusted-platefor .right{display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; width: 758px; flex-shrink:0;}
.trusted-platefor .right .logos{width: 250px; height: auto; position:relative; bordeR:solid 1px #e8e8e8; border-radius:20px;}
.trusted-platefor .right .logos span{z-index:1; position:relative;}
.trusted-platefor .right .logos::before{content: ""; position: absolute; inset: 0; border-radius: 20px; border: 3px solid transparent; background: linear-gradient(85.55deg, #ffffff 16.09%, #ffffff 127.92%) padding-box, linear-gradient(90deg, #1ED8D5 0%, #F7FF5B 100%) border-box; opacity: 0; transition: opacity .5s ease; pointer-events: none;}
.trusted-platefor .right .logos:hover::before{opacity: 1;}
.trusted-platefor .right img{width:100%; height:auto;}

.as-agency{margin-top: 60px; display:grid;  background: url(../images/banner-bg.png) no-repeat center center; background-size: cover; border-radius:30px; outline:unset; box-shadow:unset; padding:50px; gap:16px;}
.as-agency .head{ max-width:1000px; margin:0 auto; font-family: "SF Pro Display", sans-serif !important; font-weight: 400; font-size: 32px; line-height: 130%; letter-spacing: 0%; text-align: center; vertical-align: middle; color:#fff}
.as-agency .sub-head{margin:0 auto; font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; text-align: center; vertical-align: middle; color:#fff; max-width:900px;}
.as-agency .cta{background: #fff; text-align: center; padding: 7.5px 30px; border-radius: 10px; margin: 0 auto; color: #6F43D2; border:solid 3px #fff; font-weight: 500; font-size: 28px; line-height: 140%; letter-spacing: 0%; text-align: center;}
.as-agency .cta:hover{border:solid 3px #1ed8d5}
/* Partner Network */


/* Be a Partner Page */
.why-become-partner{max-width: 100%; border-radius: 30px; padding: 0px; margin: 0 auto;  margin-top:0px;}
.why-become-partner .head{font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: 0%; text-align: center; vertical-align: middle; margin-bottom:16px;}
.why-become-partner .sub-head{font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; text-align: center; vertical-align: middle; position:relative;}
.why-become-partner .box-area{display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; margin-top:32px;}
.why-become-partner .box-area .box{background:rgba(245, 245, 245, 0.5); bordeR:solid .5px rgba(0, 0, 0, 0.25); border-radius:10px; padding:20px; position:relative;}
.why-become-partner .box-area .box::before {position: absolute; inset: 0; content: ""; pointer-events: none; opacity: 0; background:linear-gradient(#fbfafe, #fbfafe) padding-box, linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%) border-box; border: 2px solid transparent; border-radius: 8px;}
.why-become-partner .box-area .box span{z-index:10; position:relative;}
.why-become-partner .box-area .box:hover::before {opacity: .7;}
.why-become-partner .box-area .box:hover{border:1px solid transparent;  }
.why-become-partner .box-area .box .heading{font-family: "SF Pro Display", sans-serif !important; font-weight: 900; font-size: 17px; line-height: 140%; letter-spacing: 0%; vertical-align: middle; margin-bottom: 10px;}
.why-become-partner .box-area .box .text{font-weight: 400; font-size: 14px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.why-become-partner .box-area .box:last-child{grid-column:span 3;}
.why-become-partner .bottom-content{margin:0 auto; display:table; font-weight: 600; font-size: 16px; line-height: 134%; letter-spacing: 0%; text-align: center; vertical-align: middle; margin-top:32px; position:relative;}
.why-become-partner .bottom-content:after{content:''; position:absolute; background: url(../images/curve-arch.png) no-repeat center center; background-size: cover; width:158px; bottom: -20px; right: -28px; height: 13px;}

.program-for {max-width: 100%; border-radius: 30px; padding: 32px 88px; margin: 0 auto;  margin-top:50px; background:#F1ECFB4D}
.program-for .heading{font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: 0%; vertical-align: middle; text-align:center; margin-bottom: 50px;}
.program-for .cotent{display:flex; grid-template-columns: repeat(2, 1fr); gap:130px; align-items:center;}
.program-for .cotent .left{display:grid; width:538px; flex-shrink:0; gap: 32px;}
.program-for .cotent .left .box .head{font-family: "SF Pro Display", sans-serif !important; font-weight: 700; font-size: 18.14px; line-height: 140%; letter-spacing: 0%; vertical-align: middle; margin-bottom:15px;}
.program-for .cotent .left .box .text{font-weight: 300; font-size: 16px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.program-for .cotent .right {background:#E9E3F8; padding:12px; border-radius:15px; width:442px;}
.program-for .cotent .right img{width:100%; height:auto; border-radius:12px;}

.page-be-a-partner .become-partner .left{max-width:500px;}
.become-partner{max-width: 100%; border-radius: 30px; padding: 32px 88px; margin: 0 auto; display:flex; justify-content:space-between; gap:50px; align-items: center; margin-top:50px;}
.become-partner .left{display:grid; gap:20px; width:345px;}
.become-partner .left .head{font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: 0%; vertical-align: middle;  }
.become-partner .left .text{font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%;}
.become-partner .right{width:579px;  padding: 32px; gap: 20px; border-radius: 30px; border: 0.2px solid #f6eed2; background: rgba(255, 251, 233, 0.30);}
.become-partner .talk-form{display: grid; gap: 32px; row-gap:16px; grid-template-columns: repeat(2, 1fr);}
.become-partner .talk-form .field p{margin:0px; display:grid; gap:5px;}
.become-partner .talk-form .field p label{font-weight: 400; font-size: 14px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.become-partner .talk-form .field p input{background: #fcf8ee; border: 0px; padding: 16px; border-radius: 7px; width: 100%;}
.become-partner .talk-form .field p select{background-color: #fcf8ee; border: 0px; padding: 16px; border-radius: 7px; width: 100%;}
/* Placeholder or empty option */
select:has(option[value=""]:checked) {
    color: #C8C6CB !important;
}

/* After selecting a valid option */
select:has(option:not([value=""]):checked) {
    color: #000 !important;
}

/* Keep all dropdown options black */
select option {
    color: #000 !important;
}
.become-partner .talk-form .field p textarea{background: #fcf8ee; border: 0px; padding: 16px; border-radius: 7px; width: 100%;}
.become-partner .talk-form .field.mobile label{margin-bottom:5px!important;}
.become-partner .talk-form .field .phone-field{display: flex; gap: 0px;}
.become-partner .talk-form .field .phone-field select{width:75px; border-radius: 7px 0px 0px 7px; padding: 18px 10px;}
select.country-select[name="your-country"]:has(option[value="India"]:checked) {color: #C8C6CB !important;}
select.country-select[name="your-country"]:has(option:not([value="India"]):checked) {color: #000 !important;}
select.country-select[name="your-country"] option {color: #000 !important;}
.become-partner .talk-form .field .phone-field input{border-radius: 0px 7px 7px 0px; padding: 16px 16px 16px 52px;}
.become-partner .talk-form .field .phone-field .mobile-field{position:relative;}
.become-partner .talk-form .field .phone-field .mobile-field .phone-code{position: absolute; z-index: 10; height: 56px; display: flex; justify-content: center; align-items: center; padding-left:5px; color:#C8C6CB}
.become-partner .talk-form .field.form-field-full{grid-column:span 2}
.become-partner .talk-form .field.agree-checkbox{grid-column:span 2;}
.become-partner .talk-form .field.agree-checkbox .wpcf7-list-item{margin:0px;}
.become-partner .talk-form .field.agree-checkbox .wpcf7-list-item label{display: flex; gap: 10px; font-size: 14px; width: 100%; align-items: start;}
.become-partner .talk-form .field.agree-checkbox .wpcf7-list-item label input[type="checkbox"] {appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border: 2px solid #888; border-radius: 5px; background: #fff; cursor: pointer; position: relative; flex-shrink: 0; margin: 2px 0px 0px 0px; transition: all 0.2s ease; padding:0px;}
.become-partner .talk-form .field.agree-checkbox .wpcf7-list-item label input[type="checkbox"]:checked {background: #20CFC6; border-color: #20CFC6;}
.become-partner .talk-form .field.agree-checkbox .wpcf7-list-item label input[type="checkbox"]:checked::after {content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.become-partner .talk-form a{color:#6F43D2; text-decoration:underline;}
.become-partner .talk-form .field.submit-btn{grid-column:span 2;}
.become-partner .talk-form .field.submit-btn button{position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: 20px 10px; color: #fff; text-decoration: none; border-radius: 20px; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%); border: 0px solid transparent; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%) border-box;}
.become-partner .talk-form .field.submit-btn button span{z-index:5;}
.become-partner .talk-form .field.submit-btn button::before{content: ""; position: absolute; inset: 0; border-radius: 18px; border: 3px solid transparent; background: linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%) padding-box, linear-gradient(90deg, #1ED8D5 0%, #F7FF5B 100%) border-box; opacity: 0; transition: opacity .5s ease; pointer-events: none;}
.become-partner .talk-form .field.submit-btn button:hover::before{opacity: 1;}
/* Be a Partner Page */

/* About Us */
.page-about-us .inner-hero-section .page-head-text{top:44%}
.about-first-panel{background:#F1ECFB4D; border-radius:30px; padding:32px 88px; display:flex; gap:100px; align-items: center;}
.about-first-panel .content {display:grid; gap:13px; width:523px; flex-shrink:0;}
.about-first-panel .content .head{font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: 0%; vertical-align: middle; }
.about-first-panel .content .text{font-weight: 400; font-size: 16px; line-height: 126%; letter-spacing: 0%; vertical-align: middle; opacity: .6;}
.about-first-panel .img{width:441px; flex-shrink:0; border-radius:15px; background:#E9E3F8; padding:12px;}
.about-first-panel .img img{width:100%; height:auto; border-radius:15px;}
/* About Us */

/* About count */
.our-mission{margin-top:80px;}
.our-mission .head{text-align:center; width:100%; font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: 0%; text-align: center; vertical-align: middle; margin-bottom:15px;}
.our-mission .text{text-align:center; width:100%; font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; text-align: center; vertical-align: middle; margin-bottom:30px;}
.about-count-data{background: url(../images/about-data-big.png) no-repeat center center; padding: 60px 83px; border-radius: 30px; display: flex; justify-content: space-evenly; border:solid 1px #6F43D2; background-size:cover; gap:60px;}
.about-count-data .data{display: grid; text-align: center; font-size:16px;}
.about-count-data .data span{font-family: "SF Pro Display", sans-serif !important; font-size: 64px; font-weight: 500; margin-bottom:16px; line-height:110.00000000000001%}
/* About count */

/* About Trusted */
.elementor-widget-optculture_trusted_brands .trusted-section {position: relative; width: 100%; overflow: hidden; padding: 25px 0; background: rgba(244, 240, 254, 1); border-radius: 30px; margin-top:80px;}
.elementor-widget-optculture_trusted_brands .trusted-mask {position: absolute; left: 50%; top: 50%; z-index: 3; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 550px; height: 215px; padding: 30px; overflow: hidden; border-radius: 40px; background: url(../images/middle-background.png) no-repeat center center; background-size: cover; text-align: center; transform: translate(-50%, -50%); pointer-events: none;}
.elementor-widget-optculture_trusted_brands .trusted-mask h2{font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 30px; line-height: 132%; letter-spacing: 0%; text-align: center;}
.elementor-widget-optculture_trusted_brands .trusted-mask p{font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; text-align: center; margin-top: 8px;}
.elementor-widget-optculture_trusted_brands .trusted-mask h2, .elementor-widget-optculture_trusted_brands .trusted-mask p {margin: 0;}
.elementor-widget-optculture_trusted_brands .trusted-marquee {width: 100%; overflow: hidden;}
.elementor-widget-optculture_trusted_brands .trusted-track {display: flex; align-items: center; width: max-content; animation-name: optculture-trusted-marquee; animation-duration: 100s; animation-timing-function: linear; animation-iteration-count: infinite; will-change: transform;}
.elementor-widget-optculture_trusted_brands .trusted-group {display: flex; align-items: center; gap: 10px; padding: 30px 15px;}
.elementor-widget-optculture_trusted_brands .trusted-section.pause-on-hover:hover .trusted-track {animation-play-state: paused;}
.elementor-widget-optculture_trusted_brands .logo-card {flex: 0 0 auto; width: 170px!important; height: 82px!important; border: 1px solid rgba(111, 67, 210, 1); border-radius: 20px; background: #fff; display: flex; justify-content: center; align-items: center; transition: transform 0.35s ease;}
/*.elementor-widget-optculture_trusted_brands .logo-card:hover {box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);}*/
.elementor-widget-optculture_trusted_brands .logo-card a {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;}
.elementor-widget-optculture_trusted_brands .logo-card img {display: block; max-width: 75%; max-height: 55px; width: auto; height: auto; object-fit: contain;}

@keyframes optculture-trusted-marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}
/* About Trusted */

.oc-stand-for {margin-top: 80px;}
.oc-stand-for .oc-stand-for__header .oc-stand-for__heading {width: 100%; margin-bottom: 15px; font-family: "SF Pro Display", sans-serif !important; font-size: 32px; font-weight: 500; line-height: 100%; letter-spacing: 0; text-align: center; vertical-align: middle;}
.oc-stand-for .oc-stand-for__header .oc-stand-for__intro {width: 100%; margin-bottom: 30px; font-size: 16px; font-weight: 400; line-height: 134%; letter-spacing: 0; text-align: center; vertical-align: middle;}
.oc-stand-for .oc-stand-for__cards {--oc-resize-duration: 100ms; display: flex !important; align-items: stretch; justify-content: center; gap: 20px; width: 100%; max-width: 100%;}
.oc-stand-for .oc-stand-for__cards .oc-stand-for__card {position: relative; display: flex; align-items: center; justify-content: center; flex: 0 0 calc(20% - 16px) !important; flex-grow: 0 !important; flex-shrink: 0 !important; width: auto !important; min-width: 237px !important; max-width: 370px !important; height: 312px; padding: 32px; overflow: hidden !important; box-sizing: border-box; background-position: center; background-repeat: no-repeat; background-size: auto 100% !important; border: 0 !important; border-radius: 30px; transition: flex-basis var(--oc-resize-duration) cubic-bezier(0.22, 1, 0.36, 1), background-size var(--oc-resize-duration) cubic-bezier(0.22, 1, 0.36, 1) !important; will-change: flex-basis, background-size; backface-visibility: hidden; text-align:center; transition:flex-basis 0.7s ease-in-out, background-size 0.7s ease-in-out !important;}
oc-stand-for .oc-stand-for__cards:has(.oc-stand-for__card:hover) .oc-stand-for__card:not(:hover) {	flex-basis: calc(25% - 112.5px) !important;}
.oc-stand-for .oc-stand-for__cards .oc-stand-for__card:hover {flex-basis: 370px !important; width: auto !important; background-size: auto 115% !important; text-align:left;}
.oc-stand-for .oc-stand-for__cards .oc-stand-for__card::before, .oc-stand-for .oc-stand-for__cards .oc-stand-for__card::after {	position: absolute; inset: -2px; box-sizing: border-box; padding: 4px; border-radius: 32px; pointer-events: none; content: ""; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude;}
.oc-stand-for .oc-stand-for__cards .oc-stand-for__card::before {z-index: 9; background: #ffb33f;}
.oc-stand-for .oc-stand-for__cards .oc-stand-for__card::after {z-index: 10; background: linear-gradient(90deg, #1ed8d5 0%, #f7ff5b 100%); opacity: 0; transition: opacity 350ms ease;}
.oc-stand-for .oc-stand-for__cards .oc-stand-for__card:hover::after {opacity: 1;}
.oc-stand-for .oc-stand-for__card-inner {position: relative; z-index: 2; width: 100%; min-width: 0;}
.oc-stand-for .oc-stand-for__cards .oc-stand-for__card h3.oc-stand-for__card-title {position: relative; left: 50%; max-width: 100%; margin: 0; color: #fff; font-size: 24px; font-weight: 600; line-height: 134%; letter-spacing: 0; text-align: left; transform: translateX(-50%); transition: left var(--oc-resize-duration) cubic-bezier(0.22, 1, 0.36, 1), transform var(--oc-resize-duration) cubic-bezier(0.22, 1, 0.36, 1) !important;  text-align:center}
.oc-stand-for .oc-stand-for__cards .oc-stand-for__card:hover h3.oc-stand-for__card-title {left: 0; transform: translateX(0);  width:300px; text-align:left;}
.oc-stand-for .oc-stand-for__cards .oc-stand-for__card .oc-stand-for__card-content {display: block !important; max-height: 0; margin-top: 0; overflow: hidden; color: #fff; font-size: 16px; font-weight: 300; line-height: 134%; letter-spacing: 0; opacity: 0; visibility: hidden; transform: translateY(15px);  transition:opacity 250ms ease, transform 150ms ease, max-height 0s linear 150ms, margin-top 0s linear 150ms, visibility 0s linear 150ms !important; width:300px;}
 .oc-stand-for .oc-stand-for__cards .oc-stand-for__card:hover .oc-stand-for__card-content {max-height: 220px; margin-top: 12px; opacity: 1; visibility: visible; transform: translateY(0); transition:visibility 0s linear var(--oc-resize-duration), max-height 420ms cubic-bezier(0.22, 1, 0.36, 1) var(--oc-resize-duration), margin-top 420ms cubic-bezier(0.22, 1, 0.36, 1) var(--oc-resize-duration), opacity 100ms ease var(--oc-resize-duration), transform 420ms cubic-bezier(0.22, 1, 0.36, 1) var(--oc-resize-duration) !important;}

.opt-solutions{margin-top: 80px; background: rgba(241, 236, 251, 0.3); border-radius: 30px; padding:32px;}
.opt-solutions .heading{text-align:center; width:100%; font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: 0%; text-align: center; vertical-align: middle; margin-bottom:15px;}
.opt-solutions .text{text-align:center; width:100%; font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; text-align: center; vertical-align: middle; margin-bottom:30px;}
.opt-solutions .box .img {overflow: hidden; border-radius: 20px; border:solid 1px rgba(111, 67, 210, 1)}
.opt-solutions .box .title {padding: 24px 10px 10px 10px; color: #000; font-family: SF Pro Display; font-weight: 600; font-size: 16px; line-height: 140%; letter-spacing: 0%; display:flex;}
.opt-solutions .box .other-details {display: flex; padding: 5px 10px; color: #333333; gap: 20px; font-size: 14px;}
.opt-solutions .box .other-details a{color:#000; display:inline; text-decoration:underline;}
.opt-solutions .opt-solutions-carousel{display:grid!important;}
.opt-solutions .owl-carousel .owl-stage{padding-left:0px!important;}
.opt-solutions .owl-stage-outer{order:2;}
.opt-solutions .owl-nav{display:flex; justify-content:flex-end; align-items:center; width:100%; gap:10px; margin:0; order:1; margin-bottom:20px;}
.opt-solutions .owl-nav button.owl-prev, .opt-solutions .owl-nav button.owl-next {position: relative; width: 30px; height: 30px; padding: 0 !important; margin: 0; background: #6F43D2 !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; border-radius: 50% !important; color:#fff!important;}
.opt-solutions .owl-nav button.owl-prev:hover::before, .opt-solutions .owl-nav button.owl-next:hover::before {content: ""; position: absolute; inset: 0; border: 3px solid transparent; border-radius: 50%; background:linear-gradient(#7442d8, #7442d8) padding-box, linear-gradient(90deg, #38e7d0 0%, #f6ff5c 100%) border-box; box-sizing: border-box; top: -1px; right: -1px; bottom: -1px; left: -1px;}
.opt-solutions .owl-nav button.owl-next:hover::before, .opt-solutions .owl-nav button.owl-prev:hover::before{opacity: 1;}
.opt-solutions .owl-nav button span{z-index:1;position:relative;}

.people-powring{margin-top: 80px; padding:32px;}
.people-powring .head{text-align:center; width:100%; font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: 0%; text-align: center; vertical-align: middle; margin-bottom:15px;}
.people-powring .text{text-align:center; max-width:70%; font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; text-align: center; vertical-align: middle; margin:0 auto; margin-bottom:30px;}
.people-powring .box .img{border-radius:30px; position:relative; margin-bottom:32px;}
.people-powring .box .img img{border-radius:30px; width:100%; height:auto;}
.people-powring .box .social{position: absolute; bottom: 0px; right: 0px; width: 100px; height: 62px; display: flex; background: url(../images/plug.png) no-repeat right bottom; background-size: cover; justify-content: end; align-items: end; gap:20px; padding:10px 10px 0px 10px;}
.people-powring .box .social a{width: 20px; height: 20px; border-radius: 3px; background: rgba(111, 67, 210, 1); display:flex;}
.people-powring .box .social a svg{fill: #fff; width: 100%; height: auto;}
.people-powring .box .detail{display: flex; justify-content: space-between; align-items:center; margin-bottom:16px;}
.people-powring .box .detail .name{font-weight: 600; font-size: 24px; line-height: 134%; letter-spacing: 0%; text-align: center;}
.people-powring .box .detail .designation{border-radius: 120px; padding: 8px 16px; border: solid 1px rgba(19, 19, 19, 0.1); font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%;}
.people-powring .box .cotent{font-weight: 400; font-size: 14px; line-height: 134%; letter-spacing: 0%;}

.connect-with-platform{background:rgba(245, 245, 245, 0.5); padding:32px; border-radius:30px; margin-top:80px;}
.connect-with-platform .heading{margin-bottom:16px; font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: 0%; text-align: center;}
.connect-with-platform .sub-text{margin-bottom:32px; font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; text-align: center;}
.connect-with-platform .sub-nav {margin:0 auto; display: flex; align-items: center; gap: 60px; max-width: 770px; padding: 20px 40px; margin-bottom: 50px; background: #fff; border-radius: 999px; position:relative;}
@property --angle {
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}
.connect-with-platform .sub-nav::before {position: absolute; inset: -1px; z-index: -1; border: 1px solid transparent; border-radius: 999px; background:linear-gradient(#6f43d2, #6f43d2) padding-box, conic-gradient(from var(--angle), #e0dbd4 0deg, #e0dbd4 105deg, rgba(111, 67, 210, 0.25) 115deg, #6f43d2 125deg, #6f43d2 145deg, rgba(255, 179, 63, 0.25) 155deg, #e0dbd4 165deg, #e0dbd4 285deg, rgba(111, 67, 210, 0.25) 295deg, #6f43d2 305deg, #6f43d2 325deg, rgba(255, 179, 63, 0.25) 335deg, #e0dbd4 345deg, #e0dbd4 360deg) border-box; content: ""; opacity: 1; pointer-events: none; animation: platform-border-rotate 12s linear infinite; transition: opacity 800ms ease-in-out;}
@keyframes platform-border-rotate {
	from {
		--angle: 0deg;
	}

	to {
		--angle: 360deg;
	}
}
.connect-with-platform .sub-nav a {display: flex; align-items: center; justify-content: center; padding: 10px 20px; border-radius: 999px; line-height: 1.2; text-align: center; text-decoration: none; transition: color .25s ease, background-color .25s ease; color:#000; font-weight: 600; font-size: 16px; line-height: 134%; letter-spacing: 0%;}
.connect-with-platform .sub-nav a:hover{background: #f3f1fb;}
.connect-with-platform .sub-nav a.active {background: #7040df; color: #fff;}
.connect-with-platform .platform-section {align-items: stretch; gap: 32px;}
.connect-with-platform .platform-section:not([hidden]) {display: grid; background: rgba(241, 236, 251, 0.3); border-radius: 30px; padding: 32px; align-items: start;}
.connect-with-platform .platform-section .left img {width: 100%; height: auto; object-fit: contain; border-radius:30px;}
.connect-with-platform .platform-logo{border-radius:30px; border:solid 0.5px rgba(217, 217, 217, 0.6); position:relative; background:#fff}
.connect-with-platform .platform-logo img {display: block; width: 100%; height: auto; object-fit: contain; border-radius:30px;}
.connect-with-platform .platform-logo::before {position: absolute; inset: 0; padding: 2px; border-radius: 28px; background: linear-gradient(90deg, #38e7d0 0%, #f6ff5c 100%); content: ""; pointer-events: none; opacity: 0; transition: opacity 500ms ease; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude;}
.connect-with-platform .platform-logo:hover::before {opacity: 1;}
.connect-with-platform .platform-section .right {display: grid; gap: 16px;}
.connect-with-platform .platform-section--retail {grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);}
.connect-with-platform .platform-section--retail .right {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
.connect-with-platform .platform-section--food-beverage {grid-template-columns: minmax(0, 2fr) minmax(0, 2fr);}
.connect-with-platform .platform-section--food-beverage .right {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
.connect-with-platform .platform-section--ecommerce {grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);}
.connect-with-platform .platform-section--ecommerce .right {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
.connect-with-platform .platform-section--open-api {grid-template-columns: minmax(0, 4fr) minmax(0, 1fr);}
.connect-with-platform .platform-section--open-api .right {grid-template-columns: 1fr !important;}

.connect-with-platform .platform-section.platform-section--food-beverage .right{height:100%; display:flex;}
.connect-with-platform .platform-section.platform-section--food-beverage .right a{height:100%; display:flex;}
.connect-with-platform .platform-section.platform-section--ecommerce .right{height:100%; display:flex;}
.connect-with-platform .platform-section.platform-section--ecommerce .right a{height:100%; display:flex;}
.connect-with-platform .platform-section.platform-section--open-api .right{height:100%; display:flex;}
.connect-with-platform .platform-section.platform-section--open-api .right a{height:100%; display:flex;}

.info-detail{background:rgba(245, 245, 245, 0.5); padding:32px 88px; border-radius:30px; margin-top:80px;}
.info-detail .top-panel{display:grid; grid-template-columns: repeat(2, 1fr); gap:60px; margin-bottom:32px;}
.info-detail .top-panel .text-1 span{font-weight: 600; font-size: 24px; line-height: 134%; letter-spacing: 0%; vertical-align: middle; display:table;}
.info-detail .top-panel .text-1{font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.info-detail .top-panel .text{font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.info-detail .info-img{background: rgba(233, 227, 248, 0.5); padding: 12px; border-radius: 15px;display:grid; position:relative;}
.info-detail .info-img img{width:100%; height:auto; border-radius:10px;}
.info-detail .info-img .cta{position: absolute; background: rgba(255, 179, 63, 1); color: #fff; padding: 3.7px 10.125px; border-radius: 5px; left: 50%; top: 50%; margin-left: -45px; margin-top: -17px; border:solid 1px transparent;}
.info-detail .info-img .cta:hover{background: rgba(255, 179, 63, .1); border:solid 1px #fff;}
.platform-info .info-detail{background:#fffbf5}
.platform-info .info-detail .info-img{background:#fff1d9}

.real-result{background:rgba(245, 245, 245, 0.5); padding:32px 77px; border-radius:30px;}
.real-result .heading{font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: 0%; text-align: center; margin-bottom:32px;}
.real-result .data-area{display:flex; gap:77px;}
.real-result .data-area .image{width:627px; height:auto; flex-shrink:0; }
.real-result .data-area .image img{width:100%; height:auto; border-radius:30px;}
.real-result .data-area .data{display:grid; gap:52px; width:360px; flex-shrink:0;}
.real-result .data-area .data .box{background:rgba(233, 227, 248, 0.5); padding:20px; border-radius:10px; position:relative;}
.real-result .data-area .data .box .count{font-family: "SF Pro Display", sans-serif !important; font-weight: 600; font-size: 39px; line-height: 110.00000000000001%; letter-spacing: 0%; margin-bottom:10px;}
.real-result .data-area .data .box .text{font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%;}
.real-result .data-area .data .box .icon{width:80px; height:80px; border-radius:80px; background:rgba(111, 67, 210, 1);     position: absolute; right: 20px; top: -40px; padding: 20px;}
.real-result .data-area .data .box .icon img{width:100%; height:auto;}
.real-result .data-area .data .box:nth-child(2){background:rgba(255, 239, 213, 0.88)}
.real-result .data-area .data .box:nth-child(2) .icon{background:rgba(255, 179, 63, 1)}
.real-result .data-area .data .box:nth-child(3){background:rgba(255, 235, 143, 0.4)}
.real-result .data-area .data .box:nth-child(3) .icon{background:rgba(255, 212, 38, 1)}

/*.blgos-listing {max-width: 100%; padding: 32px 0px 0px 0px; margin: 0 auto; align-items: center; margin-top:80px}
.blgos-listing .box .img {overflow: hidden; border-radius: 20px;}
.blgos-listing .box .img img {width: 100%; height: auto; border-radius: 10px; transform: scale(1); transform-origin: center center; transition: transform .45s cubic-bezier(.22, .61, .36, 1) !important;}
.blgos-listing .box .title {padding: 24px 10px 10px 10px; color: #000; font-family: SF Pro Display; font-weight: 600; font-size: 16px; line-height: 140%; letter-spacing: 0%;}
.blgos-listing .box .other-details {display: flex; padding: 5px 10px; color: #333333; gap: 20px; font-size: 14px;}*/

.platform-partner-program{margin-top:80px;}
.platform-partner-program .sub-nav{display: flex; gap: 42px; max-width: 1100px; z-index: 10; position: relative;}
.platform-partner-program .sub-nav button{background: transparent; border: 0px; padding: 5px 15px; font-weight: 600; font-size: 16px; line-height: 134%; letter-spacing: 0%; text-align: center; vertical-align: middle; position:relative; border-radius:5px;}
.platform-partner-program .sub-nav button:hover{color:#ed5d05; background:#fff9f0}
.platform-partner-program .sub-nav button.active{color:#ed5d05; background:#fff9f0}
.platform-partner-program .sub-nav button:before{content:''; width:2px; height:22px; background:rgba(217, 217, 217, 0.6); position:absolute; top:50%; margin-top:-11px; right:-26px;}
.platform-partner-program .sub-nav button:last-child:before{display:none;}
.platform-partner-program  .owl-stage{display:flex;align-items:stretch}
.platform-partner-program  .owl-item{display:flex;width:240px!important;transition:width .5s ease}
.platform-partner-program  .owl-item:hover{width:430px!important}
.platform-partner-program  .box{display:flex; flex-direction:column; justify-content:flex-end; width:100%; min-height:420px; padding:30px; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:30px; background:rgba(241, 236, 251, 0.3); color:#000; justify-content: center; align-items: center; 	transition:background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease; width:243px;}
.platform-partner-program  .head{font-size:24px;font-weight:600;line-height:1.15}
.platform-partner-program  .box-content{max-height:0; margin-top:0; overflow:hidden; opacity:0; transform:translateY(25px); transition:max-height .5s, opacity .35s, transform .5s, margin-top .5s}
.platform-partner-program .owl-item:hover {z-index: 10;}
.platform-partner-program .owl-item:hover .box {transform: scaleX(1.14);}
.platform-partner-program  .box:hover{background:#6F43D2; align-items:middle;}
.platform-partner-program  .box:hover .head{color:#fff;width:340px;}
.platform-partner-program  .box:hover .box-content{max-height:260px; margin-top:20px; opacity:1; transform:none; color:#fff;}
.platform-partner-program  .text{width:340px; color:#fff; line-height:1.6}
.platform-partner-program  .cta{display:inline-flex; align-items:center; gap:10px; margin-top:25px; color:#fff; font-size:24px; text-decoration:none}
.platform-partner-program  .cta:hover{text-decoration:underline}
.partner-flow-wrap{display:grid;}
.partner-flow-wrap .partner-carousel.partner-flow{order:2}
.partner-flow-wrap .partner-flow-nav{order:1;}

.platform-partner-program .partner-flow {width: 100%; overflow: hidden;}
.platform-partner-program .partner-flow-track {display: flex; align-items: stretch; gap: 30px; width: max-content; padding-top: 30px; will-change: transform;}
.platform-partner-program .partner-flow-track > .item {position: relative; z-index: 1; flex: 0 0 auto; box-sizing: border-box; transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1) !important; will-change: width;}
.platform-partner-program .partner-flow-track > .item:hover{width:375px!important;}
.platform-partner-program .partner-flow-track > .item > .box {width: 100% !important; max-width: none !important; box-sizing: border-box; transition:background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease !important;}
.platform-partner-program .partner-flow-track .box .head {transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;}
.platform-partner-program .partner-flow-track .box .box-content {max-height: 0 !important; overflow: hidden !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(22px) !important; transition:max-height 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease 0.18s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.7s !important;}
.platform-partner-program .partner-flow-track .box.is-hovered .head {transform: translateY(-5px) !important; text-align:Center}
.platform-partner-program .partner-flow-track .box.is-hovered .box-content {max-height: 350px !important; opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; transition-delay: 0s, 0.18s, 0s, 0s !important; text-align:Center}

.partner-flow-wrap .partner-flow-nav{display:flex; justify-content:flex-end; align-items:center; width:100%; gap:10px; margin:0; order:1; margin-bottom:20px; margin-top: -32px;}
.partner-flow-wrap .partner-flow-nav button.partner-flow-prev, .partner-flow-wrap .partner-flow-nav button.partner-flow-next {position: relative; width: 30px; height: 30px; padding: 0 !important; margin: 0; background: #6F43D2 !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; border-radius: 50% !important; color:#fff!important;}
.partner-flow-wrap .partner-flow-nav button.partner-flow-prev:hover::before, .partner-flow-wrap .partner-flow-nav button.partner-flow-next:hover::before {content: ""; position: absolute; inset: 0; border: 3px solid transparent; border-radius: 50%; background:linear-gradient(#7442d8, #7442d8) padding-box, linear-gradient(90deg, #38e7d0 0%, #f6ff5c 100%) border-box; box-sizing: border-box;}
.partner-flow-wrap .partner-flow-nav button.partner-flow-prev svg, .partner-flow-wrap .partner-flow-nav button.partner-flow-next svg{width: 13px; height: auto; margin-top: -2px;}
.partner-flow-wrap .partner-flow-nav button.partner-flow-next:hover::before, .partner-flow-wrap .partner-flow-nav button.partner-flow-prev:hover::before{opacity: 1;}
.partner-flow-wrap .partner-flow-nav button span{z-index:1;position:relative;}

.integration-first-panel{background:#f9f7fd; border-radius:30px; padding:32px 88px; display:flex; gap:130px; align-items: center;}
.integration-first-panel .content {display:grid; gap:13px; width:538px; flex-shrink:0;}
.integration-first-panel .content .head{font-family: "SF Pro Display", sans-serif !important; font-weight: 700; font-size: 18.14px; line-height: 140%; letter-spacing: 0%; vertical-align: middle;}
.integration-first-panel .content .text{font-weight: 400; font-size: 15.87px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.integration-first-panel .img{width:442px; flex-shrink:0; border-radius:15px; background:rgba(233, 227, 248, 0.5); padding:12px;}
.integration-first-panel .img img{width:100%; height:auto; border-radius:15px;}

.integration-second-panel{background:#fff9f0; border-radius:30px; padding:32px 88px; display:flex; gap:100px; align-items: center; margin-top:80px;  margin-bottom:80px;}
.integration-second-panel .content {display:grid; gap:13px; width:538px; flex-shrink:0;}
.integration-second-panel .content .head{font-family: "SF Pro Display", sans-serif !important; font-weight: 700; font-size: 18.14px; line-height: 140%; letter-spacing: 0%; vertical-align: middle;}
.integration-second-panel .content .text{font-weight: 400; font-size: 15.87px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.integration-second-panel .img{width:442px; flex-shrink:0; border-radius:15px; background:rgba(255, 239, 213, 0.88); padding:12px;}
.integration-second-panel .img img{width:100%; height:auto; border-radius:15px;}

.platform-feature-img{margin-bottom:80px; border-radius:30px;}
.platform-feature-img img{width:100%; height:auto; border-radius:30px;}

.oc-apparel-demo {margin: 0; padding: 6px; background: #fff;}
.oc-apparel-demo main {width: 100%; max-width: 950px; margin: 0 auto;}
.oc-apparel-benefits {position: relative; isolation: isolate; width: 100%; min-height: 748px; padding: 230px 56px 32px; overflow: hidden; box-sizing: border-box; background: #e4e7e6; border-radius: 26px; color: #080808;}
.oc-apparel-benefits__background {position: absolute; inset: 0; z-index: -2; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.oc-apparel-benefits::after {position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 56% ); content: ""; pointer-events: none;}
.oc-apparel-benefits__inner {position: relative; z-index: 1;}
.oc-apparel-benefits__heading {max-width: 576px; margin: 0 0 60px; color: #080808; font-family: "SF Pro Display", sans-serif !important; font-weight: 600; font-size: 40px; line-height: 110.00000000000001%; letter-spacing: 0%;}
.oc-apparel-benefits__grid {display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px;}
.oc-apparel-benefits__card {grid-column: span 2; display: flex; flex-direction: column; padding: 30px; background: #fff; border: 1px solid rgba(111, 67, 210, 0.25); border-radius: 30px; position:relative;}
.oc-apparel-benefits__card::before{content: ""; position: absolute; inset: 0; border-radius: 30px; border: 3px solid transparent; background:linear-gradient(#6f43d2, #6f43d2) padding-box, linear-gradient(85.55deg, #6F43D2 16.09%, #FFB33F 127.92%) border-box; opacity: 0; transition: opacity .5s ease; pointer-events: none; top: -1px; right: -1px; bottom: -1px; left: -1px;}
.oc-apparel-benefits__card:hover::before{opacity: 1;}
.oc-apparel-benefits__card:hover h3{z-index:5;}
.oc-apparel-benefits__card:hover .oc-apparel-benefits__card-description{z-index:5;}
.oc-apparel-benefits__card:nth-child(-n + 2) {grid-column: span 3;}
.oc-apparel-benefits__card-heading {margin: 0; font-weight: 600; font-size: 24px; line-height: 134%; letter-spacing: 0%; vertical-align: middle; margin-bottom:32px;}
.oc-apparel-benefits__card-description {color: #121212; font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}
.oc-apparel-benefits__card:hover{background:#6f43d2}
.oc-apparel-benefits__card:hover .oc-apparel-benefits__card-heading{color:#fff;}
.oc-apparel-benefits__card:hover .oc-apparel-benefits__card-description{color:#fff;}

.oc-why, .oc-why *, .oc-why *::before,  .oc-why *::after {box-sizing: border-box;}
.oc-why {--oc-why-bg: #f8f4ee; --oc-why-text: #101010; --oc-why-accent: #ffbc5d; width: 100%; padding: 32px 88px; margin-top: 80px; background: rgba(255, 247, 236, 0.5); border-radius:30px;}
.oc-why__inner {display: grid; grid-template-columns: minmax(320px, 400px) minmax(0, 1fr); gap: 32px; margin: 0 auto;}
.oc-why__intro {display: flex; min-width: 0; flex-direction: column;}
.oc-why__heading {position: relative; font-family: "SF Pro Display", sans-serif !important; font-weight: 600; font-size: 40px; line-height: 110.00000000000001%; letter-spacing: 0%; vertical-align: middle; color:#000; margin-bottom:68px;}
.oc-why__heading::after {content: ""; position: absolute; width: 158px; bottom: -20px; left: 62px; height: 13px; background: url(../images/curve-arch.png) center center / cover no-repeat;}
.oc-why__media {width: 100%; margin-top: auto; overflow: hidden; border-radius: 27px;}
.oc-why__media img {display: block; width: 100%; aspect-ratio: 360 / 440; object-fit: cover;}
.oc-why__cards {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;}
.oc-why__card {display: flex; padding: 20px 30px; flex-direction: column; border: 1px solid rgba(254, 193, 102, 1); border-radius: 30px;}
.oc-why__icon {display: grid; width: 72px; height: 72px; margin-bottom: 32px; background:rgba(254, 193, 102, 1); border-radius: 50%; padding: 14px; display: flex; justify-content: center; align-items: center;}
.oc-why__icon img {display: block; width: 100%; height: auto;}
.oc-why__card-title {margin: 0 0 16px; font-family: "SF Pro Display", sans-serif !important; font-weight: 700; font-size: 18.14px; line-height: 140%; letter-spacing: 0%; vertical-align: middle; }
.oc-why__card-text {font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}

.engage-customer{width:100%; border-radius:30px; padding:32px; display:grid; gap:16px; background: url(../images/engage-customer-bg.png) no-repeat center center; background-size: cover; }
.engage-customer .heading{font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: 0%; text-align: center; vertical-align: middle;}
.why-optculture{width:100%; margin-top:80px;}
.why-optculture .heading{font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: 0%; text-align: center; vertical-align: middle; margin-bottom:32px;}
.why-optculture .img-text-area{display:flex; gap:32px;}
.why-optculture .img-text-area .img{width:456px;flex-shrink:0;}
.why-optculture .img-text-area .img img{border-radius:30px; width:100%; height:auto;}
.why-optculture .img-text-area .text{display:grid; grid-template-columns: repeat(2, 1fr); gap:32px;}
.why-optculture .img-text-area .text .col .head{font-family: "SF Pro Display", sans-serif !important; font-weight: 700; font-size: 16px; line-height: 140%; letter-spacing: 0%; vertical-align: middle; margin-bottom:16px;}
.why-optculture .img-text-area .text .col .content{font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; vertical-align: middle;}

.explore-solitions{margin-top:80px;}
.explore-solitions .heading{font-family: "SF Pro Display", sans-serif !important; font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: 0%; text-align: center; vertical-align: middle; margin-bottom:25px;}
.explore-solitions .sub-head{font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%; text-align: center; vertical-align: middle; margin-bottom:60px;}
.elementor-widget-optculture_industry_solutions_slider .explore-solitions {--industry-card-collapsed-width: 243px; --industry-card-expanded-width: 356px; --industry-mobile-card-width: 100vw; width: 100%;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-wrap {display: grid;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow {order: 2; width: 100%; overflow: hidden;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-track {display: flex; align-items: stretch; gap: 16px; width: max-content; padding-top: 0px; will-change: transform;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-track > .item {position: relative; z-index: 1; flex: 0 0 auto; box-sizing: border-box; width: var(--industry-card-collapsed-width); transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1) !important; will-change: width;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-track > .item:hover, .elementor-widget-optculture_industry_solutions_slider .industry-flow-track > .item.is-expanded {z-index: 10; width: var(--industry-card-expanded-width) !important;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-track .box {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; min-height: 400px; padding: 30px; overflow: hidden; border: 0px solid rgba(255, 255, 255, 0.2); border-radius: 30px; background-color: #000; background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; text-decoration: none; transition: background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease !important; text-align:center}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-track .box::before {content: ""; position: absolute; inset: 0; z-index: 2; padding: 3px; border-radius: inherit; background: linear-gradient(90deg, #38e7d0 0%, #f6ff5c 100%); opacity: 0; pointer-events: none; transition: opacity 0.5s ease; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-track .box.is-hovered, .elementor-widget-optculture_industry_solutions_slider .industry-flow-track .item:hover .box {border-color: transparent;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-track .box.is-hovered::before, .elementor-widget-optculture_industry_solutions_slider .industry-flow-track .item:hover .box::before {opacity: 1;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-track .box.is-hovered, .elementor-widget-optculture_industry_solutions_slider .industry-flow-track .item:hover .box {align-items: flex-start; text-align:left;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-track .head {font-weight: 600; font-size: 24px; line-height: 134%; letter-spacing: 0%; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-track .box-content {max-height: 0; margin-top: 0; overflow: hidden; opacity: 0; visibility: hidden; transform: translateY(22px); transition:max-height 0.7s cubic-bezier(0.22, 1, 0.36, 1), margin-top 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease 0.18s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.7s !important;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-track .box.is-hovered .head, .elementor-widget-optculture_industry_solutions_slider .industry-flow-track .item:hover .head {transform: translateY(-5px);}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-track .box.is-hovered .box-content, .elementor-widget-optculture_industry_solutions_slider .industry-flow-track .item:hover .box-content {max-height: 350px; margin-top: 20px; opacity: 1; visibility: visible; transform: translateY(0); transition-delay: 0s, 0s, 0.18s, 0s, 0s !important;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-track .text {max-width: 340px; color: #fff; font-weight: 400; font-size: 16px; line-height: 134%; letter-spacing: 0%;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-track .cta {display: inline-flex; align-items: center; gap: 10px; margin-top: 25px; display: inline-block; background: linear-gradient(90deg, #38e7d0 0%, #f6ff5c 100%); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 600; font-size: 24px; line-height: 134%; letter-spacing: 0%;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-track .cta svg{color:rgba(247, 255, 91, 1)}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-track .cta:hover span{text-decoration:underline;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-nav {order: 1; display: flex; justify-content: flex-end; align-items: center; gap: 10px; width: 100%; margin: 0px 0 20px;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-nav button {position: relative; display: inline-grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%; background: #6f43d2; color: #fff; cursor: pointer;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-nav button svg {display: block; width: 13px; height: auto;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-nav button::before {content: ""; position: absolute; inset: 0; border: 3px solid transparent; border-radius: 50%; background:linear-gradient(#7442d8, #7442d8) padding-box, linear-gradient(90deg, #38e7d0 0%, #f6ff5c 100%) border-box; box-sizing: border-box; opacity:0}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-nav button:hover::before{opacity: 1;}
.elementor-widget-optculture_industry_solutions_slider .industry-flow-nav button span{z-index:1;}

.page-coupons-promotions .why-become-partner .box-area .box:last-child{grid-column: span 2;}
.page-multichannel-marketing .why-become-partner .box-area .box:last-child{grid-column: span 2;}
.page-campaign-management .why-become-partner .box-area .box:last-child{grid-column: span 2;}
.page-digital-receipts .why-become-partner .box-area .box:last-child{grid-column: span 2;}
.page-marketing-spots .why-become-partner .box-area .box:last-child{grid-column: span 2;}
.page-surveys-forms .why-become-partner .box-area .box:last-child{grid-column: span 2;}
.page-white-label-customer-app .why-become-partner .box-area .box:last-child{grid-column: span 2;}
.page-gift-cards .why-become-partner .box-area .box:last-child{grid-column: span 2;}
.page-affiliate-programs .why-become-partner .box-area .box:last-child{grid-column: span 2;}
.page-referral-program .why-become-partner .box-area .box:last-child{grid-column: span 2;}
.page-reward-programs .why-become-partner .box-area .box:last-child{grid-column: span 2;}
.page-loyalty-programs .why-become-partner .box-area .box:last-child{grid-column: span 2;}
.page-digital-wallets .why-become-partner .box-area .box:last-child{grid-column: span 2;}
.page-employee-discounts .why-become-partner .box-area .box:last-child{grid-column: span 2;}
.page-campaign-assistance .why-become-partner .box-area .box:last-child{grid-column: span 2;}
.page-product-recommendations .why-become-partner .box-area .box:last-child{grid-column: span 2;}
.page-predictive-analysis .why-become-partner .box-area .box:last-child{grid-column: span 2;}
.page-xio-the-ai-marketing-assistant .why-become-partner .box-area .box:last-child{grid-column: span 2;}
.page-foodics .why-become-partner .box-area .box:last-child{grid-column: span 2;}

@media screen and (min-width: 320px) and (max-width: 539px) {
	
	.outer-div{padding:10px; width:100%;}
	.hm-first-panel{flex-direction:column; padding: 20px 15px; border-radius: 20px; gap: 40px; margin-top: 80px;}
	.hm-first-panel .left-area .text{font-size: 27px; margin-bottom:20px;}
	.hm-first-panel .left-area .hero-cta{width:100%; padding: 10px 15px; height:55px; margin-bottom:20px; font-weight: 500;}
	.hm-first-panel .left-area .hero-cta span{font-size: 14px; font-weight: 600;}
	.hm-first-panel .trust-area .trust-text span{font-size: 14px; font-weight: 600;}
	.hm-first-panel .trust-area .trust-text .star img{width: 16px; height: 16px;}
	.hm-first-panel .trusted-logos{justify-content: space-between;}
	.hm-first-panel .trusted-logos .trusted-logo img{height: 38px;}
	.hm-first-panel .image-area{width:100%;}
	
	.elementor-widget-optculture_trusted_brands .trusted-section{margin-top: 30px; border-radius: 20px;}
	.elementor-widget-optculture_trusted_brands .trusted-mask{position: relative; left: unset; top: unset; margin: 0px; transform: unset; width: 100%; height: auto; padding: 0px 15px 15px 15px; font-size: 13px; background:none;}
	.elementor-widget-optculture_trusted_brands .trusted-mask h2{font-size: 25px;}
	.elementor-widget-optculture_trusted_brands .trusted-group{padding:15px 15px 0px 15px;}
	.elementor-widget-optculture_trusted_brands .logo-card{width: 150px !important; height: auto !important; border-radius: 10px;}
	
	.brand-promise{margin-top: 30px; border-radius: 20px; padding: 50px 15px 20px 15px;}
	.brand-promise .text{font-size: 16px;}
	.brand-promise .tag{width: 162px;}
	
	.accordian-panel{margin-top: 30px; flex-direction:column; gap: 50px;}
	.accordian-panel .left-accordian{width:100%;}
	.accordian-panel .left-accordian .box{padding: 0 0 0 20px; margin-bottom: 15px;}
	.accordian-panel .left-accordian .head{font-size:22px;}
	.accordian-panel .left-accordian .box.active .text{font-size:14px;}
	.accordian-panel .left-accordian .cta{font-size:20px;}
	.accordian-panel .img{width:100%;}
	
	.free-demo{margin-top: 30px; border-radius:20px; flex-direction:column; padding:20px; gap: 20px;}
	.free-demo .text{text-align:center; font-size:22px;}
	.free-demo .text br{display:none;}
	.free-demo .cta{width:100%; font-size: 22px; padding:15px; justify-content: space-around;}
	
	.optculture-benefits-carousel{margin-top:30px;}
	.optculture-benefits-carousel h2.optculture-benefits-carousel__heading{font-size: 25px; margin-bottom: 15px;}
	.optculture-benefits-carousel__item{padding: 20px; border-radius: 20px;}
	.optculture-benefits-carousel__content .optculture-benefits-carousel__title{font-size:22px;}
	.optculture-benefits-carousel__content .optculture-benefits-carousel__description{font-size:14px;}
	
	.client-testimonial{margin-top: 30px; border-radius: 20px; padding-top: 30px;}
	.client-testimonial .head{font-size:22px;}
	.client-testimonial .sub-head{font-size:14px;}
	
	.optculture-omnichannel-stats{margin-top:30px;}
	.optculture-omnichannel-stats .optculture-omnichannel-stats__intro .optculture-omnichannel-stats__heading{font-size:22px;}
	.optculture-omnichannel-stats .optculture-omnichannel-stats__intro .optculture-omnichannel-stats__description{font-size:14px;}
	.optculture-omnichannel-stats__grid{grid-template-columns: repeat(1, 1fr);}
	.optculture-omnichannel-stats__grid .optculture-omnichannel-stats__card{padding: 20px;}
	.optculture-omnichannel-stats__grid .optculture-omnichannel-stats__card .optculture-omnichannel-stats__icon{margin-bottom:5px;}
	.home-free-demo-form-wrapper{min-height:250px; border-radius:20px;}
	.home-free-demo-form{margin-top: 20px; border-radius: 20px; padding: 20px; min-height: 250px;}
	.home-free-demo-form .talk-form{width:100%; flex-direction: column; padding:15px;}
	.home-free-demo-form .talk-form .field.submit-btn button{width:100%; height:55px;}
	
	.inner-hero-section{border-radius: 20px 20px 10px 10px; overflow:hidden;}
	.inner-hero-section img{border-radius: 20px 20px 10px 10px; width: 200%; height: auto; margin:0 auto; max-width:unset;}
	.inner-hero-section .page-heading{font-size: 30px; line-height: normal;}
	.inner-hero-section .page-head-text{padding:0px 20px;}
	.breadcrumb{padding-bottom: 40px !important; padding-top: 40px !important; gap:6px;}
	
	.real-result{padding: 20px; border-radius: 20px;}
	.real-result .heading{font-size: 22px;}
	.real-result .data-area{flex-direction:column; gap: 47px;}
	.real-result .data-area .image{width:100%;}
	.real-result .data-area .image img{border-radius:20px;}
	.real-result .data-area .data{width:100%; gap:32px;}
	.real-result .data-area .data .box .icon{width: 50px; height: 50px; top: -22px; padding: 10px;}
	
	.platform-partner-program{margin-top:30px;}
	.platform-partner-program .sub-nav{overflow: auto;padding-bottom:20px;}
	.platform-partner-program .sub-nav button{white-space:nowrap;}
	.partner-flow-wrap .partner-flow-nav{margin-bottom: 0px; margin-top: 0px;}
	.platform-info .info-detail{margin-top:30px; border-radius:20px; padding:20px}
	.info-detail .top-panel{grid-template-columns: repeat(1, 1fr); gap:20px;}
	.platform-info .info-detail .info-img{padding:5px;}
	.platform-partner-program .partner-flow-track > .item:hover{width:335px!important}
	
	.as-agency{margin-top:30px; border-radius:20px; padding:20px;}
	.as-agency .head{font-size:22px;}
	.as-agency .sub-head{font-size:14px;}
	.as-agency .cta{font-size: 22px;}
	
	.blgos-listing .box .img{border-radius:10px;}
	.blgos-listing .box .img img{border-radius:10px;}
	.blgos-listing .box .title{padding: 14px 5px 5px 5px; font-size: 14px;}
	.blgos-listing .box .other-details{flex-direction:column; gap:10px;}
	
	.elementor-962 .elementor-element.elementor-element-aa2f355 .platform-feature-img img{border-radius:10px;}
	.platform-feature-img{margin-bottom: 30px; border-radius:20px;}
	.platform-feature-img img{border-radius:20px;}
	.why-become-partner .head{font-size:22px;}
	.why-become-partner .sub-head{font-size:14px;}
	.why-become-partner .box-area{margin-top:20px; grid-template-columns: repeat(1, 1fr);}
	.why-become-partner .box-area .box:last-child {grid-column: span 1;}
	.why-become-partner .bottom-content:after{right:22px;}
	
	.oc-stand-for .oc-stand-for__cards{overflow: auto; justify-content: start; padding-bottom: 10px;}
	.oc-stand-for .oc-stand-for__cards .oc-stand-for__card{padding:20px; border-radius: 20px;}
	.oc-stand-for .oc-stand-for__cards .oc-stand-for__card::before, .oc-stand-for .oc-stand-for__cards .oc-stand-for__card::after{border-radius: 20px;}
	.oc-stand-for .oc-stand-for__cards .oc-stand-for__card{max-width: 320px !important;}
	.oc-stand-for .oc-stand-for__cards .oc-stand-for__card .oc-stand-for__card-content{width:260px;}
	
	.info-detail{margin-top: 30px; border-radius: 20px; padding: 20px;}
	.info-detail .info-img{padding:5px;}
	
	.connect-with-platform{margin-top:30px; border-radius:20px; padding:20px;}
	.connect-with-platform .heading{font-size: 22px;}
	.connect-with-platform .sub-text{font-size: 14px;}
	.connect-with-platform .sub-nav{overflow:hidden; overflow-x:auto; padding: 10px 20px; gap:30px; margin-bottom:20px}
	.connect-with-platform .sub-nav a{white-space:nowrap;}
	.connect-with-platform .platform-section:not([hidden]){border-radius: 20px; padding:20px; grid-template-columns: repeat(1, 1fr);}
	.connect-with-platform .platform-section .left{order:2;}
	.connect-with-platform .platform-section .left img{border-radius: 20px;}
	.connect-with-platform .platform-section--retail .right{grid-template-columns: repeat(1, 1fr)!important; gap:7px; order:1;}
	.connect-with-platform .platform-logo{border-radius:10px;}
	.connect-with-platform .platform-logo::before{border-radius:10px;}
	.connect-with-platform .platform-section.platform-section--ecommerce .right{display:grid; grid-template-columns: repeat(1, 1fr)!important; gap:7px;}
	
	.integration-first-panel{padding: 20px; border-radius: 20px; flex-direction:column; gap:20px;}
	.integration-first-panel .content{width:100%;}
	.integration-first-panel .img{width:100%; padding:7px;}
	.integration-second-panel{margin-top: 30px; margin-bottom: 30px; padding: 20px; border-radius: 20px; flex-direction:column; gap:20px;}
	.integration-second-panel .img{width:100%; padding:7px;}
	.integration-second-panel .content{width:100%;}
	
	.engage-customer{padding:20px; border-radius:20px; gap:20px}
	.engage-customer .heading{font-size:22px; line-height:normal;}
	.why-optculture{margin-top:30px;}
	.why-optculture .heading{font-size:22px;}
	.why-optculture .img-text-area{flex-direction:column;}
	.why-optculture .img-text-area .img{width:100%;}
	.why-optculture .img-text-area .img img{border-radius:20px;}
	.why-optculture .img-text-area .text{grid-template-columns: repeat(1, 1fr); gap:20px;}
	.explore-solitions{margin-top:30px;}
	.explore-solitions .heading{font-size:22px; margin-bottom:15px;}
	.explore-solitions .sub-head{font-size:14px; margin-bottom:30px;}
	.elementor-widget-optculture_industry_solutions_slider .industry-flow-track .box{padding:20px; border-radius:20px;}
	
	.oc-apparel-benefits{border-radius:20px; padding: 190px 20px 20px;}
	.oc-apparel-benefits__heading{font-size: 22px; line-height:normal; margin: 0 0 30px;}
	.oc-apparel-benefits__grid{grid-template-columns: repeat(1, 1fr); gap: 0px; row-gap: 10px;}
	.oc-apparel-benefits__card{padding:20px; border-radius:20px; width:100%}
	.oc-apparel-benefits__card-heading{font-size: 22px; margin-bottom:12px;}
	.oc-why{margin-top:30px; border-radius:20px; padding:20px;}
	.oc-why__inner{grid-template-columns: repeat(1, 1fr);}
	.oc-why__heading{margin-bottom: 35px;}
	.oc-why__media{border-radius:20px;}
	.oc-why__media img{border-radius:20px;}
	.oc-why__cards{grid-template-columns: repeat(1, 1fr);}
	.oc-why__card{border-radius:20px; padding:20px;}
	.oc-why__icon{margin-bottom:15px;}
	
	.about-first-panel{padding:20px; border-radius:20px; flex-direction:column; gap:30px;}
	.about-first-panel .content{width:100%;}
	.about-first-panel .img{width:100%;}
	.about-first-panel .content .head{font-size:22px; line-height:normal;}
	.about-first-panel .content .text{line-height:normal;}
	.our-mission {margin-top: 30px;}
	.our-mission .head{font-size:22px;}
	.about-count-data{padding:20px; border-radius:20px; flex-direction:column; gap:30px;}
	.about-count-data .data span{font-size:44px; margin-bottom:10px;}
	.people-powring{margin-top:30px; padding:20px;}
	.people-powring .head{font-size:22px;}
	.people-powring .text{max-width:100%;}
	.people-powring .box .detail{flex-direction:column;}
	.people-powring .box .cotent{text-align:center}
	.opt-solutions .box .img{border-radius:10px;}
	.opt-solutions .box .img img{border-radius:10px;}
	
	.contact-first-panel{padding:20px 0px; flex-direction:column; gap:20px; margin-bottom:30px;}
	.contact-first-panel .left .heading{font-size:22px; line-height:normal;}
	.contact-first-panel .left .text{margin-top:20px; font-size:14px; line-height:normal;}
	.contact-first-panel .right .form-area{border-radius:20px; padding:20px;}
	.contact-first-panel .right .form-area .head{font-size:22px;}
	.contact-first-panel .right .form-area .sub-head{font-size:14px;}
	.contact-first-panel .right .form-area .talk-form{grid-template-columns: repeat(1, 1fr);}
	.contact-first-panel .right .form-area .talk-form .field.textarea {grid-column: span 1;}
	.contact-first-panel .right .form-area .talk-form .field.agree-checkbox{grid-column: span 1;}
	.contact-first-panel .right .form-area .talk-form .field.submit-btn{grid-column: span 1;}
	
	.contact-count-data{padding:20px; border-radius:20px; flex-direction:column; gap:30px;}
	.contact-count-data .data span{font-size:44px; margin-bottom:10px;}
	
	.contact-third-panel{margin-top:30px; padding:20px; gap:20px; flex-direction:column; border-radius:20px;}
	.contact-third-panel .head{font-size:22px}
	.contact-third-panel .sub-head{font-size:18px}
	.contact-third-panel .text{font-size:14px}
	.contact-third-panel .form-area{padding:20px; border-radius:20px;}
	.contact-third-panel .form-area .talk-form{grid-template-columns: repeat(1, 1fr); gap:20px; }
	.contact-third-panel .form-area .talk-form .field.agree-checkbox {grid-column: span 1;}
	.contact-third-panel .form-area .talk-form .field.submit-btn {grid-column: span 1;}
	.contact-third-panel .form-area .talk-form .callback-note {grid-column: span 1;}
	
	.global-office-box{margin-top:20px; padding:20px; border-radius:20px; flex-direction:column; gap:30px;}
	.office-left{width:100%;}
	
	.partner-program{padding:20px; border-radius:20px; grid-template-columns: repeat(1, 1fr); gap:20px;}
	.partner-program .img-wrapper{width:100%; padding:10px;}
	.partner-program .heading{font-size:22px;}
	.partner-program .sub-head{font-size:14px; margin-bottom: 30px;}
	.partner-program .right{width:100%;}
	.partner-program .right .box{padding:20px;}
	
	.channel-partner{padding:20px; border-radius:20px;}
	.channel-partner .heading{font-size:22px;}
	.channel-partner .filter{flex-direction:column; gap:20px;}
	.channel-partner .filter .search input{width:100%;}
	.channel-partner .filter .country{width:100%;}
	.channel-partner .filter .country select{width:100%;}
	.channel-partner .box-area{grid-template-columns: repeat(1, 1fr); row-gap: 60px; margin-top: 60px;}
	.channel-partner .selected-partner{flex-direction:column;}
	.channel-partner .partner-popup-box{max-width:320px; padding: 15px; border-radius:10px;}
	.channel-partner .partner-connect-popup{padding:10px}
	.selected-partner-form{padding:20px; border-radius:20px;}
	.selected-partner-form .talk-form{grid-template-columns: repeat(1, 1fr); row-gap: 10px; gap:10px;}
	.selected-partner-form .talk-form .field.form-field-full {grid-column: span 1;}
	.selected-partner-form .talk-form .field.agree-checkbox {grid-column: span 1;}
	.selected-partner-form .talk-form .field.submit-btn {grid-column: span 1;}
	
	.become-partner{padding:20px; flex-direction:column;}
	.become-partner .left{width:100%;}
	.become-partner .right{width:100%; padding:20px; border-radius:20px;}
	.become-partner .talk-form{grid-template-columns: repeat(1, 1fr);}
	.become-partner .talk-form .field.agree-checkbox {grid-column: span 1;}
	.become-partner .talk-form .field.submit-btn {grid-column: span 1;}
	.become-partner .talk-form .field.form-field-full {grid-column: span 1;}
	
	.program-for{padding:20px; border-radius:20px;}
	.program-for .heading{font-size:22px; line-height:normal;}
	.program-for .cotent{flex-direction:column; gap:30px;}
	.program-for .cotent .left{width:100%;}
	.program-for .cotent .right{width:100%;}
	
	.insight-top-nav{gap:20px; overflow:auto; justify-content:start; margin-bottom: 30px;}
	.insight-top-nav .box{flex: 0 0 250px !important; width: 250px !important; height: 80px;}
	.blog-listing-section{border-radius:20px; padding:20px;}
	.blog-listing-section .heading{font-size:22px;}
	.blog-listing-section .etxt{width:100%; font-size:14px;}
	.blog-listing-section .blog-filter{flex-direction:column; gap:20px;}
	.blog-listing-section .blog-filter .search input{width:100%;}
	.blog-listing-section .blog-filter .category{width:100%;}
	.blog-listing-section .blog-filter .category select{width:100%;}
	
	.new-blog-release{flex-direction:column; padding:20px; padding-bottom:0px; border-radius:20px;}
	.new-blog-release .left-side{width:100%;}
	.new-blog-release .left-side .sub-head{width: 233.486664px; font-size: 20.24px;}
	.new-blog-release .left-side .title{font-size:22px;}
	.new-blog-release .left-side .detail{flex-direction:column;}
	.new-blog-release .right-side .feature-image{width:100%;}
	.new-blog-release .right-side {margin-bottom: 0px;}
	.blog-listing-section.case-study-listing-section{margin-top:30px;}
	.blog-listing-section.webinar-listing-section{margin-top:30px;}
	.blog-detail-top h1{font-size:22px; line-height:normal;}
	.blog-content-area{flex-direction:column; gap:30px;}
	.blog-content-area .left-content h2{font-size:22px;}
	.blog-content-area .right-banner{width:100%;}
	.blog-faq-area{padding:20px; border-radius:20px;}
	
	.case-study-box{border-radius:20px; padding:20px; flex-direction:column; gap:30px;}
	.case-study-box .left{width:100%;}
	.case-study-box .left .head{font-size:22px; line-height:normal;}
	.case-study-box .right{width:100%; padding:20px; border-radius:20px;}
	
	.webinar-box{border-radius:20px; padding:20px; flex-direction:column; gap:30px;}
	.webinar-box .left{width:100%;}
	.webinar-box .left .head{font-size:22px; line-height:normal;}
	.webinar-box .right{width:100%; padding:0px; border-radius:20px;}
	.webinar-box .right .form-area{padding:20px; width:100%; border-radius:20px;}
	.webinar-box .right .form-area .talk-form{grid-template-columns: repeat(1, 1fr);}
	.webinar-box .right .form-area .talk-form .field.agree-checkbox {grid-column: span 1;}
	.webinar-box .right .form-area .talk-form .field.submit-btn {grid-column: span 1;}
	
	.faq-pag-panel{padding:20px; border-radius:20px; flex-direction:column;}
	.faq-pag-panel .left{width:100%;}
	.faq-pag-panel .right{width:100%;}
	.faq-pag-panel .left .img{width:100%;}
	.faq-pag-panel .right a.faq-links{padding: 15px; border-radius: 15px;}
	.faq-pag-panel .right a.faq-links span{line-height:normal; font-size:20px;}
	
	.page-omnichannel-marketing .inner-hero-section .page-head-text, .page-loyalty-program .inner-hero-section .page-head-text, .page-digital-receipts-2 .inner-hero-section .page-head-text, .page-customer-engagement .inner-hero-section .page-head-text, .page-business-analytics .inner-hero-section .page-head-text {margin-top: -43px;}
	.page-omnichannel-marketing .inner-hero-section .page-head-text .page-heading, .page-loyalty-program .inner-hero-section .page-head-text .page-heading, .page-digital-receipts-2 .inner-hero-section .page-head-text .page-heading, .page-customer-engagement .inner-hero-section .page-head-text .page-heading, .page-business-analytics .inner-hero-section .page-head-text .page-heading {font-size: 24px;}
	.faq-qna-panel{padding:20px; border-radius:20px;}
	.faq-qna-panel .faq-area .faq-box .question{text-align:left;}
	
}
/*@media screen and (min-width: 320px) and (max-width: 539px) {
	.breadcrumb{padding-bottom: 40px !important; padding-top: 40px !important; gap: 10px;}
	.inner-hero-section{height: 200px; overflow: hidden; border-radius: 35px 35px 15px 15px;}
	.inner-hero-section img{width: 180%; max-width: unset; border-radius: 35px 35px 15px 15px;}
	.inner-hero-section .page-heading{font-size:25px; padding:20px;}
	.outer-div{padding:10px;}	
	.hm-first-panel{margin-top:80px; padding: 15px 15px 0px 15px; border-radius: 15px; flex-direction:column; gap: 38px;}
	.hm-first-panel .left-area .text{font-size: 25px; line-height: normal; margin-bottom: 20px;}
	.hm-first-panel .left-area .hero-cta{width:100%; padding:20px 10px; height:auto;}
	.hm-first-panel .trust-area .trust-text{justify-content:space-between;}
	.hm-first-panel .trust-area .trust-text span{font-size:14px;}
	.hm-first-panel .trusted-logos .trusted-logo{padding:10px;}
	.hm-first-panel .trust-area .trust-text .star img{width:17px; height:17px;}
	.hm-first-panel .left-area .hero-cta span{font-size:14px;}
	.hm-first-panel .image-area{width:100%;}
	.elementor-widget-optculture_trusted_brands .trusted-section{margin-top:40px; border-radius:15px;}
	.elementor-widget-optculture_trusted_brands .trusted-mask{position: relative; padding: 0px 15px; width: 100%; left: unset; top: unset; margin: unset; transform: unset; height: auto; background: transparent;}
	.elementor-widget-optculture_trusted_brands .trusted-group{padding-bottom:0px;}
	.elementor-22 .elementor-element.elementor-element-b4badb7 .logo-card {width: 180px; height: 75px;}
	.brand-promise{margin-top:40px; border-radius: 15px; padding: 80px 25px 25px 25px;}
	.brand-promise .tag{width: 182px; top: -7px; left: -5px;}
	.brand-promise .text{font-weight: 500; font-size: 18px; line-height: 24px;}
	.accordian-panel{margin-top:40px; flex-direction: column;gap: 31px;}
	.accordian-panel .left-accordian{width:100%;}
	.accordian-panel .left-accordian .box{padding:0 0 0 30px}
	.accordian-panel .left-accordian .head{font-size: 22px;}
	.accordian-panel .left-accordian .cta{font-size: 22px;}
	.accordian-panel .img{width:100%;}
	.free-demo{flex-direction:column; padding: 20px; gap:20px; margin-top:40px; border-radius: 15px;}
	.free-demo .text{font-size:20px; text-align:center;}
	.free-demo .cta{width:100%;}
	.optculture-benefits-carousel{margin-top: 40px;}
	.optculture-benefits-carousel__content{gap:10px;}
	.optculture-benefits-carousel h2.optculture-benefits-carousel__heading{font-size: 25px; margin-bottom: 22px;}
	.optculture-benefits-carousel .optculture-benefits-carousel__track{padding:20px;border-radius: 15px;}
	.optculture-benefits-carousel__content .optculture-benefits-carousel__title{font-size:18px; margin:0px;}
	.optculture-benefits-carousel__content .optculture-benefits-carousel__description{font-size:14px;}
	.client-testimonial{margin-top:30px; border-radius: 15px;}
	.client-testimonial .head{font-size:25px;}
	.client-testimonial .sub-head{font-size: 14px;}
	.optculture-omnichannel-stats {margin-top: 40px;}
	.optculture-omnichannel-stats .optculture-omnichannel-stats__intro .optculture-omnichannel-stats__heading{font-size:25px;}
	.optculture-omnichannel-stats .optculture-omnichannel-stats__intro .optculture-omnichannel-stats__description{font-size:14px;}
	.optculture-omnichannel-stats__grid{grid-template-columns: repeat(1, 1fr);}
	.optculture-omnichannel-stats__grid .optculture-omnichannel-stats__card{border-radius: 15px; padding: 20px;}
	.optculture-omnichannel-stats__grid .optculture-omnichannel-stats__card .optculture-omnichannel-stats__icon{margin-bottom: 5px;}
	.home-free-demo-form{margin-top:40px; padding:20px; min-height: auto; border-radius:15px;}
	.home-free-demo-form .talk-form{flex-direction:column; width:100%; border-radius:15px; padding:15px;}
	.home-free-demo-form .talk-form .field input{font-size: 22px;}
	.home-free-demo-form .talk-form .field.submit-btn{width:100%;}
	.home-free-demo-form .talk-form .field.submit-btn button{width:100%; padding: 7px 15px; font-size: 23px; height:auto;}
	
	.real-result{padding:20px; border-radius:15px;}
	.real-result .heading{font-size:25px;}
	.real-result .data-area{flex-direction:column;}
	.real-result .data-area .image{width:100%;}
	.real-result .data-area .data{width:100%; gap: 40px;}
	.real-result .data-area .data .box .icon{width: 60px; height: 60px; padding: 14px; top: -28px;}
	.real-result .data-area .data .box .count{font-size: 30px; line-height:normal;margin-bottom: 5px;}
	.real-result .data-area .data .box .text{font-size:14px;}
	
	.platform-partner-program{margin-top:40px;}
	.platform-partner-program .sub-nav{gap:20px; margin-bottom:15px; overflow:auto; white-space: nowrap; padding-bottom:5px;}
	.platform-partner-program .sub-nav button{padding:5px; font-size: 14px;}
	.partner-flow-wrap .partner-flow-nav{margin:0px;}
	.platform-partner-program .partner-flow-track{gap:15px;}
	.platform-info .info-detail{margin-top:40px; padding:20px;}
	.info-detail .top-panel{grid-template-columns: repeat(1, 1fr); gap:10px; margin-bottom:20px;}
	.info-detail .top-panel .text-1{font-size:14px;}
	.info-detail .top-panel .text{font-size:14px;}
	.info-detail .info-img{padding:7px;}
	.info-detail{margin-top: 40px; padding:20px; border-radius:15px;}
	.info-detail .top-panel .text-1 span{font-size:20px;}
	
	.as-agency{margin-top:40px; padding:20px;}
	.as-agency .head{font-size: 23px;line-height: normal;}
	.as-agency .head br{display:none;}
	.as-agency .sub-head{font-size:14px;}
	.as-agency .cta{width:100%; font-size:22px; padding:10px;}
	
	.blgos-listing .box .other-details{flex-direction:column; gap:10px;}
	
	.platform-feature-img {margin-bottom: 40px; border-radius: 15px;}
	.platform-feature-img img{border-radius: 15px;}
	.why-become-partner .head{font-size: 25px;}
	.why-become-partner .sub-head{font-size: 14px;}
	.why-become-partner .box-area{grid-template-columns: repeat(1, 1fr); margin-top: 20px;}
	.why-become-partner .box-area .box:last-child {grid-column: span 1;}
	.why-become-partner .bottom-content{font-size: 14px;}
	.why-become-partner .bottom-content:after{right: 52px;}
	
	.oc-stand-for{margin-top: 60px;}
	.oc-stand-for .oc-stand-for__header .oc-stand-for__heading{font-size:25px;}
	.oc-stand-for .oc-stand-for__header .oc-stand-for__intro{font-size:14px;}
	.oc-stand-for .oc-stand-for__cards{justify-content: start; overflow: auto; padding-bottom: 5px; gap:10px;}
	.oc-stand-for .oc-stand-for__cards .oc-stand-for__card:hover{flex-basis: 300px !important;}
	.oc-stand-for .oc-stand-for__cards .oc-stand-for__card h3.oc-stand-for__card-title{font-size: 20px;}
	.oc-stand-for .oc-stand-for__cards .oc-stand-for__card:hover .oc-stand-for__card-content{font-size: 14px;}
	.elementor-widget-optculture_trusted_brands .logo-card{width: 200px!important; height: 83px!important;}
	
	.connect-with-platform{margin-top:40px; padding:20px; border-radius:15px;}
	.connect-with-platform .heading{font-size: 25px; line-height:normal;}
	.connect-with-platform .sub-text{font-size:14px;}
	.connect-with-platform .sub-nav{padding: 10px 20px; overflow:hidden; overflow-x:auto; padding-bottom:5px; gap:20px;}
	.connect-with-platform .sub-nav a{white-space:nowrap;}
	.connect-with-platform .platform-section:not([hidden]){grid-template-columns: repeat(1, 1fr); padding:20px; border-radius:15px;}
	.connect-with-platform .platform-section .left img{border-radius:15px;}
	.connect-with-platform .platform-section--retail .right{grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap:!0px;}
	.connect-with-platform .platform-logo{border-radius:15px;}
	.connect-with-platform .platform-logo img{border-radius:15px;}
	
	.integration-first-panel{padding:20px; border-radius:15px; flex-direction:column; gap:20px;}
	.integration-first-panel .content{width:100%;}
	.integration-first-panel .img{width:100%; padding:7px;}
	.integration-first-panel .content .text{font-size:14px;}
	.integration-second-panel{margin-top:40px; margin-bottom:40px; padding:20px; border-radius:15px; flex-direction:column; gap:20px;}
	.integration-second-panel .img{width:100%; padding:7px;}
	.integration-second-panel .content{width:100%;}
	.integration-second-panel .content .text{font-size:14px;}
	
	.engage-customer{border-radius:15px; padding:20px; gap:20px;}
	.engage-customer .heading{font-size:25px;margin:0px;}
	
	.why-optculture{margin-top:40px;}
	.why-optculture .heading{font-size:25px;}
	.why-optculture .img-text-area{flex-direction:column; gap:20px;}
	.why-optculture .img-text-area .img{width:100%;}
	.why-optculture .img-text-area .img img{border-radius:15px;}
	.why-optculture .img-text-area .text{grid-template-columns: repeat(1, 1fr); gap:20px;}
	.why-optculture .img-text-area .text .col .head{margin-bottom:10px;}
	.why-optculture .img-text-area .text .col .content{font-size:14px;}
	
	.explore-solitions {margin-top: 40px;}
	.explore-solitions .heading{font-size:25px; margin-bottom:10px;}
	.explore-solitions .sub-head{font-size:14px; margin-bottom:30px;}
	
	.blog-listing-section{margin-top:40px; border-radius:15px; padding:20px;}
	.blog-listing-section .heading{font-size:25px;}
	.blog-listing-section .etxt{font-size:14px;}
	.blgos-listing .box .img{border-radius:15px;}
	.blgos-listing .box .img img{border-radius:15px;}
	.blgos-listing .box .title{padding:10px; font-size:14px;}
	
	.elementor-widget-optculture_industry_solutions_slider .industry-flow-track .head{font-size:20px;}
	.elementor-widget-optculture_industry_solutions_slider .industry-flow-track .cta{font-size:20px;}
}*/