@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/*                                                                  
┏━╸┏━┓┏┓╻╺┳╸
┣╸ ┃ ┃┃┗┫ ┃ 
╹  ┗━┛╹ ╹ ╹ 
*/

/*   
.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}
*/

/*                                                                  
┏━┓╻ ╻┏━╸┏━┓┏━┓╻  ╻     ┏━┓╻ ╻╻  ┏━╸┏━┓
┃ ┃┃┏┛┣╸ ┣┳┛┣━┫┃  ┃     ┣┳┛┃ ┃┃  ┣╸ ┗━┓
┗━┛┗┛ ┗━╸╹┗╸╹ ╹┗━╸┗━╸   ╹┗╸┗━┛┗━╸┗━╸┗━┛
*/

.scope-kit-4pojh p, .scope-kit-4pojh .block .list li {font-family: "Lato", sans-serif; font-size: 17px;}



.scope-kit-4pojh {}
.scope-glossary-kit-4pojh {}

.scope-kit-4pojh {}

.scope-kit-4pojh h2 {color: #2f714f;}
.scope-kit-4pojh .block .gap {border: 1px solid #ccc; background: white; border-radius: 4px; padding: 4px;}
.scope-kit-4pojh .block .gap.full {width: calc(100% - 10px);}



/*
████████ ███████ ██   ██ ████████ 
   ██    ██       ██ ██     ██    
   ██    █████     ███      ██    
   ██    ██       ██ ██     ██    
   ██    ███████ ██   ██    ██    
                                  
                                  
*/
.kit-4pojh-i1, .kit-4pojh-i2, .kit-4pojh-i3, .kit-4pojh-i4, .kit-4pojh-i5 {}
.kit-4pojh-i1 {color: #a54848;}
.kit-4pojh-i2 {color: #247BA0;}
.kit-4pojh-i3 {color: #2f714f;}
.kit-4pojh-i4 {background-color: #dcecb9;}
.kit-4pojh-i5 {background-color: #fffdbd;}


/*
██       █████  ██    ██  ██████  ██    ██ ████████     ██████   ██████  ██   ██ ███████ ███████ 
██      ██   ██  ██  ██  ██    ██ ██    ██    ██        ██   ██ ██    ██  ██ ██  ██      ██      
██      ███████   ████   ██    ██ ██    ██    ██        ██████  ██    ██   ███   █████   ███████ 
██      ██   ██    ██    ██    ██ ██    ██    ██        ██   ██ ██    ██  ██ ██  ██           ██ 
███████ ██   ██    ██     ██████   ██████     ██        ██████   ██████  ██   ██ ███████ ███████ 
                                                                                       
*/



.kit-4pojh-k1, .kit-4pojh-k2, .kit-4pojh-k3, .kit-4pojh-k4, .kit-4pojh-k5, .kit-4pojh-k6, .kit-4pojh-k10, .kit-4pojh-k11, .kit-4pojh-k12, .kit-4pojh-k13 {
  padding: 16px; background: #fff; color: #000; border-radius: 15px; 
  margin-bottom: 16px; clear: left; overflow: auto;
}

.kit-4pojh-k3 h3, .kit-4pojh-k4 h3, .kit-4pojh-k5 h3, .kit-4pojh-k6 h3, .kit-4pojh-k10 h3, .kit-4pojh-k11 h3, .kit-4pojh-k12 {
  border-bottom: 1px dotted currentColor;
}

.kit-4pojh-k3 h3:before, .kit-4pojh-k4 h3:before, .kit-4pojh-k5 h3:before, .kit-4pojh-k6 h3:before, .kit-4pojh-k10 h3:before, .kit-4pojh-k11 h3:before, .kit-4pojh-k12 h3:before {
  content: ''; display: inline-block; width: 32px; height: 32px; 
  margin-right: 8px; vertical-align: text-top; background-repeat: no-repeat;
}

.kit-4pojh-k1 .list > li::before, 
.kit-4pojh-k2 .list > li::before, 
.kit-4pojh-k3 .list > li::before, 
.kit-4pojh-k4 .list > li::before, 
.kit-4pojh-k5 .list > li::before,
.kit-4pojh-k6 .list > li::before,
.kit-4pojh-k10 .list > li::before,
.kit-4pojh-k11 .list > li::before,
.kit-4pojh-k12 .list > li::before,
.kit-4pojh-k13 .list > li::before {color: #a54848; font-weight: 700;}

/* Activity */
.kit-4pojh-k1 { background: linear-gradient(180deg, #5f8e76 10px, #fff9ea 10px); border: 1px solid #2f714f; }
.kit-4pojh-k1 h3{ color: #2f714f; }
.kit-4pojh-k1 h5 { color: #a54848; }
.kit-4pojh-k1 .exercise-description { color: #a54848; }
.kit-4pojh-k1 h5:before {
  content: ''; display: inline-block; width: 22px; height:22px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='%23a54848' d='M12 5.5A3.5 3.5 0 0 1 15.5 9a3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 8.5 9A3.5 3.5 0 0 1 12 5.5M5 8c.56 0 1.08.15 1.53.42c-.15 1.43.27 2.85 1.13 3.96C7.16 13.34 6.16 14 5 14a3 3 0 0 1-3-3a3 3 0 0 1 3-3m14 0a3 3 0 0 1 3 3a3 3 0 0 1-3 3c-1.16 0-2.16-.66-2.66-1.62a5.54 5.54 0 0 0 1.13-3.96c.45-.27.97-.42 1.53-.42M5.5 18.25c0-2.07 2.91-3.75 6.5-3.75s6.5 1.68 6.5 3.75V20h-13zM0 20v-1.5c0-1.39 1.89-2.56 4.45-2.9c-.59.68-.95 1.62-.95 2.65V20zm24 0h-3.5v-1.75c0-1.03-.36-1.97-.95-2.65c2.56.34 4.45 1.51 4.45 2.9z'/%3E%3C/svg%3E"); 
  margin-right: 8px; vertical-align: text-top; background-repeat: no-repeat;
}
.kit-4pojh-k1 .list > li::before   {color: #a54848; font-weight: 700;}

/* Get started */
.kit-4pojh-k2 { background: linear-gradient(180deg, #a54848 10px, #fff9e0 10px); border: 1px solid #a54848; }
.kit-4pojh-k2 h3 { color: #790101; }

/* Think and share */
.kit-4pojh-k11 { border: 1px solid #5c2e91; }
.kit-4pojh-k11 h3 { color: #5c2e91; }
.kit-4pojh-k11 h3:before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 14 14%22%3E%3Cpath fill=%22%235c2e91%22 fill-rule=%22evenodd%22 d=%22M8.819 12.032v1.294a.5.5 0 0 1-.5.5H3.113a.5.5 0 0 1-.5-.5l.003-.907c.002-.789-.174-1.572-.587-2.243q-.098-.16-.195-.312C1.136 8.748.585 7.869.585 5.588c0-3.61 2.028-5.414 5.547-5.414c4.598 0 6.207 3.438 7.24 6.856c.114.377.002.802-.33 1.012c-.352.221-.652.27-1.239.247v1.474a1.5 1.5 0 0 1-1.5 1.5h-.555c-.463 0-.873.31-.93.769ZM6.547 2.574h-.406a.76.76 0 0 0-.705.481l-.186.47l-.567.33l-.5-.077a.76.76 0 0 0-.77.371l-.202.35a.76.76 0 0 0 .064.852l.316.396v.654l-.316.396a.76.76 0 0 0-.064.852l.203.35a.76.76 0 0 0 .77.371l.5-.076l.566.327l.185.472a.76.76 0 0 0 .705.481h.406a.76.76 0 0 0 .704-.481l.185-.472L8 8.294l.502.076a.76.76 0 0 0 .77-.37l.202-.351a.76.76 0 0 0-.064-.852l-.314-.396v-.654l.316-.396a.76.76 0 0 0 .064-.851l-.203-.351a.76.76 0 0 0-.77-.37l-.5.075l-.566-.326l-.186-.473a.76.76 0 0 0-.704-.48Zm.6 2.577c-.22-.184-.52-.266-.803-.266s-.583.082-.802.266c-.25.208-.368.536-.385.847c-.016.311.067.647.27.885c.225.264.584.38.917.38s.692-.116.917-.38c.203-.238.286-.574.27-.885s-.134-.639-.384-.847%22 clip-rule=%22evenodd%22/%3E%3C/svg%3E"); }

/* Self check corner */
.kit-4pojh-k3 { border: solid 1px #2f714f; }
.kit-4pojh-k3 h3 { color: #2f714f; }
.kit-4pojh-k3 h3:before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 16 16%22%3E%3Cg fill=%22%232f714f%22%3E%3Cpath d=%22M12.5 16a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7Zm1.679-4.493l-1.335 2.226a.75.75 0 0 1-1.174.144l-.774-.773a.5.5 0 0 1 .708-.708l.547.548l1.17-1.951a.5.5 0 1 1 .858.514ZM11 5a3 3 0 1 1-6 0a3 3 0 0 1 6 0ZM8 7a2 2 0 1 0 0-4a2 2 0 0 0 0 4Z%22/%3E%3Cpath d=%22M8.256 14a4.474 4.474 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10c.26 0 .507.009.74.025c.226-.341.496-.65.804-.918C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4s1 1 1 1h5.256Z%22/%3E%3C/g%3E%3C/svg%3E"); }

/* Extended activity */
.kit-4pojh-k4 { border: solid 1px #247BA0; }
.kit-4pojh-k4 h3 { color: #247BA0; }
.kit-4pojh-k4 h3:before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23247ba0%22 d=%22M3 13a9 9 0 0 0 9 9c0-5-4.03-9-9-9m9-7.5A2.5 2.5 0 0 1 14.5 8a2.5 2.5 0 0 1-2.5 2.5A2.5 2.5 0 0 1 9.5 8A2.5 2.5 0 0 1 12 5.5m-6.4 4.75a2.5 2.5 0 0 0 2.5 2.5c.53 0 1.02-.17 1.4-.44v.19A2.5 2.5 0 0 0 12 15a2.5 2.5 0 0 0 2.5-2.5v-.19c.38.27.87.44 1.4.44a2.5 2.5 0 0 0 2.5-2.5c0-1-.59-1.85-1.43-2.25c.84-.4 1.43-1.26 1.43-2.25a2.5 2.5 0 0 0-2.5-2.5c-.53 0-1.02-.16-1.4.44V3.5A2.5 2.5 0 0 0 12 1a2.5 2.5 0 0 0-2.5 2.5v.19c-.38-.28-.87-.44-1.4-.44a2.5 2.5 0 0 0-2.5 2.5c0 .99.59 1.85 1.43 2.25c-.84.4-1.43 1.25-1.43 2.25M12 22a9 9 0 0 0 9-9c-5 0-9 4-9 9%22/%3E%3C/svg%3E"); }

/* Learning corner */
.kit-4pojh-k5 { border: #23408f solid 1px; }
.kit-4pojh-k5 h3 { color: #23408f; }
.kit-4pojh-k5 h3:before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 256 256%22%3E%3Cg fill=%22%2323408f%22%3E%3Cpath d=%22m224 64l-96 32l-96-32l96-32Z%22 opacity=%22.2%22/%3E%3Cpath d=%22m226.53 56.41l-96-32a8 8 0 0 0-5.06 0l-96 32a8 8 0 0 0-5.4 6.75A5 5 0 0 0 24 64v80a8 8 0 0 0 16 0V75.1l33.59 11.19a64 64 0 0 0 20.65 88.05c-18 7.06-33.56 19.83-44.94 37.29a8 8 0 1 0 13.4 8.74C77.77 197.25 101.57 184 128 184s50.23 13.25 65.3 36.37a8 8 0 0 0 13.4-8.74c-11.38-17.46-27-30.23-44.94-37.29a64 64 0 0 0 20.65-88l44.12-14.7a8 8 0 0 0 0-15.18ZM176 120a48 48 0 1 1-86.65-28.45l36.12 12a8 8 0 0 0 5.06 0l36.12-12A47.9 47.9 0 0 1 176 120m-48-32.43L57.3 64L128 40.43L198.7 64Z%22/%3E%3C/g%3E%3C/svg%3E"); }

/* Review exercise */
.kit-4pojh-k6 { border: #E09D02 solid 1px; }
.kit-4pojh-k6 h3 { color: #E09D02; }
.kit-4pojh-k6 h3:before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22none%22 stroke=%22%23E09D02%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22%3E%3Cpath d=%22M20 12V5.749a.6.6 0 0 0-.176-.425l-3.148-3.148A.6.6 0 0 0 16.252 2H4.6a.6.6 0 0 0-.6.6v18.8a.6.6 0 0 0 .6.6H11M8 10h8M8 6h4m-4 8h3m9.5 6.5L22 22%22/%3E%3Cpath d=%22M15 18a3 3 0 1 0 6 0a3 3 0 0 0-6 0m1-16v3.4a.6.6 0 0 0 .6.6H20%22/%3E%3C/g%3E%3C/svg%3E"); }

/* Safety tips */
.kit-4pojh-k12 { border: #a54848 solid 1px; }
.kit-4pojh-k12 h3 { color: #a54848; }
.kit-4pojh-k12 h3:before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 640 640%22%3E%3Cpath fill=%22%23a54848%22 d=%22M160 96c0-17.7 14.3-32 32-32s32 14.3 32 32v208h-64zm192 160c0-17.7 14.3-32 32-32s32 14.3 32 32v64c0 17.7-14.3 32-32 32s-32-14.3-32-32zm-64-64c17.7 0 32 14.3 32 32v48c0 17.7-14.3 32-32 32s-32-14.3-32-32v-48c0-17.7 14.3-32 32-32m160 96c0-17.7 14.3-32 32-32s32 14.3 32 32v64c0 17.7-14.3 32-32 32s-32-14.3-32-32zm-96 88v-.6c9.4 5.4 20.3 8.6 32 8.6c13.2 0 25.4-4 35.6-10.8c8.7 24.9 32.5 42.8 60.4 42.8c11.7 0 22.6-3.1 32-8.6v8.6c0 88.4-71.6 160-160 160h-61.7c-42.4 0-83.1-16.9-113.1-46.9l-11.7-11.6c-24-24-37.5-56.6-37.5-90.5v-27c0-35.3 28.7-64 64-64h88c22.1 0 40 17.9 40 40s-17.9 40-40 40h-56c-8.8 0-16 7.2-16 16s7.2 16 16 16h56c39.8 0 72-32.2 72-72%22/%3E%3C/svg%3E"); }

/* Remember! */
.kit-4pojh-k10 { border: 1px solid #ce4515; }
.kit-4pojh-k10 h3 { color: #ce4515; }
.kit-4pojh-k10 h3:before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22%23ce4515%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%222%22 d=%22M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m9-3v4m0 3v.01%22/%3E%3C/svg%3E"); }


/*Table*/
.kit-4pojh-k7 td {background: #fffdf7; border: 1px solid #247BA0; color: black;}
.kit-4pojh-k7 tr:nth-child(1) td {background: #9adaf6; color: #000; font-weight: bold;}
.kit-4pojh-k7 tr:nth-child(2n+3) td {background: #fcfaf1; color: black;}

/*Slider top space*/
.kit-4pojh-k8 .slick-slide {padding-top: 38px;}

/*Hide exercise title*/
.kit-4pojh-k9 .exercise .head h3 {display: none;}


/* Project */
.kit-4pojh-k13 { background: linear-gradient(180deg, #92268F 10px, #f7dff6 10px); border: 1px solid #92268F; }
.kit-4pojh-k13 h3{ color: #92268F; }
.kit-4pojh-k13 h5 { color: #a54848; }
.kit-4pojh-k13 .exercise-description { color: #a54848; }
.kit-4pojh-k13 h5:before {
  content: ''; display: inline-block; width: 22px; height:22px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='%23a54848' d='M12 5.5A3.5 3.5 0 0 1 15.5 9a3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 8.5 9A3.5 3.5 0 0 1 12 5.5M5 8c.56 0 1.08.15 1.53.42c-.15 1.43.27 2.85 1.13 3.96C7.16 13.34 6.16 14 5 14a3 3 0 0 1-3-3a3 3 0 0 1 3-3m14 0a3 3 0 0 1 3 3a3 3 0 0 1-3 3c-1.16 0-2.16-.66-2.66-1.62a5.54 5.54 0 0 0 1.13-3.96c.45-.27.97-.42 1.53-.42M5.5 18.25c0-2.07 2.91-3.75 6.5-3.75s6.5 1.68 6.5 3.75V20h-13zM0 20v-1.5c0-1.39 1.89-2.56 4.45-2.9c-.59.68-.95 1.62-.95 2.65V20zm24 0h-3.5v-1.75c0-1.03-.36-1.97-.95-2.65c2.56.34 4.45 1.51 4.45 2.9z'/%3E%3C/svg%3E"); 
  margin-right: 8px; vertical-align: text-top; background-repeat: no-repeat;
}
.kit-4pojh-k13 .list > li::before   {color: #a54848; font-weight: 700;}



/*
███████ ███████  ██████ ████████ ██  ██████  ███    ██ ███████ 
██      ██      ██         ██    ██ ██    ██ ████   ██ ██      
███████ █████   ██         ██    ██ ██    ██ ██ ██  ██ ███████ 
     ██ ██      ██         ██    ██ ██    ██ ██  ██ ██      ██ 
███████ ███████  ██████    ██    ██  ██████  ██   ████ ███████ 
                                                               
                                                               
*/



.kit-4pojh-s1, .kit-4pojh-s2, .kit-4pojh-s3, .kit-4pojh-s4, .kit-4pojh-s5 {}
.kit-4pojh-s1 {background-color: #000; color: white;}

/*Header*/
.kit-4pojh-s2 {background-color: #2f714f; color: white; 
background-image:  url('https://opiqke.blob.core.windows.net/kitcontent/61d41828-9836-4f0a-a456-cdd2a3e71134/5706ef75-b6fa-4642-99d1-e585b4d391eb/a9b4de02-ecb6-45f9-8ece-2312a18d7d84.svg');
background-position: right 25px bottom 5px; 
background-size: 200px;
background-repeat: no-repeat;
background-blend-mode: soft-light;}
.kit-4pojh-s2 h1 {color: #ffe8a9; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);}



.kit-4pojh-s3 {background-color: #ffd8cf;}




/* SECTION TITLE COMMON VALUES */
.kit-4pojh-s4 h2.sectionTitle {padding-left: 48px !important; background-position: center left; background-size: 30px; background-repeat: no-repeat;}
@media (max-width: 768px) 
{
.kit-4pojh-s4 h2.sectionTitle {width: calc(100% - 48px);}
}

/*A matter of concern*/
.kit-4pojh-s4 {background-color: #FFFEEE;}
.kit-4pojh-s4 h2 {color: #FA6424;}
.kit-4pojh-s4 h2.sectionTitle {background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" viewBox="0 0 16 16"%3E%3Cg fill="%23fa6424"%3E%3Cpath d="M11 5a3 3 0 1 1-6 0a3 3 0 0 1 6 0ZM8 7a2 2 0 1 0 0-4a2 2 0 0 0 0 4Zm.256 7a4.474 4.474 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10c.26 0 .507.009.74.025c.226-.341.496-.65.804-.918C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4s1 1 1 1h5.256Z"%2F%3E%3Cpath d="M16 12.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1.5a.5.5 0 0 0 1 0V11a.5.5 0 0 0-.5-.5Zm0 4a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1Z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');}




/*Light background*/
.kit-4pojh-s5 {background-color: #fff9ea; background-image: url('https://opiqke.blob.core.windows.net/kitcontent/61d41828-9836-4f0a-a456-cdd2a3e71134/b5347306-6442-49a8-acc8-f71905b2ecd1/6b03190d-0715-461f-ad79-f4c655175979.svg'); background-size: 300px; }