@import"https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,select,textarea,button,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}img{border:0}:focus{outline:0}.clear{clear:both}.preload *{-webkit-transition:none !important;-moz-transition:none !important;-ms-transition:none !important;-o-transition:none !important}:root{--home: #6CA000;--btn: #13171e;--color: #f8f8f8;--color-op: #ddd;--color2: #000000;--color3: #7a7979;--bttm: #181818;--bttm2: #23ab4a;--color4: #1A1F29;--google: #ff430d;--face: #2f477a;--shadow: #838282;--content: #ADBCBC;--listbr: #C6D2D2;--list: #DFE8E8;--title: #283140}*{box-sizing:border-box}html,body{height:100%;font-family:"Mulish",sans-serif;font-size:18px}.container{width:1200px;margin:0 auto}h3{font-size:30px;color:var(--title);font-weight:800;letter-spacing:.5px}h6{font-size:16px}a{letter-spacing:.8px}.img-head{margin-bottom:10px;background:var(--color4);width:400px;height:200px;display:flex;align-items:center;justify-content:center;padding-top:20px;border-radius:10px 10px 0 10px}.img-head img{height:100px;padding-bottom:20px}.divider-big{height:1px;background:var(--listbr)}.login-content{display:flex;align-items:center;justify-content:center;padding-top:20px}.login-content .login-body{width:400px}.login-content .img-head{margin-bottom:10px;background:var(--color4);width:400px;height:200px;display:flex;align-items:center;justify-content:center;padding-top:20px;border-radius:10px 10px 0 10px}.login-content .img-head img{height:100px;padding-bottom:20px}.login-content .form-group{padding-bottom:20px}.login-content .form-group input{width:400px;padding:10px;height:40px;border:2px solid var(--color4);border-radius:10px;color:var(--color4)}.login-content .form-group input:focus{border-color:var(--home)}.login-content .forget{display:flex;align-items:center;flex-direction:column;justify-content:center}.login-content .forget a{color:var(--color4);font-weight:700;margin-bottom:10px}.login-content .forget .signup{color:var(--home);font-size:20px}.login-content .form-group.btn a{background:var(--home);padding:7px;margin-top:10px;width:400px;height:40px;border-radius:7px;box-shadow:1px 1px 1px var(--color4);transition:200ms all;color:var(--color-op);font-size:17px;font-weight:700;letter-spacing:1px;display:flex;text-align:center;align-items:center;justify-content:center}.login-content .form-group.btn a:hover{border-radius:10px;transform:scale(1.02);color:var(--color)}.login-content .contact-üye{display:flex;align-items:center;justify-content:center}.login-content .contact-üye a{margin:15px 0;padding-left:20px}.login-content .contact-üye a i{font-size:35px;border:2px solid var(--home);padding:10px;border-radius:50%;color:var(--face);text-align:center}.login-content .contact-üye .google i{color:var(--google)}.login-content .or{border-bottom:2px solid #ddd;width:100%;text-align:center;margin-bottom:30px}.login-content .or span{position:relative;top:10px;padding:0 20px;background:#f0f0f0;font-style:oblique;color:#999}.signup-content{display:flex;align-items:center;justify-content:center;padding-top:20px}.signup-content .signup-body{width:400px}.signup-content .img-head{margin-bottom:10px;background:var(--color4);width:400px;height:200px;display:flex;align-items:center;justify-content:center;padding-top:20px;border-radius:10px 10px 0 10px}.signup-content .img-head img{height:100px;padding-bottom:20px}.signup-content .form-group{padding-bottom:20px}.signup-content .form-group input{width:400px;padding:10px;height:40px;border:2px solid var(--color4);border-radius:10px;color:var(--color4)}.signup-content .form-group input:focus{border-color:var(--home)}.signup-content .form-group select{appearance:none;width:400px;padding:0 10px;height:40px;border:2px solid var(--color4);border-radius:10px;color:#757575;background:#fff url("../img/icon/expand_more_black_24dp.svg") no-repeat calc(100% - 10px)}.signup-content .forget{display:flex;align-items:center;flex-direction:column;justify-content:center}.signup-content .forget a{font-size:18px;color:var(--color4);font-weight:700;margin-bottom:10px}.signup-content .forget .login{color:var(--home);font-size:18px}.signup-content .form-group.btn a{background:var(--home);padding:7px;margin-top:10px;width:400px;height:40px;border-radius:7px;box-shadow:2px 2px 2px var(--color4);transition:200ms all;color:var(--color-op);font-size:17px;font-weight:700;letter-spacing:1px;display:flex;text-align:center;align-items:center;justify-content:center}.signup-content .form-group.btn a:hover{border-radius:10px;transform:scale(1.02);color:var(--color)}.signup-content .check{display:flex;align-items:center;justify-content:center;padding-bottom:10px;user-select:none}.signup-content .check label{display:flex;margin-left:10px}.signup-content .check label input{appearance:none;border:2px solid var(--btn);width:20px;height:20px;min-width:20px;border-radius:50%;margin-right:4px;padding:0;outline:0 !important;position:relative;box-sizing:border-box;transition:300ms all}.signup-content .check label input::before{content:"";width:10px;height:10px;border-radius:50%;background-color:var(--home);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.5);opacity:0;transition:300ms all}.signup-content .check label input:checked{border-color:var(--home)}.signup-content .check label input:checked::before{opacity:1;transform:translate(-50%, -50%) scale(1)}.head{background:var(--btn);height:75px;display:flex;align-items:center;justify-content:space-evenly}.head .container{display:flex;align-items:center;justify-content:space-between}.head .container .menu-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;color:#fff;margin-right:-10px;font-size:20px;display:none}.head .container .logo a img{height:40px}.head .container .search{width:300px}.head .container .search input{width:300px;height:35px;padding:10px;border:1px solid var(--color4);border-radius:5px;color:var(--color);background:var(--color4)}.head .container .search input::placeholder{color:var(--color-op)}.head .container .btn ul{display:flex;align-items:center}.head .container .btn ul li{padding:5px}.head .container .btn ul li .radius{border-radius:7px 0 7px 0}.head .container .btn ul li a{background:var(--home);color:var(--color-op);padding:3px;height:35px;font-size:14px;width:85px;border-radius:0 7px 0 7px;box-shadow:2px 2px 2px var(--color4);transition:200ms all;display:flex;text-align:center;align-items:center;justify-content:center}.head .container .btn ul li a:hover{transform:scale(1.05)}.search{background:var(--btn);padding-bottom:15px}.search input{width:100%;height:40px;padding:10px;font-size:15px;border:1px solid var(--color4);border-radius:5px;color:var(--color);background:var(--color4)}.search input::placeholder{color:var(--color-op)}.swiper-container .swiper-wrapper{height:100%}.swiper-container .swiper-wrapper .swiper-slide{height:100%}.swiper-container .swiper-wrapper .swiper-slide section{height:100%;width:100%;background-size:cover}.swiper-container .swiper-wrapper .swiper-slide section .container{height:100%;width:100%;display:flex;justify-content:center}.swiper-container .swiper-wrapper .swiper-slide section .container .banner{display:flex;align-items:center;flex-direction:column;justify-content:center}.swiper-container .swiper-wrapper .swiper-slide section .container .banner .banner-img img{margin-bottom:30px;height:150px}.swiper-container .swiper-wrapper .swiper-slide section .container .banner h4{margin-bottom:20px;color:var(--color);font-size:30px;letter-spacing:1px}.swiper-container .swiper-wrapper .swiper-slide section .container .banner p{color:var(--color-op);font-size:20px;width:320px;padding-bottom:60%;line-height:30px;text-align:center}.swiper-container .swiper-pagination{padding-bottom:5px}.swiper-container .swiper-pagination-bullet{background:var(--bttm2) !important;opacity:.5;height:12px;width:12px}.swiper-container .swiper-pagination-bullet-active{background:var(--bttm2) !important;opacity:4;height:15px;width:15px}.section2{height:25%;width:100%;background:var(--color);padding:10px;display:flex;justify-content:center;align-items:center}.section2 .container .list ul{display:flex;align-items:center;justify-content:center}.section2 .container .list ul .active a{background:var(--home);border-color:var(--home);color:#fff}.section2 .container .list ul li{padding-left:40px}.section2 .container .list ul li a{display:flex;align-items:center;justify-content:center;border:1px solid var(--btn);background:var(--btn);padding:5px;color:var(--color);width:160px;height:40px;border-radius:10px 10px 0 10px;box-shadow:1px 1px 3px var(--color3);font-weight:700;font-size:16px}.section2 .container .list ul li a:hover{color:var(--color);background:var(--home);border-color:var(--home)}.tec-content{margin:20px 0}.tec-content .container{border:1px solid var(--listbr);border-radius:20px 20px 0 20px;background:var(--color);padding:25px}.tec-content h3{text-align:center;margin-bottom:20px}.tec-content .tec-list ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.tec-content .tec-list ul li{padding:20px;border:1px solid var(--listbr);width:500px;border-radius:7px 7px 0 7px;box-shadow:1px 2px 3px var(--shadow);margin:20px 20px;background:#fff;transition:300ms all}.tec-content .tec-list ul li:hover{transform:scale(1.01);border-color:var(--home);box-shadow:1px 2px 3px var(--home)}.tec-content .tec-list ul li a{display:flex;align-items:center}.tec-content .tec-list ul li a img{height:75px;margin-right:20px}.tec-content .tec-list ul li a .detail .title{display:flex;align-items:center;justify-content:space-between;letter-spacing:.5px;font-size:16px;font-weight:700}.tec-content .tec-list ul li a .detail .title h5{color:rgba(19,23,30,.78);line-height:20px;font-size:17px;letter-spacing:.7px;margin-bottom:4px}.tec-content .tec-list ul li a .detail .title .icon{color:#ffca10;background:rgba(255,202,16,.1);padding:5px 10px}.tec-content .tec-list ul li a .detail .title .icon i{font-size:14px;color:#ffca10}.tec-content .tec-list ul li a .detail .episode-number{display:flex;align-items:center;margin-top:10px}.tec-content .tec-list ul li a .detail .episode-number i{color:rgba(19,23,30,.78);margin-right:5px}.tec-content .tec-list ul li a .detail .episode-number p{color:rgba(19,23,30,.78);font-weight:700}.tec-content .tec-list ul li a .detail h6{color:rgba(19,23,30,.78);line-height:15px;font-size:17px;letter-spacing:.7px;margin-bottom:6px}.tec-content .tec-list ul li a .detail p{color:rgba(26,31,41,.65)}.container .pagination{margin-bottom:10px;padding-bottom:20px}.container .pagination ul{display:flex;align-items:center;justify-content:center}.container .pagination ul .active a{background:var(--home);color:#fff;border-color:var(--home)}.container .pagination ul li{padding:4px}.container .pagination ul li a{border:1px solid var(--btn);color:var(--btn);padding:5px 8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.container .pagination ul li a:hover{background:var(--home);color:var(--color);border-color:var(--home)}.section3 h4{font-size:25px;font-weight:700;color:#fff;background:rgba(108,160,0,.85);width:180px;margin:5px 0 5px 30px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:20px 20px 20px 0;letter-spacing:1px}.section3-1{margin:40px 0}.section3-1 .container{display:flex;align-items:center;justify-content:space-between}.section3-1 .container .title{display:flex;align-items:center}.section3-1 .container .title h3{padding-left:20px;font-size:25px;letter-spacing:.7px;line-height:35px;color:var(--btn)}.section3-1 .container .title img{height:45px}.section3-1 .container .about{width:48%}.section3-1 .container .about .text p{color:rgba(19,23,30,.53);font-size:15px;letter-spacing:1px;line-height:25px;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;margin:20px 0;text-align:justify}.section3-1 .container .about .text .btn{background:var(--btn);color:#fff;padding:7px;height:40px;width:180px;border-radius:0 7px 0 7px;transition:200ms all;display:flex;text-align:center;align-items:center;justify-content:center}.section3-1 .container .about .text .btn:hover{background:var(--home)}.section3-1 .container .contact{width:48%}.section3-1 .container .contact p{color:rgba(19,23,30,.53);font-size:15px;letter-spacing:1px;line-height:25px;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;margin:20px 0;text-align:justify}.section3-1 .container .contact label{display:flex;align-items:center}.section3-1 .container .contact label input{width:250px;height:40px;border:2px solid var(--btn);padding:20px;border-radius:20px 0 0 0}.section3-1 .container .contact label input:focus{border-color:var(--home)}.section3-1 .container .contact label .btn{border:2px solid var(--btn);background:var(--btn);color:#fff;padding:20px;width:100px;height:40px;display:flex;text-align:center;align-items:center;justify-content:center;font-size:14px;border-radius:0 0 20px 0}.section3-1 .container .contact label .btn:hover{background:var(--home);border-color:var(--home)}.big-title{padding:15px 0;border-bottom:1px solid var(--listbr)}.big-title h4{font-size:23px;font-weight:700;color:#fff;background:rgba(108,160,0,.85);width:180px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:20px 20px 20px 0;letter-spacing:1px}.search-content{display:flex;justify-content:center;align-items:center}.search-content .search{width:100%}.search-content .search input{width:100%;height:40px;padding:10px;background:var(--color4);border:1px solid var(--btn);border-radius:10px;color:#fff}.search-content .search input::placeholder{color:var(--color-op)}.swiper-container.slider2{padding-bottom:30px}.swiper-container.slider2 .swiper-wrapper .swiper-slide .container a{display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid var(--home);border-radius:20px 20px 20px 0;background:#fff;padding:10px;margin:20px 0}.swiper-container.slider2 .swiper-wrapper .swiper-slide .container a span img{height:75px;border-radius:10px}.swiper-container.slider2 .swiper-wrapper .swiper-slide .container a .name{color:rgba(19,23,30,.67);font-size:18px;font-weight:700;letter-spacing:1px;line-height:20px;margin:10px}.swiper-container.slider2 .swiper-wrapper .swiper-slide .container a p{color:rgba(19,23,30,.53);font-size:18px;letter-spacing:1px;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;text-align:center}.swiper-container.slider2 .swiper-wrapper .swiper-slide .container a .date{color:var(--listbr);font-weight:800;margin-left:auto}.swiper-container.slider2 .swiper-pagination{padding-bottom:5px}.swiper-container.slider2 .swiper-pagination-bullet{background:var(--bttm2) !important;opacity:.5;height:12px;width:12px}.swiper-container.slider2 .swiper-pagination-bullet-active{background:var(--bttm2) !important;opacity:4}.menu>ul{display:flex;align-items:center}.menu>ul .active>a{color:#fff;border-radius:10px 10px 0;background:var(--home);height:40px;width:120px;display:flex;justify-content:center;text-align:center;align-items:center;padding:5px;position:relative}.menu>ul>li{position:relative;padding:0 10px;height:75px;display:flex;align-items:center;justify-content:center;transition:500ms all;z-index:5}.menu>ul>li:hover>ul{opacity:1;top:75px;visibility:visible}.menu>ul>li:hover>a{background:var(--home);color:var(--color);border-radius:7px 0 7px 0}.menu>ul>li>a{display:flex;align-items:center;justify-content:center;color:var(--color-op);font-size:14px;letter-spacing:1px;height:40px;padding:5px;width:120px}.menu>ul>li>a img{height:13px;margin-right:5px}.menu>ul>li>a i{padding-right:5px;font-size:12px}.menu>ul ul{position:absolute;width:200px;top:70px;left:50%;background:var(--color);transition:200ms all;border-radius:0 0 10px 10px;border:1px solid var(--listbr);transform:translateX(-50%);visibility:hidden;opacity:0}.menu>ul ul li{padding:10px 15px;position:relative;transition:200ms all}.menu>ul ul li:hover>a{background:var(--home);color:var(--color);border-radius:7px 0 7px 0}.menu>ul ul li:before{content:"";height:2px;width:65px;position:absolute;background:var(--listbr);top:60px;left:70px}.menu>ul ul li:last-child:before{display:none}.menu>ul ul li a{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#fff;line-height:30px;padding:5px;background:var(--btn);border-radius:0 7px 0 7px;transition:200ms all}.menu>ul ul li a:hover{background:var(--home);transform:scale(1.05);box-shadow:1px 1px 1px var(--shadow)}.menu>ul ul li a i{padding-right:3px}.menu>ul ul li ul{left:295px}.menu>ul ul li:hover>ul{opacity:1;visibility:visible;top:10px}.menu>ul ul ul{position:absolute;visibility:hidden;opacity:0;width:200px;top:0;left:200px;margin-left:0;border-radius:7px;background:var(--color)}.menu>ul ul ul li:before{content:"";height:2px;width:70px;position:absolute;background:var(--listbr)}.menu>ul ul ul li:last-child:before{display:none}.menu>ul ul ul li a{color:var(--color)}.tec-list.lesson ul li{display:flex;align-items:center}.tec-list.lesson ul li .detail h5{margin-bottom:10px}.tec-list.lesson ul li .detail .videos{display:flex}.tec-list.lesson ul li .detail span{display:flex}.tec-list.lesson ul li .detail span a{display:flex;justify-content:center;color:var(--color-op);padding:5px 10px;background:var(--btn);line-height:20px;border:none;border-radius:10px 0;width:150px;height:35px}.tec-list.lesson ul li .detail span a:hover{background:var(--home);color:var(--color)}.tec-list.lesson ul li .detail span i{padding-left:10px}.tec-list.lesson ul li .detail span .quiz{border-radius:0 10px;margin-left:10px}.pagination.lesson ul{display:flex;justify-content:space-between;align-items:center}.pagination.lesson ul li a{display:flex;align-items:center;justify-content:center;background:var(--btn);color:var(--color);padding:5px;height:35px;width:100px}.pagination.lesson ul li .prev{border-radius:10px 0 0 10px}.pagination.lesson ul li .prev i{margin-right:5px}.pagination.lesson ul li .next{border-radius:0 10px 10px 0}.pagination.lesson ul li .next i{margin-left:5px}.pagination.lesson ul li .finish{border-radius:7px 7px 0 7px}.pagination.lesson ul li .middle{border-radius:10px 0 10px}.tec-content.course-detail{display:flex}.tec-content.course-detail .video-img{border-bottom:1px solid var(--listbr)}.tec-content.course-detail .video-img a{display:flex;align-items:center;justify-content:center;padding-bottom:20px;position:relative}.tec-content.course-detail .video-img a img{width:750px;border:1px solid var(--listbr);border-radius:7px;box-shadow:1px 2px 3px var(--shadow)}.tec-content.course-detail .video-img a span{display:flex;align-items:center;justify-content:center;position:absolute;bottom:50px;border:1px solid var(--btn);border-radius:50px;font-size:30px;padding:10px;width:300px;height:50px;color:var(--color);background:var(--btn)}.tec-content.course-detail h5{font-size:20px;line-height:25px;letter-spacing:1px;margin-bottom:20px;margin-top:20px;text-align:center}.tec-content.course-detail .programing{border-bottom:1px solid var(--listbr)}.tec-content.course-detail .programing .description{display:flex;align-items:center;justify-content:center}.tec-content.course-detail .programing .description .btn{border:1px solid var(--listbr);background:#fff;padding:15px;margin-bottom:20px;border-radius:7px;box-shadow:1px 2px 3px var(--shadow);width:600px}.tec-content.course-detail .programing .description .btn span{display:flex;align-items:center;justify-content:center}.tec-content.course-detail .tec-list.course-episode ul li a{display:flex;align-items:center}.tec-content.course-detail .tec-list.course-episode ul li a h4{color:var(--btn);font-size:25px;letter-spacing:1px;font-weight:500}.tec-content.course-detail .tec-list.course-episode ul li a i{display:flex;justify-content:center;align-items:center;margin-left:auto;border:1px solid var(--listbr);color:var(--listbr);padding:10px;font-size:20px;height:30px;width:30px}.tec-content.course-detail .tec-list.course-episode ul li a i:hover{color:var(--home);border-color:var(--home)}.tec-content.programing .tec-list.programing ul li .detail{display:flex;align-items:center;justify-content:space-between;flex:1}.tec-content.programing .tec-list.programing ul li .detail .icon-watch{display:flex;align-items:center;margin-left:auto;background:var(--home);color:#fff;padding:10px;border-radius:10px;box-shadow:2px 2px 3px var(--shadow)}.tec-content.programing .tec-list.programing ul li .detail .icon-watch i{margin-left:7px;font-size:15px;display:flex;align-items:center;justify-content:center}.tec-list.programing1 ul li a{display:flex;align-items:center}.tec-list.programing1 ul li a .image{font-size:25px;color:var(--listbr);margin-right:10px}.tec-list.programing1 ul li a .detail{display:flex;align-items:center;justify-content:space-between;flex:1}.tec-list.programing1 ul li a .detail .icon-watch{display:flex;align-items:center;margin-left:auto}.tec-list.programing1 ul li a .detail .icon-watch i{font-size:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--listbr);color:var(--listbr);border-radius:5px;padding:5px;width:30px;height:30px}.tec-list.programing1 ul li a .detail .icon-watch i:hover{color:var(--home);border-color:var(--home)}.tec-list.exam ul li a{font-size:18px;color:var(--btn)}.play{display:flex;align-items:center;width:100%;margin-top:30px}.play a{display:flex;justify-content:center;align-items:center;margin-left:auto;border:1px solid var(--btn);padding:10px;background:var(--btn);width:80px;height:80px;border-radius:50%;transition:300ms all}.play a:hover{transform:scale(1.02);background:var(--home);border:1px solid var(--home)}.play a i{display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff}.list.episode.question{display:flex;align-items:center;justify-content:center}.list.episode.question .question1{border:1px solid var(--listbr);padding:20px;width:100%;border-radius:7px 7px 0 7px;background:#fff;box-shadow:1px 1px 2px var(--shadow)}.list.episode.question .question1 a{display:flex;align-items:center;justify-content:center;border:1px solid var(--home);color:#fff;background:var(--home);width:180px;line-height:20px;padding:5px;border-radius:5px;margin-bottom:10px;margin-left:auto;transition:300ms all;box-shadow:1px 1px 3px var(--shadow)}.list.episode.question .question1 a:hover{transform:scale(1.02)}.list.episode.question .question1 h5{color:var(--btn);font-size:20px;font-weight:800;text-align:center;line-height:30px;letter-spacing:.8px;margin-bottom:10px}.list.episode.question .question1 p{font-size:15px;line-height:20px;word-wrap:break-word;text-align:center}.tec-list.question-list ul li a{color:var(--btn)}.tec-list.question-list ul li a i{font-size:13px;color:var(--btn);margin-right:10px}.tec-list.question-list ul .select{background:var(--home);color:#fff;border-color:var(--home)}.tec-list.question-list ul .select a{color:#fff}.tec-content.completed .container{display:flex;align-items:center;justify-content:center;flex-direction:column}.tec-content.completed .container .question1-1{border:1px solid var(--listbr);padding:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:50%;border-radius:7px 7px 0 7px;background:#fff;box-shadow:1px 1px 7px var(--home);margin-bottom:30px}.tec-content.completed .container .question1-1 .question-tab{width:auto;display:flex;margin-left:auto}.tec-content.completed .container .question1-1 .question-tab a{display:flex;align-items:center;justify-content:center;line-height:20px;color:#fff;padding:10px;border:1px solid #ff5c5c;background:#ff5c5c;border-radius:15px;width:auto}.tec-content.completed .container .question1-1 h5{font-size:20px;color:var(--title);font-weight:800;letter-spacing:.5px;line-height:40px}.tec-content.completed .container .question1-1 p{line-height:25px;word-wrap:break-word;font-size:15px;text-align:center}.tec-content.completed .container .question1-1 label{margin:10px 0;position:relative}.tec-content.completed .container .question1-1 .pink{display:flex;align-items:center;background:#ff5c5c;width:100%;height:60px;border-radius:30px;padding:10px}.tec-content.completed .container .question1-1 .pink span{display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;letter-spacing:.8px}.tec-content.completed .container .question1-1 .pink span i{font-size:10px;color:#fff;margin-right:10px;padding-left:20px}.tec-content.completed .container .question1-1 .home{display:flex;align-items:center;background:var(--home);width:100%;height:60px;border-radius:30px;padding:10px}.tec-content.completed .container .question1-1 .home span{display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;letter-spacing:.8px}.tec-content.completed .container .question1-1 .home span i{font-size:10px;color:#fff;margin-right:10px;padding-left:20px}.content .episode-title{margin:25px 10px;display:flex;align-items:center;justify-content:center}.content .episode-title h3{text-align:center}.content .episode-video{margin:20px 0;display:flex;align-items:center;justify-content:center}.content .recording{background:var(--color);width:100%;height:100%;border-radius:10px 10px 0 10px;display:flex;align-items:center;flex-direction:column;margin-top:30px}.content .recording h4{font-size:25px;font-weight:700;letter-spacing:1px;margin-bottom:20px;color:rgba(19,23,30,.71);line-height:20px}.content .recording .record{border:1px solid var(--listbr);background:#fff;display:flex;align-items:center;flex-direction:column;padding:20px;height:250px;width:90%;border-radius:10px 10px 0 10px;box-shadow:3px 2px 5px var(--home);margin-bottom:80px;margin-top:40px}.content .recording .record a{display:flex;align-items:center;justify-content:center;border:1px solid var(--home);color:var(--color-op);background:var(--home);height:40px;width:150px;border-radius:10px 0;transition:300ms all}.content .recording .record a:hover{transform:scale(1.05);color:#fff}.content .recording .record .btn{margin-bottom:30px;margin-top:20px;margin-left:auto}.content .recording .record .last{display:flex;align-items:center;flex-direction:column;width:100%;border:1px solid var(--color);background:var(--color);padding:20px;margin-top:10px;border-radius:10px 10px 0 10px;box-shadow:1px 3px 8px var(--shadow)}.content .recording .record .last ul{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:10px}.content .recording .record .last ul li{margin-left:30px;color:rgba(19,23,30,.78)}.content .recording .record .last .dow{display:flex;justify-content:center;align-items:center;padding-top:20px;margin-top:20px}.content .recording .record.new-record{display:flex;align-items:center;flex-direction:column;padding-top:30px}.content .recording .record.new-record .new{display:flex;align-items:center;justify-content:center;padding-top:5%}.content .recording .record.new-record .new a{display:flex;align-items:center;justify-content:center;width:250px;height:50px;margin-left:5%;letter-spacing:.8px}.tec-content.record-minute .tec-list.record-list ul{display:flex}.tec-content.record-minute .tec-list.record-list ul li{width:355px !important;display:flex;align-items:center;justify-content:center}.tec-content.record-minute .tec-list.record-list ul li a{display:flex;align-items:center;justify-content:center;flex-direction:column;color:rgba(19,23,30,.78);font-size:20px}.tec-content.record-minute .tec-list.record-list ul li a:hover{color:#13171e}.tec-content.record-minute .tec-list.record-list ul li a span{margin-top:5px;color:var(--home);font-size:17px}.tec-content.record-minute .tec-list.record-list ul .select{background:var(--home);color:#fff;border-color:var(--home)}.tec-content.record-minute .tec-list.record-list ul .select a{color:#fff}.tec-content.record-minute .tec-list.record-list ul .select a span{color:#fff}.tec-content.record-minute .grand-total{display:flex;align-items:center;justify-content:space-between}.tec-content.record-minute .grand-total .total{display:flex;align-items:center;justify-content:center;border:1px solid #ff5c5c;padding:10px;line-height:20px;font-size:16px;color:#fff;background:#ff5c5c;font-weight:600;border-radius:25px}.tec-content.record-minute .grand-total .start{display:flex;align-items:center;justify-content:center;background:#9e9e9e;border-radius:20px;line-height:20px;color:#fff;padding:10px;font-size:16px;width:150px;font-weight:700;transition:300ms all}.tec-content.record-minute .grand-total .start span{display:flex;align-items:center;justify-content:center;height:20px;width:20px;background:#ff5c5c;padding:5px;margin-left:5px;font-size:16px;font-weight:800;border-radius:50%}.tec-content.record-minute .grand-total .start:hover{background:var(--home)}.tec-content.record-minute .grand-total .start:hover span{background:var(--btn)}.tec-content.record-minute .btn{display:flex;align-items:center;justify-content:center;margin-top:15px}.tec-content.record-minute .btn a{display:flex;align-items:center;justify-content:center;width:400px;height:50px;border-radius:10px 10px 0 10px;background:var(--home);color:var(--color-op);font-size:20px;font-weight:700;letter-spacing:.8px;transition:300ms all}.tec-content.record-minute .btn a i{padding-right:10px;font-size:20px}.tec-content.record-minute .btn a:hover{color:#fff;transform:scale(1.03)}.content .tec-content.programing.detail .tec-list.programing1.detail ul li a .detail .title{margin-right:20px}.content .tec-content.programing.detail .tec-list.programing1.detail ul li a .detail .title h5{word-wrap:break-word}.content .tec-content.programing.detail .tec-list.programing1.detail ul li a .detail .icon.icon-watch i{color:var(--home) !important;border-color:var(--home)}.content .tec-content.programing.detail .tec-list.programing1.detail ul li a .image-true{color:var(--home);font-size:25px;margin-right:10px}.content .tec-content.programing.detail .tec-list.programing1.detail ul li .btn-small{margin-top:10px;display:flex;align-items:center;justify-content:center;padding:5px;border:1px solid #ff5c5c;background:#ff5c5c;width:100%;color:#fff;border-radius:10px}.content .tec-content.programing.detail .tec-list.programing1.detail ul .home .btn-small{margin-top:10px;display:flex;align-items:center;justify-content:center;padding:5px;border:1px solid var(--home);background:var(--home);width:100%;color:#fff;border-radius:10px}.profile-edit{height:100%}.profile-edit .container{display:flex;height:100%;gap:20px}.profile-edit .container .profile-sidebar{width:300px;border-right:1px solid var(--listbr);height:100%}.profile-edit .container .profile-sidebar nav{margin-top:50px}.profile-edit .container .profile-sidebar nav ul li{margin-bottom:40px}.profile-edit .container .profile-sidebar nav ul li a{display:flex;align-items:center;justify-content:space-between;width:250px;padding:10px;height:40px;border:2px solid var(--color4);border-radius:10px;color:var(--color4)}.profile-edit .container .profile-sidebar nav ul li a:hover{border-color:var(--home);color:var(--home)}.profile-edit .container .profile-sidebar nav ul .active a{border-color:var(--home);color:var(--home)}.profile-edit .container .profile-sidebar nav .btn a{background:var(--home);padding:7px;margin-top:10px;width:250px;height:40px;border-radius:7px;box-shadow:1px 1px 1px var(--color4);transition:200ms all;color:var(--color-op);font-size:17px;font-weight:700;letter-spacing:1px;display:flex;text-align:center;align-items:center;justify-content:center}.profile-edit .container .profile-sidebar nav .btn a:hover{border-radius:10px;transform:scale(1.02);color:var(--color)}.profile-edit .container .profile-content{padding:30px;flex:1;min-height:500px;background:rgba(255,255,255,.6);align-self:flex-start;margin-top:45px}.profile-edit .container .profile-content h3{border-bottom:1px solid var(--color-op);padding:10px}.profile-edit .container .profile-content .profile-change{width:100%;display:flex;flex-wrap:wrap;padding:20px}.profile-edit .container .profile-content .profile-change .form-group{padding-bottom:20px}.profile-edit .container .profile-content .profile-change .form-group label{position:relative;padding-right:30px}.profile-edit .container .profile-content .profile-change .form-group label input{padding-left:35px;padding-right:35px;height:40px;width:300px;border:1px solid #eee;background:#eee;border-radius:10px;color:var(--color4)}.profile-edit .container .profile-content .profile-change .form-group label input::placeholder{text-align:center}.profile-edit .container .profile-content .profile-change .form-group label input:focus{border-color:var(--home)}.profile-edit .container .profile-content .profile-change .form-group label .icon1{position:absolute;left:1px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#a5a5a5}.profile-edit .container .profile-content .profile-change .form-group label .icon2{position:absolute;top:-10px;right:30px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#a5a5a5}.profile-edit .container .profile-content .btn{padding-left:20px;margin-top:40px}.profile-edit .container .profile-content .btn a{background:var(--home);padding:7px;width:300px;height:40px;border-radius:7px;box-shadow:1px 1px 1px var(--color4);transition:200ms all;color:var(--color-op);font-size:17px;font-weight:700;letter-spacing:1px;display:flex;text-align:center;align-items:center;justify-content:center}.profile-edit .container .profile-content .btn a:hover{border-radius:10px;transform:scale(1.02);color:var(--color)}.score{display:flex;align-items:center;justify-content:center}.score .score-btn{display:flex;align-items:center;justify-content:center;flex-direction:column;width:50%;background:var(--home);padding:15px;border-radius:0 10px 0 10px}.score .score-btn .tab{display:flex;width:auto;margin-left:auto}.score .score-btn .tab span{display:flex;align-items:center;justify-content:center;color:#ff0;line-height:20px;padding:5px;border-radius:5px}.score .score-btn .tab span i{font-size:15px;margin-left:5px}.score .score-btn .name-score{margin-top:20px}.score .score-btn .name-score a{color:#fff;line-height:25px;font-size:19px;font-weight:600;letter-spacing:1px}.profile-settings{padding-top:15px}.profile-settings ul li{border-bottom:1px solid #eee;display:flex;align-items:center;padding:15px 0}.profile-settings ul li .icon{margin-right:15px;width:30px;display:flex;align-items:center;justify-content:center}.profile-settings ul li .icon img{width:30px}.profile-settings ul li .icon i{font-size:22px;color:var(--listbr)}.profile-settings ul li .setting-item-detail .title{font-size:16px;font-weight:700;padding-bottom:8px}.profile-settings ul li .setting-item-detail .description{font-size:14px}.profile-settings ul li label{margin-left:auto}.popup-title{font-size:20px;font-weight:700;text-align:center;margin-bottom:10px}.popup-content{width:300px;border:1px solid var(--home);border-radius:10px 10px 0 10px;background:var(--color);padding:15px}.popup-content .btn{display:flex;align-items:center;justify-content:center}.popup-content .btn a{background:var(--home);color:#fff;padding:7px;height:40px;width:200px;border-radius:0 7px 0 7px;transition:300ms all;display:flex;text-align:center;align-items:center;justify-content:center}.popup-content .btn a:hover{transform:scale(1.03)}.popup-content .pro{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px}.popup-content .pro i{font-size:50px;margin-bottom:10px;color:var(--home)}.popup-content .pro p{font-size:17px;text-align:center;line-height:20px;margin-bottom:10px}.popup-content .sessions{margin-top:10px}.popup-content .sessions .btn ul{display:flex;align-items:center;flex-direction:column;justify-content:center}.popup-content .sessions .btn ul li{padding:10px}.popup-content .sessions .btn ul li a{display:flex;text-align:center;align-items:center;justify-content:center;background:var(--home);color:var(--color-op);padding:7px;height:40px;width:250px;border-radius:0 7px 0 7px;transition:200ms all}.popup-content .sessions .btn ul li a:hover{background:var(--color4);transform:scale(1.05);box-shadow:1px 1px 1px var(--shadow)}.popup-content .profile-sign-in .close-icon{display:flex;align-items:center;justify-content:space-between}.popup-content .profile-sign-in .close-icon a i{color:var(--home);font-size:20px;height:20px}.popup-content .profile-sign-in .head-icon{display:flex;align-items:center;justify-content:center}.popup-content .profile-sign-in .head-icon i{width:35%;height:60px;font-size:30px;display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:20px;color:var(--color);background:var(--home);border-radius:50%}.popup-content .profile-sign-in p{text-align:center;font-size:16px;margin-bottom:10px}.popup-content .profile-sign-in .forget{display:flex;align-items:center;flex-direction:column;justify-content:center}.popup-content .profile-sign-in .forget a{font-size:17px;color:var(--color4);font-weight:700;margin-bottom:10px}.popup-content .profile-sign-in .forget .signup{color:var(--home);font-size:15px;margin-bottom:20px}.tec-content.coding-lab .title-btn{display:flex;align-items:center;justify-content:center}.tec-content.coding-lab .title-btn a{display:flex;align-items:center;justify-content:center;background:var(--home);padding:10px;border:1px solid var(--home);color:#fff;border-radius:5px;letter-spacing:1px;line-height:30px;font-size:17px;width:100%}.tec-content.coding-lab .center{width:100%;display:flex;align-items:center;justify-content:center}.graphic{border:1px solid var(--listbr);background:#fff;padding:15px;margin-top:20px;border-radius:10px}.graphic h6{line-height:25px;font-size:20px;text-align:center;border-bottom:1px solid var(--listbr);padding:5px}.graphic .graphic-content{margin-top:10px}.graphic .graphic-content .tab{display:flex;align-items:center;justify-content:center;border:1px solid var(--listbr);padding:10px;border-radius:10px;margin-bottom:20px;color:var(--btn);font-size:16px;letter-spacing:.5px;line-height:20px}.graphic .graphic-content .graphic-btn-small{display:flex;align-items:center;justify-content:space-evenly;margin-bottom:20px}.graphic .graphic-content .graphic-btn-small label{border:1px solid var(--bttm2);background:var(--bttm2);padding:10px;border-radius:0 7px 0 7px}.graphic .graphic-content .graphic-btn-small label span{color:#fff}.graphic .graphic-content .graphic-btn-small .wrong{border:1px solid #ff5c5c;background:#ff5c5c;padding:10px;border-radius:0 7px 0 7px}.graphic .graphic-content .title-btn{width:100%}.course-results{display:flex;flex-wrap:wrap;margin:20px -10px 0}.course-results .graphic{width:calc(100% / 3 - 20px);margin:0 10px 20px}.footer{background:var(--btn);padding:40px 0}.footer .footer-inner{display:flex;justify-content:space-evenly;padding-top:20px}.footer .footer-inner ul{display:flex;align-items:center;justify-content:center;flex-direction:column}.footer .footer-inner ul li{padding-bottom:10px}.footer .footer-inner ul li a{color:rgba(216,216,216,.74);text-align:center;font-size:13px}.footer .footer-inner ul li a:hover{color:#fff}.footer .footer-inner h5{color:var(--color-op);margin-bottom:15px;font-size:17px;text-align:center;padding-bottom:15px;position:relative}.footer .footer-inner h5::before{content:"";width:30px;height:2px;background:var(--bttm2);position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.footer .footer-inner .contact{display:flex;flex-direction:column}.footer .footer-inner .contact ul li{font-size:13px;color:rgba(216,216,216,.74);padding-bottom:14px}.footer .footer-inner .contact ul li span{font-size:15px}.footer .dip{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.footer .dip .logo a{margin-right:100px}.footer .dip .logo a img{height:35px}.footer .dip .social{margin-top:20px;text-align:right}.footer .dip .social ul{display:inline-flex;align-items:center}.footer .dip .social ul li{padding-left:5px}.footer .dip .social ul li a{display:flex;border:1px solid rgba(216,216,216,.67);padding:5px;height:35px;width:35px;justify-content:center;align-items:center}.footer .dip .social ul li a:hover{border:none;background:var(--home)}.footer .dip .social ul li a:hover i{color:#fff}.footer .dip .social ul li a i{color:rgba(216,216,216,.64);font-size:12px;text-align:center}.checkbox-input input{display:none}.checkbox-input .checkbox{width:40px;height:15px;display:block;border-radius:20px;border:1px solid #ddd;position:relative;margin-right:10px;transition:230ms all;cursor:pointer}.checkbox-input .checkbox:before{content:"";width:23px;height:23px;border-radius:50%;background:#9c9c9c;position:absolute;top:-4px;left:-1px;transition:230ms all}.checkbox-input input:checked~.checkbox:before{left:19px;background:var(--home)}.pie-chart{width:100%;height:250px;margin-top:-30px;background:transparent}.pie-chart rect{fill:transparent !important}.responsive-menu{display:none}@media(max-width: 1200px){html,body{height:auto}header{position:sticky;position:-webkit-sticky;top:0;z-index:99}.container{width:100%;padding:0 15px}.head{height:58px}.head .container .menu-btn{display:flex}.head .container .logo a img{height:31px}.head .container .menu,.head .container .search,.head .container .btn{display:none}.footer{padding:20px 0}.footer .footer-inner{flex-direction:column}.footer .footer-inner>div{margin-bottom:20px}.footer .footer-inner>div:last-child{margin-bottom:0}.footer .dip{flex-direction:column}.section2 .container{overflow-x:auto;display:flex;padding:0}.section2 .container .list ul li{padding-left:0;margin-right:15px}.section2 .container .list ul li:last-child{margin-right:0}.section3-1 .container{flex-direction:column}.section3-1 .container>div{width:100% !important;margin-bottom:30px}.section3-1 .container>div:last-child{margin-bottom:0}.signup-content{padding:15px}.signup-content .signup-body{width:100%}.signup-content .img-head{width:100%}.signup-content .form-group input{width:100%}.signup-content .form-group select{width:100%}.signup-content .form-group.btn a{width:100%}.profile-edit{height:auto}.profile-edit .container{flex-direction:column;height:auto;gap:0}.profile-edit .container .profile-sidebar{width:100%;border-right:none;height:auto;padding-bottom:25px;border-top:1px solid #ddd;padding-top:25px}.profile-edit .container .profile-sidebar nav{margin-top:0}.profile-edit .container .profile-sidebar nav ul li{margin-bottom:10px}.profile-edit .container .profile-sidebar nav ul li a{width:100%;font-size:14px}.profile-edit .container .profile-sidebar nav .btn a{width:100%;font-size:14px;color:#fff}.profile-edit .container .profile-content{flex:1 1 auto;margin-top:0;padding:0;min-height:auto;width:100%;margin-bottom:25px}.profile-edit .container .profile-content .profile-settings ul li .setting-item-detail .description{line-height:1.7}.profile-edit .container .profile-content .profile-settings ul li .checkbox-input{margin-left:20px}.profile-edit .container .profile-content form{width:100%;padding:0;margin-top:20px}.profile-edit .container .profile-content .btn{margin-top:20px;padding-left:0}.profile-edit .container .profile-content .btn a{width:100%}.profile-edit .container .profile-content .profile-change{padding:0;display:block}.profile-edit .container .profile-content .profile-change .form-group:last-child{padding-bottom:0}.profile-edit .container .profile-content .profile-change .form-group label{display:block;width:100%;padding-right:0}.profile-edit .container .profile-content .profile-change .form-group label input{width:100%;padding:0 15px 0 40px;font-size:14px}.profile-edit .container .profile-content .profile-change .form-group label input::placeholder{text-align:left}.profile-edit .container .profile-content .profile-change .form-group label .fa-eye{display:none}.tec-content .container{padding:15px}.tec-content .container .tec-list ul li{margin:0 0 10px}.tec-content .container .tec-list ul li:last-child{margin-bottom:25px}h3{font-size:20px}.login-content{padding:15px}.login-content .login-body{width:100%}.login-content .login-body .img-head{width:100%}.login-content .login-body .form-group input{width:100%}.login-content .login-body .form-group.btn a{width:100%}.tec-content .tec-list ul li{width:100%}.tec-content .tec-list ul li .detail .videos{flex-direction:column}.tec-content .tec-list ul li .detail .videos span{margin-bottom:5px}.tec-content .tec-list ul li .detail .videos span:last-child{margin-bottom:0}.tec-content .tec-list ul li .detail .videos span a{margin-left:0}.tec-content .tec-list ul li a .detail p{font-size:14px;line-height:1.6}.content .episode-video iframe{aspect-ratio:16/9;height:auto}.tec-content.course-detail .tec-list.course-episode ul li a h4{font-size:16px}.tec-content .tec-list ul li a img{height:45px}.tec-content.course-detail .programing .description .btn span{font-size:15px}.tec-content.course-detail .video-img a span{font-size:22px}.tec-content .tec-list ul li a .detail .title h5{font-size:15px;margin-bottom:0}.tec-content .tec-list ul li{padding:15px}.tec-content.programing .tec-list.programing ul li .detail .icon-watch{font-size:14px}.section2 .container .list ul li a{font-size:14px;width:auto;height:34px;white-space:nowrap;padding:0 30px}.score .score-btn{width:100%}.course-results .graphic{width:100%}.graphic .graphic-content .graphic-btn-small label span{font-size:14px}.graphic .graphic-content .tab{padding:7px;font-size:14px}.graphic h6{font-size:18px;padding-bottom:12px}.tec-content.coding-lab .title-btn a{padding:4px;font-size:14px}.tec-content.course-detail .video-img a img{width:100%}.tec-list.exam ul li a{font-size:15px;line-height:1.5}.play{justify-content:center;border-top:1px solid #ddd;margin-top:15px;padding-top:15px}.play a{margin-left:0}.tec-content.completed .container .question1-1{width:100%;padding:18px}.tec-content.completed .container .question1-1 .pink,.tec-content.completed .container .question1-1 .home{height:45px}.tec-content.completed .container .question1-1 .question-tab a{font-size:14px}.tec-content.completed .container .question1-1 .question-tab a i{margin-left:10px}.list.episode.question{flex:1}.list.episode.question .question1{width:100%}.list.episode.question .question1 a{width:100%}.tec-list.question-list ul li a{font-size:14px}.pagination.lesson ul li a{font-size:14px}.responsive-menu{position:fixed;top:58px;left:0;width:100%;height:calc(100% - 58px);background:var(--btn);z-index:99;overflow:auto;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:scale(0.95);transition:300ms all}.responsive-menu.active{opacity:1;visibility:visible;transform:scale(1)}.responsive-menu .r-menu ul li{border-bottom:1px solid rgba(255,255,255,.1)}.responsive-menu .r-menu ul li:last-child{border-bottom:none}.responsive-menu .r-menu ul li a{display:flex;align-items:center;font-size:15px;color:#fff;height:50px}.responsive-menu .r-menu ul li a .icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.responsive-menu .r-menu ul li a .icon i{font-size:20px}.responsive-menu .r-menu ul li h3{font-size:16px;font-weight:700;margin-bottom:0;padding:15px;color:#fff;text-align:left;background:var(--home)}.responsive-menu .r-menu ul li ul{display:none;background:rgba(255,255,255,.1)}.responsive-menu .r-menu ul li ul li a{padding-left:15px}.responsive-menu .r-menu ul li:hover>ul{display:block}.responsive-menu .r-action{margin-top:auto;padding-top:20px;padding-bottom:10px}.responsive-menu .r-action ul{display:flex}.responsive-menu .r-action ul li{flex:1;padding:0 10px}.responsive-menu .r-action ul li a{border-radius:4px;display:flex;align-items:center;height:40px;background:var(--home);color:#fff;font-size:15px;justify-content:center}}/*# sourceMappingURL=style.css.map */

