body{font-family:Agency FB,sans-serif;background:#ada996;background:-webkit-linear-gradient(to right,#eaeaea,#dbdbdb,#f2f2f2,#ada996);background:linear-gradient(to right,#eaeaea,#dbdbdb,#f2f2f2,#ada996);overflow:hidden}body.active{overflow:auto}header{height:100vh;display:flex;justify-content:center;align-items:center}header #carouselExample{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}header #carouselExample .carousel-indicators{position:initial;margin-top:30px}header #carouselExample .carousel-indicators button{width:10px;height:10px;border-radius:100%;background-color:transparent;border:2px solid var(--color);opacity:1}header #carouselExample .carousel-indicators button.active{background-color:var(--color)}header #carouselExample .carousel-item{width:100%;background-color:transparent}header #carouselExample .carousel-item .row .part1{display:flex;justify-content:center;align-items:center}header #carouselExample .carousel-item .row .part1 .item{width:60%}header #carouselExample .carousel-item .row .part2{display:flex;justify-content:center;align-items:center}header #carouselExample .carousel-item .row .part2 .item{width:100%}header #carouselExample .carousel-item .row .part2 p{font-size:20px}header #carouselExample .carousel-item .row .part2 p,header #carouselExample .carousel-item .row .part2 ul{direction:rtl;unicode-bidi:isolate}header #carouselExample .carousel-item .row .part2 ul{font-size:17px}header #carouselExample .carousel-item .row .part2 a{background-color:transparent;border-radius:10px;padding:10px 20px;letter-spacing:1.2px;font-family:Agency FB Bold,arial;transition-duration:.5s;margin-left:auto;display:block;font-size:20px}header #carouselExample .carousel-item .row .part2 .subscribe{border:2px solid #e52d27;color:#e52d27}header #carouselExample .carousel-item .row .part2 .like{border:2px solid #324f87;color:#324f87}header #carouselExample .carousel-item .row .part2 .private{border:2px solid #d9b06c;color:#d9b06c}header #carouselExample .carousel-item .row .part2 .subscribe:hover{background-color:#e52d27;color:#fff}header #carouselExample .carousel-item .row .part2 .like:hover{background-color:#324f87;color:#fff}header #carouselExample .carousel-item .row .part2 .private:hover{background-color:#d9b06c;color:#fff}header #carouselExample>button[type=button]{background-color:red;display:block;width:40px;height:40px;position:absolute;top:initial;left:initial;bottom:40px;right:50px;background:#0f0c29;background:-webkit-linear-gradient(to right,#24243e,#302b63,#0f0c29);background:linear-gradient(to right,#24243e,#302b63,#0f0c29);opacity:1;border-radius:5px;transform:rotate(-225deg);transition-duration:.5s;transition-property:transform}header #carouselExample>button[type=button] i{transform:rotate(225deg);transition-duration:.5s;transition-property:transform}header #carouselExample>button[type=button]:hover{transform:rotate(-45deg)}header #carouselExample>button[type=button]:hover i{transform:rotate(45deg)}header #carouselExample>button[type=button].carousel-control-prev{right:120px}.title h2{font-family:Agency FB Bold,arial;background:#0f0c29;background:-webkit-linear-gradient(to right,#24243e,#302b63,#0f0c29);background:linear-gradient(to right,#24243e,#302b63,#0f0c29);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0}.title .special .dot{display:inline-block;width:10px;height:10px;border-radius:100%;background:#0f0c29;background:-webkit-linear-gradient(to right,#24243e,#302b63,#0f0c29);background:linear-gradient(to right,#24243e,#302b63,#0f0c29)}#PLaylist .playlist .item{height:300px;overflow:hidden;border-radius:10px;position:relative;border:2px solid #2f2b63;transition-duration:.5s}#PLaylist .playlist .item:hover{box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px;transform:translateY(-20px)}#PLaylist .playlist .item .details-button{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);border:none;background:#0f0c29;background:-webkit-linear-gradient(to right,#24243e,#302b63,#0f0c29);background:linear-gradient(to right,#24243e,#302b63,#0f0c29);padding:5px 10px;border-radius:10px;width:90px;text-align:left;transition-duration:.5s}#PLaylist .playlist .item .details-button .text{font-weight:600;color:#fff;letter-spacing:1.2px}#PLaylist .playlist .item .details-button i{position:absolute;top:50%;left:70px;transform:translate(-50%,-50%);transition-duration:.5s;color:#fff}#PLaylist .playlist .item .details-button:hover{width:110px;box-shadow:#26394d 0 20px 30px -10px}#PLaylist .playlist .item .details-button:hover i:nth-of-type(2){left:80px}#PLaylist .playlist .item .details-button:hover i:nth-of-type(3){left:90px}#PLaylist .playlist .item:hover .details-button{bottom:20px}#PLaylist .playlist .layout{width:100%;height:100%;background:#0f0c29;background:-webkit-linear-gradient(to right,#24243e,#302b63,#0f0c29);background:linear-gradient(to right,#24243e,#302b63,#0f0c29);position:absolute;top:0;left:0;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column}#PLaylist .playlist.private .layout{background:#ada996;background:-webkit-linear-gradient(to right,#eaeaea,#dbdbdb,#f2f2f2,#ada996);background:linear-gradient(to right,#eaeaea,#dbdbdb,#f2f2f2,#ada996);color:#d9b06c}#PLaylist .playlist.private .layout h3{font-family:Agency FB Bold,arial;font-size:30px}#PLaylist .playlist .layout img{width:20%}.popUp{position:fixed;top:0;left:0;background-color:#2f2b6380;width:100%;height:100%;overflow:auto;display:none;z-index:1000}.popUp .box{width:900px;background:#ada996;background:-webkit-linear-gradient(to right,#eaeaea,#dbdbdb,#f2f2f2,#ada996);background:linear-gradient(to right,#eaeaea,#dbdbdb,#f2f2f2,#ada996);border-radius:10px;margin:40px auto}.popUp.private .box{width:600px}.popUp .box .header{border-bottom:2px solid #fff;text-align:center;padding:20px 0;font-family:Agency FB Bold,arial;color:#2f2b63;position:relative}.popUp .box .header i{font-size:20px;position:absolute;top:10px;right:10px;color:#2f2b63;cursor:pointer}.popUp .box .body{padding:20px}.popUp .box .body .img{height:300px;overflow:hidden;border-radius:10px}.popUp.private .box .body .img{height:280px;background-image:url(/build/assets/SemiCode_Cover_Small-71dc1820.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.popUp.private .box .body .row .item{display:flex;align-items:flex-start}.popUp.private .box .body .content p{display:flex;align-items:center}.popUp.private .box .body .content p:before{content:"";display:inline-block;width:5px;height:5px;background-color:#0ed678;border-radius:100%;margin-right:10px}.popUp .box .body ul{margin-bottom:0}.popUp .box .body ul li{display:flex;align-items:center}.popUp .box .body .icon{width:20px}.popUp .box .body h5{margin-bottom:0;font-family:Agency FB Bold,arial}.popUp .box .body p{font-size:20px;margin-bottom:0}.popUp .box .body a.btn{background-color:transparent;border-radius:10px;padding:10px 20px;letter-spacing:1.2px;font-family:Agency FB Bold,arial;transition-duration:.5s;margin-left:auto;display:block;font-size:20px}.popUp .box .body a.learn{border:2px solid #0ed678;color:#0ed678}.popUp .box .body a.learn:hover{background-color:#0ed678;color:#fff}.popUp.private .box .body a.private{border:2px solid #d9b06c;color:#d9b06c}.popUp.private .box .body a.private:hover{background-color:#d9b06c;color:#fff}#FeedBack{overflow:hidden}.swiper{width:350px;height:350px}.swiper-slide{display:flex;align-items:center;justify-content:center;border-radius:18px;font-size:22px;font-weight:700;color:#fff}.swiper-slide .item{width:100%;height:100%;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:contain}.swiper-slide:nth-of-type(odd){background:#ada996;background:-webkit-linear-gradient(to right,#eaeaea,#dbdbdb,#f2f2f2,#ada996);background:linear-gradient(to right,#eaeaea,#dbdbdb,#f2f2f2,#ada996)}.swiper-slide:nth-of-type(2n){background:#0f0c29;background:-webkit-linear-gradient(to right,#24243e,#302b63,#0f0c29);background:linear-gradient(to right,#24243e,#302b63,#0f0c29)}@media (max-width: 1300px){header #carouselExample .carousel-item .row .part1{margin:20px 0}header #carouselExample .carousel-item .row .part1 .item{width:60%}header #carouselExample .carousel-item .row .part2 .text{font-size:18px;padding:0 10px}header #carouselExample .carousel-item:nth-of-type(3) .row .part2 .text{height:30vh;overflow-y:auto}header #carouselExample .carousel-item .row .part2 a{padding:8px 16px;width:75%;margin:auto}header #carouselExample .carousel-item .row .part2 p{font-size:18px}header #carouselExample .carousel-item .row .part2 ul{font-size:16px}header #carouselExample>button[type=button]{width:35px;height:35px;bottom:15px;right:20px}header #carouselExample>button[type=button] i{font-size:16px}header #carouselExample>button[type=button].carousel-control-prev{right:85px}#PLaylist .playlist .item{height:250px;width:270px;margin:auto}#PLaylist .playlist .layout img{width:25%}#PLaylist .playlist.private .layout h3{font-size:22px}.popUp .box,.popUp.private .box{width:270px}.popUp .box .body p{font-size:18px}.popUp.private .box .body .img{height:116px}.popUp.private .box .header h2{padding:0 60px}.popUp.private .box .body .content p{font-size:16px}.popUp.private .box .body .material{display:none}.swiper{width:200px;height:200px}}@media (min-width: 371px) and (max-width: 1300px){header #carouselExample .carousel-item .row .part1 .item{width:45%}header #carouselExample .carousel-item:nth-of-type(3) .row .part2 .text{height:30vh}#PLaylist .playlist .item{height:300px;width:300px}.popUp .box{width:350px}.popUp.private .box{width:400px}.popUp.private .box .header h2{padding:0}.popUp.private .box .body .content p{font-size:20px}.popUp.private .box .body .img{height:176px}.swiper{width:280px;height:280px}}@media (min-width: 577px) and (max-width: 1300px){header #carouselExample .carousel-item .row .part1 .item{width:35%}header #carouselExample .carousel-item .row .part2 .text{padding:0 50px}header #carouselExample .carousel-item .row .part2 a{width:60%}header #carouselExample>button[type=button]{width:40px;height:40px;bottom:20px;right:30px}header #carouselExample>button[type=button].carousel-control-prev{right:110px}.popUp .box{width:450px}.popUp.private .box{width:500px}.popUp.private .box .body .img{height:226px}.swiper{width:350px;height:350px}}@media (min-width: 769px) and (max-width: 1300px){header #carouselExample .carousel-item .row .part1 .item{width:80%}header #carouselExample .carousel-item .row .part1{margin:0}header #carouselExample .carousel-item .row .part2 .text{padding:0}header #carouselExample .carousel-item .row .part2 a{width:100%}header #carouselExample .carousel-item:nth-of-type(3) .row .part2 .text{height:40vh}header #carouselExample .carousel-item .row .part2 p{font-size:20px}.popUp .box{width:700px}}@media (min-width: 992px) and (max-width: 1300px){header #carouselExample .carousel-item .row .part1 .item{width:70%}header #carouselExample .carousel-item:nth-of-type(3) .row .part2 .text{height:40vh}header #carouselExample .carousel-item .row .part2 ul{font-size:17px}}