/***Authored by Deepak C***/
:root{--purple:#5A4D9F;--dark-gray:#2B2B2B}
html, body {scroll-behavior: smooth;}
p{color: #353535;font-family: l-regular;line-height: 30px;}
#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);}
/*#body-content .scroll-body .scroll-content{height: 500px;overflow-y: scroll;}*/
#body-content .scroll-body .main-title{font-size: 24px;font-family: l-bold;margin-bottom: 30px;color: #353535;}
#body-content .scroll-body .sub-title{font-size: 18px;font-family: l-bold;margin-bottom: 20px;color: #353535;}
#body-content .scroll-body img{width: 100%;}
#body-content .scroll-body .col-md-4 a{color: #5A4D9F;margin-bottom: 18px;font-size: 16px;font-family: l-regular;}
#body-content .scroll-body .col-md-8 a{color: #5A4D9F;margin-bottom: 10px;font-size: 14px;font-family: l-bold}
/*#body-content .scroll-body a:hover{border-bottom: 1px solid #5A4D9F;}*/
#body-content .scroll-body{margin-top: 30px;}
/*side-menu*/
.side-title{font-size: 24px;color: #5A4D9F;margin-bottom: 20px;font-family: l-bold;}
.side-sub-title{font-size: 18px;font-family: l-bold;margin-bottom: 18px;}
.side-menu img{width: 12px!important;}
.side-menu .arrow-anima:hover img{transform: translateX(10px);transition: transform 0.3s ease;}
.side-menu .arrow-anima .col-md-2{padding: 0px;}
.side-menu {position: sticky;top: 57px;border-radius: 8px;background-color: #FAF7FD;padding: 20px;overflow-y: scroll;
 height: 550px;}
.seventh-row .arrow-anima a, .eighth-row .arrow-anima a, .nineth-row .arrow-anima a{font-size: 18px!important;font-family: l-bold!important;}
#body-content .side-menu a{color: #353535!important;float: left;text-decoration: none;margin-bottom: 10px;font-size: 16px;font-family: l-regular;}
#body-content .side-menu a:hover{color: #5A4D9F!important;border-bottom: 1px solid #5A4D9F;}
.class-1{margin-bottom: 30px!important;margin-top: 30px;}
#what-are-okr{margin-top: 30px;}
.class-2{margin: 20px 0px 20px!important;}
.class-3{margin: 30px 0px 30px;}
.scroll-content li{line-height: 24px;margin-bottom: 10px;}
@media (min-width:320px) and (max-width:767px){
#heading-banner .container,#example-description .container{padding:0 30px;}
#body-content .container{width: 100%;max-width: 100%;padding: 0px 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;}
#sidebarAccordion .accordion-button{font-size:18px;line-height:25px;}
.side-menu{display: none;}}
@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;}
#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%;}
#sidebarAccordion .accordion-button{font-size:20px}}