.section-1{background-color:#24232c;border-radius:20px;align-items:flex-start;height:-moz-fit-content;height:fit-content;position:relative;background-repeat:no-repeat!important}.section-1 video{-o-object-fit:cover;object-fit:cover;-o-object-position:right top;object-position:right top;opacity:.4;border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0}.section-1 .left{z-index:1;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:3em;padding-bottom:3em;padding-left:3em;display:flex}.section-1 .left h1{text-align:left;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);width:100%;margin-top:1em;font-size:3.5em}.section-1 .left p{text-align:left;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);width:100%;font-size:1.7em;line-height:1.8em}.section-1 .left form{justify-content:center;align-items:center;gap:1em;width:-moz-fit-content;width:fit-content;display:flex}.section-1 .right{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex}.section-1 .right img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:-moz-fit-content;width:fit-content;height:100%}.section-2{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:-moz-fit-content;height:fit-content;display:flex;position:relative}.section-2 h2{text-align:center;color:#24232c;background-color:#e5e6eb;width:100%;padding:1.5em 0 .5em;font-size:2em}.section-2 .selectAnOption{background-color:#1b6697;justify-content:center;align-items:center;width:100%;height:150px;display:flex;top:0;left:0}.section-2 .selectAnOption .select-an-option{width:250px}.section-2 .selectAnOption .select-an-option svg{color:#bfc7cc}.section-2 .cards-cont{background-color:#e5e6eb;justify-content:flex-start;align-items:center;gap:1em;width:100%;padding:2em;display:flex;overflow-x:auto}.section-2 .cards-cont .card{cursor:pointer;background-color:#fafafa;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1em;min-width:280px;max-width:280px;height:-moz-fit-content;height:fit-content;display:flex}.section-2 .cards-cont .card:hover{box-shadow:0 0 32px #bfc7cc}.section-2 .cards-cont .card img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:170px}.section-2 .cards-cont .card div{background-color:#fafafa;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1em;width:100%;height:-moz-fit-content;height:fit-content;padding:1em;display:flex}.section-2 .cards-cont .card div h3{text-align:left;color:#1b6697;width:100%;font-size:1.5em;font-weight:700}.section-2 .cards-cont .card div p{text-align:left;width:100%}.section-2 .button-end{background-color:#e5e6eb;justify-content:center;align-items:center;width:100%;padding:1em;display:flex}.section-2 .button-end button{font-size:1.2em}.section-3{background-color:#e5e6eb;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;padding:2em;display:flex}.section-3 h2{text-align:center;color:#24232c;width:100%;font-size:2em}.section-3 h2 span{color:#1392e3}.section-3 p{text-align:center;width:100%;margin-top:1em;line-height:2em}.section-3 .bricks-cont{justify-content:flex-start;align-items:center;gap:1.5em;width:100%;margin-top:2em;padding:1em;display:flex;overflow-x:auto}.section-3 .bricks-cont div.brick-white{cursor:pointer;background-color:#fafafa;border-radius:4px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5em;min-width:280px;max-width:280px;height:-moz-fit-content;height:fit-content;display:flex}.section-3 .bricks-cont div.brick-white:hover{box-shadow:0 0 32px #bfc7cc}.section-3 .bricks-cont div.brick-white img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:150px}.section-3 .bricks-cont div.brick-white div{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.3em;width:100%;height:-moz-fit-content;height:fit-content;padding:0 1.5em 1.5em;display:flex}.section-3 .bricks-cont div.brick-white div h3{text-align:left;color:#24232c;width:100%;margin:.5em 0 0;font-size:1.3em}.section-3 .bricks-cont div.brick-white div ul{padding:0 0 0 1.8em}.section-3 .bricks-cont div.brick-white div ul li{text-align:left;color:#24232c;width:100%;margin-top:.5em;font-size:1em;list-style-type:disc}.section-3 .bricks-cont div.brick-white div p{text-align:left;color:#2a2929;width:100%;margin:0;line-height:24px;height:72px!important}.section-4{background:#fafafa;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;padding:3em;display:flex}.section-4 h2{color:#24232c;text-align:left;width:100%;font-size:2em}.section-4 p{color:#24232c;text-align:left;width:100%;margin-top:1.5em;font-size:1.2em;line-height:2em}.section-4 div{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1em;width:100%;margin-top:1em;padding:1em;display:flex}.section-4 div p{color:#24232c;justify-content:flex-start;align-items:center;gap:1em;width:100%;margin:0;display:flex}.section-4 div p svg{color:#1392e3;font-size:1.2em}.section-5{background-color:#24232c;justify-content:space-between;align-items:center;gap:2em;width:100%;height:-moz-fit-content;height:fit-content;padding:2em;display:flex}.section-5 .left{justify-content:center;align-items:center;width:50%;height:100%;padding:1em;display:flex}.section-5 .left img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:12px;width:90%;height:100%}.section-5 .right{flex-direction:column;justify-content:center;align-items:flex-start;gap:1em;width:50%;height:100%;padding:1em;display:flex}.section-5 .right h1{text-align:left;color:#fafafa;width:100%;font-size:2em}.section-5 .right p{text-align:left;color:#fafafa;width:100%;font-weight:400}.section-6{justify-content:space-between;align-items:flex-start;gap:2em;width:100%;height:-moz-fit-content;height:fit-content;padding:2em;display:flex}.section-6 .left{flex-direction:column;justify-content:flex-start;align-items:center;gap:1em;width:50%;height:100%;padding:1em;display:flex}.section-6 .left h1{text-align:left;color:#24232c;width:100%;font-size:2.5em}.section-6 .left h2{text-align:left;color:var(--color-dark-2);width:100%;font-size:1.8em}.section-6 .left p{text-align:left;color:#24232c;width:100%}.section-6 .right{justify-content:center;align-items:flex-start;width:50%;height:100%;padding:1em;display:flex}.section-6 .right img{-o-object-fit:cover;object-fit:cover;opacity:.8;border-radius:16px;width:100%;height:100%}.course-card{cursor:pointer;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;transition:all .3s;position:relative;overflow:hidden}.course-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.course-image{padding-top:56.25%;position:relative;overflow:hidden}.course-image img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.level-indicator{border-radius:0 4px 4px 0;width:7px;height:35px;position:absolute;top:20px;left:0}.course-title{color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1.1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.course-description{color:#666;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.course-price{font-weight:600}.course-price .currency{color:#666;font-size:.9rem}.course-price .price{color:#333;font-size:1.2rem}@media (max-width:900px){.section-1,.section-1 .left{gap:.5em}.section-1 .left h1{width:100%;font-size:36px}.section-1 .left p{font-size:24px}.section-1 .left form{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:1em;width:95%}.section-1 .left form div{width:-moz-fit-content;width:fit-content}.section-1 .left form div input{width:150px}.section-2 .cards-cont .card{width:80%}.section-3 .bricks-cont .brick-white{width:90%}.section-5{flex-direction:column}.section-5 .left,.section-5 .right{width:100%}.section-6{flex-direction:column}.section-6 .left,.section-6 .right{width:100%}}@media (max-width:620px){.section-1 .left{padding:2em}}@media (max-width:480px){.section-2 .cards-cont .card,.section-3 .bricks-cont .brick-white{width:100%}}@media (max-width:768px){.course-card{margin-bottom:1rem}.course-title{font-size:1rem}.course-description{font-size:.85rem}}.beginner{z-index:1;background-color:#ffb300}.intermediate{z-index:1;background-color:#62c824}.advanced{z-index:1;background-color:#df1278}.default{z-index:1;background-color:#02e962}
