*{outline:none !important;}
body {font-family: "Inter", sans-serif !important; outline:none !important; overflow-x:hidden;}   
a{text-decoration:none;}
h3{font-size:1.825rem; font-weight:600; color:#4608AD;  }
button, a {transition: all 0.3s ease;}
.whiteColorBg{background:#fff;}
a:hover, a:active, a:focus {outline: none; text-decoration: none; transition: all 0.3s ease;}
.pt-0{padding-top:0px !important;}
.pb-0{padding-bottom:0px;}
.mt-0{margin-top:0px !important;}
.mt-10{margin-top:10px !important;}
.mt-20{margin-top:20px !important;}
.mt-30{margin-top:30px !important;}
.mb-10{margin-bottom:10px !important;}
.mb-30{margin-bottom:30px !important;}
.textUppercase{text-transform:uppercase;}
ul li strong{font-weight:600;     color: #333;}
.leftPaddingContainer {
    /* padding-left: 11.3%; */
}
.blackColorText{color:#333333 !important;}
.fontWeight600{font-weight:600 !important;}
.rightPaddingContainer {padding-right: 11.3%;}
.btn-outline-primary{border:solid 2px #4608AD; color:#4608AD; padding:10px 20px; font-size:14px; font-weight:500; transition: all 0.3s ease;}
.btn-outline-primary:hover{background:#4608AD; border-color:#4608AD;  box-shadow: 0 2px 4px #315C9B2B;}
.btn-secondary{background:#12043E; border:none; font-weight:500; font-size:14px; padding:10px 20px;
    transition: all 0.3s ease;  box-shadow: 0 9px 20px #5C0CE03B;}
.btn-secondary:hover{background:#4608AD;}
.radiusBt{border-radius:40px;}
.lightBlueBg{background:#F7FCFF; border:solid 1px #E5F3FB;}
/* Back to top button */
.back-to-top {position: fixed;  display: none;  background: rgba(0, 0, 0, 0.2); color: #fff; padding: 6px 12px 9px 12px;
font-size: 16px; border-radius: 2px; right: 15px; bottom: 15px; }
.back-to-top:focus {background: rgba(0, 0, 0, 0.2); color: #fff;  outline: none;}
 .back-to-top:hover { background: #2dc997;  color: #fff;}

/* .menuWrapp{display: flex; justify-content: space-between;} */
.navbar-brand{width: 170px; float: left;     padding-top: 17px;}
.navbar-brand img{width: 150px;}
.nav-main.stiMenuBlock{float: right;  width:71%;}
.wsmenu-list{margin-right: -5px;}
.wsmenu-list > li a.menu-active{    color: #4608ad;}
.wsmenu-list > li a.menu-active::after {
    content: "";
    border-bottom: solid 3px #4608ad;
    position: absolute;
    bottom: 1px;
    left: 0px;
    width: 100%;
    display: block;
    border-radius: 4px;
}


.wsmenu-list > li > a:focus{color: #000;}
.wsmenu-list > li a:hover{    color: #4608ad;}
.wsmenu-list > li a:hover::after {
    content: "";
    border-bottom: solid 3px #4608ad;
    position: absolute;
    bottom:1px;
    left: 0px;
    width: 100%;
    display: block;
    border-radius: 4px;
}

.wsmenu-list > li:hover>a:after{
    content: "";
    border-bottom: solid 3px #4608ad;
    position: absolute;
    bottom:1px;
    left: 0px;
    width: 100%;
    display: block;
    border-radius: 4px;

}

.wsmenu-list li:hover > .wsmenu-submenu{
	width: 186px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
    box-shadow: 0 2px 4px #315c9b54;
    padding:8px 0px;
}

.wsmenu-submenu li a{    font-size: 0.88rem;}

.wsmenu-submenu li a:hover::after{display:none;}
.wsmenu-submenu a.sub-active{color:#4608ad !important;}

.bannerSection{padding-top:0px;}
.bannerSectionImg{background:#000; position:relative;}
.bannerSectionImg .palyIcon{ cursor:pointer;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 1;
    margin: auto;
}
.bannerSectionImg video{cursor:pointer;}
.bannerVideoStop video{opacity:0.8; cursor:pointer;}
/* .bannerSectionImg img{opacity:0.7;} */
/* .bannerSection h1{font-size:2.9rem; font-weight:700; line-height: 51px;} */
.bannerSection h1{font-size:2.4rem !important; font-weight:700; line-height:43px; color:#212529;
    margin: 0px 0px 3px 0px;}
/* .bannerSection h2{font-size:1.4rem; font-weight:600;      padding-top:3%; padding-bottom:0%; line-height:31px;} */
.bannerSection h3.sameH1Styles{font-size:2.4rem !important; font-weight:700 !important; line-height:43px; color:#212529;}
.bannerSection h2{    font-size: 1.2rem; font-weight:600;      padding-top:2%; padding-bottom:0%;     line-height: 28px;}
.bannerSection p{font-size:0.9rem; font-weight:400; line-height: 23px; padding-top:2%; margin-bottom:0px;}
.bannerSection .leftPaddingContainer{padding-right:30px; padding-top:25px;     padding-bottom:30px;}
.bannerSection .btn-outline-primary{width:190px; font-size:1rem; font-weight:500;}
.bannerSection .btn-secondary{width:190px; font-size:1rem; font-weight:500;}
.bannerBtBlock{margin-top: 30px; position:relative;}

.bannerBtBlock .form-control{border-radius:30px; height:50px; width:100%; display:inline-block;
    padding-right: 205px; padding-left:20px; border-width:2px;}
.bannerBtBlock .btn-secondary{position:absolute;top: 3px; right: 3px;}

.bannerPositionCont{position:absolute;}

.sectionHeading .agentSup::after{
    content: "TM";
    font-size: 0.4rem;
    position: absolute;
    top: 12px;
    right:1px;
    border: solid 0.5px #000000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-weight: 600;
}
.agentSup{position:relative;     padding-right: 20px;}
.agentSup::after{
    content: "TM";
    font-size: 0.4rem;
    position: absolute;
    top:5px;
    right:1px;
    border: solid 0.5px #000000;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-weight: 600;
    text-align: center;
}

.deploymentWrapp .agentSup::after{border-color:#fff;}

.footerWrapp .agentSup::after {
    font-size: 0.35rem;
    top: 4px;
    right:5px;
    width: 12px;
    height: 12px;
    line-height: 11px;
}



.page-section{padding:50px 0px;}
.sectionHeading h2{font-size:2.7rem; font-weight:700; line-height: 55px; text-align:center;     padding-bottom: 50px;}

/* IamAware */

/* .iamAwareInner{display: flex; justify-content: space-between;   } */
.iamAwareInner h3{font-size:1.9rem; font-weight:600; color:#4608AD;
padding-bottom: 15px; margin:0px;     text-align: center; }

.iamAwareAgent{background:#fff; box-shadow: 0 9px 20px #5C0CE03B; border-radius:20px; padding:20px;}
.iamSmsImg{text-align:center; background:#fff;     box-shadow: 0 9px 20px #5C0CE03B; border-radius:20px; padding:20px;}
/* .iamSmsImg{display:flex;   height: 80%;} */
.iamSms img{width:67px; margin: 0px 20px;}
.iamAwareAgent img{margin:auto; display:block;     width: 32px;    margin-bottom: 8px;}
.iamAwareAgent h6{font-size:0.75rem; font-weight:500; text-align:center; line-height: 17px;}
.aAwareAgentBlock{
/* min-height: 89px; */
margin-bottom: 0px;
padding-top: 1px;
}

.awareBgColor{float: right; width: 78%; background:#E6E6FA;height: 100%;border-radius:20px;
    /* border-top-left-radius:20px;
    border-bottom-left-radius:20px; */
    }
.contIamAware{ padding:24% 30px 30px 30px; }
.contIamAware h5{font-size:1.625rem; font-weight:600;     line-height: 40px;}
.plusIcon{     margin: 29px; text-align:center;} 
.arrowIcon{float:left;     margin-left: 20px;    padding-top:47%;}
.plusIcon img{width:49px;}
.arrowIcon img{ width:49px;}


.bordernumber{padding-bottom:40px; position:relative;}
.bordernumber::before{content: "";
    border-left: 1px solid #000;
    height: 100%;
    position: absolute;
    left: 12px;

  }

  .firstBordernumber{padding-bottom:40px; position:relative;}
  .firstBordernumber .sectionHeading{padding-bottom:0px !important;}
  .firstBordernumber .sectionHeading h2{padding-bottom:0px !important;}
  .firstBordernumber::before{content: "";
    border-left: 1px solid #000;
    height: 100%;
    position: absolute;
    left: 12px;
    top: 36px;

  }
.firstBordernumber::after{
    content: "";
    position: absolute;
    left: 7px;
    top: 28px;
    font-size:14px;
    width:10px; height:10px;   background:#4608AD; border-radius:50%;
}
  .firstBordernumber .sectionHeading{padding-bottom: 50px;} 


.bordernumberDeployment{ position:relative;  padding-top:30px; padding-bottom:30px;}
.bordernumberDeployment::before{content: "";
    border-left: 1px solid #000;
    height: 100%;
    position: absolute;
    left: 12px;
    top: 0px;
    }

.bordernumberEngagement{ position:relative; padding-top:60px; padding-bottom:30px;}
.bordernumberEngagement::before{content: "";
    border-left: 1px solid #000;
    height:92%;
    position: absolute;
    left: 12px;
    top: 0px;
    }

    .bordernumberEngagement::after{
        content: "";      
        position: absolute;
        left: 7px;    
        bottom: 24px;       
        width:10px; height:10px;   background:#4608AD; border-radius:50%;
    }

.orgLandscapeBlock ul{display:block; }
.orgLandscapeBlock ul li{display: inline-block;  border: solid 1px #ECECEC; padding: 15px 19px; margin: 0px -10px -1px 5px;     text-align: center;}
.orgLandscapeBlock ul li img{width: 74%;}

.howWillItWorkWrapp h3{padding-bottom:10px;}
.howWillItWorkWrapp p{padding-bottom:10px; line-height:26px; font-size: 1rem;}
.deploymentWrapp{background:#fff; position:relative;}
/* .deploymentWrapp h3{ color:#fff;} */
.agentsHeading{background: transparent;   color:#4608AD;  font-size: 1.825rem; font-weight:600;
   
    border-radius: 15px;
  margin-bottom:12px;
    align-content: center;
    margin-right: 15px;
    text-align: center;}
.deploymentWrapp ul{list-style:none; padding:0px; margin:0px;}
.deploymentWrapp ul li{
    display: inline-block;
    background: #561EB4;
    color:#fff;
    font-size: 0.93rem;
    padding: 14px 15px;
    /* min-height: 37px; */
    line-height: 15px;
    width: 30.6%;
    margin: 8px 0px 0px 10px;
    text-align: center;
    align-content: center;
    vertical-align: middle;
    border-radius: 9px;
}
.howWillItWorkWrapp .numRound{
    position: relative;
    font-size: 45px;
    background: #fff;
    color: #000;
    border-radius: 50px;
    width: 63px;
    height: 63px;
    box-shadow: 0 3px 20px #5C0CE03B;
    font-weight: 700;
    margin-right: 27px;
    min-width: 63px;
    text-align: center;
    line-height: 63px;
    margin-left: -20px;
}


.engagementWrapp{background:#fff; }
.engagementBlock{padding-right: 10%;}

.imgEngagementBlock{padding-left:4%; border-left:solid 1px #ccc; }
.imgRoundedEng{background:#FFFFFF;  box-shadow: 0 3px 20px #5C0CE03B; border-radius:50%; display:flex;
    width:100px;  height:100px;      padding: 9px;  margin: auto;}
.imgRoundedEng img{width:100%; margin:auto;}
.imgRoundedEngagement{    margin-bottom: 22px;}
.imgRoundedEngagement h4{
    font-size: 0.74rem;
    background: #4608AD;
    color: #fff;
    border-radius: 6px;
    padding:10px 0px 7px 0px;
    text-align: center;
    margin-top: -16px;
    min-height:47px;
    align-items: center;
    display: flex;
    justify-content: center;
    box-shadow: 0 9px 20px #5C0CE03B;
}

.bottomHowWillItWork{background:#E6E6FA; padding:20px; display:flex; margin-top: 20px; border-radius: 100px;}
.bottomHowWillItWork p{padding:0px 0px 0px 28px; margin:0px;     line-height: 26px;
    font-size: 1rem;     font-weight: 500;}
.bottomHowWillItWork .userInterfacesIcon{background: #4608ad; border-radius: 100%;
    width: 73px;
    height: 73px;
    min-width: 73px;
    display: flex;
    justify-content: center;
    box-shadow:11px 5px 20px #5c0ce04a;
}
.bottomHowWillItWork .userInterfacesIcon img{width:40px;}



.amplifyWrapp .img-fluid{border-bottom-right-radius: 30px;border-top-right-radius: 30px;}
.amplifyWrapp ul{list-style:none; padding:0px; margin:0px;}
.amplifyWrapp ul li{display:flex; padding:0px 0px 20px 0px; margin:0px;}
.amplifyWrapp ul li img{background:#4608AD; border-radius:100px; width:65px; height:65px; min-width:65px; padding:10px;
margin-right:35px;    margin-top:4px;  box-shadow:0px 0px 24px #5c0ce080;}
.amplifyWrapp h4{font-size:1.4rem; font-weight:600; margin:0px 0px 5px 0px; padding:0px; color:#000;}
.amplifyWrapp p{font-size: 0.9rem;  font-weight: 400;  margin: 0px 0px 5px 0px;  padding: 0px;  line-height: 24px; color:#000;}
.amplifyCont{border-bottom: solid 1px #D4D8DA; padding-bottom: 12px;}

.manageIamWrapp .smallText{
    font-size: 12px;
    text-align: center;
    padding-top: 17px;
    margin: 0px;
}
.manageIamWrapp ul{list-style:none; padding:0px; margin:0px;}
.manageIamWrapp ul li{
    display: inline-block;
    background: #fff;
    padding: 9px 21px;
    border: solid 1px #e2eef5;
    width: 28.8%;
    text-align: center;
    margin: 5px;
    border-radius: 7px;
}

.manageIamWrapp ul li img{width:100%;}

.footerWrapp{padding:60px 0px 0px 0px; border-top: solid 1px #E5F3FB;     margin-top: -1px;}
.footerWrapp h5{font-size:1.4rem; font-weight:600; color:#4608AD; text-align:center; padding-bottom:30px;}
.footerWrapp ul{display:block; list-style:none;padding:0px 0px 30px 0px; margin:0px;}
.footerWrapp ul li{display:block; padding:0px 0px 15px 0px; margin:0px; text-align:center;}
.footerWrapp li a{font-size:1rem; font-weight:400; color:#333333;}
.footerWrapp li a:hover{color:#8048dd;}
.footerWrapp li a.footer-active{color:#8048dd;}
.borderLineFooter{border-left:solid 1px #D5D5D5; }
.useCasesFooterBlock{display:flex; justify-content: space-between; padding-left:5%; padding-right:5%; }

.footerBottomInner{position:relative;}
.footerBottom{border-top:solid 1px #D5D5D5; padding:15px;}
.footerBottom h6{font-size: 0.84rem; font-weight:400; color:#4608AD; text-align:center; margin:0px; padding:0px 0px;}
.footerBottomInner a{color: #333333;      font-size: 0.84rem;  text-transform: capitalize;}
.footerBottomInner a:hover{color:#4608AD;}
.privacyFooterBlock{position:absolute; right:0px;     top: -5px;} 
.privacyFooterBlock img{display:block; width:100px;}

.videoAi{width:100%;  min-width: 100%;  min-height: 100%;  
    object-fit: contain;
       /* object-fit: cover; */
    }
	
.bannerBtBlock .error{font-size: 13px; padding-left: 19px; color: #dc4747;}

.innerHeader{ margin-top: -10px;     padding-top: 25px;
    padding-bottom: 10px;
    /* background-color:#E6E6FA;  */
}
.innerHeader h1{font-size:1.9rem !important; font-weight:600;}
.innerHeader h2{font-size: 1.1rem; font-weight:500; line-height:30px;     padding-top: 0px;}
.innerHeader h6{line-height: 32px; font-size: 1.2rem;}

.middleInnerCont{padding-top:0px; padding-bottom:30px;}
.middleInnerCont a{color:#804dd4;}
.middleInnerCont a:hover{color:#a377ec;}


.middleInnerCont h1{font-size: 3.7rem; font-weight:700;     line-height: 62px;}
.middleInnerCont .headingH1{font-size: 3.5rem; font-weight:700;     line-height: 62px;}
.middleInnerCont h2{line-height: 48px; font-weight:600; font-size:2.5rem;     color: #4d3896;}






.middleInnerCont h4{line-height:30px; margin-bottom:25px; color: #000000;      font-size: 1.4rem;font-weight:600;}
.middleInnerCont h5{color: #4608AD; margin-top:25px; font-size: 1.2rem; font-weight: 600;}

.subHeadingH6{line-height:24px; font-size: 1.1rem !important; font-weight:600;}
.middleInnerCont p{    font-size: 1rem; color: #000000;     line-height: 26px; font-weight:400;}
.middleInnerCont p strong{font-weight:600; color:#000;}
.middleInnerCont ul{margin:0px 0px 0px 0px;}
.middleInnerCont ul li{ margin:0px 0px 30px 0px; color: #000000; font-size:1.375rem; list-style:none; 
position:relative; padding-left:36px; font-weight:600;}
.middleInnerCont ul li::before {
    content: "";
    background-image: url(../images/li-arrow.svg);
    position: absolute;
    left: 0px;
    top: 9px;
    z-index: 9;
    background-repeat: no-repeat;
    width: 21px;
    height: 28px;
    background-size: contain;
}

.aboutWrapp .aboutImg{width:90%; margin:auto; display:block;}
.aboutWrapp p{font-size:1.2rem; line-height:29px; margin-bottom:20px;}
.aboutWrapp h4{font-size: 1.7rem; font-weight:400; line-height:40px; color:#000;}

/* accordionWrapp */
.accordionWrapp h2{ text-align:center; font-weight:700 !important; }

.accordionWrapp .accordion-item{border: none; background: transparent;     margin-bottom: 13px;}
.accordionWrapp .accordion-button{border-radius: 30px !important; font-weight: 500; background:#4D3896;
    color: #fff; padding-left: 30px; font-size:1.2rem;}
.accordionWrapp .accordion-button.collapsed{background:#E6E6FA !important; color:#333333; color:#333;}
.accordionWrapp .accordion-button:focus{box-shadow:none !important;}
.accordionWrapp .accordion-body{background-color:#fff; box-shadow: 0px 3px 17px #D4E3EC; margin-top: -25px;
    padding-top: 45px;}
.accordion-header{line-height: normal !important;}
.accordionWrapp .subHeadingH6{color:#4D3896; margin:30px 0px 12px 0px !important;     font-size: 1.4rem !important;}
.accordionWrapp .subHeadingH6.firstSubHeadingH6{margin-top:10px !important;}
.accordionWrapp .accordion-button::after{display:none;}
.accordionWrapp  .accordion-button .accArrow{position: absolute; right: 25px; transform: rotate(180deg); filter: brightness(0) invert(1);}
.accordionWrapp  .accordion-button.collapsed .accArrow{position: absolute; right: 25px;  transform: rotate(0deg); filter:none;}

.accordionWrapp ul{margin:29px 0px 0px 0px;}
.accordionWrapp ul li{font-size:1rem;  margin:0px 0px 17px 0px;   padding-left: 23px;} 

.middleInnerCont .accordion-body ul li::before {
    content: "";
    background-image: url(../images/ellipse.svg) !important;
    position: absolute;
    left: 0px;
    top:6px;
    z-index: 9;
    background-repeat: no-repeat;
    width:10px; height:10px;
}
/* accordionWrapp */

.developmentStudioWrapp h5{padding-bottom:15px; line-height:28px; margin-top:0px;     font-size: 1.5rem; line-height: 32px;}

.developmentStudioWrapp h2{margin-bottom:30px;}
.developmentStudioWrapp p{font-size:1.1rem; line-height:28px;}
 /* .developmentStudioWrapp .dsImg{margin-top:5%;} */

.newsHeading{font-size: 1.2rem !important;  line-height:28px !important;}

.useCasesFlex{padding-bottom:25px;}

.itemUseCases.lightBlueBg{padding: 40px 0px 40px 0px;  margin: 35px 0px 35px 0px;}
.itemUseCases.lightBlueBg .useCasesFlex {padding-bottom:0px;}
.itemUseCases.lightBlueBg ul{padding-right:40px;}
.sectionUseCase{padding-top:30px;}



.useCasesWrapp h3{line-height: 30px; margin-bottom: 25px;  color:#4608AD; font-size: 1.4rem;font-weight: 600;}
.useCasesWrapp h6{margin:0px 0px 25px 0px; padding:0px; font-weight:600; font-size: 1.2rem;}
.useCasesWrapp h5{margin:0px ; padding:0px; font-size: 1.6rem;    line-height: 33px;    color: #222222;}
.useCasesWrapp ul{padding:0px;}
.useCasesWrapp .middleInnerCont  h1{margin-bottom:40px; color: #4d3896;}
.useCasesWrapp .middleInnerCont  .headingH1{color: #4d3896;}
.middleInnerCont .headingH1{margin-bottom:40px; }

.newsWrapp h2{color: #4d3896; margin-top:35px; font-size: 2.5rem;}
/* .newsWrapp h4{    line-height: 48px;
    font-weight: 600;
    font-size: 2.5rem;} */

.privacyWrapp h2{color: #000; margin-top:40px; margin-bottom:20px;}
.privacyWrapp ul{padding-top:20px; padding-bottom:20px;}

.section-margin{margin-top: -5px;}
.common-section {
    /* background: linear-gradient(135deg, #eae6ff 0%, #d3ccff 35%, #bcb4f4 100%); */
  
    position: relative;
  }
  .gradient-background {
    background: #D6CDFD;
    background: linear-gradient(138deg,rgba(214, 205, 253, 0.05) 0%, rgba(235, 231, 252, 0.18) 28%, rgba(214, 205, 253, 1) 54%, rgba(204, 212, 253, 0.88) 100%);
    padding: 40px 20px;
    font-family: 'Inter', sans-serif !important;
  }

  .common-section h2 {
    font-weight: 700;
    font-size:35px;
    color: #222428;
    margin-bottom: 20px;
  }

  .common-section .icon-text {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
  }
  

  .common-section .icon-text-icon {
    background: #fff;
    border-radius: 50%; /* Ensure perfect circle */
    margin-right: 15px;
    border: 1px solid #DCD5EB;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-shrink: 0; /* Prevent squishing in flex layout */
    padding: 0; /* Prevent padding from affecting size */
    box-sizing: border-box; /* Include border in total size */
  }
  .common-section .icon-text-icon img {
    width: 24px;
    height: 24px;
    object-fit: contain; /* Maintain image aspect ratio */
    display: block; /* Remove inline spacing */
  }
   
  .common-section p {
    font-size: 18px;
    color: #222428;
    margin-bottom: 0;
    line-height: 27px;
    font-weight: 400;
    font-family: 'Inter', sans-serif !important;
  }

  .common-section .iam-image {
    max-width: 100%;
  }

  .gradient-background-reverse {
    background: #D6CDFD;
    background: linear-gradient(
      318deg, /* reversed direction */
      rgba(214, 205, 253, 0.05) 0%,
      rgba(235, 231, 252, 0.18) 28%,
      rgba(214, 205, 253, 1) 54%,
      rgba(204, 212, 253, 0.88) 100%
    );
    padding: 40px 20px;
    font-family: 'Inter', sans-serif !important;
  }

  /* development-studio.html */
  .development-studio-section-wrapper {
    position: relative;
    background-color: #F2F5FC;
    overflow: hidden;
    padding: 0;
  }
 
  .development-studio-section-wrapper::before {
    content: "";
    position: absolute;
    top: 30px;
    left: -60px;
    width: 600px;
    height: 600px;
    background: url('../images/svg-icons/bg-reverse-circles.svg') no-repeat;
    background-size: contain;
    /* opacity: 0.4; */
    z-index: 0;
  }
  
  .development-studio-section {
    position: relative;
    z-index: 1;
    padding: 60px 0;
  }
  .development-studio-content{
    padding-left: 20px;
  }
  
  .development-studio-image img {
    border-radius: 16px;
    /* width: 100%; */
    max-width: 100%;
    height: auto;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
  }
  
  .development-studio-content .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 20px;
    color: #222428;
  }
  
  .development-studio-content .description {
    font-size: 18px;
    color: #222428;
    margin-bottom: 40px;
    max-width: 540px;
    line-height: 27px;
  }
  
  .development-studio-features {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }
  


  .agents-title {
    color: #5e3fa0;
    font-weight: 700;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  
  .agents-feature-row {
    gap: 16px 0;
  }
  
  .feature-box {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    text-align: left;
    box-shadow: 0 4px 10px rgb(215 220 240 / 58%);
    border: 1px solid #DDE3F9;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    height: 100%;
  }
  
  .icon-circle {
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
  }
  
  .icon-circle img {
    width: 20px;
    height: 20px;
  }
  
  .icon-circle.purple {
    background-color: #f0eefe;
  }
  
  .icon-circle.violet {
    background-color: #efe9ff;
  }
  
  .icon-circle.blue {
    background-color: #e8f0ff;
  }
  
  .feature-box p {
    font-size: 16px;
    color: #222428;
    margin: 0;
  }

  .alternate-bg{
    background: #F6F8FF;
background: linear-gradient(122deg,rgba(246, 248, 255, 1) 0%, rgba(197, 206, 252, 1) 50%, rgba(237, 233, 252, 1) 100%);

  }
  .alternate-bg.development-studio-section-wrapper::before {
    content: "";
    position: absolute;
    top: 30px;
    right: -60px !important;
    left: inherit !important;
    width: 600px;
    height: 600px;
    background: url('../images/svg-icons/bg-reverse-circles2.svg') no-repeat;
    background-size: contain;
    /* opacity: 0.4; */
    z-index: 0;
  }
  .alternate-bg .development-studio-content {
    padding-right: 20px !important; 
    padding-left: 0px !important;
  }
  
  /* careers.html */
  /* .careers-section {
    background: linear-gradient(120deg, #d8ccf0 0%, #c8bce8 40%, #a78cd9 80%, #c8bce8 100%);
    padding: 60px 30px;
    color: #1a1a1a;
  }
   */

   .careers-section {
    background: url('../images/career-bg.png') no-repeat center right;
    background-size: cover;
    padding: 30px 0;
    color: #1a1a1a;
    position: relative;
  }
  .careers-content {
    display: flex;
    align-items: left;
    justify-content: space-between;
    max-width: 660px;
    
    flex-wrap: wrap;
  }
  
  .careers-text {
    flex: 1 1 55%;
    padding-right: 20px;
  }
  
  .careers-image {
    flex: 1 1 40%;
    text-align: center;
  }
  
  .careers-image img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  }
  
  .careers-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
  }
  
  .careers-intro,
  .careers-body {
    font-size: 1.125rem;
    line-height: 1.8;
    margin-bottom: 20px;
    font-weight: 400;
    color: #2c2c2c;
  }
  

  .why-stimul8-section {
    background-color: #4a379f; /* Matching the purple tone */
    color: white;
    padding: 40px 20px;
    clip-path: polygon(0 5%, 50% 0, 100% 5%, 100% 100%, 0 100%);
    margin-top: -28px;
  }
  
  .section-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 30px;
  }
  
  .section-text {
    font-size: 1.125rem;
    line-height: 1.8;
    max-width: 900px;
    margin: 0 auto 20px;
  }
  

  .job-card {
    border: 1px solid #D6CDFD;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  }

  .job-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .job-info {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .job-icon-span {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #f3f0ff;
  
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .job-icon-span img {
    width: 24px;
    height: 24px;
  }

  .job-title {
    font-weight: 600;
    color: #4D3896;
    margin-bottom: 4px;
    font-size: 18px;
  }

  .job-desc {
    margin: 0;
    font-size: 14px;
    color: #333333;
    max-width: 852px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .show-details-btn {
    background-color: #4D3896;
    border: none;
    padding: 8px 16px;
    color: white;
    border-radius: 6px;
  }

  .accordion-body {
    margin-top: 20px;
  }

  .job-item {
    display: flex;
    gap: 20px;
    margin-bottom: 0px;
    padding-bottom: 20px;
    margin-top: 20px;
  }

  .job-item .icon-container {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #F5F0FF;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #DCD5EB;
  }

  .job-item .icon-container img {
    width: 24px;
    height: 24px;
  }

  .accordion-body.job-accordion-body {
    box-shadow: none !important;
    margin-top: 0px !important;
    padding: 0px !important;
  }
  .job-card .content{
    border-bottom: solid 1px #DCD5EB;
    padding-bottom: 10px;
  }
  .job-card .content.no-border {
    border: none !important;
}
  .job-item .title{
    font-size: 16px;
    font-weight: 600;
    color: #4D3896;
    margin-bottom: 10px;
  }
  .job-item .job-desc{
    font-size: 16px;
    color: #333333;
    white-space: inherit;
    overflow: inherit;
    text-overflow: inherit;
    max-width: inherit;
    line-height: 27px;
    margin-bottom: 10px;
  }

  .job-item .content ul{margin:29px 0px 0px 0px; list-style: none; padding: 0px;}
.job-item .content ul li{font-size:1rem;  margin:0px 0px 17px 0px;   padding-left: 23px;     position: relative;} 

.job-item .content ul li::before {
    content: "";
    background-image: url(../images/ellipse.svg) !important;
    position: absolute;
    left: 0px;
    top:6px;
    z-index: 9;
    background-repeat: no-repeat;
    width:10px; height:10px;
}
.news-img-container img{
    width: 60% !important;
}

.news-list-item {
    border: 1px solid #D6CDFD;
    transition: box-shadow 0.2s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  }
  .news-list-item .news-icon-span{
    background-color: #F5F0FF;
    border: solid 1px #DCD5EB;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;    
  }
  .news-list-item .news-icon-span img{
    width: 24px;
    height: 24px;
  }
  
  .news-list-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  }
  
  .news-headline {
    font-size:16px;
    line-height: 27px;
    font-weight: 600;
    color: #4D3896 !important;
  }
  .news-details .news-details-title{
    line-height: 30px;
    margin-bottom: 25px;
    color: #4D3896;
    font-size: 1.4rem;
    font-weight: 600;
  }
  
  .news-section-icon{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #F5F0FF;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #DCD5EB;
  } 
  .news-section-icon img{
    width: 24px;
    height: 24px;
  } 
  .details-section-title{
    font-size: 27px !important;
    font-weight: 600;
    color: #4D3896;
    margin-bottom: 10px;
    margin-top: 0px !important;
  }

  .news-details-section-item ul{margin:0px 0px 0px 0px; padding:0px; }
.news-details-section-item ul li{ margin:0px 0px 20px 0px; color: #4D3896; font-size:18px; list-style:none; 
position:relative; padding-left:36px; font-weight:600;}
.news-details-section-item ul li::before {
    content: "";
    background-image: url(../images/li-arrow.svg);
    position: absolute;
    left: 0px;
    top: 9px;
    z-index: 9;
    background-repeat: no-repeat;
    width: 21px;
    height: 28px;
    background-size: contain;
}
.why-stimul8-section.news-details-section h2{ color: #FFF !important; margin-top: 0px !important;}
.why-stimul8-section.news-details-section h2 a{ color: #FFF !important;}
.why-stimul8-section.news-details-section a{ color: #af9dff !important;}
.useCaseInnerCont.middleInnerCont ul li::before{ display: none;}
.useCaseInnerCont.middleInnerCont ul li {
  display: flex;
  align-items: center;
  gap: 12px; /* space between icon and text */
  margin-bottom: 20px; /* optional spacing between list items */
  padding-left:0px;

}
.useCaseInnerCont.middleInnerCont ul li .icon-text-icon{
  background-color: #F5F0FF;  
  border: solid 1px #DCD5EB;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
 
  text-align: center;
  flex-shrink: 0; /* Prevent shrinking */
}
.useCaseInnerCont.middleInnerCont ul li .icon-text-icon img{
  width: 24px;
  height: 24px;
 
}
  @media (max-width: 767.98px) {
    .common-section {
      text-align: center;
    }

    .common-section .icon-text {
      flex-direction: column;
      align-items: center;
    }

    .common-section .icon-text img {
      margin-bottom: 10px;
      margin-right: 0;
    }

    .common-section h2 {
      font-size: 1.5rem;
    }

    .section-title {
        font-size: 2rem;
      }
    
      .section-text {
        font-size: 1rem;
      }
  }