Kheoni: Redefining Sustainable Magnificence & Forest Conservation

.keyTakeAWaysPointsWrapper{
font-size: 1rem;
padding-bottom: 1.1rem;
coloration: #171B1C;
width: auto !very important;
padding: 1.5rem 0.875rem;
margin: 1rem 0rem !very important;
background: #FFFEF5;
box-shadow: 0px 4px 24px rgba(130, 150, 165, 0.25);
prime: 100%;
present: block;
place: relative;
max-width: unset;
}
.keyTakeAWaysContainer li, .keyTakeAWaysContainer p{
font-family: Adobe Caslon Skilled !very important;
font-style: common;
font-weight: 400 !very important;
font-size: 21px !very important;
line-height: 29px !very important;
coloration: #0F171C !very important;
}
.ql-editor .keyTakeAWaysTitlePara{
font-family: Adobe Caslon Skilled !very important;
font-style: common;
font-weight: 700 !very important;
font-size: 20px !very important;
coloration: #FFFFFF !very important;
margin: 0 !very important;
text-align: coronary heart;
line-height: 20px !very important;
}
.keyTakeAWaysTitlePara {
font-family: Adobe Caslon Skilled !very important;
font-style: common;
font-weight: 700 !very important;
font-size: 22px !very important;
coloration: #FFFFFF !very important;
margin: 0 !very important;
text-align: coronary heart;
line-height: 20px !very important;
margin-top: 5px !very important;
}
.keyTakeAWaysWrapper{
place: relative;
margin: 6% 0px;
}
.ql-editor .keyTakeAWays{
margin: 1rem !very important;
}
.keyTakeAWays{
margin: 3rem 1rem !very important;
}
.keyTakeAWays ol li:sooner than {
counter-increment: headings;
content material materials: counter(headings) ”;
}
.ql-editor .keyTakeAWays ol li{
padding-top: 2rem;
list-style-position:outside;
list-style-type: none;
}
.ql-editor .keyTakeAWays ul li{
padding-top: 2rem;
list-style-position:outside;
list-style-type: disc;
}
.keyTakeAWays ol li{
padding-top: 2rem;
list-style-position:outside;
list-style-type: none;
}
.keyTakeAWays ul li{
padding-top: 2rem;
list-style-position:outside;
list-style-type: disc;
}
.keyTakeAWays ol li{
padding-top: 2rem;
list-style-position:outside;
list-style-type: none;
present: desk;
}
.keyTakeAWays ul li{
padding-top: 2rem;
list-style-position:outside;
list-style-type: disc;
}
.keyTakeAWays ol li:not(.ql-direction-rtl), .keyTakeAWays ul li:not(.ql-direction-rtl){
padding-left: 0 !very important;
}
.ql-editor .keyTakeAWays li::sooner than,
.ql-editor .keyTakeAWays li::marker {
width: 12px;
prime: 24px;
font-family: Adobe Caslon Skilled !very important;
font-style: common;
font-weight: 400;
font-size: 21px;
line-height: 24px;
coloration: #0F171C;
padding-right: 0em;
vertical-align: heart !very important;
}
.keyTakeAWays li::sooner than,
.keyTakeAWays li::marker {
width: 12px;
prime: 24px;
font-family: Adobe Caslon Skilled !very important;
font-style: common;
font-weight: 400;
font-size: 21px;
line-height: 24px;
coloration: #0F171C;
padding-right: 0em;
vertical-align: heart !very important;
}
.keyTakeAWays li::marker {
unicode-bidi: unset !very important;
font-variant-numeric: unset !very important;
text-transform: none;
text-indent: 0px !very important;
text-align: unset !very important;
text-align-last: unset !very important;
vertical-align: heart !very important;
}
.keyTakeAWays ul > li::sooner than {
present: inline-block;
white-space: nowrap;
width: unset;
}
.ql-editor .keyTakeAWays .inline_link{
coloration: #0F171C !very important;
border: 1px steady #0F171C;
padding: 2px 5px 0px !very important;
text-decoration: none !very important;
margin: 0px 3px 5px !very important;
}
.keyTakeAWays .inline_link,
.keyTakeAWaysContainer > ol > li > .hyperlink,
.keyTakeAWaysContainer > ul > li > .hyperlink{
coloration: #0F171C !very important;
border: 1px steady #0F171C;
padding: 5px 5px 0px 5px !very important;
text-decoration: none !very important;
text-align: coronary heart !very important;
present: inline-block !very important;
margin: 0px 3px 5px !very important;
font-weight: 0;
cursor: pointer !very important;
}
.ql-editor .keyTakeAWays .inline_link,
.ql-editor .keyTakeAWaysContainer > ol > li > .hyperlink,
.ql-editor .keyTakeAWaysContainer > ul > li > .hyperlink{
coloration: #0F171C !very important;
border: 1px steady #0F171C;
padding: 5px 5px 0px 5px !very important;
text-decoration: none !very important;
text-align: end !very important;
present: inline-block !very important;
margin: 0px 3px 5px !very important;
cursor: pointer !very important;
}
.keyTakeAWays u {
border-bottom: 1px steady #0F171C;
text-decoration: none !very important;
padding-bottom: 0px !very important;
present: inline-block !very important;
width: auto !very important;
}
.keyTakeAWays .keyTakeAWaysPointsWrapper{
margin: unset !very important;
}
.keyTakeAWaysContainer p:is(:first-child){
margin: 4% 1% 3% 5.5%;
}
.keyTakeAWaysContainer p:not(:first-child) {
margin: 4% 1% 3% 5.5%;
}
.keyTakeAWaysContainer p:last-child:has(br:only-child) {
margin: 0 !very important;
}
.keyTakeAWaysContainer p:is(:first-child) .keyTakeAWaysTitleWrapper{
prime: -1rem;
}
.keyTakeAWays .company-widget {
font-size: 20px !very important;
coloration: #000000 !very important;
cursor: pointer !very important;
font-weight: 600 !very important;
font-family: Adobe Caslon Skilled !very important;
present: unset !very important;
}
.ql-editor .keyTakeAWays .company-widget::after,
.keyTakeAWays .company-widget::after {
font-family: pt-sans !very important;
content material materials: ‘i’;
font-size: 12px !very important;
border-radius: 20px !very important;
border: 2.6px steady #000000 !very important;
coloration: #000000 !very important;
transform: translateY(-24%) !very important;
line-height: 14px !very important;
present: inline-block !very important;
prime: 17px !very important;
width: 17px !very important;
margin: 0px 0.2rem !very important;
text-align: coronary heart !very important;
font-weight: 900;
padding-top: 2px;
}
.ql-editor .keyTakeAWaysTitleWrapper {
prime: 37px;
width: 181px;
present: flex;
align-items: coronary heart;
background: black;
justify-content: coronary heart;
place: absolute;
prime: -1rem;
left: 6%;
}
.keyTakeAWaysTitleWrapper {
prime: 37px;
width: 210px;
present: flex;
align-items: coronary heart;
background: black;
justify-content: coronary heart;
place: absolute;
prime: -1rem;
left: 6%;
}
.ql-editor .keyTakeAWays ul {
counter-reset: headings;
}
.keyTakeAWays ul {
counter-reset: headings;
}
.ql-editor .keyTakeAWays ol {
counter-reset: headings;
}
.keyTakeAWays ol {
counter-reset: headings;
}
.keyTakeAWays ol{
margin: 0 !very important;
padding: 0 !very important;
}
.ql-editor .keyTakeAWays ul, .ql-editor .keyTakeAWays ol {
margin: 0px 0px 0px 0.8rem !very important;
padding: 0 !very important;
border-collapse: separate;
border-spacing: 1.5rem;
}
.keyTakeAWays ul{
margin: 0px 0px 0px 0.8rem !very important;
padding: 0 !very important;
border-collapse: separate;
border-spacing: 1rem 2rem;
}
.keyTakeAWays ol {
margin: 0px 0px 0px 0.5rem !very important;
padding: 0 !very important;
border-collapse: separate;
border-spacing: 1rem 2rem;
}
.ql-editor .keyTakeAWays ol, .ql-editor .keyTakeAWays ol {
padding: 0 !very important;
border-collapse: separate;
border-spacing: 1.5rem;
}
.keyTakeAWays ol {
present: desk !very important;
}
.keyTakeAWays ul {
present: desk !very important;
}
.keyTakeAWays ol li {
list-style: none !very important;
present: table-row !very important;
}
.keyTakeAWays ul li {
list-style: none !very important;
present: table-row !very important;
text-indent: unset !very important;
}
.keyTakeAWays ol li::sooner than {
present: table-cell !very important;
text-align: correct !very important;
vertical-align: heart !very important;
}
.keyTakeAWays ul li::sooner than {
present: table-cell !very important;
text-align: correct !very important;
padding-right: 0rem !very important;
content material materials: “2022” !very important;
vertical-align: heart !very important;
}
.ql-editor .keyTakeAWays ul li:not(.ql-direction-rtl)::sooner than{
margin: 0px !very important;
}
@media (max-width: 769px) {
.keyTakeAWaysContainer p:is(:first-child){
margin: 13% 1% 3% 5.5% !very important;
}
.keyTakeAWaysContainer p:not(:first-child){
margin: 4% 1% 3% 5.5% !very important;
}
.keyTakeAWays ul, .keyTakeAWays ol{
margin: 0px !very important;
}
.keyTakeAWays .inline_link,
.keyTakeAWaysContainer > ol > li > .hyperlink,
.keyTakeAWaysContainer > ul > li > .hyperlink{
text-align: coronary heart !very important;
}
.keyTakeAWaysTitleWrapper{
width: 155px;
prime: 30px;
prime: -1rem;
left: 12.5%;
}
.ql-editor .keyTakeAWaysTitlePara{
font-family: Adobe Caslon Skilled !very important;
font-style: common;
font-weight: 400 !very important;
font-size: 16px !very important;
}
.keyTakeAWaysTitlePara{
font-family: Adobe Caslon Skilled !very important;
font-style: common;
font-weight: 400 !very important;
font-size: 16px !very important;
margin-top: 5px !very important;
}
.keyTakeAWaysContainer{
margin: 1% 0px 0rem 0px !very important;
}
.keyTakeAWaysContainer li, .keyTakeAWaysContainer p{
font-family: Adobe Caslon Skilled !very important;
font-style: common;
font-weight: 400 !very important;
font-size: 17px !very important;
line-height: 24px !very important;
}
.keyTakeAWays li::sooner than,
.keyTakeAWays li::marker{
width: 5px;
prime: 24px;
font-family: Adobe Caslon Skilled !very important;
font-weight: 500;
font-size: 14px !very important;
line-height: 24px;
coloration: #0F171C;
padding-right: 0em;
}
.keyTakeAWays ul > li::sooner than{
width: unset !very important;
font-size: 18px !very important;
}
.keyTakeAWaysPointsWrapper{
box-shadow: 0px 4px 24px rgba(170, 167, 162, 0.38);
padding: 0.8rem 0.5rem 1rem !very important;
}
.ql-editor .keyTakeAWays ol > li{
padding-top: 1rem;
list-style-type: none;
list-style-position: inside;
}
.keyTakeAWays ol > li{
padding-top: 1rem;
list-style-type: none;
list-style-position: outside;
}
.ql-editor .keyTakeAWays ul > li{
padding-top: 1rem;
list-style-type: disc;
list-style-position: inside;
text-indent: -6% !very important;
margin-left: 1em !very important;
}
.keyTakeAWays ul > li{
padding-top: 1rem;
list-style-type: disc;
list-style-position: inside;
}
.keyTakeAWays{
margin: 2rem 1rem 3.5rem !very important;
// 2rem 1rem 3.5rem !very important;
}
.keyTakeAWaysContainer p {
margin: 4% 4% 0 8% !very important;
}
.keyTakeAWaysContainer p:last-child:has(br:only-child) {
margin: 0 !very important;
}
.ql-editor .keyTakeAWays .company-widget::after,
.keyTakeAWays .company-widget::after {
prime: 0.8rem !very important;
width: 0.7rem !very important;
}
.ql-editor .keyTakeAWays .company-widget,
.keyTakeAWays .company-widget {
font-size: 1.12rem !very important;
line-height: 0.9rem !very important;
}
.keyTakeAWays li::sooner than, .keyTakeAWays li::marker{
padding: 0px !very important;
}
}
@media (max-width: 300px) {
.keyTakeAWaysTitleWrapper{
left: 18% !very important;
prime: -1rem !very important;
}
.keyTakeAWaysContainer p:is(:first-child){
margin: 14% 1% 3% 4.5% !very important;
}
.keyTakeAWaysContainer p:not(:first-child){
margin: 4% 1% 3% 4.5% !very important;
}
}
@media (min-width: 200px) and (max-width: 389px) {
.keyTakeAWays ul > li::sooner than{
width: unset !very important;
}
.keyTakeAWays ul > li{
padding-top: 1rem;
list-style-type: disc;
list-style-position: inside;
}
}
@media (min-width: 500px) and (max-width: 600px) {
.keyTakeAWaysTitleWrapper{
left: 8% !very important;
}
.keyTakeAWaysContainer p:is(:first-child){
margin: 8% 1% 3% 2.5% !very important;
}
.keyTakeAWaysContainer p:not(:first-child){
margin: 4% 1% 3% 2.5% !very important;
}
}
@media (min-width: 390px) and (max-width: 500px) {
.keyTakeAWays ul li:not(.ql-direction-rtl)::sooner than{
margin-left: -1em !very important;
margin-right: 0em !very important;
}
.keyTakeAWaysContainer p:is(:first-child){
margin: 12.5% 1% 3% 5.5% !very important;
}
.keyTakeAWaysContainer p:not(:first-child){
margin: 4% 1% 3% 5.5% !very important;
}
}
@media (min-width: 768px) and (max-width: 820px) {
.keyTakeAWays ul li:not(.ql-direction-rtl)::sooner than{
margin-left: -0.3em !very important;
margin-right: 0em !very important;
}
}
@media (max-width: 1280px) {
.keyTakeAWaysTitlePara{
margin-top: 5px !very important;
}
}
@media (min-width: 768px) and (max-width: 768px) {
.keyTakeAWaysTitleWrapper{
left: 6% !very important;
prime: -1rem !very important;
}
.keyTakeAWaysTitlePara{
margin-top: 3px !very important;
}
.keyTakeAWaysContainer p:is(:first-child){
margin: 8% 1% 3% 2.5% !very important;
}
.keyTakeAWaysContainer p:not(:first-child){
margin: 4% 1% 3% 2.5% !very important;
}
}
@media (min-width: 414px) and (max-width: 417px) {
.keyTakeAWays ol{
border-spacing: 1.6rem 2rem !very important;
}
.keyTakeAWays ul{
border-spacing: 1.2rem 2rem !very important;
}
}
.glossary-story-scroll{
text-decoration: none !very important;
coloration: #000 !very important;
cursor: pointer !very important;
}
}