.snackbar-container {
    transition: all 500ms ease;
    transition-property: top, right, bottom, left, opacity;
    font-size: 16px;
    min-height: 14px;
    background-color: #070b0e;
    position: fixed;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    line-height: 22px;
    padding: 18px 24px;
    bottom: -100px;
    top: -100px;
    opacity: 0;
    z-index: 9999;
}
.snackbar-container p {
    font-size: 16px !important;
    font-weight: normal !important;
}
.snackbar-container.error {
    background: #DB2424 !important;
}

.snackbar-container .action {
    background: inherit;
    display: inline-block;
    border: none;
    font-size: inherit;
    text-transform: uppercase;
    color: #fff !important;
    opacity: 0.6;
    margin: 0 0 0 24px;
    padding: 0;
    min-width: min-content;
    cursor: pointer;
}

@media (min-width: 640px) {
    .snackbar-container {
        min-width: 288px;
        max-width: 568px;
        display: inline-flex;
        border-radius: 2px;
        margin: 24px;
    }
}
@media (max-width: 640px) {
    .snackbar-container {
        left: 0;
        right: 0;
        width: 100%;
    }
}
.snackbar-pos.bottom-center {
    top: auto !important;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.snackbar-pos.bottom-left {
    top: auto !important;
    bottom: 0;
    left: 0;
}

.snackbar-pos.bottom-right {
    top: auto !important;
    bottom: 0;
    right: 0;
}

.snackbar-pos.top-left {
    bottom: auto !important;
    top: 0;
    left: 0;
}

.snackbar-pos.top-center {
    bottom: auto !important;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.snackbar-pos.top-right {
    bottom: auto !important;
    top: 0;
    right: 0;
}

@media (max-width: 640px) {
    .snackbar-pos.bottom-center, .snackbar-pos.top-center {
        left: 0;
        transform: none;
    }
}

.submit-btn {
    background: var(--home);
    padding: 7px;
    margin-top: 10px;
    width: 400px;
    height: 40px;
    border-radius: 7px;
    box-shadow: 1px 1px 1px var(--color4);
    transition: 200ms all;
    color: var(--color-op);
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
button.loading {
    opacity: .4;
    pointer-events: none;
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup .popup-inner {
    width: 500px;
    background-color: #fff;
}
.popup .popup-inner .popup-title {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color);
}
.popup .popup-inner .popup-title h6 {
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
}
.popup .popup-inner .popup-title .popup-close {
    width: 59px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--secondary-color);
}
.popup .popup-inner .popup-title .popup-close svg {
    fill: var(--primary-color);
}
.popup .popup-inner .popup-content2 {
    padding: 25px;
}

.form-group {
    display: flex;
    margin-bottom: 20px;
    gap: 20px;
}
.form-group .form-element {
    flex: 1;
}
.form-group .form-element label {
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #2e4047;
    display: block;
}
.form-group .form-element input:not([type=checkbox]):not([type=radio]) {
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-weight: 600;
    color: #2e4047;
    border-bottom: 1px solid var(--secondary-color);
}
.form-group .form-element input:not([type=checkbox]):not([type=radio]):focus {
    border-bottom-color: var(--primary-color);
}
.form-group .form-element select {
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-weight: 600;
    color: #2e4047;
    background: #fff url(../img/select-arrow.svg) no-repeat calc(100% - 10px);
    border-bottom: 1px solid var(--secondary-color);
    appearance: none;
    cursor: pointer;
}
.form-group .form-element select:focus {
    border-bottom-color: var(--primary-color);
}
.form-group .form-element button {
    width: 100%;
    height: 50px;
    background: var(--primary-color);
    border-radius: 4px;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
}
.form-group .form-element .checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #2e4047;
    user-select: none;
}
.form-group .form-element .checkbox span {
    font-size: 14px;
    font-weight: normal;
}
.form-group .form-element .checkbox input {
    cursor: pointer;
    appearance: none;
    width: 25px;
    height: 25px;
    min-width: 25px;
    border-radius: 4px;
    border: 1px solid var(--border-color);
    margin-right: 10px;
}
.form-group .form-element .checkbox input:checked {
    background-color: var(--primary-color);
    background-image: url(../img/icon-check.svg);
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    border-color: var(--primary-color);
}
.form-group .or-text {
    text-align: center;
    border-bottom: 1px solid var(--secondary-color);
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.form-group .or-text span {
    position: relative;
    top: 50%;
    padding: 0 15px;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    color: #b2b8bb;
}
.form-group .actions {
    display: flex;
    justify-content: center;
    width: 100%;
}
.form-group .actions a {
    color: var(--primary-color);
    font-size: 15px;
}