/***Authored by Deepak C***/
:root{--purple:#5A4D9F;--dark-gray:#2B2B2B}
#heading-banner{position:relative;padding:116px 0 58px 0;background-color:#F8F7FF;overflow:hidden;}
#heading-banner .header-bg{position:absolute;top:-200px;left:-500px;}
#heading-banner h1{font-family:"o-bold",sans-serif;color:#353535;font-size:64px;margin-bottom:17px;}
#heading-banner p{font-family:'o-regular',sans-serif;font-size:23px;color:#353535;}
#heading-banner .img-wrapper{z-index:2;display:flex;flex-direction:column;align-items:flex-end;}
#heading-banner .img-row-wrapper{display:flex;flex-wrap:nowrap;}
#heading-banner .img-row-wrapper .img-wrapper{margin:6px;border-radius:15px;overflow:hidden;}
#heading-banner .img-row-wrapper img{transition:transform 0.5s ease;}
#heading-banner .img-wrapper:hover .img-hover{transform:scale(1.15);}
#example-description{margin-top:75px;margin-bottom:0;}
#example-description .description::-webkit-scrollbar{display:none;}
#example-description .section.hidden{display:none;}
#example-description .description-item{opacity:0;height:0;overflow:hidden;transition:opacity .5s ease-in-out,height .5s ease-in-out;}
#example-description .description-item.active{opacity:1;height:auto;margin-bottom:0;}
#example-description h4{font-family:"o-bold",sans-serif;color:var(--dark-gray);font-size:48px;}
#example-description .description h2{display:none;font-family:"l-bold",sans-serif;color:var(--purple);font-size:24px;margin:30px 0;overflow:hidden;transition:display 0.5s ease-in-out;}
#example-description .description h2.active{display:block;font-family:"l-bold",sans-serif;color:var(--purple);font-size:24px;margin:30px 0;}
#example-description .description h3{font-family:"l-bold",sans-serif;color:var(--purple);font-size:18px;margin-bottom:25px;}
#example-description .description h4{font-family:"l-bold",sans-serif;color:var(--purple);font-size:16px;margin-bottom:20px;display: inline-block;}
#example-description .description h4 span{color: #2B2B2B;}
#example-description .description ol,#example-description .description ul{padding-left:20px;}
#example-description .description ol li,#example-description .description ul li{margin-bottom: 10px;}
#example-description .description ol li:last-child,#example-description .description ul li:last-child{margin-bottom: 0px;}
#example-description .description li{font-family:"l-regular",sans-serif;color:var(--dark-gray);font-size:16px;}
#example-description .description p{font-family:"l-regular",sans-serif;color:var(--dark-gray);font-size:16px;}
#example-description .description li:last-child{margin-bottom:15px;}
.accordion{--bs-accordion-btn-icon-transform:rotate(180deg);}
.accordion .accordion-body{padding:0;background-color:#F8F7FF;}
.accordion .accordion-body ul{margin:0;padding:30px 0;}
.accordion .accordion-body ul li{padding:10px 38px;outline:solid 2px #fff0;transition:outline .2s linear;cursor:pointer;}
.accordion .accordion-body ul li.active{background-color:#FFF;}
.accordion .accordion-body ul li.active a{padding-left:10px;border-left:4px solid var(--purple);font-family:"l-bold",sans-serif;color:var(--purple);}
.accordion .accordion-body ul li a{font-family:"l-regular",sans-serif;font-size:18px;color:#353535;text-decoration:none;-webkit-transition-property:color,text;-webkit-transition-duration:.2s,.2s;-webkit-transition-timing-function:linear,ease-in;-moz-transition-property:color,text;-moz-transition-duration:.2s;-moz-transition-timing-function:linear,ease-in;-o-transition-property:color,text;-o-transition-duration:.2s;-o-transition-timing-function:linear,ease-in;}
.accordion .accordion-body ul li:not(.active):hover{outline:solid 2px RGB(90 77 159);}
.accordion .accordion-body ul li:not(.active):hover a{font-family:"l-bold",sans-serif;color:var(--purple);}
#sidebarAccordion .accordion-button{font-family:"l-bold",sans-serif;background-color:var(--purple);color:#FFF;font-size:24px;text-align:start;outline:none!important;box-shadow:none;}
#sidebarAccordion .accordion-button::before{margin-right:20px;content:'';background-image:url("data:image/svg+xml,%3Csvg width='25' height='10' viewBox='0 0 25 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2H18.983V0H0V2ZM0 6H18.983V4H0V6ZM0 10H18.983V8H0V10ZM21.6949 10H24.4068V8H21.6949V10ZM21.6949 0V2H24.4068V0H21.6949ZM21.6949 6H24.4068V4H21.6949V6Z' fill='white'/%3E%3C/svg%3E%0A");height:var(--bs-accordion-btn-icon-width);width:var(--bs-accordion-btn-icon-width);background-size:var(--bs-accordion-btn-icon-width);background-repeat:no-repeat;background-position:center;}
#sidebarAccordion .accordion-button::after{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8.42374' y='20' width='20' height='4' transform='rotate(-90 8.42374 20)' fill='%23F8F7FF'/%3E%3Crect x='0.423737' y='8' width='20' height='4' fill='%23F8F7FF'/%3E%3C/svg%3E%0A");transition:all .5s ease;}
#sidebarAccordion .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 21 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.423737' width='20' height='4' fill='%23F8F7FF'/%3E%3Crect x='0.423737' width='20' height='4' fill='%23F8F7FF'/%3E%3C/svg%3E%0A");}
.Download-Section{border: 1px solid #c9c4e1;border-radius: 10px;padding: 20px;display: inline-block;vertical-align: middle;width: 100%;background: #f8f7ff;text-align: center;}
.Download-Section .Download-btn{display: inline-block;vertical-align: middle;border-radius: 100px;background: #5A4D9F;padding: 8px 30px;color:#fff;font-size: 16px;text-decoration: none;}
.Download-Section .Download-btn img{margin-left: 5px;}
#example-description .description .Download-Section  h3{margin-bottom: 15px;font-size: 18px;}
/*modal*/
.modal .hs-richtext h1 span{font-size: 24px;font-family: l-bold;}
.modal .modal-header{border-bottom: none;}
.modal .modal-body{padding: 0px 30px 30px;}
.modal .hs_firstname, #company .hs_email{font-family: l-bold;}
.modal .hs_firstname input:not(input[type="checkbox"]){border: 1px solid #dbdbdb;border-radius: 5px;height: 35px;
  margin-top: 5px;width: 100%;margin-bottom: 10px;}
.modal .hs_email input:not(input[type="checkbox"]){border: 1px solid #dbdbdb;border-radius: 5px;height: 35px;
  margin-top: 5px;width: 100%;margin-bottom: 10px;}
.modal .hs_firstname .hs-form-required{color: red;}
.modal .hs_email .hs-form-required{color: red;}
.modal .hs-dependent-field .hs-form-booleancheckbox{list-style: none;}
.modal .hs-dependent-field .inputs-list{padding-left: 0px;}
.modal .hbspt-form form input[type="checkbox"] {margin-top: 5px;}
.modal .hbspt-form .hs-form-booleancheckbox p{font-family: l-bold;}
.modal .hbspt-form form input:not(input[type="checkbox"]) {border: 1px solid #dbdbdb;border-radius: 5px;height: 35px;
margin-top: 5px;width: 100%;margin-bottom: 10px;}
.modal .hbspt-form form .hs-button {background: #5A4D9F;color: white;font-family: l-bold;border: 0px !important;margin-top: 20px!important;}

@media (min-width:320px) and (max-width:767px){
#heading-banner .container,#example-description .container{padding:0 30px;}
#heading-banner h1{font-size:32px;}
#heading-banner p{font-size:18px;margin-bottom:40px;}
#heading-banner .header-bg{z-index:0;top:0;left:-410px;width:1000px;}
#heading-banner .img-row-wrapper .img-wrapper{margin:3px;}
#example-description{margin-bottom:0;}
#example-description h1{font-size:28px;}
.accordion .accordion-body ul{padding:20px 0;}
.accordion .accordion-body ul li a{font-size:16px;}
#sidebarAccordion .accordion-button{font-size:18px;line-height:25px;}}
@media (min-width:768px) and (max-width:991px){
#heading-banner h1{font-size:38px;}
#heading-banner p{font-size:18px;}
#heading-banner .header-bg{top:-150px;left:-410px;width:700px;}
#example-description{margin-bottom:0;}
#example-description h1{font-size:32px;}
.accordion .accordion-body ul{padding:20px 0;}
.accordion .accordion-body ul li a{font-size:16px;}
#sidebarAccordion .accordion-button{font-size:18px;line-height:25px;}}
@media (min-width:992px) and (max-width:1199px){
#heading-banner h1{font-size:54px;}
#heading-banner p{font-size:20px;}
#heading-banner .header-bg{top:-150px;left:-410px;width:70%;}
#example-description h1{font-size:44px;}
.accordion .accordion-body ul{padding:20px 0;}
#sidebarAccordion .accordion-button{font-size:20px}}





