








.dnd-section.full-width-forcedd{padding:0!important}
.dnd-section.full-width-forcedd>div,.dnd-section.full-width-forcedd>div>div{padding-left:0px!important;padding-right:0px!important;max-width:none!important}

html {scroll-behavior: smooth;}
small, .small{font-size:14px; font-weight:500; line-height:1.26;}
/* extra body font size  */

.fullWidth{width:100%;}
code { color: #fff; display: inline-block;  position: relative;}
/* code:before {  content: ""; height: 100%; left: 0; position: absolute; top: 50%; transform: translateY(-50%); transform-origin: right; width: 100%; z-index: -1; } */
strong { font-weight: 700;}

.set-bg, .bg{ background-size:cover; background-position:center; position:relative; }
.overlay{ position: relative;  }
.overlay:before { content:'';  top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; background: rgba(255, 255, 255, 0.8);}
.overlay > * { position:relative; z-index:2; }

.noListStyle ul, .listStyle ul,.cheklist ul,.orderedlist ul,.disabled_list ul{ margin:0; padding:0; list-style:none; } /* put listStyle class to "parent" tag of "ul" */
.listStyle * + ul,.cheklist * + ul { margin-top:26px; }
.listStyle ul li,.cheklist ul li { padding-left:38px; position:relative;margin: 0;}
.noListStyle ul li {margin: 0;}
.listStyle ul li + li,.cheklist ul li + li {margin-top:14px;}
.listStyle ul li:before { position:absolute; left:0; top:2px; content:'';width: 22px;height: 22px;background-position: center;background-size: contain;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Ccircle cx='13.5' cy='13.5' r='3.5' fill='%232F42E7'/%3E%3C/svg%3E");}
.cheklist ul li:before { position:absolute; left:0; top:2px; content:'';width: 17px;height: 17px;background-position: center;background-size: contain;background-repeat: no-repeat;background-image: url("https://25651017.fs1.hubspotusercontent-eu1.net/hubfs/25651017/desautel_theme_2024/images/Check.svg");}

.fontWhite, .fontWhite a, .fontWhite h1, .fontWhite h2, .fontWhite h3, .fontWhite h4, .fontWhite h5, .fontWhite h6 { color:#fff; }
.primary_color, .primary_color a, .primary_color h1, .primary_color h2, .primary_color h3, .primary_color h4, .primary_color h5, .primary_color h6 { color:#4078BD; }
.secondary_color, .secondary_color a, .secondary_color h1, .secondary_color h2, .secondary_color h3, .secondary_color h4, .secondary_color h5, .secondary_color h6 { color:#3BBA93; }
.RedText span{ color:#3BBA93;}
.black_color, .black_color a, .black_color h1, .black_color h2, .black_color h3, .black_color h4, .black_color h5, .black_color h6 { color:#131623; }

.bold,.bold a, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6  { font-weight:700; }
.semibold,.semibold a, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6  { font-weight:600; }
.medium,.medium a, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6 { font-weight:500; }
.normal,.normal a, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6 { font-weight:400; }
.light,.light a, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 { font-weight:300; }

.primary_bg  { background-color:#4078BD;}
.secondary_bg  { background-color:#3BBA93;}
.tertiary_bg  { background-color:#0C7FF2;}

.uppercasetitle h1, .uppercasetitle h2, .uppercasetitle h3, .uppercasetitle h4, .uppercasetitle h5, .uppercasetitle h6,.uppercasetitle {text-transform: uppercase; }
.uppercase { text-transform: uppercase; }

.Interfont, .Interfont h1, .Interfont h2, .Interfont h3, .Interfont h4, .Interfont h5, .Interfont h6 {font-family: "Inter", serif;}
.Montserratfont {font-family: 'Montserrat', sans-serif;}

.TitleStyle h1 span,.TitleStyle h2 span,.TitleStyle h3 span,.TitleStyle h4 span,.TitleStyle h5 span,.TitleStyle h6 span {color:#3BBA93;}

.gap10 {gap: 10px;}
.gap15 {gap: 15px;}
.gap20 {gap: 20px;}
.gap25 {gap: 25px;}
.gap30 {gap: 30px;}
.gap35 {gap: 35px;}

.Font18,.Font18 a, .Font18 h1, .Font18 h2, .Font18 h3, .Font18 h4, .Font18 h5, .Font18 h6  { font-size:18px;line-height:1.5;}
.Font14,.Font14 a, .Font14 h1, .Font14 h2, .Font14 h3, .Font14 h4, .Font14 h5, .Font14 h6  { font-size:14px;line-height:1.6;}
.Font12,.Font12 a, .Font12 h1, .Font12 h2, .Font12 h3, .Font12 h4, .Font12 h5, .Font12 h6  { font-size:12px;line-height:1.5;}
.Font20,.Font20 a, .Font20 h1, .Font20 h2, .Font20 h3, .Font20 h4, .Font20 h5, .Font20 h6  { font-size:20px;line-height:1.5;}
.Font22,.Font22 a, .Font22 h1, .Font22 h2, .Font22 h3, .Font22 h4, .Font22 h5, .Font22 h6  { font-size:22px;line-height:1.5;}
.Font26,.Font26 a, .Font26 h1, .Font26 h2, .Font26 h3, .Font26 h4, .Font26 h5, .Font26 h6  { font-size:26px;line-height:1.5;}
.Font50,.Font50 a, .Font50 h1, .Font50 h2, .Font50 h3, .Font50 h4, .Font50 h5, .Font50 h6  { font-size:50px;line-height:1.4;}

.Lh13,.Lh13 a, .Lh13 h1, .Lh13 h2, .Lh13 h3, .Lh13 h4, .Lh13 h5, .Lh13 h6  { line-height:1.3;}
.FontItalic,.FontItalic a, .FontItalic h1, .FontItalic h2, .FontItalic h3, .FontItalic h4, .FontItalic h5, .FontItalic h6  {font-style: italic;}
.SubHeading span {display: inline-block;border: 1px solid #3BBA93;background-color: rgba(59, 186, 147, .12);font-weight: 600;padding: 3px 24px;color: #3BBA93;border-radius: 33px;}

.w-full{width:100%;}
.m-auto{margin:0 auto;}
.max-w-70{max-width:70%;}
.max-w-80{max-width:80%;}




.footerInner {background-color: 

  
  
    
  


  rgba(23, 26, 41, 1.0)

;border-top: 1px none #FFFFFF;}
.footer__container--static,.footer__container .dnd-section {max-width: 1320px;}
.footer__bottom-section {border-top: 1px solid #d0d0d0;border-color: {color=#fff, opacity=null, rgba=rgba(255, 255, 255, 1), rgb=rgb(255, 255, 255), hex=#fff, css=#fff};}
/* Footer Content */
footer p,footer h1,footer h2,footer h3,footer h4,footer h5,footer h6,footer a:not(.button),footer span,footer div,footer li,footer blockquote {color: {color=#fff, opacity=null, rgba=rgba(255, 255, 255, 1), rgb=rgb(255, 255, 255), hex=#fff, css=#fff};}
/* Header modules */
footer .icon svg {fill: {color=#fff, opacity=null, rgba=rgba(255, 255, 255, 1), rgb=rgb(255, 255, 255), hex=#fff, css=#fff};}
footer h3.form-title {color: {color=#fff, opacity=null, rgba=rgba(255, 255, 255, 1), rgb=rgb(255, 255, 255), hex=#fff, css=#fff};}
/* Footer Menu */
footer  a span { transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;-o-transition: all ease .3s;}
footer  a {color: {color=#fff, opacity=null, rgba=rgba(255, 255, 255, 1), rgb=rgb(255, 255, 255), hex=#fff, css=#fff};}
footer a:hover,
footer a:focus,
footer a:active {color:#3BBA93;}
footer a:hover span,
footer a:focus span,
footer a:active span {color:#3BBA93;}

.NewsletterRight input[type='email'] {border: 1px solid rgba(255, 255, 255, .20);}
.NewsletterRight form {position: relative;}
.NewsletterRight form input[type='submit'] {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_4411_8695)'%3E%3Cpath d='M7.29163 14.6767V18.5417C7.29227 18.6731 7.33422 18.8009 7.41154 18.9071C7.48886 19.0133 7.59764 19.0924 7.72245 19.1334C7.84727 19.1743 7.9818 19.1749 8.10699 19.1351C8.23217 19.0954 8.34167 19.0172 8.41997 18.9117L10.6808 15.8351L7.29163 14.6767ZM19.7375 0.115895C19.6436 0.0490233 19.533 0.00942685 19.418 0.00148505C19.303 -0.00645676 19.188 0.0175656 19.0858 0.0708953L0.3358 9.86256C0.227918 9.91958 0.13903 10.0069 0.0800422 10.1137C0.0210548 10.2205 -0.00546466 10.3422 0.00373833 10.4639C0.0129413 10.5855 0.0574664 10.7019 0.131849 10.7986C0.206232 10.8953 0.307236 10.9683 0.422467 11.0084L5.63497 12.7901L16.7358 3.2984L8.1458 13.6476L16.8816 16.6334C16.9683 16.6625 17.0603 16.6723 17.1512 16.6622C17.2421 16.652 17.3296 16.6221 17.4078 16.5746C17.4859 16.527 17.5526 16.463 17.6034 16.3869C17.6542 16.3108 17.6877 16.2246 17.7016 16.1342L19.9933 0.717562C20.0103 0.603437 19.9953 0.486844 19.9502 0.380665C19.905 0.274486 19.8314 0.182855 19.7375 0.115895Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4411_8695'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 20px;background-position: 30px center;padding: 10px 30px 10px 60px;}
.NewsletterRight .hs_email.hs-email > label {display: none;}
.footerMenuCol.active span.Arrow {transform: rotate(180deg);}


.BannerRightImg img {width: 100%;height: auto;}
.BannerRightImg { position: relative; }

img.ElementsImage {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100% !important;}
.animated-image {animation: upDown 2s ease-in-out infinite;}

@keyframes upDown {
  0% { transform: translateY(0); }
  50% { transform: translateY(-10px); }  /* upar move */
  100% { transform: translateY(0); }     /* wapas neeche */
}


.SliderSectionLogo img { width: auto;height: 36px !important; object-fit: contain; margin: 0 auto; }
.SliderSectionLogo { padding: 0 20px; }
.LogoSlider::before { pointer-events: none; z-index: 1; content: ''; display: block; background: linear-gradient(90deg, #131623 0.88%, rgba(244, 244, 244, 0) 8.65%, rgba(244, 244, 244, 0) 86.54%, #131623 98.29%); height: 100%; width: 102%; position: absolute; left: -1%; top: 0; }
.LogoSlider { visibility: visible; opacity: 0; transition: opacity 0.3s ease; }
.slick-initialized.LogoSlider { opacity: 1; }


.LogoSliderSectionNew .SliderSectionLogo { padding: 0; text-align: center; }
.LogoSliderSectionNew .row { row-gap: 40px; }
.LogoSliderSectionNew .LogoSliderNew { opacity: 0; display: none; }
.LogoSliderSectionNew .LogoSliderNew.slick-initialized.slick-slider { opacity: 1; }

.PlatformSection .PlatformSectionImage img { border-radius: 10px; width: 100%; height: auto !important; object-fit: cover; }
.list-style ul { padding: 0; margin: 0; list-style:none;  }
.list-style ul li {  margin: 0; position:relative; } 
.list-style ul li:last-child {  padding: 0; } 
.list-style ul li::before { content: ""; display: block; height: 8px; width: 8px; background-color: #3BBA93; border-radius: 50%; position: absolute; top: 7px; left: -15px; }
.PlatformSection  .list-style { padding-left: 15px; }
.PlatformSectionImage { position: relative; --angle: 0deg; overflow:hiden;}
.PlatformSectionImage::before {content: "";position: absolute;inset: 0;  padding: 1px;background: linear-gradient(var(--angle),rgba(115, 80, 255, 0) 60%, rgba(59, 186, 147, 1) 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;z-index: 1;pointer-events: none;border-radius: 20px;}
.PlatformSectionImage::after { content: ""; position: absolute; pointer-events: none; border-radius: 20px; border: 1px solid #414352; width: 100%; height: 100%; left: 0; top: 0; }

.SuccessStoriesSection .StoriesInner .StoriesHeading { max-width: 90%; width: 100%; }
.SuccessStoriesSection .StoriesInner .StoriesSection{ -webkit-column-count: 3; column-count: 3; gap: 30px;}
.SuccessStoriesSection .StoriesInner .StoriesSectionCol{ display: inline-block;  }
.SuccessStoriesSection .StoriesInner .StoriesCard { border: 1px solid rgba(255, 255, 255, .20); margin-bottom:30px;    display: inline-block;    border-radius: 20px; background-color:  #171A29; padding:19px 20px; }
.SuccessStoriesSection .StoriesInner .PersonImg img { height: 54px !important; width: 54px; border-radius: 50%; border: 1px solid #3BBA93; object-fit: cover; } 
.SuccessStoriesSection .StoriesInner .StoriesCardLogo img { height: 40px !important; object-fit: contain; } 
.SuccessStoriesSection .StoriesInner .StoriesCardDescription { border-top: 1px solid #D0D1D31A; }
.SuccessStoriesSection .StoriesInner .StoriesSection::before { content: ''; position: absolute; display: block; width: 296px; height: 296px; background: #3BBA93;  opacity: 50%; left: 50%; top: 50%; transform: translate(-50% , -50%); filter: blur(434px); border-radius: 50%; z-index:-1; }
.SuccessStoriesSection .StoriesInner .CardPersondetails.d-flex,.SuccessStoriesSection .StoriesInner .CardPersondetails .d-flex { flex-wrap: nowrap; } 

.slick-initialized .slick-slide { padding:10px; }
.slick-dots li button:before { width: 25px; height: 2px; border-radius: 2px;  background-color:rgba(255, 255, 255, .40); margin:0 4px;}
.slick-dots li button { width: 0; height: 0; padding: 0; border-radius: 0; } 
.slick-dots li { margin: 0; width: 33px; height: 0; }
.slick-dots li.slick-active button:before { background-color: #3BBA93 !important;  }
.slick-dots li button:focus:before, .slick-dots li button:hover:before {  background-color:  rgba(255, 255, 255, .40); transition: all ease .4s;  }

.SDKSection .SDKSectionCard { border-radius: 20px; height:100%; transition:all ease-in-out 0.4s;     position: relative; padding:19px 20px; border: 1px solid rgba(255, 255, 255, .20); background-color: #171A29; } 
.SDKSectionCard > a {position: absolute;width: 100%;height: 100%;display: block;top: 0;left: 0;z-index: 2;}
.SDKSection .SDKSectionCard:hover{border-color:#3BBA93;}
.SDKSection .SDKCardImg img { height: auto !important; width: 100%; object-fit: cover; border-radius: 12px 12px 0 0; }
.SDKSection .SDKSectionCardLogo img { height: 30px !important; width: auto; object-fit: contain; } 
.SDKSection .SDKCardTag { border-radius: 3px; padding: 2px 6px; }
.SDKSection .SDKSectionContain::before { content: ""; display: block; width: 100%; height: 116px; position: absolute; top: -115px; background: linear-gradient(180deg, rgba(23, 26, 41, 0) 0%, #171A29 100%); }
.SDKSection .SDKSectionSlider{display:none;}
.SDKSection .SDKSectionSlider { margin: 0 -10px; }

.IntegrationSection .IntegrationSectionCard ul { list-style: none; margin: 0; padding:0; }
.IntegrationSection .IntegrationSectionCard ul li span { display: block; }
.IntegrationSection .IntegrationSectionCard ul li { display: flex; gap: 15px; align-items: flex-start; margin: 0; }
.IntegrationSection .IntegrationSectionCard { background-color: #171A29; padding:28px 30px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, .20);height: 100%; }
.IntegrationSection .card-close-icon svg{height:24px; width:24px;}
.IntegrationSection .IntegrationSectionHeading { max-width: 880px; }
.IntegrationSection .IntegrationSectionCard ul li:last-child { padding: 0; }

.SecurityCertificationSection .CertificationImg img { height: 50px !important; width: 50px; object-fit: contain; }
.SecurityCertificationSection .CertificationCol { max-width: 300px; margin: 0 auto; width: 100%; }

.HeadingSectionInner{max-width:1026px;}

.GenTabQ {padding: 20px;margin-bottom: 20px;}
.GenTabQ:last-child { margin-bottom: 15px; }
.GenTabQ::before {content: "";height: 100%;width: 2px;background-color: rgba(255, 255, 255, .20);display: block;position: absolute;left: 0px;top: 0;}
.GenIdiomTab .active.GenTabQ::before{background-color:#3BBA93;}
.GISTabAnswerImg svg {width: 100%;height: auto;border-radius: 10px;margin: 0 auto;display: block;}
.GISTabAnswerImg {background-color: #262A3C;padding: 30px;border-radius: 20px;}
.GenTabQArrow svg { display: block; height: 16px; width: 16px; }
.GISTabAnswerMobile{display:none;}
/* .GenTabQWrapper { display: flex ; justify-content: space-between; align-items: center; gap: 15px; } */
.GenTabQArrow{display:none;}
.GenTabQ.GenTabQMobileview {display: none;}

.EnterprisesSection .EnterprisesSectionHeading { max-width: 690px; width: 100%; }
.EnterprisesSection .TabQuestion img { height: 20px !important; width: auto; object-fit: contain; } 
.EnterprisesSection .TabQuestion { width:140px;  background-color:#2b2d39; cursor:pointer; border: 1px solid rgba(255, 255, 255, .20); border-radius: 10px; padding: 14px 20px;  }
.EnterprisesSection .TabAnswer { border: 1px solid rgba(255, 255, 255, .20); border-radius: 20px; padding: 29px 45px; display: none; }
.EnterprisesSection .TabAnswerActive{display:block;}
.EnterprisesSection .TabQuestionActive { background-color: #3BBA93; }
.EnterprisesSection .TabPersonImage img { border: 1px solid #3BBA93;  height: 80px !important; width: 80px;  object-fit: cover;  border-radius: 50%; }
.EnterprisesSection .PersonQauteImage svg { display: block; height: 24px; width: 24px; position: absolute; top: 0; right: 0; }
.EnterprisesSection .TabAnswerLineImg img { width: 597px; margin: 0 auto; height: 9px;  display: block; }
.EnterprisesSection .TabAnswerLineImg{ display: block; }
.EnterprisesSection .EnterprisesSectionTab { max-width: 937px; width: 100%; }
.EnterprisesSectionTab .tab-slide-Question  {overflow-x: auto;white-space: nowrap;scroll-behavior: auto;}

.SartedSection .SartedSectionInner { padding: 100px 60px; border-radius: 20px; }
.SartedSection .SartedSectionBgShapeOne { display: block; height: 120px; width:95%; max-width: 1300px; background-color: rgba(12, 127, 242, .6);; position: absolute; top: -20px; right: 0; left: 0; margin: 0 auto; border-radius: 20px; z-index: -1; }
.SartedSection .SartedSectionBgShapeTwo { display: block; height: 120px; width:90%; max-width: 1220px; background-color: rgba(12, 127, 242, .6);; position: absolute; top: -40px; right: 0; left: 0; margin: 0 auto; border-radius: 20px; z-index: -2; }
.SartedSection .SartedSectionInner .button a { font-size: 20px; }

.DOSHeading {max-width: 1050px;margin: 0 auto;width: 100%;}
.DOSColInner {border: 1px solid rgba(255, 255, 255, .20);border-radius: 20px;padding: 20px 20px 0;height: 100%;}
.DOSColImage {line-height: 0;position: relative;min-height: 370px;height: 100%;	display: flex;flex-wrap: wrap;align-items: end;}
.DOSMainInner .row {gap: 30px 0;}
/* .DOSColImage:before {content: '';position: absolute;display: block;width: 282px;height: 282px;background: #3BBA93;border: 1px solid #3BBA93;opacity: 50%;top: 0;left: 50%;transform: translateX(-50%);filter: blur(134px);border-radius: 50%;} */
.DOSColImage svg {position: relative;}
.DOSColImage svg {width: 100%;height: auto;}
.DOSColLink a {display: inline-flex;align-items: center;gap: 8px;}

.DOSColLink a svg {width: 18px;height: auto;}
.DOSColInner {display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;}
.DOSColInner > div {width: 100%;}
.DOSColInner:hover .DOSColImage {filter: drop-shadow(0px -5px 30px rgba(59, 186, 147, 0.3));}
.DOSColImage{transition:all ease-in-out 0.4s;border-radius: 15px 15px 0 0;}
.DOSColInner{overflow:hidden;}

.SupportBox {background: #202332;border-radius: 20px;overflow: hidden;}
.SupportBoxList ul {display: flex;flex-wrap: wrap;}
.SupportBoxList ul li {padding: 21px 20px;cursor: pointer;font-size: 20px;line-height: 1.5;color: #fff;}
.SupportBoxList ul li:hover ,.SupportBoxList ul li.Active{background-color: #3BBA93;}
.SupportBoxList {display: flex;align-items: center;justify-content: space-between;gap: 15px;}
.SupportBoxIcon {padding: 20px;line-height: 0;}
.SupportBoxIcon svg {width: 71px;height: auto;}
pre[class*="language-"].line-numbers {position: relative;padding-left: 3.8em;counter-reset: linenumber;white-space: pre-wrap; padding-top: 0; padding-bottom: 0;}
pre[class*="language-"].line-numbers > code {position: relative;white-space: pre;width: 100%;}
pre[class*="language-"] {margin: 0; background: #262c38;}
.line-numbers .line-numbers-rows {position: absolute;pointer-events: none;top: 0;font-size: 100%;left: -3.8em;width: 3em;letter-spacing: -1px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.line-numbers-rows > span {pointer-events: none;display: block;counter-increment: linenumber;}
.line-numbers-rows > span:before {content: counter(linenumber);color: #525866;display: block;padding-right: 0.8em;text-align: right;}
.token.comment, .token.prolog, .token.doctype, .token.cdata { color: #8BD6BD; font-style: italic; text-shadow: 0 0 16px black; }
.SupportBoxCode {display: none;}
.SupportBoxCode.Open {display: block; padding-right: 10px; background: #262c38;}

.SupportTabQ {padding: 20px;margin-bottom: 20px;}
.SupportTabQ:last-child { margin-bottom: 15px; }
.SupportTabQ::before {content: "";height: 100%;width: 2px;background-color: rgba(255, 255, 255, .20);display: block;position: absolute;left: 0px;top: 0;}
.SupportIdiomTab .active.SupportTabQ::before{background-color:#3BBA93;}
.SupportIdiomTab .active.SupportTabQ .TabQuestion h5{color:#3BBA93;}
.SupportIdiomTab .SupportTabQ .TabQuestion{cursor:pointer;}
.SupportTabAnswerImg svg {width: 100%;height: auto;border-radius: 10px;margin: 0 auto;display: block;}
.SupportTabAnswerImg {background-color: #262A3C;padding: 30px;border-radius: 20px;}
.SupportTabAnswer{display:none;}
.SupportTabAnswerActive{display:block;}
.SupportTabAnswerMobile{display:none;}
.SupportTabQWrapper { display: flex ; justify-content: space-between; align-items: center; gap: 15px; }
.SupportIdiomTab .active.SupportTabQ .SupportTabQArrow svg path{fill:#3BBA93; }
.SupportIdiomTab .active.SupportTabQ .SupportTabQArrow svg{rotate:180deg; }
.SupportTabQArrow svg { display: block; height: 16px; width: 16px; }
.SupportTabQArrow{display:none;}
.endButton { gap: 40px; }

/* IntegrationSection New =============================================================================*/
.IntegrationSection.New .IntegrationSectionCard { padding: 32px 20px; position: relative; z-index: 1; overflow: hidden; background-color: #131623; }
.IntegrationSection.New .IntegrationSectionCard .title, .IntegrationSection.New .IntegrationSectionCard .IntegrationSectionCardContent { max-width: 385px; margin-left: auto; }
.IntegrationSection.New .IntegrationSectionCard .imageBox { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; max-width: 465px; }
.IntegrationSection.New .IntegrationSectionCard .imageBox img { width: 100%; height: 100% !important; object-fit: cover; }
.IntegrationSection.New .col-md-6:nth-child(2n + 2) .IntegrationSectionCard .title, .IntegrationSection.New .col-md-6:nth-child(2n + 2) .IntegrationSectionCardContent { margin-left: unset; }
.IntegrationSection.New .col-md-6:nth-child(2n + 2) .IntegrationSectionCard .imageBox { left: auto; right: 0; }
.IntegrationSection.New .col-md-6:nth-child(2n + 1) .button { text-align: right; }
.IntegrationSection.New .col-md-6:nth-child(2n + 2) .IntegrationSectionCard li strong { color: #3BBA93; }
.IntegrationSection.New .col-md-6:nth-child(2n + 1) .IntegrationSectionCard li strong { color: #D77E89; }

@media (min-width: 768px) {
  
  .NewsletterRight input[type='email'] {padding-right:  180px;}
  .NewsletterRight .hs_submit.hs-submit {position: absolute;right: 5px;top: 5px;}
}
@media (min-width: 992px) {
  .GISTabAnswer{display:none;}
  .GISTabAnswerActive{display:block;}
  .GenIdiomTab .active.GenTabQ .TabQuestion h5{color:#3BBA93;}
  .GenIdiomTab .GenTabQActive.GenTabQ .GenTabQArrow svg path{fill:#3BBA93; }
  .GenIdiomTab .GenTabQ  {cursor:pointer;}
  .GenIdiomTab .active.GenTabQ .GenTabQArrow svg{rotate:180deg; }

  .SupportTabQ.SupportTabQMobileview { display: none; }
  .SupportTabAnswerMobile { display: none !important; }
  .AccordianContent { display: block !important; }
  .StoriesCard { height: auto !important; }
  .SuccessStoriesSection .StoriesInner .StoriesCard { transition: transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);  cursor: default;}
  .SuccessStoriesSection .StoriesInner .StoriesCard:hover {transform: scale(1.05);}
  .DOSColImage.MobileSvg { display: none; }
  
  .SecurityCertificationSection .row { max-width: 937px; margin: 0 auto; gap: 30px; }
  .SecurityCertificationSection .row .col-md-4 { flex: 1; padding-left: 0; padding-right: 0; }
}
@media (min-width: 1200px) {
  
  .BannerRightImg {width: calc(100% + 56px);}
  .LogoSliderSectionNew .row .col-md-3 { width: 16.66%; }
}
@media (max-width: 1399px) {
  .SupportBoxList ul li {padding: 18px 18px;font-size: 18px;}
  .SupportBoxIcon svg {width: 54px;height: auto;}
  .DOSColImage {min-height: 311px;}
}
@media(max-width:1199px){
  .SartedSection .SartedSectionInner { padding: 100px 30px; }
  .SupportBoxList ul li {padding: 17px 15px;font-size: 16px;}
  .DOSColImage {min-height: 265px;}
}
@media (max-width: 991px) {
  .Font18,.Font18 a, .Font18 h1, .Font18 h2, .Font18 h3, .Font18 h4, .Font18 h5, .Font18 h6  { font-size:16px;}
  .Font20,.Font20 a, .Font20 h1, .Font20 h2, .Font20 h3, .Font20 h4, .Font20 h5, .Font20 h6  { font-size:18px;}
  .Font50,.Font50 a, .Font50 h1, .Font50 h2, .Font50 h3, .Font50 h4, .Font50 h5, .Font50 h6  { font-size:35px; line-height:1.3;}
  .bodyL,.bodyL a, .bodyL h1, .bodyL h2, .bodyL h3, .bodyL h4, .bodyL h5, .bodyL h6  { font-size:14px; line-height:1.5;}
  .Font22,.Font22 a, .Font22 h1, .Font22 h2, .Font22 h3, .Font22 h4, .Font22 h5, .Font22 h6  { font-size:20px;}
  .Font26,.Font26 a, .Font26 h1, .Font26 h2, .Font26 h3, .Font26 h4, .Font26 h5, .Font26 h6  { font-size:24px;}
  body .bodyM,body .bodyLg { font-size: 14px; }
  body .bodyL { font-size: 12px; }

  .max-w-80 {max-width:100%;}
  
  .SubHeading span {font-size: 14px;padding: 4px 23px;}
  .BannerRightImg {max-width: 442px;margin: 0 auto;width: 100%;margin-top: 72px;}
  .BannerSection {text-align: center;}
  .BannerSection .d-flex {justify-content: center;}
  .baseModuleStyle.BannerSection {background-size: 150% 56% !important;background-position: 100% 93% !important;background-repeat: no-repeat;}

  .SliderSectionLogo img{height: 30px !important;}
  .SliderSectionLogo { padding: 0 15px; }

  .IntegrationSection .IntegrationSectionHeading { max-width: 660px; }
  .IntegrationSection .IntegrationSectionCard { padding: 14px;}
  .IntegrationSection .card-close-icon svg { height: 20px; width: 20px; }
  .IntegrationSection .IntegrationSectionCard ul li:last-child { padding-bottom: 0; }
  .IntegrationSection .IntegrationSectionCard ul li { gap: 10px; }
  .CardPersondetails .gap15 { gap: 10px;}

  .PlatformSection .PlatformSectionImage{  margin-bottom:30px; }
  .PlatformSection .col-md-6{width:100%;}

  .SuccessStoriesSection .StoriesInner .StoriesCard ,.SuccessStoriesSection .StoriesInner .StoriesSectionCol {display:block;   margin-bottom: 0;}
  .SuccessStoriesSection .StoriesInner .StoriesCard{padding:14px 15px;}
  .SuccessStoriesSection .StoriesInner .PersonImg img { height: 42px !important; width: 42px;}
  .SuccessStoriesSection .StoriesInner .StoriesCardLogo img { height: 30px !important;}
  .SuccessStoriesSection .StoriesInner .StoriesHeading { max-width: 95%;  }
  .SuccessStoriesSection .StoriesInner .StoriesSection{ -webkit-column-count: auto; column-count: auto; gap: 0px;margin: 0 -10px;}
  .SuccessStoriesSection .StoriesInner .StoriesSection::before {height: 148px;width: 148px;filter: blur(217px);}
  .SuccessStoriesSection .StoriesInner .StoriesSection::before {height: 200px;width: 200px; filter: blur(434px);}

  .CoustomSlider .slick-list { padding-bottom: 40px; }

  .SDKSection .SDKSectionSlider{display:block;}
  .SDKSection .SDKRow{display:none;}
  .SDKSection .SDKSectionCard{padding:10px;}
  .SDKSection .SDKSectionCardLogo img { height: 21px !important;}

  .SecurityCertificationSection .CertificationImg img { height: 40px !important; width: 40px;  }

  .HeadingSectionInner { max-width: 708px; }
  /* 	.GISTabAnswerMobile { max-height: 0; overflow: hidden; display: block;   transition: all ease-in-out 0.4s; } */
  .GenTabQArrow{display: block;  }
  /* 	.GISTabAnswerActive .GISTabAnswerMobile { max-height: 800px; padding-bottom:15px; } */
  .GenTabQ.active .TabQuestion h5{color:#3BBA93;}
  .GenTabQ { padding: 0px; margin:0; }
  .GenTabQ::before {display:none; }
  .GenTabQMobile{padding:15px; margin-bottom:15px; cursor: pointer;}
  .GenTabQMobile::before {content: ""; height: 100%; width: 2px; background-color: rgba(255, 255, 255, .20); display: block; position: absolute; left: 0px; top: 0;}
  .GenTabQ.active .GenTabQMobile::before{ background-color:#3BBA93; }
  .GenTabQ:last-child  { margin-bottom: 0px; }
  .GenIdiomTab .col-lg-5 { display: none; }
  .GenTabQ.GenTabQMobileview {display: block;}
  .GISTabAnswer{display:block;margin-bottom: 15px;}
  .GISTabAnswer:last-child{ margin-bottom: 0px; }
  /* 	.TabDescription {max-height: 0;overflow: hidden;transition: all ease-in-out 0.4s;} */
  .GenTabQ.active .GenTabQArrow svg path{fill:#3BBA93; }
  .GenTabQ.active .GenTabQArrow svg{rotate:180deg; }
  /* 	.GISTabAnswerActive .TabDescription{	max-height:500px;} */
  /* 	.AccordianContent { max-height: 0; overflow: hidden; transition: all ease-in-out 0.4s; } */
  /* 	.GISTabAnswerActive .AccordianContent { max-height: 800px; padding-bottom: 15px; } */
  .GenTabQWrapper { display: flex ; justify-content: space-between; align-items: center; }

  .EnterprisesSection .EnterprisesSectionHeading{ max-width: 500px; }
  .EnterprisesSection .TabAnswer { padding:29px 30px; }

  .SartedSection .SartedSectionInner .justify-md-flex-end {justify-content:center;}
  .SartedSection .SartedSectionInner { padding: 80px 60px; }

  .SupportTabAnswer{display:none;}
  /* 	.SupportTabAnswerMobile { max-height: 0; overflow: hidden; display: block;   transition: all ease-in-out 0.4s; } */
  .SupportTabQArrow{display: block; }
  /* 	.SupportTabQActive .SupportTabAnswerMobile { max-height: 800px; padding-bottom:15px; } */
  .SupportTabQ:last-child{margin:0;}
  .SupportTabQ { padding: 0px;  }
  .SupportTabQ::before {display:none; }
  .SupportTabQMobile{padding:15px; margin-bottom:15px;}
  .SupportTabQMobile::before {content: ""; height: 100%; width: 2px; background-color: rgba(255, 255, 255, .20); display: block; position: absolute; left: 0px; top: 0;}
  .SupportIdiomTab .SupportTabQ.active .SupportTabQMobile::before{ background-color:#3BBA93; }
  .SupportTabQ:last-child  { margin-bottom: 0px; }
  /* 	.SupportBoxCode { max-height: 480px; height: 100%; overflow: auto; } */

  .row.DOSMainRow {gap: 20px 0;margin: 0 -10px;}
  .row.DOSMainRow .col-md-6 {padding: 0 10px;}
  .DOSColInner{border-radius: 10px;padding: 15px 15px 0;}
  .SupportBoxList ul li {padding: 18px 18px;font-size: 18px;}
  .SupportBox {border-radius: 17px;}
  .SupportBoxIcon {padding: 15px 17px;line-height: 0;}

  .DOSColImage {min-height: 203px;}
  .DOSColImage:before {height: 170px;width: 170px;filter: blur(76px);}
  .DOSColImage.DesktopSvg { display: none; }
 
  .IntegrationSection.New .IntegrationSectionCard { padding: 20px 20px; }
  .IntegrationSection.New .IntegrationSectionCard .imageBox { display: none; }
  .IntegrationSection.New .IntegrationSectionCard .title h4 { font-size: 18px; }
  .IntegrationSection.New .IntegrationSectionCard .title, .IntegrationSection.New .IntegrationSectionCard .IntegrationSectionCardContent { max-width: 100%; }
  
  .LogoSliderSectionNew .row { display: none; }
  .LogoSliderSectionNew .LogoSliderNew { display: block; }
}
@media (max-width: 767px) {
  .Font18,.Font18 a, .Font18 h1, .Font18 h2, .Font18 h3, .Font18 h4, .Font18 h5, .Font18 h6  { font-size:14px;}
  .Font22,.Font22 a, .Font22 h1, .Font22 h2, .Font22 h3, .Font22 h4, .Font22 h5, .Font22 h6  { font-size:18px;}
  .Font26,.Font26 a, .Font26 h1, .Font26 h2, .Font26 h3, .Font26 h4, .Font26 h5, .Font26 h6  { font-size:22px;}
  .Font20,.Font20 a, .Font20 h1, .Font20 h2, .Font20 h3, .Font20 h4, .Font20 h5, .Font20 h6  { font-size:16px;}
  .Font50,.Font50 a, .Font50 h1, .Font50 h2, .Font50 h3, .Font50 h4, .Font50 h5, .Font50 h6  { font-size:25px; line-height:1.28;}
  .Font14,.Font14 a, .Font14 h1, .Font14 h2, .Font14 h3, .Font14 h4, .Font14 h5, .Font14 h6  { font-size:12px;}
  body .bodyM { font-size: 12px; }
  body .bodyL { font-size: 10px; }
  .footerContact span.Font14 {font-size: 14px;}
  .SartedSection .SartedSectionInner .gap30 { gap: 15px; }
  .SubHeading span { font-size: 12px; padding: 6px 23px; }
  
  .NewsletterRight form input[type='submit'] {background-position: calc(50% - 40px);}
  .footerMenuTitle {cursor: pointer;}

/*   .SliderSectionLogo img{height: 25px !important;} */
  .SliderSectionLogo { padding: 0 10px; }
  .LogoSliderSectionNew .SliderSectionLogo { padding: 0 10px; }

  .SuccessStoriesSection .StoriesInner .PersonImg img { height: 36px !important; width: 36px; }

  .PlatformSection .PlatformSectionImage { margin:0;  }

  .md-m-w-90{max-width:90%;}	
  .IntegrationSection .IntegrationSectionCard { padding: 14px 15px; }
  .IntegrationSection .card-close-icon svg { height: 20px; width: 20px; }

  .SecurityCertificationSection .CertificationImg img { height: 30px !important; width: 30px;  }
  .SecurityCertificationSection .CertificationCol { max-width: 220px;}

  .CoustomSlider .slick-list { padding-bottom: 30px; }

  .SDKSection .SDKSectionCardLogo img { height: 20px !important;}
  .SDKSection .SDKSectionCard{padding:9px 10px;}

  .SartedSection .SartedSectionBgShapeOne{top:-10px; width: 91%;}
  .SartedSection .SartedSectionBgShapeTwo{top:-20px; width: 79%;}

  .NewsletterRight form input[type='submit'] {background-size: 16px;padding: 11px 30px 11px 40px;font-size: 12px;}
  .footerBottom .hs-menu-wrapper ul {gap: 20px;}
  .NewsletterFormRow {text-align: center;padding: 20px;}
  .footerBottom > div {width: 100%;}
  .footerBottom .hs-menu-wrapper ul {flex-direction: inherit;gap: 26px;justify-content: center;}
  .footerBottom.d-flex {gap: 20px;text-align: center;}
  .footerBottom .hs-menu-wrapper ul li+li:before {left: -12px;width: 1px;}

  .GenIdiomTab .GenTabQActive.GenTabQ .TabDescription {max-width: 500px;width: 100%;}
  .GISTabAnswerImg{padding:14px;}

  .TabQuestionDeatils{width:800px; }
  .md-overflow-scroll{overflow: scroll;}
  .md-scroll-none{scrollbar-width: none; }
  .EnterprisesSection .content-wrapper { width: 100%; padding: 0; }
  .EnterprisesSection .TabAnswerDeatils { max-width: 500px; margin: 0 auto; padding: 0 20px; }
  .EnterprisesSection .TabPersonImage img { height: 60px !important; width: 60px; }

  .SartedSection .SartedSectionInner {padding: 40px 15px;}
  .SupportBoxList ul li {padding: 10px;font-size: 14px;}
  .SupportBoxIcon {padding: 8px;}
  .SupportBox {border-radius: 8px;}
  pre[class*="language-"] {padding: 0;}

  .DOSColImage {min-height: auto;}
  .DOSColImage:before {height: 170px;width: 170px; filter: blur(76px);}

  .SupportIdiomTab .SupportTabQActive.SupportTabQ .SupportTabDescription {max-width: 500px;width: 100%;}
  .SupportTabAnswerImg{padding:14px;}

  .IntegrationSection.New .col-md-6 .button { text-align: center !important; }
  
  .SecurityCertificationSection .row .col-md-4 { width: 50%; }
  
  .endButton { gap: 20px; }
}
@media (max-width: 575px) {
  .SupportBoxList ul li {padding: 8px;font-size: 10px;}
  pre[class*="language-"].line-numbers {padding-left: 35px;}
  pre[class*="language-"], code[class*="language-"] {font-size: 10px;}
/*   .SupportBoxCode { max-height: 300px; } */
}
@media (max-width: 480px) {
  .animated-image {animation: upDown 1.5s ease-in-out infinite;}
  @keyframes upDown {
    0% { transform: translateY(0); }
    50% { transform: translateY(-5px); }  /* upar move */
    100% { transform: translateY(0); }     /* wapas neeche */
  }
  .sm-m-w-full{max-width:100%;}
  .sm-max-w-95{max-width:95%;}
  
  .BannerRightImg {max-width: 300px;margin-top: 40px;}
  .BannerSection .d-flex .button {width: 100%;}
  .BannerSection .d-flex .button a {display: block;}
  .baseModuleStyle.BannerSection {background-size: 160% 37% !important;background-position: 100% 95% !important;background-repeat: no-repeat;}

  .GenIdiomTab .GenTabQActive.GenTabQ .TabDescription {max-width: 300px;}

  .EnterprisesSection .EnterprisesSectionHeading { max-width: 250px; } 
  .EnterprisesSection .TabQuestionDeatils{padding-left: 45px;}
  .EnterprisesSection .TabAnswerLineImg img { width: 275px; }
  .EnterprisesSection .TabAnswer { padding: 29px 30px; }
  .sm-justify-start { justify-content: start; }
  .EnterprisesSection .TabAnswerDeatils { max-width: 365px; padding: 0 15px; }

  .SupportBoxIcon svg {width: 25px;height: auto;}
  .SupportBoxList {gap: 5px;}
  .SupportBoxIcon {padding: 4px 8px 4px 0;}

  .SupportIdiomTab .SupportTabQActive.SupportTabQ .SupportTabDescription {max-width: 300px;}

  .slick-dots li {width: 23px;	}
  .slick-dots li button:before {width: 18px;}
  
  .SartedSection .SartedSectionInner .button a { font-size: 16px; }
  
  .IntegrationSection.New .IntegrationSectionCard .title h4 { font-size: 16px; }
}