/***Authored by Preethi R***/
@charset "utf-8";
/*banner*/
.okr-p .banner{margin-bottom: 120px;height: 472px;position: relative;margin-top: 0px;}
.okr-p .banner .semi-circle {position: absolute;width: 100%;height: 200%;background-color: #5A4D9F;border-radius: 50%;top: -421px;}
.okr-p .banner .okrsl {position: absolute;filter: blur(5px);left: 16%;bottom: -25px;}
.okr-p .banner .okrsr {position: absolute;right: 12%;filter: blur(4px);bottom: 45px;}
.okr-p .banner .container{position: relative;}
.okr-p .banner .row{justify-content: center;}
.okr-p .banner .banner-content{margin-top: 150px;}
.okr-p .banner .banner-content h1{color: #fff;font-family: o-semibold;text-align: center;font-size: 48px;margin-bottom: 30px;width: 605px;margin: 0 auto 30px;line-height: 62px;}
.okr-p .banner .banner-content p{text-align: center;font-size: 24px;font-family: l-regular;color: #FFF2CC;line-height: 26px;}
/*okr*/
.okr-p .okr p + hr{margin: 20px 0px 30px;}
.okr-p .okr .okr-start{border: 1px solid #D3D3D3;padding: 30px;border-radius: 24px;min-height: 906px;background: #FEFAE080;}
.okr-p .okr .okr-start h2{font-family: o-semibold;font-size: 28px;}
.okr-p .okr .free{font-family: o-bold !important;color: #5A4D9F;font-size: 30px !important;margin-left: 0px !important;}
.okr-p .okr .free + p{min-height: 101px;margin-left: 0px !important;color: #9B9B9B;}
.okr-p .okr .okr-start p{font-size: 16px;font-family: l-regular;margin-left: 36px;}
.okr-p .okr .okr-start button{border-radius: 100px;background: linear-gradient(to right, #5A4D9F 50%, #fff 50%); background-position-x: 0%;background-position-y: 0%;background-size: auto;background-size: 203% 100%;background-position: right bottom;transition: all .5s ease-out;padding: 10px;font-family: l-bold;color: #2B2B2B;font-size: 16px;text-decoration: none;border: 1px solid #5A4D9F;margin-bottom: 22px;text-transform: uppercase;width: 100%;}
.okr-p .okr .okr-start button:hover{background-position: left bottom;color: #fff;}
.okr-p .okr .star{float: inline-start;margin-right: 20px;margin-top: 5px;}
.okr-p .okr .col-md-4:nth-child(2) .okr-start{background: #F1FAEE80;}
.okr-p .okr .col-md-4:nth-child(2) .okr-start .user{color: #2b2b2b;align-items: center;display: flex;margin-left: 0px !important;}
.okr-p .okr .col-md-4:nth-child(2) .okr-start .user span{font-size: 34px;font-family: o-semibold;margin-right: 15px;color: #5A4D9F;}
.okr-p .okr .col-md-4:nth-child(2) .okr-start .user + p{margin-left: 0px;color: #9B9B9B;min-height: 94px;}
.okr-p .okr .okr-grow h2{color: #fff;font-family: o-semibold;font-size: 28px;}
.okr-p .okr .okr-grow p{color: #9B9B9B;font-family: l-regular;font-size: 16px;margin-left: 36px;}
.okr-p .okr .okr-grow .user{color: white;align-items: center;display: flex;margin-left: 0px !important;}
.okr-p .okr .okr-grow .user span{background: -webkit-linear-gradient(180deg, #DF99F7 0%, #FFDBB0 100%);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 34px;font-family: o-semibold;margin-right: 15px;}
.okr-p .okr .okr-grow .business{color: #9B9B9B;font-family: l-regular;font-size: 16px;margin-left: 0px !important;}
.okr-p .okr .okr-grow .start-now{border-radius: 100px;background: linear-gradient(to right, #5A4D9F 50%, #FFC65A 50%); background-position-x: 0%;background-position-y: 0%;background-size: auto;background-size: 203% 100%;background-position: right bottom;transition: all .5s ease-out;padding: 10px;font-family: o-bold;color: #2B2B2B;font-size: 16px;text-decoration: none;font-family: l-bold;text-transform: uppercase;border: 0px;width: 100%;}
.okr-p .okr .okr-grow .start-now:hover{background-position: left bottom;color: #fff;}
.okr-p .okr .okr-grow{padding: 30px;border-radius: 24px;background-color: #2B2B2B;color: #fff;min-height: 906px;}
.okr-p .okr .okr-grow button{border: 1px solid #5A4D9F;background-color: transparent;border-radius: 30px;padding: 10px 135px;margin-bottom: 22px;}
.okr-p .okr .okr-grow .pop{padding: 8px 20px !important;float: inline-end;margin-right: 5px;margin-top: -52px;border: none;background-color: #CDE2E0;border-radius: 10px;font-family: l-bold;font-size: 14px;cursor: default;}
/*cta*/
.cta img{width: 100%;margin-top: 50px;}
/*get-in-touch*/
.okr-p .get-in-touch {text-align: center;margin-top: 40px;margin-bottom: 30px;}
.okr-p .get-in-touch p{margin-top: 40px;display: contents;font-size: 24px;font-family: l-regular;}
.okr-p .get-in-touch .get-in-touch{border-radius: 100px;background: linear-gradient(to right, #5A4D9F 50%, #FFC65A 50%); background-position-x: 0%;background-position-y: 0%;background-size: auto;background-size: 203% 100%;background-position: right bottom;transition: all .5s ease-out;padding: 8px 35px;font-family: l-bold;color: #2B2B2B;font-size: 16px;text-decoration: none;border: #FFC65A;margin-left: 50px;letter-spacing: 1px;}
.okr-p .get-in-touch .get-in-touch:hover{background-position: left bottom;color: #fff;}
/*accordian*/
.okr-p #dropdown .question{text-align: center;margin-top: 60px;}
.okr-p #dropdown .question h3{font-family: o-semibold;margin-bottom: 20px;font-size: 48px;}
.okr-p #dropdown .question h3 + p{font-family: l-regular;font-size: 24px;color: #9B9B9B;margin-bottom: 70px;}
.okr-p #accordian {position: relative;width: 720px;margin: 0 auto;}
.okr-p .filter-heading{font-family: l-regular;font-size: 24px;margin-top: 25px;margin-bottom: 5px;position: relative;padding-right: 60px;cursor: pointer;}
.okr-p .filter-heading:before {content: url("../img/plus-expand.svg");color: #000;font-size: 20px;right: 0;position: absolute;transition: all 0.6s ease;top: 9px;color: #5A4D9F;}
.okr-p #sidebar ul li{ list-style: none !important;font-family: l-regular;color: #9B9B9B;width: 95%;font-size: 16px;}
.okr-p #sidebar ul{padding: 0px;}
.okr-p #sidebar hr{opacity: 0.1;margin: 30px 0px 10px;}
.okr-p .filter-heading.activeFilter:before {display: none;}
.okr-p #accordian .filter-heading.activeFilter:after {content:url("../img/minus-collapse.svg"); color: #000;font-size: 18px;right: 0px;top: 10px;position: absolute;transition: all 0.6s ease;color: #5A4D9F;}
.okr-p .filter-option-content {display: none;}
/*still*/
.okr-p .still{text-align: center;margin-top: 80px;}
.okr-p .still .container{background: #F9FAFB;border-radius: 10px;padding: 40px;}
.okr-p .still img{width: 150px;margin-bottom: 30px;}
.okr-p .still .question{font-family: l-bold;font-size: 24px;margin-bottom: 5px;}
.okr-p .still .ans{color: #667085;font-size: 16px;font-family: l-regular;margin-bottom: 30px;}
.okr-p .still button{border-radius: 100px;background: linear-gradient(to right, #5A4D9F 50%, #FFC65A 50%); background-position-x: 0%;background-position-y: 0%;background-size: auto;background-size: 202% 100%;background-position: right bottom;transition: all .5s ease-out;padding: 8px 50px;color: #2B2B2B;font-size: 16px;text-decoration: none;border: #FFC65A;font-family: l-bold;}
.okr-p .still button:hover{background-position: left bottom;color: #fff;}
@media (min-width:992px) and (max-width:1199px){
.okr-p .okr .free + p {min-height: 149px;}
.okr-p .okr .col-md-4:nth-child(2) .user + p {min-height: 143px !important;}
.okr-p .okr .okr-grow {min-height: 1005px;}
.okr-p .okr .okr-grow .pop{font-size: 12px;margin-right: 0px;margin-top: -46px;padding: 8px 20px !important}
.okr-p .okr .okr-grow h2,.okr-p .okr .okr-start h2,.okr-p .okr .okr-start h2 {font-size: 22px;}
.okr-p .okr .okr-start{min-height: 1006px;}
.okr-p .okr .okr-grow button,.okr-p .okr .okr-start button{margin-bottom: 20px;}
}
@media (min-width:768px) and (max-width:991px){
.okr-p .okr .col-md-4{width: 100% !important;}
.okr-p .okr .okr-grow .pop{margin-right: 0px;}
.okr-p .okr .okr-start,.okr-p .okr .okr-grow{margin-top: 30px;}
.okr-p .okr .free + p,.okr-p .okr .okr-start,.okr-p .okr .okr-grow,.okr-p .okr .col-md-4:nth-child(2) .okr-start .user + p{min-height: auto;}
.okr-p #accordian{width: 100%;}
}
@media (min-width:320px) and (max-width:767px){
.okr-p .banner {height: auto;background: #5A4D9F;border-radius: 0px 0px 50px 50px;}
.okr-p .banner .container{width: 100%; max-width: 100%; padding: 0px 30px;}
.okr-p .banner .banner-content {margin-top: 120px;margin-bottom: 80px;}
.okr-p .banner .banner-content h1{font-size: 36px;width: 100%;line-height: 48px;}
.okr-p .banner .banner-content p{font-size: 16px;}
.okr-p .banner .okrsl,.okr-p .banner .semi-circle {display: none;}
.okr-p .banner .okrsr {bottom: -39px;}
.okr-p .okr .container{width: 100%; max-width: 100%; padding: 0px 30px;}
.okr .okr-start{min-height: auto !important;margin-top: 30px;}
.okr-p .okr .free + p,.okr-p .okr .col-md-4:nth-child(2) .okr-start .user + p{min-height: auto !important;}
.okr-p .okr .okr-start button {padding: 8px;}
.okr-p .okr .okr-grow .start-now {padding: 8px;}
.okr-p .okr .okr-grow {margin-top: 30px;min-height: auto;}
.okr-p .okr .okr-grow h2 {margin-bottom: 20px;}
.okr-p .okr .okr-grow .pop{float: none;margin-top: 0px;}
.okr-p .get-in-touch .container{width: 100%; max-width: 100%; padding: 0px 30px;}
.okr-p .get-in-touch p{margin-top: 0px;display: block;}
.okr-p .get-in-touch .get-in-touch {margin: 10px auto 40px;}
.okr-p .get-in-touch{margin-top: 75px;}	
.okr-p #accordian {width:auto;}
.okr-p #dropdown .container{width: 100%; max-width: 100%; padding: 0px 30px;}
.okr-p #dropdown .question {margin-top: 0px;}
.okr-p #dropdown .question h3{font-size: 36px;}
.okr-p #dropdown .question h3 + p{font-size: 16px;margin-bottom: 30px;}
.okr-p .still {padding: 0px 30px;}
.okr-p .still .container{width: 100% !important;max-width: 100% !important;}
}