<<<<<<< HEAD *,:after,:before{box-sizing:border-box;scroll-behavior:auto}body{overflow-X:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#52565b;color:"";font-family:Poppins,sans-serif;font-size:15px;font-weight:400;line-height:1.75;outline:none;visibility:visible}body[dir=rtl]{text-align:right}h1,h2,h3,h4,h5,h6{color:#2c241b;font-family:Poppins,sans-serif;font-weight:0;line-height:1.1;margin-bottom:0}h1{font-size:36px}@media only screen and (max-width:767px){h1{font-size:30px}}h2{font-size:30px}@media only screen and (max-width:767px){h2{font-size:24px}}h3{font-size:24px}@media only screen and (max-width:767px){h3{font-size:20px}}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}p{margin-bottom:0}a,button{color:inherit;cursor:pointer;display:inline-block;line-height:inherit;text-decoration:none}a,button,img,input{outline:0;transition:all .3s linear}a:focus,button:focus,img:focus,input:focus{outline:0}a:focus{color:inherit;outline:none}a:focus,a:hover{text-decoration:none}a:hover{color:red}ol,ul{list-style:none;margin:0;padding:0}button,input[type=submit]{cursor:pointer}img{max-width:100%}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1}input:-moz-placeholder,input::-moz-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder{opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1}.main-wrapper,.section{float:left;width:100%}@media only screen and (min-width:1200px){.container{max-width:1200px}}.tab-content{width:100%}.tab-content .tab-pane{display:block;height:0;max-width:100%;opacity:0;overflow:hidden;visibility:hidden}.tab-content .tab-pane.active{height:auto;opacity:1;overflow:visible;visibility:visible}.section-padding{padding-bottom:140px;padding-top:140px}@media only screen and (min-width:992px) and (max-width:1199px){.section-padding{padding-bottom:100px;padding-top:100px}}@media only screen and (min-width:768px) and (max-width:991px){.section-padding{padding-bottom:80px;padding-top:80px}}@media only screen and (max-width:767px){.section-padding{padding-bottom:60px;padding-top:60px}}.section-padding-02{padding-top:140px}@media only screen and (min-width:992px) and (max-width:1199px){.section-padding-02{padding-top:100px}}@media only screen and (min-width:768px) and (max-width:991px){.section-padding-02{padding-top:80px}}@media only screen and (max-width:767px){.section-padding-02{padding-top:60px}}.bg-grey{background-color:#f8f6f4}.section-title{padding:25px 0;position:relative;text-align:center;z-index:1}@media only screen and (max-width:767px){.section-title{padding:44px 0}}.section-title:before{background-image:url(/images/shape-6.png?0a32b64cb857f8f799801cc00d4f956e);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:280px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px;z-index:-1}.section-title .sub-title{color:red;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}@media only screen and (max-width:767px){.section-title .sub-title{font-size:13px}}.section-title .main-title{font-size:57px;line-height:1.1;margin-top:23px}@media only screen and (max-width:767px){.section-title .main-title{font-size:36px}}@media only screen and (max-width:575px){.section-title .main-title{font-size:24px}}.section-title p{color:#50605c;font-size:19px;font-weight:500;margin-top:22px}@media only screen and (max-width:767px){.section-title p{font-size:16px}}.section-title.section-title-white .sub-title{color:#fea200}.section-title.section-title-white .main-title{color:#fff}.section-title.shape-none{padding:0}.section-title.shape-none:before{display:none}.overlay{background-color:#000;height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s linear;visibility:hidden;width:100%;z-index:99}.overlay.open{opacity:.7;visibility:visible}.page-pagination{padding-top:60px}.page-pagination .pagination li{margin-right:12px}.page-pagination .pagination li:last-child{margin-right:0}.page-pagination .pagination li a{background-color:#f8f6f4;border-radius:2px;color:#2c241b;display:block;font-size:15px;font-weight:500;height:60px;line-height:60px;text-align:center;transform:all .3s linear;width:60px}@media only screen and (max-width:575px){.page-pagination .pagination li a{font-size:14px;height:40px;line-height:40px;width:40px}}.page-pagination .pagination li a.active,.page-pagination .pagination li a:hover{background-color:#00c1f8;color:#fff}.animation-left{animation:left 5s linear 0s infinite normal forwards}@keyframes left{0%{transform:translateX(0)}50%{transform:translateX(-40px)}to{transform:translateX(0)}}.animation-right{animation:right 5s linear 0s infinite normal forwards}@keyframes right{0%{transform:translateX(0)}50%{transform:translateX(40px)}to{transform:translateX(0)}}.animation-up{animation:up 5s linear 0s infinite normal forwards}@keyframes up{0%{transform:translateY(0)}50%{transform:translateY(-40px)}to{transform:translateY(0)}}.animation-down{animation:down 5s linear 0s infinite normal forwards}@keyframes down{0%{transform:translateY(0)}50%{transform:translateY(40px)}to{transform:translateY(0)}}.animation-rotate{animation:rotate 5s linear 0s infinite normal forwards}@keyframes rotate{0%{transform:rotate(0deg)}50%{transform:rotate(-15deg)}to{transform:rotate(0deg)}}blockquote{background-color:red;overflow:hidden;padding:40px 50px;position:relative;text-align:center;z-index:1}@media only screen and (max-width:575px){blockquote{padding:20px 25px}}blockquote:not(:first-child){margin-top:25px}blockquote:not(:last-child){margin-bottom:25px}blockquote i{color:#fff;font-size:150px;left:50%;line-height:1;opacity:.1;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1}blockquote p{color:#fff!important;display:inline;font-family:Poppins,sans-serif;font-size:20px!important;font-style:italic;font-weight:500;line-height:1.35}@media only screen and (max-width:575px){blockquote p{font-size:18px!important}}blockquote .shape{bottom:-150px;left:-45px;position:absolute;z-index:-1}label{display:block;font-weight:400;line-height:1;margin-bottom:10px;text-transform:capitalize}input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]),textarea{background-color:#fff;border:1px solid rgba(0,193,248,.2);border-radius:2px;box-shadow:none;color:#999;font-size:15px;font-weight:400;line-height:30px;margin-bottom:0;margin-top:20px;max-width:100%;padding:10px 25px;transition:all .3s linear;width:100%}input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):focus,textarea:focus{border-color:#00c1f8;outline:none}textarea{height:280px;resize:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f7f7f7;background-position:calc(100% - 25px) 50%;background-repeat:no-repeat;border:none;border-radius:0;color:#52565b;font-family:Poppins,sans-serif;font-weight:300;height:50px;line-height:24px;max-width:500px;padding:10px 44px 10px 21px;width:100%}.reviews-rating{margin-top:15px}.reviews-rating label{color:#52565b;display:block;font-size:14px;font-weight:400;margin-bottom:0}.reviews-rating .rating{display:flex;margin-top:5px}.reviews-rating .rating li{color:#d0d0d0;cursor:pointer;font-size:16px;margin:0 2px}.reviews-rating .rating li i{transition:all .3s linear}.reviews-rating .rating li i.hover,.reviews-rating .rating li i.star{color:#ffba00}.btn-wrap{display:flex;flex-wrap:wrap;margin:-5px}.btn-wrap .btn{margin:5px}.btn{background-color:transparent;border:0 solid transparent;border-radius:10px;box-shadow:none;color:#52565b;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;height:55px;line-height:55px;overflow:hidden;padding:0 40px;position:relative;text-transform:capitalize;transition:all .3s ease 0s}.btn:active,.btn:focus{box-shadow:none!important}.btn-group{display:inline-flex;flex-wrap:wrap}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:4px 0 0 4px}.btn-group .btn:last-child{border-radius:0 4px 4px 0}.btn-round{border-radius:100px}.btn-square{border-radius:0}[class*=btn-icon-] i{background-color:rgba(0,0,0,.1);height:60px;line-height:28px;padding:15px;position:absolute;text-align:center;top:0;width:60px}.btn-icon-left{padding-left:69px}.btn-icon-left i{left:0;right:auto}.btn-icon-right{padding-right:69px}.btn-icon-right i{left:auto;right:0}.btn-box{flex:1 0 50px;padding:10px;text-align:center;width:50px}.btn-box i{display:block;line-height:24px}.btn-primary,.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background:red;color:#fff}.btn-primary:disabled{background-color:rgba(255,0,0,.4);color:#fff}.btn-secondary,.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background:#00c1f8;color:#fff}.btn-secondary:disabled{background-color:rgba(0,193,248,.4);color:#fff}.btn-success{background:#219653;color:#fff}.btn-success:active,.btn-success:focus,.btn-success:hover{background:#219653;background-color:#219653;border-color:#219653;color:#fff}.btn-success:disabled{background-color:rgba(33,150,83,.4);color:#fff}.btn-danger,.btn-danger:active,.btn-danger:focus,.btn-danger:hover{background:red;color:#fff}.btn-danger:disabled{background-color:rgba(255,0,0,.4);color:#fff}.btn-warning{background:#f7c800;color:#fff}.btn-warning:active,.btn-warning:focus,.btn-warning:hover{color:#fff}.btn-info,.btn-info:active,.btn-info:focus,.btn-info:hover{background:#107bf9;color:#fff}.btn-info:disabled{background-color:rgba(16,123,249,.4);color:#fff}.btn-light,.btn-light:active,.btn-light:focus,.btn-light:hover{background-color:#fff;border-color:#fff;color:#2c241b}.btn-dark,.btn-dark:active,.btn-dark:focus,.btn-dark:hover{background-color:#000;border-color:#000;color:#fff}.btn-white,.btn-white:active,.btn-white:focus,.btn-white:hover{background-color:#fff;border-color:#fff;color:#000}.btn-hover-primary:hover{background-color:red;border-color:red;color:#fff}.btn-hover-secondary:hover{background-color:#00c1f8;border-color:#00c1f8;color:#fff}.btn-hover-success:hover{background-color:#219653;border-color:#219653;color:#fff}.btn-hover-danger:hover{background-color:red;border-color:red;color:#fff}.btn-hover-warning:hover{background-color:#f7c800;border-color:#f7c800;color:#2c241b}.btn-hover-info:hover{background-color:#107bf9;border-color:#107bf9;color:#fff}.btn-hover-light:hover{background-color:#fff;border-color:#fff;color:#2c241b}.btn-hover-dark:hover{background-color:#000;border-color:#000;color:#fff}.btn-hover-white:hover{background-color:#fff;border-color:#fff;color:#000}.btn-android{background-color:#7ac157;border-color:#7ac157;color:#fff}.btn-android:hover{background-color:#6bba45;border-color:#6bba45}.btn-apple{background-color:#b8b8b8;border-color:#b8b8b8;color:#fff}.btn-apple:hover{background-color:#ababab;border-color:#ababab}.btn-behance{background-color:#1869ff;border-color:#1869ff;color:#fff}.btn-behance:hover{background-color:#0059fe;border-color:#0059fe}.btn-codepen{color:#fff}.btn-codepen,.btn-codepen:hover{background-color:#000;border-color:#000}.btn-dribbble{background-color:#ea4c8a;border-color:#ea4c8a;color:#fff}.btn-dribbble:hover{background-color:#e7357b;border-color:#e7357b}.btn-dropbox{background-color:#007ee5;border-color:#007ee5;color:#fff}.btn-dropbox:hover{background-color:#0070cc;border-color:#0070cc}.btn-evernote{background-color:#78d525;border-color:#78d525;color:#fff}.btn-evernote:hover{background-color:#6cbf21;border-color:#6cbf21}.btn-facebook{background-color:#4867aa;border-color:#4867aa;color:#fff}.btn-facebook:hover{background-color:#405c98;border-color:#405c98}.btn-github{background-color:#313131;border-color:#313131;color:#fff}.btn-github:hover{background-color:#242424;border-color:#242424}.btn-google-drive{background-color:#1da462;border-color:#1da462;color:#fff}.btn-google-drive:hover{background-color:#198e55;border-color:#198e55}.btn-google-earth{background-color:#4285f4;border-color:#4285f4;color:#fff}.btn-google-earth:hover{background-color:#2a75f3;border-color:#2a75f3}.btn-google-glass{background-color:#ea4335;border-color:#ea4335;color:#fff}.btn-google-glass:hover{background-color:#e82e1e;border-color:#e82e1e}.btn-google-maps{background-color:#5083c3;border-color:#5083c3;color:#fff}.btn-google-maps:hover{background-color:#4076ba;border-color:#4076ba}.btn-google-play{background-color:#01b9fd;border-color:#01b9fd;color:#fff}.btn-google-play:hover{background-color:#01a6e4;border-color:#01a6e4}.btn-google-plus{background-color:#dd5144;border-color:#dd5144;color:#fff}.btn-google-plus:hover{background-color:#d93d2e;border-color:#d93d2e}.btn-google{background-color:#4285f4;border-color:#4285f4;color:#fff}.btn-google:hover{background-color:#2a75f3;border-color:#2a75f3}.btn-instagram{background-color:#b23a94;border-color:#b23a94;color:#fff}.btn-instagram:hover{background-color:#9f3484;border-color:#9f3484}.btn-css3{background-color:#0277bd;border-color:#0277bd;color:#fff}.btn-css3:hover{background-color:#0267a4;border-color:#0267a4}.btn-html5{background-color:#e44d26;border-color:#e44d26;color:#fff}.btn-html5:hover{background-color:#d6411b;border-color:#d6411b}.btn-javascript{background-color:#f9dc3d;border-color:#f9dc3d;color:#fff}.btn-javascript:hover{background-color:#f8d824;border-color:#f8d824}.btn-python{background-color:#0c9dbf;border-color:#0c9dbf;color:#fff}.btn-python:hover{background-color:#0a89a7;border-color:#0a89a7}.btn-lastfm{background-color:#e31b23;border-color:#e31b23;color:#fff}.btn-lastfm:hover{background-color:#cc181f;border-color:#cc181f}.btn-linkedin{background-color:#007bb6;border-color:#007bb6;color:#fff}.btn-linkedin:hover{background-color:#006a9d;border-color:#006a9d}.btn-paypal{background-color:#002f86;border-color:#002f86;color:#fff}.btn-paypal:hover{background-color:#00266d;border-color:#00266d}.btn-pinterest{background-color:#bd081b;border-color:#bd081b;color:#fff}.btn-pinterest:hover{background-color:#a50718;border-color:#a50718}.btn-pocket{background-color:#ef3e56;border-color:#ef3e56;color:#fff}.btn-pocket:hover{background-color:#ed2641;border-color:#ed2641}.btn-polymer{background-color:#f87292;border-color:#f87292;color:#fff}.btn-polymer:hover{background-color:#f75a7f;border-color:#f75a7f}.btn-rss{background-color:#f99c3a;border-color:#f99c3a;color:#fff}.btn-rss:hover{background-color:#f89021;border-color:#f89021}.btn-share{background-color:#2c9cff;border-color:#2c9cff;color:#fff}.btn-share:hover{background-color:#1390ff;border-color:#1390ff}.btn-stackoverflow{background-color:#f38024;border-color:#f38024;color:#fff}.btn-stackoverflow:hover{background-color:#f0720d;border-color:#f0720d}.btn-steam{background-color:#15497b;border-color:#15497b;color:#fff}.btn-steam:hover{background-color:#113c65;border-color:#113c65}.btn-twitter{background-color:#1da1f2;border-color:#1da1f2;color:#fff}.btn-twitter:hover{background-color:#0d95e8;border-color:#0d95e8}.btn-vk{background-color:#5181b8;border-color:#5181b8;color:#fff}.btn-vk:hover{background-color:#4574aa;border-color:#4574aa}.btn-wikipedia{background-color:#e9e9e9;border-color:#e9e9e9;color:#2c241b}.btn-wikipedia:hover{background-color:#dcdcdc;border-color:#dcdcdc}.btn-windows{background-color:#0078d6;border-color:#0078d6;color:#fff}.btn-windows:hover{background-color:#006abd;border-color:#006abd}.btn-500px{color:#fff}.btn-500px,.btn-500px:hover{background-color:#000;border-color:#000}.btn-8tracks{background-color:#122d4b;border-color:#122d4b;color:#fff}.btn-8tracks:hover{background-color:#0d2136;border-color:#0d2136}.btn-amazon{background-color:#f79b34;border-color:#f79b34;color:#fff}.btn-amazon:hover{background-color:#f68f1b;border-color:#f68f1b}.btn-blogger{background-color:#f06a35;border-color:#f06a35;color:#fff}.btn-blogger:hover{background-color:#ee581d;border-color:#ee581d}.btn-delicious{background-color:#0000fe;border-color:#0000fe;color:#fff}.btn-delicious:hover{background-color:#0000e5;border-color:#0000e5}.btn-disqus{background-color:#2e9efe;border-color:#2e9efe;color:#fff}.btn-disqus:hover{background-color:#1592fe;border-color:#1592fe}.btn-flattr{background-color:#7ab831;border-color:#7ab831;color:#fff}.btn-flattr:hover{background-color:#6da42c;border-color:#6da42c}.btn-flickr{background-color:#fe0084;border-color:#fe0084;color:#fff}.btn-flickr:hover{background-color:#e50077;border-color:#e50077}.btn-odnoklassniki{background-color:#f58220;border-color:#f58220;color:#fff}.btn-odnoklassniki:hover{background-color:#f1750b;border-color:#f1750b}.btn-outlook{background-color:#0072c6;border-color:#0072c6;color:#fff}.btn-outlook:hover{background-color:#0063ad;border-color:#0063ad}.btn-playstation{background-color:#07418e;border-color:#07418e;color:#fff}.btn-playstation:hover{background-color:#063676;border-color:#063676}.btn-reddit{background-color:#ff4500;border-color:#ff4500;color:#fff}.btn-reddit:hover{background-color:#e63e00;border-color:#e63e00}.btn-skype{background-color:#00a9f0;border-color:#00a9f0;color:#fff}.btn-skype:hover{background-color:#0097d7;border-color:#0097d7}.btn-slideshare{background-color:#0077b5;border-color:#0077b5;color:#fff}.btn-slideshare:hover{background-color:#00669c;border-color:#00669c}.btn-soundcloud{background-color:#fe4900;border-color:#fe4900;color:#fff}.btn-soundcloud:hover{background-color:#e54200;border-color:#e54200}.btn-tumblr{background-color:#36465d;border-color:#36465d;color:#fff}.btn-tumblr:hover{background-color:#2d3a4d;border-color:#2d3a4d}.btn-twitch{background-color:#6441a4;border-color:#6441a4;color:#fff}.btn-twitch:hover{background-color:#593a92;border-color:#593a92}.btn-vimeo{background-color:#1ab7ea;border-color:#1ab7ea;color:#fff}.btn-vimeo:hover{background-color:#14a7d7;border-color:#14a7d7}.btn-whatsapp{background-color:#189d0e;border-color:#189d0e;color:#fff}.btn-whatsapp:hover{background-color:#14860c;border-color:#14860c}.btn-xbox{background-color:#107c0f;border-color:#107c0f;color:#fff}.btn-xbox:hover{background-color:#0d650c;border-color:#0d650c}.btn-yahoo{background-color:#4101af;border-color:#4101af;color:#fff}.btn-yahoo:hover{background-color:#380196;border-color:#380196}.btn-youtube{background-color:#fe0000;border-color:#fe0000;color:#fff}.btn-youtube:hover{background-color:#e50000;border-color:#e50000}.status-btn{border-radius:30px;font-size:14px;font-weight:400;padding:7px 15px}.status-btn.active-btn,.status-btn.close-btn,.status-btn.primary-btn{background:rgba(255,0,0,.1);color:red!important}.status-btn.warning-btn{background:rgba(247,200,0,.1);color:#f7c800!important}.status-btn.info-btn{background:rgba(16,123,249,.1);color:#107bf9!important}.status-btn.success-btn{background:rgba(33,150,83,.1);color:#219653!important}.status-btn.secondary-btn{background:rgba(0,193,248,.1);color:#00c1f8!important}.status-btn.dark-btn{background:rgba(0,0,0,.1);color:#000!important}.status-btn.orange-btn{background:rgba(242,153,74,.1);color:#f2994a!important}.modal .modal-dialog{max-width:900px}@media only screen and (min-width:768px) and (max-width:991px){.modal .modal-dialog{max-width:660px}}@media only screen and (max-width:767px){.modal .modal-dialog{max-width:540px}}@media only screen and (max-width:575px){.modal .modal-dialog{margin:0 auto;max-width:90%}}.modal .modal-dialog .modal-content .modal-header{padding:12px 16px}.modal .modal-dialog .modal-content .modal-header .modal-title{color:#2c241b;font-family:Poppins,sans-serif;font-size:22px;font-weight:500;margin-bottom:0}.modal .modal-dialog .modal-content .reviews-form{padding-top:0}.header-main{background-color:#fff;left:0;position:absolute;top:0;width:100%;z-index:99}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.header-main{padding:15px 0}}.header-wrapper{align-items:center;display:flex;justify-content:space-between}@media only screen and (max-width:575px){.header-logo a img{width:50px}}.header-menu{align-items:center;display:flex}.header-menu ul{display:flex}.header-menu ul li{padding:36px 0;position:relative}.header-menu ul li+li{margin-left:50px}@media only screen and (min-width:992px) and (max-width:1199px){.header-menu ul li+li{margin-left:30px}}.header-menu ul li a{color:#2c241b;font-size:16px;font-weight:500;transition:all .3s linear}.header-menu ul li a.active{color:red}.header-menu ul li ul{display:block}.header-menu ul li ul li{margin:0;padding:0}.header-menu ul li:hover a:hover{color:red}.header-menu ul li:hover>.sub-menu{opacity:1;top:100%;visibility:visible}@media only screen and (min-width:1200px) and (max-width:1499px),only screen and (min-width:992px) and (max-width:1199px){.header-menu ul li:last-of-type ul li .sub-menu,.header-menu ul li:nth-last-of-type(2) ul li .sub-menu{left:auto;right:100%}}.header-menu .sub-menu{background-color:#fff;border-top:2px solid red;box-shadow:2px 2px 20px rgba(0,0,0,.1);left:0;opacity:0;padding:6px 0;position:absolute;top:110%;transition:all .3s linear;visibility:hidden;width:220px;z-index:9}.header-menu .sub-menu li a{font-size:15px;padding:6px 20px}.header-menu .sub-menu li .sub-menu{left:100%;opacity:0;top:0;transition:all .3s linear;visibility:hidden}.header-menu .sub-menu li:hover .sub-menu{opacity:1;top:-8px;visibility:visible}.header-btn{margin-left:60px}@media only screen and (min-width:992px) and (max-width:1199px){.header-btn{margin-left:40px}}.header-toggle{align-items:center;display:flex}.header-toggle .menu-toggle{margin-left:30px}@media only screen and (max-width:575px){.header-toggle .menu-toggle{margin-left:15px}}.header-toggle .menu-toggle span{background-color:#2c241b;display:block;height:2px;margin:5px 0;width:26px}.sticky{animation:sticky 1s;box-shadow:2px 4px 8px rgba(33,40,50,.15);position:fixed}@keyframes sticky{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.mobile-menu{background-color:#fff;height:100%;left:-305px;overflow:auto;padding-top:30px;position:fixed;top:0;transition:all .3s linear;width:300px;z-index:999}.mobile-menu.open{left:0}.mobile-menu .menu-close{color:#2c241b;font-size:30px;position:absolute;right:25px;top:20px}.mobile-menu-items{padding:30px 0}.mobile-menu-items ul li{position:relative}.mobile-menu-items ul li a{background:none;border:0;color:#2c241b;display:block;font-size:15px;font-weight:500;padding:10px 20px;text-align:left;width:100%}.mobile-menu-items ul li .mobile-menu-expand{cursor:pointer;height:16px;position:absolute;right:20px;top:12px;width:16px}.mobile-menu-items ul li .mobile-menu-expand:before{background-color:#2c241b;content:"";height:1px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.mobile-menu-items ul li .mobile-menu-expand:after{background-color:#2c241b;bottom:0;content:"";height:100%;left:50%;position:absolute;transform:translateX(-50%);width:1px}.mobile-menu-items ul li.active-expand>.mobile-menu-expand:after{height:0}.mobile-menu-items ul li ul{border-top:0}.mobile-menu-items ul li ul li a{padding-left:12%}.mobile-menu-items ul li ul li ul li a{padding-left:24%}.profile-box{display:flex;position:relative}.profile-box button{width:auto}.profile-box .dropdown-menu{width:230px}.profile-box .dropdown-menu.dropdown-menu-end{transform:translate3d(0,60px,0)}.profile-box .dropdown-menu li{border-bottom:none}.profile-box .dropdown-menu li a{align-items:center;display:flex;font-size:14px}.profile-box .dropdown-menu li a i{font-weight:700;margin-right:15px}.login-header{background-color:#00c1f8}.login-header-wrapper.navbar{padding:0}.login-header-logo{background-color:#073f31;padding:25px}.login-header-logo a+a{margin-left:15px}@media only screen and (max-width:575px){.login-header-logo a+a{display:none}}.login-header-logo.logo-2{background-color:#073f31;margin-right:50px;padding:35px 50px}@media only screen and (min-width:768px) and (max-width:991px){.login-header-logo.logo-2{margin-right:20px;padding:30px 20px}}@media only screen and (max-width:767px){.login-header-logo.logo-2{margin-right:30px;padding:20px}}.login-header-search{margin-left:auto;margin-right:30px;position:relative;width:500px}@media only screen and (min-width:992px) and (max-width:1199px){.login-header-search{width:400px}}@media only screen and (min-width:768px) and (max-width:991px){.login-header-search{width:350px}}@media only screen and (max-width:767px){.login-header-search{margin-right:0;position:static;width:auto}}.login-header-search .search-input{background:none;border:0;border-radius:0;display:block;padding:0;position:relative;z-index:11}@media only screen and (max-width:767px){.login-header-search .search-input{align-items:center;background-color:#28313d;display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:113}}.login-header-search .search-input input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]){background-color:#073f31;border:0;border-radius:50px;color:#fff;font-size:16px;font-weight:400;height:60px;margin-top:0;outline:none;padding:0 53px 0 30px;transition:all .3s linear;width:100%}.login-header-search .search-input input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder{opacity:1}.login-header-search .search-input input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder,.login-header-search .search-input input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder{opacity:1}.login-header-search .search-input input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder{opacity:1}.login-header-search .search-input.show{animation:sticky .3s;display:flex}.login-header-search button{background-color:transparent;border:0;border-radius:10px;color:#fff;font-size:16px;height:50px;line-height:48px;position:absolute;right:5px;text-align:center;top:5px;width:50px;z-index:112}@media only screen and (max-width:767px){.login-header-search button{font-size:24px;position:relative;right:0;top:0}}@media only screen and (max-width:575px){.login-header-search button{font-size:20px;position:relative;right:0;top:0}}.login-header-search.search-2{margin-left:0;margin-right:0}@media only screen and (max-width:767px){.login-header-search.search-2{margin-left:auto}}@keyframes search{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.login-header-action{align-items:center;display:flex;padding-right:25px}@media only screen and (max-width:767px){.login-header-action{padding-right:5px}}.login-header-action>*{margin:0 15px}@media only screen and (max-width:575px),only screen and (min-width:768px) and (max-width:991px){.login-header-action>*{margin:0 7px}}.login-header-action .notification{background:none;border:0;color:#fff;font-size:36px;padding:3px 0 0;position:relative}@media only screen and (min-width:768px) and (max-width:991px){.login-header-action .notification{font-size:28px}}@media only screen and (max-width:767px){.login-header-action .notification{font-size:24px}}@media only screen and (max-width:575px){.login-header-action .notification{font-size:22px}}.login-header-action .notification .active{background-color:red;border:2px solid #00c1f8;border-radius:5px;height:12px;position:absolute;right:3px;top:17px;width:12px}@media only screen and (max-width:575px){.login-header-action .notification .active{right:-2px}}.login-header-action .author img{border-radius:50%;width:60px}@media only screen and (min-width:768px) and (max-width:991px){.login-header-action .author img{width:50px}}@media only screen and (max-width:767px){.login-header-action .author img{width:45px}}.login-header-action .more{align-items:center;background-color:#fff;border:0;border-radius:50%;display:flex;height:36px;justify-content:center;width:36px}@media only screen and (min-width:768px) and (max-width:991px){.login-header-action .more{height:30px;width:30px}}@media only screen and (max-width:575px){.login-header-action .more{height:28px;width:28px}}.login-header-action .more span{background-color:#00c1f8;border-radius:50%;display:inline-block;height:4px;margin:0 1.5px;width:4px}@media only screen and (max-width:575px){.login-header-action .more span{height:3px;margin:0 1px;width:3px}}.login-header-action .dropdown .dropdown-menu{background-color:#fff;border:0;border-radius:10px;box-shadow:0 10px 30px 0 rgba(0,0,0,.1);left:auto;padding:10px;right:0;width:160px}.login-header-action .dropdown .dropdown-menu.dropdown-notification{padding:0;right:-150px;width:360px}@media only screen and (min-width:768px) and (max-width:991px){.login-header-action .dropdown .dropdown-menu.dropdown-notification{right:-110px}}@media only screen and (max-width:767px){.login-header-action .dropdown .dropdown-menu.dropdown-notification{right:-140px}}@media only screen and (max-width:575px){.login-header-action .dropdown .dropdown-menu.dropdown-notification{right:-90px;width:270px}}.login-header-action .dropdown .dropdown-menu li{border-bottom:1px solid #e0dddb}.login-header-action .dropdown .dropdown-menu li:last-child{border-bottom:0}.login-header-action .dropdown .dropdown-menu li>a{color:#2c241b;display:block;font-size:13px;font-weight:600;padding:9px 14px;transition:all .3s linear}.login-header-action .dropdown .dropdown-menu li>a:hover{color:red}.login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item{border-bottom:1px solid #e0dddb;display:flex;padding:20px 25px}@media only screen and (max-width:575px){.login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item{padding:10px 15px}}.login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item .notify-icon{border-radius:50%;display:inline-block;height:35px;line-height:35px;margin-right:10px;padding:0 9px;text-align:center;width:35px}@media only screen and (max-width:575px){.login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item .notify-icon{font-size:13px;height:30px;line-height:30px;padding:0 8px;width:30px}}.login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item .dropdown-body{flex:1}.login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item .dropdown-body p{font-size:14px;font-weight:400;margin-bottom:0;margin-top:5px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (max-width:575px){.login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item .dropdown-body p{width:150px}}.login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item .notify-time{border-radius:50%;color:#828690;display:inline-block;font-size:13px;height:35px;line-height:35px;padding-left:9px;text-align:center;white-space:nowrap;width:100%}@media only screen and (max-width:575px){.login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item .notify-time{font-size:12px}}.login-header-action .dropdown .dropdown-menu .all-notification{color:#2c241b;display:block;font-size:14px;font-weight:400;padding:15px 30px;text-align:center}.login-header-action.action-2{margin-left:auto}@media only screen and (max-width:767px){.login-header-action.action-2{margin-left:0}}.single-slider{background-position:50%;background-repeat:no-repeat;background-size:cover;height:940px;padding-bottom:105px;padding-top:100px;position:relative}@media only screen and (min-width:992px) and (max-width:1199px){.single-slider{height:780px}}@media only screen and (min-width:768px) and (max-width:991px){.single-slider{height:780px}}@media only screen and (max-width:767px){.single-slider{height:auto;padding-bottom:200px;padding-top:195px}}@media only screen and (max-width:575px){.single-slider{padding-bottom:140px;padding-top:135px}}.slider-content{max-width:600px}.slider-content .sub-title{color:red;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.slider-content .main-title{font-size:60px;font-weight:600;line-height:1;margin-top:16px}@media only screen and (min-width:992px) and (max-width:1199px){.slider-content .main-title{font-size:64px}}@media only screen and (min-width:768px) and (max-width:991px){.slider-content .main-title{font-size:64px}}@media only screen and (max-width:767px){.slider-content .main-title{font-size:56px}}@media only screen and (max-width:575px){.slider-content .main-title{font-size:36px;line-height:1.3}}.slider-content p{color:#2c241b;font-size:20px;font-weight:500;margin-top:30px}@media only screen and (max-width:575px){.slider-content p{font-size:16px}}.slider-content .btn{margin-top:30px}.slider-social{bottom:60px;left:0;position:absolute;width:100%}@media only screen and (max-width:575px){.slider-social{bottom:80px}}.slider-social .social-wrapper{align-items:center;display:flex}.slider-social .social-wrapper p{color:#2c241b;font-size:16px;font-weight:500;padding-right:5px;white-space:nowrap}@media only screen and (max-width:575px){.slider-social .social-wrapper p{font-size:14px}}.slider-social .social-wrapper .social{display:flex}.slider-social .social-wrapper .social li{margin-left:15px}@media only screen and (max-width:575px){.slider-social .social-wrapper .social li{margin-left:10px}}.slider-social .social-wrapper .social li a{border:1px solid rgba(10,77,60,.15);border-radius:50%;height:45px;line-height:43px;text-align:center;transition:all .3s linear;width:45px}@media only screen and (max-width:575px){.slider-social .social-wrapper .social li a{height:35px;line-height:33px;width:35px}}.slider-social .social-wrapper .social li a:hover{background-color:red;border-color:red;color:#fff}.animation-style-01 .slider-content{opacity:0}.animation-style-01.swiper-slide-active .slider-content{opacity:1}.animation-style-01.swiper-slide-active .slider-content .sub-title{animation-delay:.4s;animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUpBig}.animation-style-01.swiper-slide-active .slider-content .main-title{animation-delay:.8s;animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUpBig}.animation-style-01.swiper-slide-active .slider-content p{animation-delay:1.2s;animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUpBig}.animation-style-01.swiper-slide-active .slider-content .btn{animation-delay:1.6s;animation-duration:1s;animation-fill-mode:both;animation-name:fadeInUpBig}.animation-style-01.swiper-slide-active .slider-images{opacity:1}.animation-style-01.swiper-slide-active .slider-images img{animation-delay:1.2s;animation-duration:1.3s;animation-fill-mode:both;animation-name:fadeInUpBig}.slider-active{position:relative}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.slider-active .arrow{display:flex;flex-direction:row-reverse;justify-content:center}}.slider-active .swiper-button-next,.slider-active .swiper-button-prev{background-color:#266151;border-radius:50%;bottom:60px;color:#fff;font-size:15px;height:45px;margin-top:0;opacity:1;outline:none;top:auto;transition:all .3s linear;width:45px}@media only screen and (max-width:767px){.slider-active .swiper-button-next,.slider-active .swiper-button-prev{font-size:13px;height:35px;width:35px}}@media only screen and (max-width:575px){.slider-active .swiper-button-next,.slider-active .swiper-button-prev{bottom:20px;margin:0 5px}}.slider-active .swiper-button-next:after,.slider-active .swiper-button-prev:after{display:none}.slider-active .swiper-button-next:before,.slider-active .swiper-button-prev:before{border:1px solid rgba(0,193,248,.1);border-radius:50%;content:"";height:100%;opacity:0;position:absolute;transform:scale(0);transition:all .3s linear;visibility:hidden;width:100%}@media only screen and (max-width:767px){.slider-active .swiper-button-next:before,.slider-active .swiper-button-prev:before{display:none}}.slider-active .swiper-button-next:hover,.slider-active .swiper-button-prev:hover{background-color:red}.slider-active .swiper-button-next:hover:before,.slider-active .swiper-button-prev:hover:before{opacity:1;transform:scale(2);visibility:visible}.slider-active .swiper-button-next{right:70px}@media only screen and (min-width:992px) and (max-width:1199px){.slider-active .swiper-button-next{right:40px}}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.slider-active .swiper-button-next{right:20px}}@media only screen and (max-width:575px){.slider-active .swiper-button-next{left:50%;right:auto}}.slider-active .swiper-button-prev{left:auto;right:160px}@media only screen and (min-width:992px) and (max-width:1199px){.slider-active .swiper-button-prev{right:120px}}@media only screen and (min-width:768px) and (max-width:991px){.slider-active .swiper-button-prev{right:100px}}@media only screen and (max-width:767px){.slider-active .swiper-button-prev{right:70px}}@media only screen and (max-width:575px){.slider-active .swiper-button-prev{left:auto;right:50%}}.features-wrapper{margin-top:-50px}.features-wrapper .row>:nth-child(2n+2) .single-feature{border-left:1px solid #f3f0ec;border-right:1px solid #f3f0ec}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.features-wrapper .row>:nth-child(2n+2) .single-feature{border:0}}.single-feature{margin-top:50px;padding:0 25px;text-align:center}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.single-feature{margin-left:auto;margin-right:auto;max-width:380px}}.single-feature .feature-icon span{background-color:#f8f6f4;border-radius:50%;color:red;display:inline-block;font-size:70px;height:170px;line-height:175px;overflow:hidden;position:relative;text-align:center;transition:all .3s linear;transition-delay:.3s;width:170px;z-index:1}@media only screen and (max-width:575px){.single-feature .feature-icon span{font-size:60px;height:140px;line-height:145px;width:140px}}.single-feature .feature-icon span:before{background-color:red;border-radius:50%;bottom:-150px;content:"";height:100%;left:0;position:absolute;transition:all .3s linear;transition-delay:.3s;width:100%;z-index:-1}@media only screen and (max-width:575px){.single-feature .feature-icon span:before{bottom:-120px}}.single-feature .feature-icon span:after{background-color:#f7c800;border-radius:50%;bottom:-170px;content:"";height:100%;left:0;position:absolute;transition:all .3s linear;width:100%;z-index:-1}@media only screen and (max-width:575px){.single-feature .feature-icon span:after{bottom:-140px}}.single-feature .feature-content{padding-top:35px}.single-feature .feature-content .content-wrapper{background-color:#fff}.single-feature .feature-content .title{font-size:35px}@media only screen and (min-width:992px) and (max-width:1199px){.single-feature .feature-content .title{font-size:30px}}@media only screen and (max-width:575px){.single-feature .feature-content .title{font-size:24px}}.single-feature .feature-content p{margin-top:20px}.single-feature .feature-content .arrow{background-color:red;border-radius:50%;color:#fff;font-size:25px;height:60px;line-height:60px;margin-top:35px;opacity:0;position:relative;text-align:center;transition:all .3s linear;visibility:hidden;width:60px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.single-feature .feature-content .arrow{opacity:1;visibility:visible}}.single-feature .feature-content .arrow:hover{background-color:red}.single-feature.active .feature-icon span,.single-feature:hover .feature-icon span{color:#fff;transition-delay:0}.single-feature.active .feature-icon span:before,.single-feature:hover .feature-icon span:before{bottom:0;transition-delay:0}.single-feature.active .feature-icon span:after,.single-feature:hover .feature-icon span:after{bottom:-150px;transition-delay:.3s}@media only screen and (max-width:575px){.single-feature.active .feature-icon span:after,.single-feature:hover .feature-icon span:after{bottom:-120px}}.single-feature.active .feature-content .arrow,.single-feature:hover .feature-content .arrow{opacity:1;visibility:visible}.about-wrapper{margin-top:-50px}.about-images{margin-top:50px;position:relative}.about-images:before{background:linear-gradient(180deg,rgba(10,77,60,0),rgba(10,77,60,0) 50%,rgba(10,77,60,.6));bottom:0;content:"";height:100%;left:0;position:absolute;width:100%}.about-images .shape{animation:spin-1 8s linear infinite;left:-60px;position:absolute;top:-60px}@media only screen and (max-width:575px){.about-images .shape{left:-20px;top:-20px;width:100px}}.about-images .images img{width:100%}.about-images .about-btn{bottom:35px;left:0;position:absolute;text-align:center;width:100%}@keyframes spin-1{to{transform:rotate(1turn)}}.about-content{margin-top:50px;padding:100px 80px;position:relative}@media only screen and (max-width:767px),only screen and (min-width:992px) and (max-width:1199px){.about-content{padding:40px}}.about-content .shape{position:absolute;right:-50px;top:-30px}@media only screen and (max-width:575px){.about-content .shape{right:-20px;top:-10px;width:110px}}.about-content .sub-title{color:#0a4d3c;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;line-height:1.4;text-transform:uppercase}.about-content .main-title{font-size:57px;margin-top:23px}@media only screen and (min-width:992px) and (max-width:1199px){.about-content .main-title{font-size:44px}}@media only screen and (max-width:767px){.about-content .main-title{font-size:44px}}@media only screen and (max-width:575px){.about-content .main-title{font-size:24px}}.about-content .count{color:#0a4d3c;display:block;font-family:Poppins,sans-serif;font-size:30px;font-weight:500;line-height:1;margin-top:40px}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.about-content .count{font-size:24px}}.about-content p{margin-top:20px}.courses-wrapper{padding-top:40px}@media only screen and (max-width:767px){.courses-wrapper{padding-top:0}}.single-courses{margin-top:50px}.single-courses .courses-images a{display:block}.single-courses .courses-images a img{border-radius:10px;width:100%}.single-courses .courses-content{background-image:-ms-linear-gradient(-90deg,#f8f6f4 0,#fff 100%)}.single-courses .courses-content .courses-price{margin-top:-40px;position:relative;z-index:1}@media only screen and (max-width:767px){.single-courses .courses-content .courses-price{margin-top:-30px}}.single-courses .courses-content .courses-price .price{border-radius:50%;display:block;height:80px;margin:0 auto;text-align:center;width:80px}@media only screen and (max-width:767px){.single-courses .courses-content .courses-price .price{font-size:16px;height:60px;line-height:56px;width:60px}}.single-courses .courses-content .courses-price .price img{border-radius:50%}.single-courses .courses-content .content-wrapper{padding:30px 30px 25px}@media only screen and (max-width:767px){.single-courses .courses-content .content-wrapper{padding:20px 20px 15px}}.single-courses .courses-content .content-wrapper .author{color:#9b9ea1;font-weight:500}.single-courses .courses-content .content-wrapper .author a{color:#2c241b}.single-courses .courses-content .content-wrapper .title a{font-size:24px;font-weight:500;line-height:1.3;margin-top:10px}@media only screen and (max-width:767px){.single-courses .courses-content .content-wrapper .title a{font-size:20px}}.single-courses .courses-content .content-wrapper .meta{display:flex;margin-top:20px}.single-courses .courses-content .content-wrapper .meta li{color:#fea200;font-size:13px;position:relative}.single-courses .courses-content .content-wrapper .meta li+li{margin-left:35px}.single-courses .courses-content .content-wrapper .meta li+li:before{background-color:#00c1f8;border-radius:50%;content:"";height:4px;left:-15px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.courses-search-bar{background-color:#f8f6f4;display:flex;justify-content:space-between;padding:1px 20px 20px}.courses-search-bar .courses-select{background-color:#fff;border-radius:2px;height:60px;margin-top:19px;max-width:340px;padding-top:0;width:100%}.courses-search-bar .courses-select .nice-select{border:0;border-radius:2px;display:block;float:none;height:60px;padding-left:20px;padding-right:30px;width:100%}.courses-search-bar .courses-select .nice-select .current{color:#52565b;font-size:15px;line-height:60px}.courses-search-bar .courses-select .nice-select:after{border-color:#52565b;height:7px;right:20px;width:7px}.courses-search-bar .courses-select .nice-select .list{width:100%}.courses-search{background-color:#fff;border-radius:2px;height:60px;margin-top:19px;max-width:340px;overflow:hidden;position:relative;width:100%}.courses-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]){background-color:transparent;border:0;color:#52565b;font-size:15px;height:60px;margin-top:0;padding-left:20px;padding-right:65px;width:100%}.courses-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder{opacity:1}.courses-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder,.courses-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder{opacity:1}.courses-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder{opacity:1}.courses-search button{background-color:#00c1f8;border:0;border-radius:2px;color:#fff;height:50px;padding:0;position:absolute;right:5px;top:5px;width:50px}.courses-category-wrapper{background-color:#f8f6f4;border-radius:2px;padding:1px 20px 20px}@media only screen and (min-width:1200px) and (max-width:1499px),only screen and (min-width:1500px){.courses-category-wrapper{display:flex;flex-direction:row-reverse;justify-content:space-between}}@media only screen and (max-width:575px){.courses-category-wrapper{padding:1px 30px 30px}}.courses-category-wrapper .category-menu{display:flex;margin-left:-7px;margin-right:-7px;margin-top:4px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.courses-category-wrapper .category-menu{flex-wrap:wrap}}.courses-category-wrapper .category-menu li{padding:15px 7px 0}.courses-category-wrapper .category-menu li a{background-color:#fff;border:1px solid rgba(255,0,0,.2);border-radius:2px;color:#000;display:inline-block;font-size:15px;font-weight:500;height:60px;line-height:58px;padding:0 20px;text-align:center;transition:all .3s linear;width:160px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.courses-category-wrapper .category-menu li a{width:auto}}@media only screen and (max-width:575px){.courses-category-wrapper .category-menu li a{font-size:14px;height:50px;line-height:48px;padding:0 12px}}.courses-category-wrapper .category-menu li a.active,.courses-category-wrapper .category-menu li a:hover{background-color:red;border-color:red;color:#fff}.courses-category-wrapper .courses-search{margin-top:20px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.courses-category-wrapper .courses-search{max-width:none}}.courses-wrapper-02{padding-top:30px}.single-courses-02{border-radius:2px;margin-top:30px;transition:all .3s linear}.single-courses-02 .courses-images{position:relative}.single-courses-02 .courses-images a{display:block}.single-courses-02 .courses-images a img{border-radius:10px;width:100%}.single-courses-02 .courses-images .courses-option{position:absolute;right:10px;top:10px;z-index:2}.single-courses-02 .courses-images .courses-option .option-toggle{align-items:center;background-color:#fff;border:0;border-radius:50%;display:flex;height:35px;justify-content:center;width:35px}.single-courses-02 .courses-images .courses-option .option-toggle span{background-color:#00c1f8;border-radius:50%;display:block;height:4px;margin:0 1.5px;width:4px}.single-courses-02 .courses-images .courses-option .dropdown-menu{background-color:rgba(0,193,248,.9);border:0;border-radius:10px;left:auto!important;min-width:180px;padding:10px 20px;right:15px!important;top:20px!important;transform:translateZ(0)!important;z-index:-1}.single-courses-02 .courses-images .courses-option .dropdown-menu li{padding:5px 0}.single-courses-02 .courses-images .courses-option .dropdown-menu li a{color:#fff;font-size:13px;font-weight:400;white-space:nowrap}.single-courses-02 .courses-images .courses-option .dropdown-menu li a i{margin-right:5px}.single-courses-02 .courses-content{background-image:-ms-linear-gradient(-90deg,#f8f6f4 0,#fff 100%);padding:25px 30px}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.single-courses-02 .courses-content{padding:20px 25px}}.single-courses-02 .courses-content .author{color:#9b9ea1;font-size:15px;font-weight:500}.single-courses-02 .courses-content .author a{color:#2c241b}.single-courses-02 .courses-content .author a:hover{color:red}.single-courses-02 .courses-content .title a{color:#2c241b;display:inline-block;font-size:24px;font-weight:500;line-height:1.4;margin-top:13px}@media only screen and (min-width:992px) and (max-width:1199px){.single-courses-02 .courses-content .title a{font-size:18px}}@media only screen and (max-width:575px){.single-courses-02 .courses-content .title a{font-size:20px}}.single-courses-02 .courses-content .title a:hover{color:red}.single-courses-02 .courses-content .courses-rating{padding-top:15px}.single-courses-02 .courses-content .courses-rating p{color:#52565b;font-size:14px;font-weight:400;margin-bottom:0}.single-courses-02 .courses-content .courses-rating p a{color:red}.single-courses-02 .courses-content .courses-rating .rating-progress-bar{background-color:#d3ded7;height:3px;margin-top:10px;width:100%}.single-courses-02 .courses-content .courses-rating .rating-progress-bar .rating-line{background-color:#00c1f8;height:100%}.single-courses-02 .courses-content .courses-rating .rating-meta{align-items:center;display:flex;justify-content:space-between;padding-top:8px}.single-courses-02 .courses-content .courses-rating .rating-meta .rating-star{position:relative}.single-courses-02 .courses-content .courses-rating .rating-meta .rating-star:before{color:#d0d0d0;content:"\f000\f000\f000\f000\f000";font-family:IcoFont;font-size:14px;letter-spacing:2px}@media only screen and (min-width:992px) and (max-width:1199px){.single-courses-02 .courses-content .courses-rating .rating-meta .rating-star:before{font-size:13px;letter-spacing:1px}}.single-courses-02 .courses-content .courses-rating .rating-meta .rating-star .rating-bar{height:100%;left:0;overflow:hidden;position:absolute;top:0}.single-courses-02 .courses-content .courses-rating .rating-meta .rating-star .rating-bar:before{color:#ffba00;content:"\f000\f000\f000\f000\f000";font-family:IcoFont;font-size:14px;letter-spacing:2px}@media only screen and (min-width:992px) and (max-width:1199px){.single-courses-02 .courses-content .courses-rating .rating-meta .rating-star .rating-bar:before{font-size:13px;letter-spacing:1px}}.single-courses-02:hover{border-color:red}.testimonial-section{background-color:#0a4d3c;position:relative}.testimonial-section .shape-01{left:120px;position:absolute;top:100px}@media only screen and (min-width:768px) and (max-width:991px){.testimonial-section .shape-01{left:60px;top:50px;width:220px}}@media only screen and (max-width:767px){.testimonial-section .shape-01{left:30px;top:20px;width:180px}}@media only screen and (max-width:575px){.testimonial-section .shape-01{width:140px}}.testimonial-section .shape-02{position:absolute;right:16%;top:30%}@media only screen and (min-width:768px) and (max-width:991px){.testimonial-section .shape-02{right:12%;width:97px}}@media only screen and (max-width:767px){.testimonial-section .shape-02{right:12%;width:77px}}@media only screen and (max-width:575px){.testimonial-section .shape-02{width:57px}}.testimonial-wrapper{margin:70px auto 0;max-width:970px}@media only screen and (max-width:767px){.testimonial-wrapper{margin-top:30px}}.single-testimonial{padding:0 30px;text-align:center}@media only screen and (max-width:575px){.single-testimonial{padding:0 15px}}.single-testimonial .testimonial-author{display:inline-block;position:relative}.single-testimonial .testimonial-author img{border-radius:50%;width:85px}.single-testimonial .testimonial-author i{bottom:-33px;color:#fea200;font-size:56px;left:50%;line-height:1;position:absolute;transform:translateX(-50%)}.single-testimonial p{color:#fff;font-family:Poppins,sans-serif;font-size:25px;margin-top:55px}@media only screen and (max-width:767px){.single-testimonial p{font-size:18px}}@media only screen and (max-width:575px){.single-testimonial p{font-size:16px}}.single-testimonial .name{color:#fff;font-size:30px;margin-top:52px}@media only screen and (max-width:767px){.single-testimonial .name{font-size:24px;margin-top:32px}}.single-testimonial .designation{color:#fca100;display:block;font-size:11px;font-weight:500;letter-spacing:1px;margin-top:10px;text-transform:uppercase}.testimonial-active{position:relative}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.testimonial-active .arrow{display:flex;flex-direction:row-reverse;justify-content:center}}.testimonial-active .swiper-button-next,.testimonial-active .swiper-button-prev{background-color:#266151;border-radius:50%;bottom:75px;color:#fff;font-size:15px;height:55px;margin-top:0;opacity:1;outline:none;top:auto;transition:all .3s linear;width:55px}@media only screen and (min-width:992px) and (max-width:1199px){.testimonial-active .swiper-button-next,.testimonial-active .swiper-button-prev{bottom:60px}}@media only screen and (min-width:768px) and (max-width:991px){.testimonial-active .swiper-button-next,.testimonial-active .swiper-button-prev{bottom:0;margin:30px 10px 0;position:relative}}@media only screen and (max-width:767px){.testimonial-active .swiper-button-next,.testimonial-active .swiper-button-prev{bottom:0;height:45px;margin:30px 10px 0;position:relative;width:45px}}.testimonial-active .swiper-button-next:after,.testimonial-active .swiper-button-prev:after{display:none}.testimonial-active .swiper-button-next:before,.testimonial-active .swiper-button-prev:before{border:1px solid hsla(0,0%,100%,.1);border-radius:50%;content:"";height:100%;opacity:0;position:absolute;transform:scale(0);transition:all .3s linear;visibility:hidden;width:100%}.testimonial-active .swiper-button-next:hover,.testimonial-active .swiper-button-prev:hover{background-color:red}.testimonial-active .swiper-button-next:hover:before,.testimonial-active .swiper-button-prev:hover:before{opacity:1;transform:scale(2);visibility:visible}.testimonial-active .swiper-button-next{right:70px}@media only screen and (min-width:992px) and (max-width:1199px){.testimonial-active .swiper-button-next{right:40px}}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.testimonial-active .swiper-button-next{right:0}}.testimonial-active .swiper-button-prev{left:auto;right:180px}@media only screen and (min-width:992px) and (max-width:1199px){.testimonial-active .swiper-button-prev{right:120px}}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.testimonial-active .swiper-button-prev{right:auto}}.brand-wrapper{background-color:#f8f6f4;padding:150px 140px;position:relative}@media only screen and (min-width:1500px){.brand-wrapper{margin-left:-140px;margin-right:-140px}}@media only screen and (min-width:992px) and (max-width:1199px){.brand-wrapper{padding:100px 90px}}@media only screen and (min-width:768px) and (max-width:991px){.brand-wrapper{padding:60px 50px}}@media only screen and (max-width:767px){.brand-wrapper{padding:40px 30px}}.brand-wrapper .shape{position:absolute;right:-80px;top:90px}@media only screen and (min-width:768px) and (max-width:991px){.brand-wrapper .shape{right:-50px;top:50px;width:160px}}@media only screen and (max-width:767px){.brand-wrapper .shape{right:-40px;top:30px;width:100px}}@media only screen and (max-width:575px){.brand-wrapper .shape{right:-20px;top:15px;width:70px}}.brand-logo-wrapper{padding-top:90px}@media only screen and (max-width:767px){.brand-logo-wrapper{padding-top:40px}}.single-brand{display:inline-block;overflow:hidden;position:relative;text-align:center}.single-brand img{transition:all .3s linear}.single-brand .brand-hover{left:0;opacity:0;position:absolute;right:0;top:0;transform:translateY(100%);visibility:hidden}.single-brand:hover .brand{transform:translateY(-100%)}.single-brand:hover .brand-hover{opacity:1;transform:translateY(0);visibility:visible}.blog-wrapper{padding-top:30px}@media only screen and (min-width:1500px){.blog-wrapper{margin-left:-30px;margin-right:-30px}}@media only screen and (max-width:767px){.blog-wrapper{padding-top:10px}}.single-blog{align-items:center;background-color:#f8f6f4;display:flex;height:420px;margin-top:50px;padding:45px;transition:all .3s linear}@media only screen and (min-width:992px) and (max-width:1199px){.single-blog{padding:30px}}@media only screen and (max-width:767px){.single-blog{padding:20px}}.single-blog .blog .blog-date-meta{align-items:center;display:flex}.single-blog .blog .blog-date-meta span{background-color:#00c1f8;border-radius:2px;color:#fff;font-size:13px;height:80px;padding:17px 15px;text-align:center;transition:all .3s linear;width:80px}@media only screen and (max-width:767px),only screen and (min-width:992px) and (max-width:1199px){.single-blog .blog .blog-date-meta span{height:65px;padding:9px 10px;width:65px}}.single-blog .blog .blog-date-meta span strong{color:red;font-size:22px;font-weight:700;line-height:1;transition:all .3s linear}.single-blog .blog .meta{flex:1;padding-left:35px}@media only screen and (max-width:767px),only screen and (min-width:992px) and (max-width:1199px){.single-blog .blog .meta{padding-left:20px}}.single-blog .blog .meta .author{color:#9b9ea1;font-weight:700;transition:all .3s linear}.single-blog .blog .meta .author a{color:#2c241b;transition:all .3s linear}.single-blog .blog .meta ul{display:flex;padding-top:10px}.single-blog .blog .meta ul li{color:red;font-size:13px;position:relative;transition:all .3s linear;white-space:nowrap}.single-blog .blog .meta ul li+li{padding-left:35px}.single-blog .blog .meta ul li+li:before{background-color:#2c241b;border-radius:50%;content:"";height:4px;left:15px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s linear;width:4px}.single-blog .blog .title a{font-size:24px;font-weight:500;line-height:1.3;margin-top:30px;transition:all .3s linear}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.single-blog .blog .title a{font-size:20px}}.single-blog .blog>p{margin-top:15px;transition:all .3s linear}.single-blog:hover{background-color:#00c1f8}.single-blog:hover .blog .blog-date-meta span{background-color:#fff;color:#00c1f8}.single-blog:hover .blog .blog-date-meta span strong,.single-blog:hover .blog .meta .author{color:red}.single-blog:hover .blog .meta .author a{color:#fff}.single-blog:hover .blog .meta ul li{color:red}.single-blog:hover .blog .meta ul li+li:before{background-color:#fff}.single-blog:hover .blog .title a,.single-blog:hover .blog>p{color:#fff}.blog-wrapper-02{margin-top:-50px}.download-wrapper{background-color:red;border-radius:2px;overflow:hidden;padding:100px 50px;position:relative;z-index:1}@media only screen and (min-width:1500px){.download-wrapper{margin-left:-30px;margin-right:-30px}}@media only screen and (min-width:992px) and (max-width:1199px){.download-wrapper{padding:60px 40px}}@media only screen and (max-width:767px){.download-wrapper{padding:50px}}@media only screen and (max-width:575px){.download-wrapper{padding:30px}}.download-wrapper .shape-01{bottom:-75px;left:50px;position:absolute;z-index:-1}@media only screen and (min-width:768px) and (max-width:991px){.download-wrapper .shape-01{width:140px}}@media only screen and (max-width:575px){.download-wrapper .shape-01{bottom:-45px;left:15px;width:100px}}.download-wrapper .shape-02{position:absolute;right:40px;top:-50px;z-index:-1}@media only screen and (min-width:768px) and (max-width:991px){.download-wrapper .shape-02{width:120px}}@media only screen and (max-width:575px){.download-wrapper .shape-02{right:20px;width:80px}}.download-wrapper .section-title .main-title{color:#fff}.download-wrapper .download-app{padding-top:25px}.download-wrapper .download-app ul{display:flex;flex-wrap:wrap;justify-content:center}.download-wrapper .download-app ul li{padding:30px 15px 0}.download-wrapper .download-app ul li a{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 0 5px hsla(0,0%,100%,.15);display:flex;height:65px;justify-content:center;width:180px}@media only screen and (max-width:767px){.download-wrapper .download-app ul li a{height:50px;padding:0 20px;width:auto}.download-wrapper .download-app ul li a img{width:100px}}.download-section{background-color:red;overflow:hidden;position:relative;z-index:1}.download-section .shape-01{bottom:-75px;left:50px;position:absolute;z-index:-1}@media only screen and (min-width:768px) and (max-width:991px){.download-section .shape-01{width:140px}}@media only screen and (max-width:575px){.download-section .shape-01{bottom:-45px;left:15px;width:100px}}.download-section .shape-02{position:absolute;right:40px;top:-50px;z-index:-1}@media only screen and (min-width:768px) and (max-width:991px){.download-section .shape-02{width:120px}}@media only screen and (max-width:575px){.download-section .shape-02{right:20px;width:80px}}.download-app-wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.download-app-wrapper .section-title{max-width:630px;text-align:left}.download-app-wrapper .section-title .main-title{color:#fff;font-weight:400;margin-top:5px}.download-app-wrapper .download-app-btn{padding-top:25px}.download-app-wrapper .download-app-btn .app-btn{display:flex;flex-wrap:wrap}.download-app-wrapper .download-app-btn .app-btn li{padding:30px 15px 0}.download-app-wrapper .download-app-btn .app-btn li a{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 0 5px hsla(0,0%,100%,.15);display:flex;height:60px;justify-content:center;width:180px}@media only screen and (max-width:767px){.download-app-wrapper .download-app-btn .app-btn li a{height:50px;padding:0 20px;width:auto}.download-app-wrapper .download-app-btn .app-btn li a img{width:100px}}.page-banner-section{background-position:50%;background-repeat:no-repeat;background-size:cover;padding-top:100px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.page-banner-section{padding-top:80px}}.page-banner-content{padding-bottom:140px;padding-top:135px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.page-banner-content{padding-bottom:90px;padding-top:85px}}@media only screen and (max-width:575px){.page-banner-content{padding-bottom:60px;padding-top:55px}}.page-banner-content .page-title{font-size:58px;font-weight:600;line-height:1.25}@media only screen and (min-width:768px) and (max-width:991px){.page-banner-content .page-title{font-size:44px}}@media only screen and (max-width:767px){.page-banner-content .page-title{font-size:36px}}@media only screen and (max-width:575px){.page-banner-content .page-title{font-size:30px}}.page-banner-content .breadcrumb{margin-bottom:0;margin-top:10px}.page-banner-content .breadcrumb .breadcrumb-item{color:#2c241b;font-size:16px;font-weight:500}.page-banner-content .breadcrumb .breadcrumb-item+.breadcrumb-item:before{color:#2c241b;content:"//"}.page-banner-content .breadcrumb .breadcrumb-item.active{color:red}.our-mission-wrapper .content .sub-title{color:red;font-size:35px;font-weight:400}@media only screen and (min-width:992px) and (max-width:1199px){.our-mission-wrapper .content .sub-title{font-size:32px}}@media only screen and (max-width:575px){.our-mission-wrapper .content .sub-title{font-size:24px}}.our-mission-wrapper .content .main-title{font-size:57px;font-weight:400;margin-top:20px}@media only screen and (min-width:992px) and (max-width:1199px){.our-mission-wrapper .content .main-title{font-size:48px}}@media only screen and (max-width:575px){.our-mission-wrapper .content .main-title{font-size:30px}}.our-mission-wrapper .content p{margin-top:25px}@media only screen and (min-width:1200px) and (max-width:1499px),only screen and (min-width:1500px){.our-mission-wrapper .content-list{padding-left:70px}}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.our-mission-wrapper .content-list{padding-top:40px}}.our-mission-wrapper .content-list ul li{color:#2c241b;font-size:22px;font-weight:500;padding-left:40px;position:relative}@media only screen and (min-width:992px) and (max-width:1199px){.our-mission-wrapper .content-list ul li{font-size:20px}}@media only screen and (max-width:575px){.our-mission-wrapper .content-list ul li{font-size:16px;padding-left:20px}}.our-mission-wrapper .content-list ul li+li{margin-top:28px}.our-mission-wrapper .content-list ul li:before{background-color:red;border-radius:50%;content:"";height:9px;left:0;position:absolute;top:18px;width:9px}@media only screen and (max-width:575px){.our-mission-wrapper .content-list ul li:before{height:7px;top:12px;width:7px}}.our-mission-wrapper .content-list .btn{margin-left:40px;margin-top:40px}@media only screen and (max-width:575px){.our-mission-wrapper .content-list .btn{margin-left:20px;margin-top:30px}}.instructor-wrapper{padding-top:40px}@media only screen and (max-width:575px){.instructor-wrapper{padding-top:10px}}.single-instructor{margin-top:30px}.single-instructor .instructor-images img{width:100%}.single-instructor .instructor-content{background-image:-ms-linear-gradient(-90deg,#f8f6f4 0,#fff 100%);padding-bottom:30px;padding-top:30px;position:relative;text-align:center;transition:all .3s linear}.single-instructor .instructor-content .social{left:0;opacity:0;padding-bottom:25px;position:absolute;top:30px;transition:all .3s linear;visibility:hidden;width:100%}.single-instructor .instructor-content .social a{border:1px solid rgba(0,0,0,.15);border-radius:50%;height:45px;line-height:43px;margin:0 7px;transition:all .3s linear;width:45px}.single-instructor .instructor-content .social a:hover{background-color:red;border-color:red;color:#fff}.single-instructor .instructor-content .designation{color:red;font-size:14px}.single-instructor .instructor-content .name{font-size:28px;font-weight:500;margin-top:15px}@media only screen and (max-width:575px){.single-instructor .instructor-content .name{font-size:22px}}.single-instructor:hover .instructor-content{margin-top:-70px;padding-top:100px}.single-instructor:hover .instructor-content .social{opacity:1;visibility:visible}.instructor-btn{padding-top:60px;text-align:center}.courses-details-wrapper{margin-top:-50px}.courses-details{margin-top:50px}.courses-details .courses-details-images{border-radius:10px;overflow:hidden;position:relative}.courses-details .courses-details-images img{width:100%}.courses-details .courses-details-images .tags{background-color:#ffba00;border-radius:10px;bottom:20px;color:#fff;display:inline-block;font-size:14px;font-weight:400;height:35px;left:20px;line-height:35px;padding:0 25px;position:absolute}@media only screen and (max-width:575px){.courses-details .courses-details-images .tags{font-size:12px;height:30px;line-height:30px;padding:0 15px}}.courses-details .courses-details-images .courses-play{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.courses-details .courses-details-images .courses-play .play{background-color:red;border-radius:50%;color:#fff;font-size:16px;height:85px;line-height:81px;text-align:center;width:85px}@media only screen and (max-width:575px){.courses-details .courses-details-images .courses-play .play{font-size:16px;height:60px;line-height:60px;width:60px}}.courses-details .title{color:#000;font-size:28px;font-weight:500;line-height:1.5;margin-bottom:0;margin-top:30px}@media only screen and (max-width:575px){.courses-details .title{font-size:18px}}.courses-details .courses-details-admin{align-items:center;display:flex;justify-content:space-between;padding-top:10px}@media only screen and (max-width:767px){.courses-details .courses-details-admin{display:block}}.courses-details .courses-details-admin .admin-author{align-items:center;display:flex;margin-top:10px}@media only screen and (max-width:575px){.courses-details .courses-details-admin .admin-author{flex-wrap:wrap}}.courses-details .courses-details-admin .admin-author .author-thumb img{border-radius:50%;width:50px}.courses-details .courses-details-admin .admin-author .author-content{flex:1;padding-bottom:5px;padding-left:15px}@media only screen and (max-width:575px){.courses-details .courses-details-admin .admin-author .author-content{flex-wrap:wrap}}.courses-details .courses-details-admin .admin-author .author-content .name{color:#9b9ea1;display:inline-block;font-size:17px;font-weight:500;line-height:22px;position:relative}.courses-details .courses-details-admin .admin-author .author-content .name:after{bottom:-2px;color:#c5c5c5;content:"||";font-size:24px;font-weight:300;margin:0 18px;position:relative}.courses-details .courses-details-admin .admin-author .author-content .name a{color:#2c241b}.courses-details .courses-details-admin .admin-author .author-content .name a:hover{color:red}.courses-details .courses-details-admin .admin-author .author-content .enroll{color:#52565b;display:inline-block;font-size:14px;font-weight:400;line-height:22px}.courses-details .courses-details-admin .admin-author .author-content .enroll span{color:red}.courses-details .courses-details-admin .admin-rating{align-items:center;display:flex;margin-top:10px}@media only screen and (max-width:767px){.courses-details .courses-details-admin .admin-rating{margin-left:65px}}.courses-details .courses-details-admin .admin-rating .rating-count{color:#52565b;font-size:15px;font-weight:500;margin-right:2px}@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.courses-details .courses-details-admin .admin-rating .rating-count{font-size:13px}}.courses-details .courses-details-admin .admin-rating .rating-star{margin:0 8px;position:relative}.courses-details .courses-details-admin .admin-rating .rating-star:before{color:#d0d0d0;content:"\f000\f000\f000\f000\f000";font-family:IcoFont;font-size:14px;letter-spacing:2px}@media only screen and (min-width:992px) and (max-width:1199px){.courses-details .courses-details-admin .admin-rating .rating-star:before{font-size:13px;letter-spacing:1px}}.courses-details .courses-details-admin .admin-rating .rating-star .rating-bar{height:100%;left:0;overflow:hidden;position:absolute;top:-2px}.courses-details .courses-details-admin .admin-rating .rating-star .rating-bar:before{color:#ffba00;content:"\f000\f000\f000\f000\f000";font-family:IcoFont;font-size:14px;letter-spacing:2px}@media only screen and (min-width:992px) and (max-width:1199px){.courses-details .courses-details-admin .admin-rating .rating-star .rating-bar:before{font-size:13px;letter-spacing:1px}}.courses-details .courses-details-admin .admin-rating .rating-text{color:#52565b;font-size:14px;font-weight:400;margin-bottom:0;white-space:nowrap}.courses-details-tab{padding-top:30px}.courses-details-tab .details-tab-menu{background-color:#f8f6f4;border-radius:10px;padding:5px 15px 15px}.courses-details-tab .details-tab-menu .nav li{padding:10px 10px 0}.courses-details-tab .details-tab-menu .nav li button{background-color:#fff;border:1px solid rgba(255,0,0,.2);border-radius:50px;color:#000;font-size:15px;font-weight:500;height:45px;line-height:41px;text-align:center;transition:all .3s linear;width:130px}.courses-details-tab .details-tab-menu .nav li button.active,.courses-details-tab .details-tab-menu .nav li button:hover{background-color:red;border-color:red;color:#fff}.courses-details-tab .details-tab-content .tab-title{color:#000;font-size:25px;font-weight:500;margin-bottom:0}.courses-details-tab .details-tab-content p{color:#52565b;font-size:15px;font-weight:400;margin-bottom:0;margin-top:15px}.courses-details-tab .details-tab-content .tab-description .description-wrapper,.courses-details-tab .details-tab-content .tab-instructors{margin-top:25px}.courses-details-tab .details-tab-content .tab-instructors .single-team{margin-top:35px}.courses-details-tab .details-tab-content .tab-rating-content{margin-top:45px}.courses-details-tab .details-tab-content .tab-rating-box{border:1px solid #ebe6e1;border-radius:10px;margin-top:45px;padding:40px 30px;text-align:center}.courses-details-tab .details-tab-content .tab-rating-box .count{color:#00c1f8;font-size:30px;font-weight:500;line-height:1}.courses-details-tab .details-tab-content .tab-rating-box .count i{color:#ffa200;font-size:14px}.courses-details-tab .details-tab-content .tab-rating-box p{color:#00c1f8;margin-top:0}.courses-details-tab .details-tab-content .tab-rating-box .rating-box-wrapper{padding-top:20px}.courses-details-tab .details-tab-content .tab-rating-box .single-rating{align-items:center;display:flex;justify-content:space-between;padding-top:6px}.courses-details-tab .details-tab-content .tab-rating-box .single-rating .rating-star{position:relative}.courses-details-tab .details-tab-content .tab-rating-box .single-rating .rating-star:before{color:#d0d0d0;content:"\f000\f000\f000\f000\f000";font-family:IcoFont;font-size:14px;letter-spacing:2px}@media only screen and (min-width:992px) and (max-width:1199px){.courses-details-tab .details-tab-content .tab-rating-box .single-rating .rating-star:before{font-size:13px;letter-spacing:1px}}.courses-details-tab .details-tab-content .tab-rating-box .single-rating .rating-star .rating-bar{height:100%;left:0;overflow:hidden;position:absolute;top:0}.courses-details-tab .details-tab-content .tab-rating-box .single-rating .rating-star .rating-bar:before{color:#ffba00;content:"\f000\f000\f000\f000\f000";font-family:IcoFont;font-size:14px;letter-spacing:2px}@media only screen and (min-width:992px) and (max-width:1199px){.courses-details-tab .details-tab-content .tab-rating-box .single-rating .rating-star .rating-bar:before{font-size:13px;letter-spacing:1px}}.courses-details-tab .details-tab-content .tab-rating-box .single-rating .rating-progress-bar{background-color:#d3ded7;border-radius:50px;height:5px;overflow:hidden;width:calc(100% - 95px)}.courses-details-tab .details-tab-content .tab-rating-box .single-rating .rating-progress-bar .rating-line{background-color:#279075;border-radius:50px;height:100%}.courses-details-tab .details-tab-content .tab-reviews{margin-top:25px}.courses-details-tab .details-tab-content .tab-reviews .reviews-wrapper{margin-top:30px}.courses-details-tab .details-tab-content .tab-reviews .single-review{border:1px solid #d3ded7;border-radius:10px;overflow:hidden;padding:30px;position:relative}.courses-details-tab .details-tab-content .tab-reviews .single-review:before{background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:172px;position:absolute;right:100px;top:-50px;width:101px}@media only screen and (max-width:575px){.courses-details-tab .details-tab-content .tab-reviews .single-review:before{right:50px}}.courses-details-tab .details-tab-content .tab-reviews .single-review .review-author{align-items:center;display:flex}@media only screen and (max-width:575px){.courses-details-tab .details-tab-content .tab-reviews .single-review .review-author{display:block}}.courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-thumb{display:inline-block;position:relative}.courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-thumb img{border:1px solid #d3ded7;border-radius:50%;display:block;padding:8px;width:90px}.courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-thumb i{background-color:red;border-radius:50%;bottom:-13px;color:#fff;display:inline-block;font-size:13px;height:35px;left:0;line-height:35px;margin:0 auto;position:absolute;right:0;text-align:center;width:35px}.courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content{flex:1;padding-left:30px}@media only screen and (max-width:575px){.courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content{padding-left:0;padding-top:20px}}.courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .name{font-size:22px;font-weight:500;margin-bottom:0}.courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .designation{color:#81858a;display:block;font-size:14px;font-weight:400;margin-top:5px}.courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .rating-star{display:inline-block;margin-top:5px;position:relative}.courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .rating-star:before{color:#d0d0d0;content:"\f000\f000\f000\f000\f000";font-family:IcoFont;font-size:14px;letter-spacing:2px}@media only screen and (min-width:992px) and (max-width:1199px){.courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .rating-star:before{font-size:13px;letter-spacing:1px}}.courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .rating-star .rating-bar{display:inline-block;height:100%;left:0;overflow:hidden;position:absolute;top:0}.courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .rating-star .rating-bar:before{color:#ffba00;content:"\f000\f000\f000\f000\f000";font-family:IcoFont;font-size:14px;letter-spacing:2px}@media only screen and (min-width:992px) and (max-width:1199px){.courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .rating-star .rating-bar:before{font-size:13px;letter-spacing:1px}}.courses-details-tab .details-tab-content .tab-reviews .single-review p{color:#52565b;font-size:15px;font-weight:400;margin-bottom:0;margin-top:30px}.courses-details-tab .details-tab-content .tab-reviews .reviews-btn{padding-top:30px;text-align:center}.reviews-active .swiper-pagination{bottom:0;margin-top:22px;position:relative}.reviews-active .swiper-pagination .swiper-pagination-bullet{background-color:#d1e5d9;height:12px;opacity:1;width:12px}.reviews-active .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#00c1f8}.single-team{margin-top:50px;text-align:center}.single-team .team-thumb img{border:1px solid #d3ded7;border-radius:50%;padding:10px;transition:all .3s linear}.single-team .team-content{padding-top:15px}.single-team .team-content .rating{align-items:center;display:inline-flex}.single-team .team-content .rating .count{color:#2c241b;font-size:14px;font-weight:500}.single-team .team-content .rating i{color:#ffba00;margin:0 5px}.single-team .team-content .rating .text{color:#848886;font-size:13px;font-weight:400}.single-team .team-content .name{font-size:20px;font-weight:500;margin-bottom:0}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.single-team .team-content .name{font-size:16px}}.single-team .team-content .designation{color:red;display:block;font-size:14px;margin-top:10px}.single-team:hover .team-thumb img{border-color:#00c1f8}.blog-details-wrapper{margin-top:50px}.blog-details-wrapper .details-images{padding-bottom:40px}.blog-details-wrapper .details-images img{width:100%}.blog-details-wrapper .title{color:#2c241b;font-size:25px;font-weight:500;line-height:1.5;margin-bottom:0;margin-top:20px}@media only screen and (max-width:767px){.blog-details-wrapper .title{font-size:22px}}@media only screen and (max-width:575px){.blog-details-wrapper .title{font-size:18px}}.blog-details-admin-meta{align-items:center;display:flex;justify-content:space-between}@media only screen and (max-width:767px){.blog-details-admin-meta{display:block}}.blog-details-admin-meta .author{align-items:center;display:flex}.blog-details-admin-meta .author .author-thumb a{display:block}.blog-details-admin-meta .author .author-thumb a img{border-radius:50%;width:50px}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.blog-details-admin-meta .author .author-thumb a img{width:45px}}.blog-details-admin-meta .author .author-name{flex:1;padding-left:12px}.blog-details-admin-meta .author .author-name .name{color:#9b9ea1;font-size:15px;font-weight:500}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.blog-details-admin-meta .author .author-name .name{font-size:13px}}.blog-details-admin-meta .author .author-name .name a{color:#2c241b}.blog-details-admin-meta .author .author-name .name a:hover{color:red}.blog-details-admin-meta .blog-meta{align-items:center;display:flex}@media only screen and (max-width:767px){.blog-details-admin-meta .blog-meta{padding-left:60px}}@media only screen and (max-width:575px){.blog-details-admin-meta .blog-meta{flex-wrap:wrap}}.blog-details-admin-meta .blog-meta span{color:#52565b;display:inline-block;font-size:14px;font-weight:400;line-height:1;margin-right:40px}@media only screen and (max-width:575px){.blog-details-admin-meta .blog-meta span{margin-right:25px;margin-top:10px}}.blog-details-admin-meta .blog-meta span:last-child{margin-right:0}.blog-details-admin-meta .blog-meta span i{color:red;display:inline-block;font-size:20px;line-height:1;margin-right:5px}.blog-details-admin-meta .blog-meta .tag a{background-color:#f8f6f4;border-radius:5px;color:red;display:inline-block;font-size:14px;height:35px;line-height:35px;padding:0 10px;text-align:center;width:100px}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.blog-details-admin-meta .blog-meta .tag a{font-size:13px;width:80px}}.blog-details-admin-meta .blog-meta .tag a:hover{background-color:red;color:#fff}.blog-details-description{padding-bottom:20px;padding-top:6px}.blog-details-description p{color:#52565b;font-size:15px;font-weight:400;margin-bottom:0;margin-top:25px}.blog-details-description h3{color:#2c241b;font-size:25px;font-weight:500;line-height:1.5;margin-bottom:0;margin-top:30px}@media only screen and (max-width:767px){.blog-details-description h3{font-size:22px}}@media only screen and (max-width:575px){.blog-details-description h3{font-size:18px}}.blog-details-description .details-img{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;padding-bottom:5px;padding-top:5px}@media only screen and (max-width:575px){.blog-details-description .details-img{margin:0}}.blog-details-description .details-img .dec-img{margin-top:30px;padding:0 15px;width:50%}@media only screen and (max-width:575px){.blog-details-description .details-img .dec-img{padding:0;width:100%}}.blog-details-description .details-img .dec-img img{border-radius:2px;width:100%}.blog-details-tags-social{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.blog-details-tags-social .blog-details-label{align-items:center;display:flex;padding-top:10px}@media only screen and (max-width:575px){.blog-details-tags-social .blog-details-label{display:block}}.blog-details-tags-social .blog-details-label .label{color:#2c241b;font-size:25px;font-weight:500;line-height:1.5;margin-bottom:0;margin-top:10px;padding-right:20px}.blog-details-tags-social .blog-details-label .tag-list{display:flex;flex:1;flex-wrap:wrap}.blog-details-tags-social .blog-details-label .tag-list li{padding-right:10px;padding-top:10px}.blog-details-tags-social .blog-details-label .tag-list li:last-child{padding-right:0}.blog-details-tags-social .blog-details-label .tag-list li a{background-color:#f8f6f4;border-radius:2px;color:#52565b;display:block;font-size:14px;height:35px;line-height:35px;text-align:center;transition:all .3s linear;width:100px}@media only screen and (max-width:767px){.blog-details-tags-social .blog-details-label .tag-list li a{padding:0 14px;width:auto}}.blog-details-tags-social .blog-details-label .tag-list li a:hover{background-color:#00c1f8;color:#fff}.blog-details-tags-social .blog-details-label .social{display:flex;flex-wrap:wrap}.blog-details-tags-social .blog-details-label .social li{padding-right:20px;padding-top:10px}.blog-details-tags-social .blog-details-label .social li:last-child{padding-right:0}.blog-details-tags-social .blog-details-label .social li a{border:1px solid rgba(255,0,0,.25);border-radius:50%;color:#000;display:block;font-size:16px;height:40px;line-height:40px;text-align:center;transition:all .3s linear;width:40px}@media only screen and (min-width:992px) and (max-width:1199px){.blog-details-tags-social .blog-details-label .social li a{height:35px;line-height:35px;width:35px}}.blog-details-tags-social .blog-details-label .social li a:hover{background-color:red;border-color:red;color:#fff}.blog-details-comment .title{color:#000;font-size:25px;font-weight:500;line-height:1.5;margin-bottom:0}.comment-wrapper{margin-top:50px}.comment-items .comment-reply{padding-left:100px;position:relative}@media only screen and (max-width:767px){.comment-items .comment-reply{padding-left:0}}.single-comment{background-color:#fff;border:1px solid rgba(0,193,248,.2);border-radius:2px;margin-top:30px;padding:30px;position:relative}.single-comment .comment-author{align-items:center;display:flex}@media only screen and (max-width:575px){.single-comment .comment-author{display:block}}.single-comment .comment-author .author-thumb img{border:1px solid rgba(0,193,248,.2);border-radius:50%;padding:10px;width:90px}.single-comment .comment-author .author-content{flex:1;padding-left:30px;padding-right:115px}@media only screen and (max-width:767px){.single-comment .comment-author .author-content{padding-right:0}}@media only screen and (max-width:575px){.single-comment .comment-author .author-content{padding-left:0;padding-top:20px}}.single-comment .comment-author .author-content .name{color:#000;font-size:22px;font-weight:500}.single-comment .comment-author .author-content .designation{color:#52565b;display:block;font-size:14px;margin-top:5px}.single-comment .comment-author .author-content .meta{display:flex;flex-wrap:wrap}.single-comment .comment-author .author-content .meta span{font-size:14px;font-weight:400;position:relative}.single-comment .comment-author .author-content .meta .designation{color:red}.single-comment .comment-author .author-content .meta .designation:after{color:red;content:"||";font-size:14px;font-weight:400;margin:0 8px}.single-comment .comment-author .author-content .meta .time{color:#ff8a00}.single-comment p{color:#000;font-size:15px;font-weight:400;margin-bottom:0;padding-top:10px}.single-comment .reply{background-color:#f8f6f4;border-radius:2px;color:#2c241b;display:inline-block;height:45px;line-height:45px;padding:0 25px;position:absolute;right:30px;top:30px;transition:all .3s linear}@media only screen and (max-width:767px){.single-comment .reply{margin-top:15px;position:relative;right:0;top:0}}.single-comment .reply i{margin-right:5px}.single-comment .reply:hover{background-color:#00c1f8;color:#fff}.comment-form{margin-top:50px}.comment-form .form-wrapper{padding-top:10px}.comment-form .form-wrapper .single-form .btn{margin-top:30px}.register-login-wrapper{background-color:#f8f6f4;border-radius:2px;padding:60px 70px 70px}@media only screen and (max-width:575px){.register-login-wrapper{padding:30px}}.register-login-form .title{font-size:30px;font-weight:500;line-height:1.4;margin-bottom:0;padding-bottom:10px}@media only screen and (max-width:767px){.register-login-form .title{font-size:24px}}@media only screen and (max-width:575px){.register-login-form .title{font-size:20px}}.register-login-form .title span{color:red;position:relative}.register-login-form .title span:before{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:-10px;content:"";height:13px;left:50%;position:absolute;transform:translateX(-50%);width:121px}@media only screen and (max-width:575px){.register-login-form .title span:before{display:none}}.register-login-form .form-wrapper{padding-top:10px}.register-login-form .single-form .btn{margin-top:20px;transition:all .3s linear}.register-login-form .single-form .btn:before{height:600px;width:600px}.register-login-form .single-form .btn.btn-outline{border:1px solid rgba(255,0,0,.2);line-height:58px}.register-login-form .single-form .btn.btn-outline:hover{background-color:red;border-color:red;color:#fff}.register-login-form p{font-size:15px;font-weight:500;margin-top:15px;text-align:center}.faq-accordion{padding-top:50px}.faq-accordion .accordion-item{border:1px solid #e7e2dc!important;border-radius:2px!important;margin-top:20px}.faq-accordion .accordion-item button{background-color:transparent;border:0;border-bottom:1px solid #e7e2dc;color:red;display:block;font-family:Poppins,sans-serif;font-size:23px;font-weight:500;padding:17px 55px 17px 30px;position:relative;text-align:left;transition:all .3s linear;width:100%}@media only screen and (max-width:767px){.faq-accordion .accordion-item button{font-size:20px}}@media only screen and (max-width:575px){.faq-accordion .accordion-item button{font-size:16px;padding:12px 45px 12px 20px}}.faq-accordion .accordion-item button:before{content:"\eab9";font-family:IcoFont;position:absolute;right:30px;top:50%;transform:translateY(-50%);transition:all .3s linear}@media only screen and (max-width:575px){.faq-accordion .accordion-item button:before{right:20px}}.faq-accordion .accordion-item button.collapsed{background-color:#f8f6f4;border-bottom-color:transparent;color:#2c241b}.faq-accordion .accordion-item button.collapsed:before{content:"\ea99"}.faq-accordion .accordion-item .accordion-body{padding:25px 30px}.faq-accordion .accordion-item .accordion-body p+p{margin-top:20px}.faq-btn{padding-top:80px;text-align:center}@media only screen and (max-width:767px){.faq-btn{padding-top:40px}}.error-section{position:relative}.error-section .shape{bottom:0;left:9%;position:absolute}@media only screen and (min-width:1200px) and (max-width:1499px){.error-section .shape{left:5%;width:260px}}@media only screen and (min-width:992px) and (max-width:1199px){.error-section .shape{left:2%;width:210px}}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.error-section .shape{display:none}}.error-wrapper{text-align:center}.error-wrapper .error-content{margin:45px auto 0;max-width:520px}.error-wrapper .error-content .title{color:#f03c3a;font-size:57px;font-weight:500}@media only screen and (max-width:575px){.error-wrapper .error-content .title{font-size:40px}}.error-wrapper .error-content .sub-title{font-size:30px;font-weight:400;margin-top:15px}@media only screen and (max-width:575px){.error-wrapper .error-content .sub-title{font-size:20px}}.error-wrapper .error-content p{margin-top:15px}.error-wrapper .error-content .btn{margin-top:40px}@media only screen and (max-width:575px){.error-wrapper .error-content .btn{margin-top:20px}}.contact-map-wrapper iframe{border-radius:2px;display:block;height:500px;width:100%}@media only screen and (max-width:575px){.contact-map-wrapper iframe{height:300px}}.contact-wrapper{margin-top:-50px}.contact-content{margin-top:40px}.contact-title .sub-title{color:red;font-size:35px;font-weight:400}@media only screen and (max-width:575px){.contact-title .sub-title{font-size:24px}}.contact-title .main-title{font-size:45px;font-weight:400;margin-top:15px}@media only screen and (max-width:575px){.contact-title .main-title{font-size:28px}}.form-message{margin-bottom:0}.form-message.error,.form-message.success{background:#ddd;color:#000;font-size:16px;font-weight:500;margin-left:5px;margin-top:15px;padding:10px 15px}.form-message.error{color:red}.contact-form{padding-top:25px}.contact-form .single-form .btn{margin-top:20px}.contact-information{margin-top:50px;padding-left:40px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.contact-information{padding-left:0}}.contact-information .information-wrapper{background-color:#00c1f8;border-radius:2px;overflow:hidden;padding:80px 85px;position:relative;z-index:1}@media only screen and (min-width:992px) and (max-width:1199px){.contact-information .information-wrapper{padding:80px 50px}}@media only screen and (max-width:575px){.contact-information .information-wrapper{padding:30px}}.contact-information .information-wrapper .shape{position:absolute;right:-210px;top:-130px;z-index:-1}.contact-information .information-wrapper .single-info+.single-info{margin-top:45px}.contact-information .information-wrapper .single-info .info-title{color:red;font-size:32px;font-weight:500;padding-bottom:20px}@media only screen and (max-width:575px){.contact-information .information-wrapper .single-info .info-title{font-size:24px}}.contact-information .information-wrapper .single-info p{color:#fff;font-size:19px;font-weight:500}@media only screen and (max-width:575px){.contact-information .information-wrapper .single-info p{font-size:16px}}.courses-enroll-wrapper{display:flex;flex-wrap:wrap}.courses-video-player{padding-bottom:80px;width:71.8%}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.courses-video-player{width:100%}}@media only screen and (max-width:767px){.courses-video-player{padding-bottom:60px}}.courses-video-player .vidcontainer{background:#010101;height:690px;position:relative}@media only screen and (min-width:992px) and (max-width:1199px){.courses-video-player .vidcontainer{height:490px}}@media only screen and (min-width:768px) and (max-width:991px){.courses-video-player .vidcontainer{height:500px}}@media only screen and (max-width:767px){.courses-video-player .vidcontainer{height:420px}}@media only screen and (max-width:575px){.courses-video-player .vidcontainer{height:340px}}.courses-video-player video{display:block;height:690px;text-align:center;width:100%}@media only screen and (min-width:992px) and (max-width:1199px){.courses-video-player video{height:490px}}@media only screen and (min-width:768px) and (max-width:991px){.courses-video-player video{height:500px}}@media only screen and (max-width:767px){.courses-video-player video{height:420px}}@media only screen and (max-width:575px){.courses-video-player video{height:340px}}.courses-video-player .video-play-bar{background-color:rgba(33,40,50,.8);bottom:20px;left:30px;opacity:0;padding:20px 40px;position:absolute;right:30px;transition:all .3s linear;transition-delay:1.5s;visibility:hidden;z-index:13}@media only screen and (max-width:575px){.courses-video-player .video-play-bar{left:20px;padding:15px;right:20px}}.courses-video-player .topControl{align-items:center;display:flex;justify-content:space-between;width:100%;z-index:1}.courses-video-player .topControl .progress{background-color:#7a8088;cursor:pointer;height:3px;position:relative;width:calc(100% - 110px)}@media only screen and (max-width:575px){.courses-video-player .topControl .progress{width:calc(100% - 100px)}}.courses-video-player .topControl .progress span{display:block;height:100%;left:0;position:absolute;top:0}.courses-video-player .topControl .progress .timeBar{background-color:red;width:0;z-index:10}.courses-video-player .topControl .progress .bufferBar{background-color:hsla(0,0%,100%,.6);width:0;z-index:5}.courses-video-player .topControl .time{color:#fff;font-size:12px;font-weight:400;text-align:right;white-space:nowrap}.courses-video-player .controllers{display:flex;justify-content:space-between;margin-left:-5px;margin-right:-5px;margin-top:8px;width:100%}.courses-video-player .controllers .controllers-right{text-align:right;white-space:nowrap}.courses-video-player .controllers button{background:none;border:0;color:#fff;display:inline-block;font-size:15px;margin:0 10px;outline:none;padding:0}@media only screen and (max-width:575px){.courses-video-player .controllers button{font-size:14px}}.courses-video-player .controllers .btnPlay:after{content:"\f04b";font-family:FontAwesome}.courses-video-player .controllers .paused:after{content:"\f04c"}.courses-video-player .controllers .sound:after{content:"\f027";font-family:FontAwesome}.courses-video-player .controllers .sound2:after{content:"\f028"}.courses-video-player .controllers .muted:after{content:"\f026"}.courses-video-player .controllers .volume{background-color:#7a8088;cursor:pointer;display:inline-block;height:5px;margin-bottom:2px;position:relative;width:70px}.courses-video-player .controllers .volume .volumeBar{background-color:red;display:block;height:100%;left:0;position:absolute;top:0;z-index:10}.courses-video-player .controllers .speedcnt{background-color:#fff;border-radius:5px;bottom:46px;display:none;position:absolute;right:60px;transition:all .3s linear}.courses-video-player .controllers .speedcnt li{border-bottom:1px solid rgba(255,0,0,.2);color:#52565b;cursor:pointer;display:block;font-size:11px;font-weight:400;padding:5px 20px;text-align:center;transition:all .3s linear}.courses-video-player .controllers .speedcnt li:last-child{border-bottom:0}.courses-video-player .controllers .speedcnt li.selected{background-color:red;color:#fff;font-weight:500}.courses-video-player .controllers .btnFS:after{content:"\f065";font-family:FontAwesome}.courses-video-player .controllers .disabled{color:hsla(0,0%,100%,.5);cursor:not-allowed;pointer-events:none}.courses-video-player .bigplay{color:#fff;cursor:pointer;font-size:90px;height:100%;left:0;line-height:90px;position:absolute;text-align:center;top:0;width:100%;z-index:11}@media only screen and (max-width:575px){.courses-video-player .bigplay{font-size:45px}}.courses-video-player .bigplay i{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.courses-video-player .loading{background-color:#000;height:100%;left:0;position:absolute;top:0;width:100%;z-index:20}.courses-video-player .loading .spinner{border-color:#fff transparent #fff #fff;height:70px;left:50%;margin-left:-35px;margin-top:-35px;position:absolute;top:50%;width:70px}.courses-video-player:hover .video-play-bar{opacity:1;transition-delay:0s;visibility:visible}.courses-enroll-content{padding:0 70px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.courses-enroll-content{padding:0 40px}}@media only screen and (max-width:575px){.courses-enroll-content{padding:0 20px}}.courses-enroll-content .courses-enroll-title{align-items:center;display:flex;justify-content:space-between;padding-top:20px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.courses-enroll-content .courses-enroll-title{display:block}}.courses-enroll-content .courses-enroll-title .title{color:#2c241b;font-size:28px;font-weight:500;line-height:1.5;margin-bottom:0;margin-top:10px;max-width:760px}@media only screen and (min-width:992px) and (max-width:1199px){.courses-enroll-content .courses-enroll-title .title{font-size:22px;max-width:380px}}@media only screen and (max-width:575px){.courses-enroll-content .courses-enroll-title .title{font-size:18px}}.courses-enroll-content .courses-enroll-title p{font-size:15px;font-weight:400;margin-top:10px}.courses-enroll-content .courses-enroll-title p i{color:#ff4200;margin-right:3px}.courses-enroll-content .courses-enroll-title p span{color:#ff4200}.courses-enroll-content .courses-enroll-tab{align-items:center;background-color:#f8f6f4;border-radius:10px;display:flex;justify-content:space-between;margin-top:40px;padding:5px 15px 15px}@media only screen and (max-width:767px){.courses-enroll-content .courses-enroll-tab{display:block}}.courses-enroll-content .courses-enroll-tab .enroll-tab-menu .nav{margin-left:-7px;margin-right:-7px}.courses-enroll-content .courses-enroll-tab .enroll-tab-menu .nav li{padding:10px 7px 0}.courses-enroll-content .courses-enroll-tab .enroll-tab-menu .nav li button{background-color:#fff;border:1px solid #eae5e0;border-radius:50px;color:#2c241b;display:block;font-size:15px;font-weight:500;height:45px;line-height:41px;padding:0 23px;text-align:center;transition:all .3s linear;white-space:nowrap}@media only screen and (min-width:992px) and (max-width:1199px){.courses-enroll-content .courses-enroll-tab .enroll-tab-menu .nav li button{font-size:14px;padding:0 13px}}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.courses-enroll-content .courses-enroll-tab .enroll-tab-menu .nav li button{font-size:14px;padding:0 13px}}.courses-enroll-content .courses-enroll-tab .enroll-tab-menu .nav li button.active,.courses-enroll-content .courses-enroll-tab .enroll-tab-menu .nav li button:hover{background-color:#00c1f8;border-color:#00c1f8;color:#fff}.courses-enroll-content .courses-enroll-tab .enroll-share{padding-top:10px}.courses-enroll-content .courses-enroll-tab .enroll-share a{background-color:#fff;border:1px solid #eae5e0;border-radius:50px;color:#2c241b;display:inline-block;font-size:15px;font-weight:500;height:45px;line-height:43px;padding:0 25px;text-align:center;transition:all .3s linear;white-space:nowrap}@media only screen and (min-width:992px) and (max-width:1199px){.courses-enroll-content .courses-enroll-tab .enroll-share a{font-size:14px;padding:0 20px}}.courses-enroll-content .courses-enroll-tab .enroll-share a i{color:red;font-size:20px;margin-right:5px;transition:all .3s linear}.courses-enroll-content .courses-enroll-tab .enroll-share a:hover{background-color:#00c1f8;border-color:#00c1f8;color:#fff}.courses-enroll-content .courses-enroll-tab .enroll-share a:hover i{color:#fff}.courses-enroll-content .courses-enroll-tab-content{border:1px solid #eae5e0;border-radius:10px;margin-top:30px;padding:10px 50px 35px}@media only screen and (min-width:992px) and (max-width:1199px){.courses-enroll-content .courses-enroll-tab-content{padding:1px 40px 25px}}@media only screen and (max-width:575px){.courses-enroll-content .courses-enroll-tab-content{padding:1px 20px 15px}}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-title{padding-top:20px}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-title .title{color:#2c241b;font-size:25px;font-weight:500;line-height:1.5;margin-bottom:0}@media only screen and (min-width:992px) and (max-width:1199px){.courses-enroll-content .courses-enroll-tab-content .enroll-tab-title .title{font-size:20px}}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content{padding-top:25px}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content p{font-size:15px;font-weight:400}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .table{border-top:1px solid #eae5e0;margin-bottom:25px;margin-top:25px}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .table tbody tr th{border-color:#eae5e0;color:#000;font-size:15px;font-weight:500;padding:12px 0 12px 30px;white-space:nowrap;width:170px}@media only screen and (max-width:575px){.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .table tbody tr th{font-size:14px;min-width:90px;padding:8px 0 8px 15px}}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .table tbody tr th span{display:block;float:right}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .table tbody tr td{border-color:#eae5e0;color:#52565b;font-size:15px;font-weight:400;padding:12px 30px}@media only screen and (max-width:575px){.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .table tbody tr td{font-size:14px;padding:8px 15px}}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .text{color:#2c241b;font-weight:500}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor{border-bottom:1px solid #eae5e0;overflow:hidden;padding:25px 0 20px;position:relative}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor:first-child{padding-top:0}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor:last-child{border-bottom:0;padding-bottom:0}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author{align-items:center;display:flex}@media only screen and (max-width:575px){.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author{display:block}}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-thumb{display:inline-block;position:relative}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-thumb img{border:1px solid #eae5e0;border-radius:50%;display:block;padding:8px;width:90px}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content{flex:1;padding-left:30px}@media only screen and (max-width:575px){.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content{padding-left:0;padding-top:20px}}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content .name{font-size:22px;font-weight:500;margin-bottom:0}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content .designation{color:#81858a;display:block;font-size:14px;font-weight:400;margin-top:5px}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content .rating-star{display:inline-block;margin-top:5px;position:relative}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content .rating-star:before{color:#d0d0d0;content:"\f000\f000\f000\f000\f000";font-family:IcoFont;font-size:14px;letter-spacing:2px}@media only screen and (min-width:992px) and (max-width:1199px){.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content .rating-star:before{font-size:13px;letter-spacing:1px}}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content .rating-star .rating-bar{display:inline-block;height:100%;left:0;overflow:hidden;position:absolute;top:0}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content .rating-star .rating-bar:before{color:#ffba00;content:"\f000\f000\f000\f000\f000";font-family:IcoFont;font-size:14px;letter-spacing:2px}@media only screen and (min-width:992px) and (max-width:1199px){.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content .rating-star .rating-bar:before{font-size:13px;letter-spacing:1px}}.courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor p{font-size:15px;font-weight:400;margin-bottom:0;margin-top:15px}.courses-video-playlist{background-color:#f8f6f4;width:28.2%}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.courses-video-playlist{width:100%}}.courses-video-playlist .playlist-title{align-items:center;background-color:#ece6e0;display:flex;flex-wrap:wrap;justify-content:space-between;padding:15px 30px 25px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.courses-video-playlist .playlist-title{padding:15px 40px 25px}}@media only screen and (max-width:575px){.courses-video-playlist .playlist-title{padding:5px 20px 15px}}.courses-video-playlist .playlist-title .title{color:#2c241b;font-family:Poppins,sans-serif;font-size:22px;font-weight:500;margin-bottom:0;margin-top:10px}@media only screen and (max-width:575px){.courses-video-playlist .playlist-title .title{font-size:18px}}.courses-video-playlist .playlist-title span{color:red;display:inline-block;font-size:18px;font-weight:500;margin-top:10px}@media only screen and (max-width:575px){.courses-video-playlist .playlist-title span{font-size:16px}}.courses-video-playlist .video-playlist .accordion-item{background:none;border:0;margin-bottom:0;text-align:left}.courses-video-playlist .video-playlist .accordion-item button{background:none;background-color:#f1ece7;border:0;border-bottom:1px solid #cde9d7;display:block;padding:8px 50px 8px 30px;position:relative;text-align:left;transition:all .3s linear;width:100%}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.courses-video-playlist .video-playlist .accordion-item button{padding:8px 40px}}@media only screen and (max-width:575px){.courses-video-playlist .video-playlist .accordion-item button{padding:8px 40px 8px 20px}}.courses-video-playlist .video-playlist .accordion-item button .lesson{color:red;font-size:15px;font-weight:500;margin-bottom:0;max-width:420px;transition:all .3s linear}@media only screen and (max-width:767px),only screen and (min-width:992px) and (max-width:1199px){.courses-video-playlist .video-playlist .accordion-item button .lesson{font-size:14px}}.courses-video-playlist .video-playlist .accordion-item button:before{color:red;content:"\eaa1";font-family:IcoFont;font-size:20px;position:absolute;right:30px;top:8px;transition:all .3s linear}@media only screen and (max-width:575px){.courses-video-playlist .video-playlist .accordion-item button:before{right:20px}}.courses-video-playlist .video-playlist .accordion-item button.collapsed{background-color:#f8f6f4}.courses-video-playlist .video-playlist .accordion-item button.collapsed .lesson{color:#000}.courses-video-playlist .video-playlist .accordion-item button.collapsed:before{color:#000;content:"\eab2"}.courses-video-playlist .video-playlist .total-duration{color:#848886;display:block;font-size:13px;font-weight:400;margin-top:6px}.courses-video-playlist .video-playlist .vids a{border-bottom:1px solid #cde9d7;display:block;padding:8px 30px 8px 80px;position:relative}.courses-video-playlist .video-playlist .vids a:before{border:3px solid #2c241b;border-radius:50%;content:"";height:13px;left:48px;position:absolute;top:13px;width:13px}.courses-video-playlist .video-playlist .vids a p{color:#000;font-size:14px;font-weight:500;margin-bottom:0;transition:all .3s linear}@media only screen and (max-width:767px),only screen and (min-width:992px) and (max-width:1199px){.courses-video-playlist .video-playlist .vids a p{font-size:13px}}.courses-video-playlist .video-playlist .vids a.playing:before{border-color:red}.courses-video-playlist .video-playlist .vids a.playing p{color:red}.sidebar-wrapper{background-color:#13634f;height:100%;left:0;position:absolute;top:0;z-index:991}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.sidebar-wrapper{bottom:0;height:auto;position:fixed;top:auto;width:100%}}.sidebar-wrapper .menu-list{padding:40px 22px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.sidebar-wrapper .menu-list{display:flex;justify-content:center;padding:15px}}@media only screen and (max-width:575px){.sidebar-wrapper .menu-list{padding:10px}}.sidebar-wrapper .menu-list a{align-items:center;border:2px solid hsla(0,0%,100%,.2);border-radius:10px;display:flex;font-size:15px;height:55px;justify-content:center;position:relative;transition:all .3s linear;width:55px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.sidebar-wrapper .menu-list a{height:45px;margin:0 10px;width:45px}}@media only screen and (max-width:575px){.sidebar-wrapper .menu-list a{margin:0 7px}}.sidebar-wrapper .menu-list a:before{background-color:#fff;border-bottom-right-radius:10px;border-top-right-radius:10px;content:"";height:25px;left:-24px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s linear;visibility:hidden;width:4px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.sidebar-wrapper .menu-list a:before{bottom:-17px;height:4px;left:50%;top:auto;transform:translateX(-50%) translateY(0);width:25px}}@media only screen and (max-width:575px){.sidebar-wrapper .menu-list a:before{bottom:-12px}}.sidebar-wrapper .menu-list a+a{margin-top:30px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.sidebar-wrapper .menu-list a+a{margin-top:0}}.sidebar-wrapper .menu-list a.active,.sidebar-wrapper .menu-list a:hover{background-color:#0a4d3c;border-color:#0a4d3c}.sidebar-wrapper .menu-list a.active:before,.sidebar-wrapper .menu-list a:hover:before{opacity:1;visibility:visible}.page-content-wrapper{padding-bottom:80px;padding-left:100px;padding-top:40px;position:relative}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.page-content-wrapper{padding-left:0}}@media only screen and (max-width:767px){.page-content-wrapper{padding-bottom:60px}}.page-content-wrapper .custom-container{padding:0 15px}@media only screen and (min-width:1500px){.page-content-wrapper .custom-container{padding:0 50px}}.page-content-wrapper .message{align-items:flex-start;background-color:#fdf0ea;border-radius:10px;display:flex;padding:26px 40px}@media only screen and (max-width:767px){.page-content-wrapper .message{display:block;padding:26px 30px}}@media only screen and (max-width:575px){.page-content-wrapper .message{padding:26px 30px}}.page-content-wrapper .message .message-icon{margin-top:3px}.page-content-wrapper .message .message-content{flex:1;padding-left:40px}@media only screen and (max-width:767px){.page-content-wrapper .message .message-content{padding-left:20px;padding-left:0;padding-top:15px}}.admin-courses-tab{align-items:center;display:flex;justify-content:space-between;margin-top:35px}@media only screen and (max-width:767px){.admin-courses-tab{display:block}}.admin-courses-tab .title{color:#2c241b;font-family:Poppins,sans-serif;font-size:32px;font-weight:500;padding-top:20px}@media only screen and (min-width:768px) and (max-width:991px){.admin-courses-tab .title{font-size:26px}}.admin-courses-tab .courses-tab-wrapper{align-items:center;display:flex;margin-left:-10px;margin-right:-10px}@media only screen and (max-width:767px){.admin-courses-tab .courses-tab-wrapper{display:block}}.admin-courses-tab .courses-tab-wrapper>*{margin:0 10px}.admin-courses-tab .courses-tab-wrapper .courses-select{padding-top:20px}.admin-courses-tab .courses-tab-wrapper .courses-select .nice-select{border:1px solid rgba(255,0,0,.2);border-radius:10px;color:#2c241b;display:inline-block;float:none;font-size:15px;font-weight:500;height:50px;line-height:48px;padding:0 40px 0 20px}@media only screen and (max-width:767px){.admin-courses-tab .courses-tab-wrapper .courses-select .nice-select{display:block}}.admin-courses-tab .courses-tab-wrapper .courses-select .nice-select:after{border-color:#000;height:6px;right:20px;width:6px}@media only screen and (max-width:767px){.admin-courses-tab .courses-tab-wrapper .courses-select .nice-select .list{width:100%}}.admin-courses-tab .courses-tab-wrapper .courses-select .nice-select .list li{font-size:14px;line-height:35px;min-height:35px}@media only screen and (max-width:767px){.admin-courses-tab .courses-tab-wrapper .nav{justify-content:center}}.admin-courses-tab .courses-tab-wrapper .nav li{margin-right:20px;padding-top:20px}.admin-courses-tab .courses-tab-wrapper .nav li:last-child{margin-right:0}.admin-courses-tab .courses-tab-wrapper .nav li button{background-color:#fff;border:1px solid rgba(48,146,86,.2);border-radius:10px;color:#2c241b;font-size:20px;height:50px;line-height:48px;padding:0;text-align:center;transition:all .3s linear;width:50px}@media only screen and (min-width:768px) and (max-width:991px){.admin-courses-tab .courses-tab-wrapper .nav li button{font-size:14px;height:45px;line-height:43px;width:45px}}.admin-courses-tab .courses-tab-wrapper .nav li button.active,.admin-courses-tab .courses-tab-wrapper .nav li button:hover{background-color:#00c1f8;border-color:#00c1f8;color:#fff}.admin-courses-tab .courses-tab-wrapper .tab-btn{padding-top:20px}.admin-courses-tab .courses-tab-wrapper .tab-btn .btn{border-radius:10px;height:50px;line-height:50px;padding:0 30px}@media only screen and (min-width:768px) and (max-width:991px){.admin-courses-tab .courses-tab-wrapper .tab-btn .btn{font-size:14px;height:45px;line-height:45px}}@media only screen and (max-width:767px){.admin-courses-tab .courses-tab-wrapper .tab-btn .btn{padding:0 15px;width:100%}}.admin-courses-tab .courses-tab-wrapper .tab-btn .btn:before{height:500px;width:500px}.courses-item{align-items:center;border:1px solid #e0dddb;border-radius:10px;display:flex;margin-top:30px;padding:20px}@media only screen and (min-width:1200px) and (max-width:1499px){.courses-item{padding:15px}}@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.courses-item{flex-wrap:wrap;padding:15px}}@media only screen and (max-width:767px){.courses-item{display:block}}@media only screen and (max-width:575px){.courses-item{padding:15px}}.courses-item .item-thumb a img{border-radius:10px}@media only screen and (min-width:1200px) and (max-width:1499px){.courses-item .item-thumb a img{width:130px}}.courses-item .content-title{flex:1;max-width:445px;padding-left:45px}@media only screen and (min-width:1200px) and (max-width:1499px){.courses-item .content-title{padding-left:30px}}@media only screen and (min-width:768px) and (max-width:991px){.courses-item .content-title{max-width:460px}}@media only screen and (max-width:767px){.courses-item .content-title{padding-left:0;padding-top:20px}}.courses-item .content-title .meta{display:flex;flex-wrap:wrap}.courses-item .content-title .meta .action{border-radius:50px;display:inline-block;font-size:11px;font-weight:400;height:18px;line-height:18px;padding:0 13px}.courses-item .content-title .meta .action+.action{margin-left:10px}.courses-item .content-title .meta .action:first-of-type{background-color:#ff6e30;color:#fff}.courses-item .content-title .meta .action:nth-of-type(2){background-color:#dff5ef;color:#06b284}.courses-item .content-title .meta .action:nth-of-type(3){background-color:#e1e6fa;color:#06f}.courses-item .content-title .title{margin-bottom:0}.courses-item .content-title .title a{color:#2c241b;display:block;font-family:Poppins,sans-serif;font-size:20px;font-weight:500;line-height:1.5;margin-top:18px}@media only screen and (min-width:1200px) and (max-width:1499px){.courses-item .content-title .title a{font-size:16px}}@media only screen and (max-width:575px){.courses-item .content-title .title a{font-size:16px}}.courses-item .content-title .title a:hover{color:red}.courses-item .content-wrapper{align-items:center;display:flex;flex:1;justify-content:flex-end;margin-left:-18px;margin-right:-18px}@media only screen and (max-width:767px),only screen and (min-width:1200px) and (max-width:1499px){.courses-item .content-wrapper{margin-left:-7px;margin-right:-7px}}@media only screen and (min-width:992px) and (max-width:1199px){.courses-item .content-wrapper{justify-content:flex-start;margin-left:-10px;margin-right:-10px}}@media only screen and (min-width:768px) and (max-width:991px){.courses-item .content-wrapper{justify-content:flex-start;margin-left:-5px;margin-right:-5px}}@media only screen and (max-width:767px){.courses-item .content-wrapper{flex-wrap:wrap;justify-content:flex-start}}.courses-item .content-wrapper>*{margin:15px 18px 0}@media only screen and (max-width:767px),only screen and (min-width:1200px) and (max-width:1499px){.courses-item .content-wrapper>*{margin:15px 7px 0}}@media only screen and (min-width:992px) and (max-width:1199px){.courses-item .content-wrapper>*{margin:15px 10px 0}}@media only screen and (min-width:768px) and (max-width:991px){.courses-item .content-wrapper>*{margin:15px 5px 0}}.courses-item .content-wrapper .content-box{border-radius:10px;padding:15px 25px;width:180px}@media only screen and (min-width:1200px) and (max-width:1499px){.courses-item .content-wrapper .content-box{padding:15px;width:150px}}@media only screen and (min-width:768px) and (max-width:991px){.courses-item .content-wrapper .content-box{padding:15px;width:143px}}@media only screen and (max-width:767px){.courses-item .content-wrapper .content-box{padding:15px;width:auto}}.courses-item .content-wrapper .content-box p{color:#000;font-size:15px;font-weight:400;margin-bottom:0}@media only screen and (max-width:767px),only screen and (min-width:1200px) and (max-width:1499px),only screen and (min-width:768px) and (max-width:991px){.courses-item .content-wrapper .content-box p{font-size:14px}}.courses-item .content-wrapper .content-box .count{display:block;font-size:22px;font-weight:700;margin-top:3px}@media only screen and (min-width:1200px) and (max-width:1499px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.courses-item .content-wrapper .content-box .count{font-size:18px}}@media only screen and (max-width:767px){.courses-item .content-wrapper .content-box .count{font-size:16px}}.courses-item .content-wrapper .content-box .count .rating-star{position:relative}.courses-item .content-wrapper .content-box .count .rating-star:before{color:#bfbfbf;content:"\f000\f000\f000\f000\f000";font-family:IcoFont;font-size:13px;letter-spacing:1px}@media only screen and (max-width:767px),only screen and (min-width:1200px) and (max-width:1499px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.courses-item .content-wrapper .content-box .count .rating-star:before{font-size:12px}}.courses-item .content-wrapper .content-box .count .rating-star .rating-bar{height:100%;left:0;overflow:hidden;position:absolute;top:-2px}.courses-item .content-wrapper .content-box .count .rating-star .rating-bar:before{color:#ff9600;content:"\f000\f000\f000\f000\f000";font-family:IcoFont;font-size:13px;letter-spacing:1px}@media only screen and (max-width:767px),only screen and (min-width:1200px) and (max-width:1499px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.courses-item .content-wrapper .content-box .count .rating-star .rating-bar:before{font-size:12px}}.courses-item .content-wrapper .content-box:first-of-type{background-color:#e5ecff}.courses-item .content-wrapper .content-box:first-of-type .count{color:#0f42cd}.courses-item .content-wrapper .content-box:nth-of-type(2){background-color:#def2e6}.courses-item .content-wrapper .content-box:nth-of-type(2) .count{color:#309255}.courses-item .content-wrapper .content-box:nth-of-type(3){background-color:#ffe8df}.courses-item .content-wrapper .content-box:nth-of-type(3) .count{color:#ff6e30}.courses-item .content-wrapper .courses-select .nice-select{border:1px solid rgba(255,0,0,.2);border-radius:10px;color:#000;display:inline-block;float:none;font-size:15px;font-weight:500;height:50px;line-height:48px;padding:0 40px 0 20px}.courses-item .content-wrapper .courses-select .nice-select:after{border-color:#000;height:6px;right:20px;width:6px}.courses-item .content-wrapper .courses-select .nice-select .list li{font-size:14px;line-height:35px;min-height:35px}.courses-resources{background-color:#f8f6f4;border-radius:10px;margin-top:80px;padding:70px 100px}@media only screen and (min-width:1200px) and (max-width:1499px){.courses-resources{padding:70px}}@media only screen and (min-width:768px) and (max-width:991px){.courses-resources{padding:60px}}@media only screen and (max-width:767px){.courses-resources{margin-top:60px;padding:50px 40px}}@media only screen and (max-width:575px){.courses-resources{padding:20px}}.courses-resources .title{font-family:Poppins,sans-serif;font-size:25px;font-weight:500}@media only screen and (min-width:1200px) and (max-width:1499px){.courses-resources .title{font-size:22px}}@media only screen and (max-width:575px){.courses-resources .title{font-size:20px}}.single-resources{margin-top:30px;text-align:center}.single-resources .resources-icon{border:1px solid #d3e4df;border-radius:50%;display:inline-block;padding:13px}.single-resources .resources-icon a{background-color:#def1ec;display:inline-block;position:relative}.single-resources .resources-icon a,.single-resources .resources-icon a img{border-radius:50%;transition:all .3s linear}@media only screen and (max-width:575px){.single-resources .resources-icon a img{width:60px}}.single-resources .resources-icon a .hover{left:0;opacity:0;position:absolute;top:0;visibility:hidden}.single-resources .title{margin-bottom:0}.single-resources .title a{display:inline-block;font-size:22px;font-weight:500;margin-top:28px}@media only screen and (max-width:575px){.single-resources .title a{font-size:18px}}.single-resources:hover .resources-icon a{background-color:#00c1f8}.single-resources:hover .resources-icon a img{opacity:0;visibility:hidden}.single-resources:hover .resources-icon a .hover{opacity:1;visibility:visible}.admin-tab-menu{background-color:#f8f6f4;height:100%;left:99px;padding:40px 30px;position:absolute;top:0;z-index:9}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.admin-tab-menu{height:auto;left:0;position:relative}}.admin-tab-menu a{background-color:#f0ede9;border:1px solid #e0dddb;border-radius:10px;color:#2c241b;display:block;font-size:16px;font-weight:400;height:55px;line-height:53px;padding:0 50px 0 20px;position:relative;text-align:left;transition:all .3s linear;white-space:nowrap;width:280px}@media only screen and (min-width:1200px) and (max-width:1499px){.admin-tab-menu a{font-size:14px;width:230px}}@media only screen and (min-width:992px) and (max-width:1199px){.admin-tab-menu a{font-size:14px;padding:0 45px 0 15px;width:205px}}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.admin-tab-menu a{width:100%}}@media only screen and (max-width:479px){.admin-tab-menu a{font-size:14px;padding:0 45px 0 15px}}.admin-tab-menu a:before{background-color:#00c1f8;border-radius:50%;content:"";height:8px;left:20px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s linear;visibility:hidden;width:8px}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.admin-tab-menu a:before{left:15px}}.admin-tab-menu a+a{margin-top:20px}.admin-tab-menu a.active,.admin-tab-menu a:hover{background-color:#fff;font-weight:500;padding-left:40px}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.admin-tab-menu a.active,.admin-tab-menu a:hover{padding-left:25px}}.admin-tab-menu a.active:before,.admin-tab-menu a:hover:before{opacity:1;visibility:visible}.main-content-wrapper{padding-bottom:80px;padding-left:340px;padding-top:40px}@media only screen and (min-width:1200px) and (max-width:1499px){.main-content-wrapper{padding-left:289px}}@media only screen and (min-width:992px) and (max-width:1199px){.main-content-wrapper{padding-left:266px}}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.main-content-wrapper{padding-left:0}}@media only screen and (max-width:767px){.main-content-wrapper{padding-bottom:60px}}@media only screen and (min-width:1500px){.main-content-wrapper .container-fluid{padding:0 60px}}.admin-top-bar{align-items:center;display:flex;justify-content:space-between}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.admin-top-bar{display:block}}@media only screen and (min-width:768px) and (max-width:991px){.admin-top-bar.students-top{display:flex}}.overview-box{display:flex;margin-left:-20px;margin-right:-20px}@media only screen and (max-width:767px),only screen and (min-width:1200px) and (max-width:1499px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.overview-box{margin-left:-10px;margin-right:-10px}}@media only screen and (max-width:767px){.overview-box{flex-wrap:wrap;margin:0}}.overview-box .single-box{border-radius:10px;margin:20px 20px 0;padding:15px 30px;width:200px}@media only screen and (min-width:1200px) and (max-width:1499px){.overview-box .single-box{margin:20px 10px 0;padding:15px 20px;width:175px}}@media only screen and (min-width:992px) and (max-width:1199px){.overview-box .single-box{margin:20px 10px 0;padding:15px 20px;width:185px}}@media only screen and (min-width:768px) and (max-width:991px){.overview-box .single-box{margin:20px 10px 0}}@media only screen and (max-width:767px){.overview-box .single-box{margin:20px 0 0;width:100%}}.overview-box .single-box .title{color:#2c241b;font-family:Poppins,sans-serif;font-size:15px;font-weight:400;margin-bottom:0}@media only screen and (min-width:768px) and (max-width:991px){.overview-box .single-box .title{font-size:14px}}.overview-box .single-box .count{font-size:30px;font-weight:500;margin-top:5px}@media only screen and (min-width:1200px) and (max-width:1499px),only screen and (min-width:768px) and (max-width:991px){.overview-box .single-box .count{font-size:20px}}.overview-box .single-box .count .rating-star{position:relative}.overview-box .single-box .count .rating-star:before{color:#d0d0d0;content:"\f000\f000\f000\f000\f000";font-family:IcoFont;font-size:13px;letter-spacing:1px}.overview-box .single-box .count .rating-star .rating-bar{height:100%;left:0;overflow:hidden;position:absolute;top:-2px}.overview-box .single-box .count .rating-star .rating-bar:before{color:#ffba00;content:"\f000\f000\f000\f000\f000";font-family:IcoFont;font-size:13px;letter-spacing:1px}.overview-box .single-box p{color:#000;font-size:13px;font-weight:500;margin-top:3px}.overview-box .single-box p span{color:red}.overview-box .single-box:first-of-type{background-color:#e5ecff}.overview-box .single-box:first-of-type .count{color:#0f42cd}.overview-box .single-box:nth-of-type(2){background-color:#def2e6}.overview-box .single-box:nth-of-type(2) .count{color:#309255}.overview-box .single-box:nth-of-type(3){background-color:#ffe8df}.overview-box .single-box:nth-of-type(3) .count{color:#ff6e30}.graph{border:1px solid #ebe6e1;border-radius:10px;margin-top:40px;padding:25px 70px 45px}@media only screen and (max-width:767px),only screen and (min-width:1200px) and (max-width:1499px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.graph{padding:15px 30px 25px}}.graph .graph-title{align-items:center;display:flex;justify-content:space-between}@media only screen and (max-width:575px){.graph .graph-title{display:block}}.graph .graph-title .title{font-family:Poppins,sans-serif;font-size:22px;font-weight:500;line-height:1.4;margin-bottom:0;padding-top:15px}@media only screen and (max-width:575px){.graph .graph-title .title{font-size:18px}}.graph .graph-content{margin-top:20px}.graph .graph-btn{margin-top:20px;text-align:center}.graph .graph-btn .btn,.student-box{border-radius:10px}.student-box{background-color:#def2e6;margin-top:20px;padding:25px 30px;width:180px}@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.student-box{margin:20px 10px 0}}@media only screen and (max-width:767px){.student-box{margin:20px 0 0;width:100%}}.student-box .title{color:#2c241b;font-family:Poppins,sans-serif;font-size:15px;font-weight:400;margin-bottom:0}@media only screen and (min-width:768px) and (max-width:991px){.student-box .title{font-size:14px}}.student-box .count{color:#309255;font-size:32px;font-weight:700;margin-top:5px}@media only screen and (min-width:768px) and (max-width:991px){.student-box .count{font-size:20px}}.students-wrapper{padding-top:10px}.single-student{align-items:center;border:1px solid #ebe6e1;border-radius:10px;display:flex;margin-top:30px;padding:25px;transition:all .3s linear}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.single-student{padding:15px}}.single-student .student-images img{border:1px solid #ebe6e1;border-radius:50%;padding:7px;transition:all .3s linear;width:85px}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.single-student .student-images img{padding:4px}}.single-student .student-content{max-width:220px;padding-left:30px}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.single-student .student-content{max-width:200px;padding-left:15px}}.single-student .student-content .name{font-family:Poppins,sans-serif;font-size:18px;font-weight:500;margin-bottom:0}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.single-student .student-content .name{font-size:16px}}.single-student .student-content .country{color:red;display:block;font-size:13px;font-weight:400;margin-top:7px}.single-student .student-content .country img{margin-top:-6px;width:15px}.single-student .student-content p{color:#000;font-size:13px;font-weight:500;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.single-student .student-content .date{color:#838785;display:block;font-size:13px;font-weight:400;margin-top:2px}.single-student .student-content .date i{color:red;margin-right:5px}.single-student:hover,.single-student:hover .student-images img{border-color:#00c1f8}.students-active{position:relative}.students-active .students-arrow{margin-top:30px;text-align:center}.students-active .swiper-button-next,.students-active .swiper-button-prev{background-color:#fff;border:1px solid #ebe6e1;border-radius:50%;color:#000;cursor:pointer;display:inline-block;height:40px;line-height:38px;margin-left:auto;margin-right:auto;margin-top:0;opacity:1;outline:none;position:relative;text-align:center;top:0;transition:all .3s linear;width:40px}@media only screen and (max-width:575px){.students-active .swiper-button-next,.students-active .swiper-button-prev{height:35px;line-height:32px;width:35px}}.students-active .swiper-button-next:after,.students-active .swiper-button-prev:after{display:none}.students-active .swiper-button-next:hover,.students-active .swiper-button-prev:hover{background-color:#00c1f8;border-color:#00c1f8;color:#fff}.students-active .swiper-button-prev{left:0}.students-active .swiper-button-next{right:0}.students-map{border:1px solid #ebe6e1;border-radius:10px;margin-top:50px;padding:30px 45px}@media only screen and (max-width:575px){.students-map{padding:30px 20px}}.students-map .title{background-color:#f8f6f4;border:1px solid #daebe0;border-radius:10px;font-family:Poppins,sans-serif;font-size:20px;font-weight:500;margin-bottom:0;padding:16px;text-align:center}@media only screen and (max-width:575px){.students-map .title{font-size:16px}}.students-map .map{margin-top:30px}.students-map .map #vmap{height:530px}@media only screen and (min-width:1200px) and (max-width:1499px){.students-map .map #vmap{height:470px}}@media only screen and (min-width:992px) and (max-width:1199px){.students-map .map #vmap{height:340px}}@media only screen and (min-width:768px) and (max-width:991px){.students-map .map #vmap{height:340px}}.single-student-widget{border-radius:10px;margin-top:50px;padding:25px 30px}@media only screen and (max-width:575px){.single-student-widget{padding:25px 15px}}.single-student-widget.widget-color-01{background-color:#fff6f1}.single-student-widget.widget-color-01 .single-item .item-bar,.single-student-widget.widget-color-01 .widget-title{background-color:#f9d9c7}.single-student-widget.widget-color-01 .single-item .item-bar .bar-line{background-color:#ff6c00}.single-student-widget.widget-color-01 .single-item .item-percentage p span{color:#ff6c00}.single-student-widget.widget-color-01 .page-pagination .pagination li a{border:1px solid #e1d0c4}.single-student-widget.widget-color-01 .page-pagination .pagination li a.active,.single-student-widget.widget-color-01 .page-pagination .pagination li a:hover{background-color:#ff6c00;border-color:#ff6c00;color:#fff}.single-student-widget.widget-color-02{background-color:#eefbf3}.single-student-widget.widget-color-02 .widget-title{background-color:#cdedd9}.single-student-widget.widget-color-02 .single-item .item-bar{background-color:#c6e7d3}.single-student-widget.widget-color-02 .single-item .item-bar .bar-line{background-color:#309255}.single-student-widget.widget-color-02 .single-item .item-percentage p span{color:#309255}.single-student-widget.widget-color-02 .page-pagination .pagination li a{border:1px solid #e1d0c4}.single-student-widget.widget-color-02 .page-pagination .pagination li a.active,.single-student-widget.widget-color-02 .page-pagination .pagination li a:hover{background-color:#309255;border-color:#309255;color:#fff}.single-student-widget.widget-color-03{background-color:#ecf1ff}.single-student-widget.widget-color-03 .widget-title{background-color:#d3dfff}.single-student-widget.widget-color-03 .single-item .item-bar{background-color:#b7d7fc}.single-student-widget.widget-color-03 .single-item .item-bar .bar-line{background-color:#0f42cd}.single-student-widget.widget-color-03 .single-item .item-percentage p span{color:#0f42cd}.single-student-widget.widget-color-03 .page-pagination .pagination li a{border:1px solid #c8d4f2}.single-student-widget.widget-color-03 .page-pagination .pagination li a.active,.single-student-widget.widget-color-03 .page-pagination .pagination li a:hover{background-color:#0f42cd;border-color:#0f42cd;color:#fff}.single-student-widget .widget-title{border-radius:10px;font-family:Poppins,sans-serif;font-size:18px;font-weight:500;margin-bottom:0;padding:14px;text-align:center}.single-student-widget .widget-items{padding-top:25px}.single-student-widget .single-item{align-items:center;display:flex;height:37px;margin-top:15px;padding-right:85px;position:relative}.single-student-widget .single-item .item-flag{align-items:center;display:flex}.single-student-widget .single-item .item-flag .flag{padding-right:15px}@media only screen and (max-width:575px){.single-student-widget .single-item .item-flag .flag{padding-right:8px}}.single-student-widget .single-item .item-flag .flag img{border-radius:50%;height:35px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:35px}@media only screen and (max-width:575px){.single-student-widget .single-item .item-flag .flag img{height:30px;width:30px}}.single-student-widget .single-item .title{color:#52565b;flex:1;font-size:14px;font-weight:400;white-space:nowrap}.single-student-widget .single-item .item-bar{border-radius:50px;height:5px;margin-left:auto;overflow:hidden;position:relative;width:calc(100% - 145px)}@media only screen and (max-width:575px){.single-student-widget .single-item .item-bar{width:calc(100% - 130px)}}.single-student-widget .single-item .item-bar .bar-line{height:100%;left:0;position:absolute;top:0}.single-student-widget .single-item .item-percentage{position:absolute;right:0;top:50%;transform:translateY(-50%)}.single-student-widget .single-item .item-percentage p{color:#000;font-size:14px;font-weight:500;margin-bottom:0;white-space:nowrap}.single-student-widget .single-item .item-percentage p span{font-size:12px;margin-right:3px}.single-student-widget .page-pagination{padding-top:40px}.single-student-widget .page-pagination .pagination li a{border:1px solid #daebe0;font-size:14px;height:35px;line-height:33px;width:35px}.single-student-widget .page-pagination .pagination li a.active,.single-student-widget .page-pagination .pagination li a:hover{background-color:red;color:#fff}.new-courses{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;display:flex;justify-content:space-between;margin-top:60px;overflow:hidden;padding:0 100px 50px;position:relative;z-index:1}@media only screen and (min-width:1200px) and (max-width:1499px){.new-courses{padding:0 50px 50px}}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.new-courses{display:block;padding:0 50px 50px}}@media only screen and (max-width:575px){.new-courses{padding:0 30px 50px}}.new-courses:before{background-color:rgba(0,193,248,.95);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.new-courses .new-courses-title{margin-top:45px}.new-courses .new-courses-title .title{color:#fff;font-family:Poppins,sans-serif;font-size:22px;font-weight:500;line-height:1.5;margin-bottom:0}@media only screen and (max-width:575px){.new-courses .new-courses-title .title{font-size:18px}.new-courses .new-courses-title .title br{display:none}}.new-courses .new-courses-btn{margin-top:50px}.engagement-meta{align-items:center;display:flex;flex-wrap:wrap;padding-top:5px}.engagement-meta .meta{align-items:center;color:#000;display:flex;font-size:15px;font-weight:500;margin-bottom:0;margin-right:50px;padding-top:10px}@media only screen and (min-width:992px) and (max-width:1199px){.engagement-meta .meta{font-size:14px;margin-right:30px}}.engagement-meta .meta img{margin-right:10px}@media only screen and (min-width:992px) and (max-width:1199px){.engagement-meta .meta img{width:16px}}.engagement-meta .meta:last-child{margin-right:0}.courses-select{padding-top:20px}.courses-select .nice-select{border:1px solid #ebe6e1;border-radius:10px;color:#2c241b;display:inline-block;float:none;font-size:20px;font-weight:500;height:60px;line-height:58px;padding:0 50px 0 30px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.courses-select .nice-select{font-size:16px;height:50px;line-height:48px;padding:0 40px 0 20px}}@media only screen and (max-width:767px){.courses-select .nice-select{display:block}}.courses-select .nice-select:after{border-color:#2c241b;height:8px;right:30px;width:8px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.courses-select .nice-select:after{right:20px}}@media only screen and (max-width:767px){.courses-select .nice-select .list{width:100%}}.courses-select .nice-select .list li{font-size:15px}.courses-select .title{color:#2c241b;font-family:Poppins,sans-serif;font-size:22px;font-weight:500;margin-top:25px}.months-select{padding-top:20px}.months-select .nice-select{background-color:#f0ede9;border:1px solid #ebe6e1;border-radius:10px;color:#2c241b;display:inline-block;float:none;font-size:15px;font-weight:500;height:50px;line-height:48px;padding:0 40px 0 20px}@media only screen and (max-width:767px){.months-select .nice-select{display:block}}.months-select .nice-select:after{border-color:#000;height:7px;right:20px;width:7px}@media only screen and (max-width:767px){.months-select .nice-select .list{width:100%}}.months-select .nice-select .list li{font-size:15px}.engagement-courses{padding-left:1px;padding-right:1px;padding-top:40px}.engagement-courses .courses-top{background-color:#999;border:0;border-radius:10px}.engagement-courses .courses-top ul{display:flex}@media only screen and (max-width:767px){.engagement-courses .courses-top ul{display:block;text-align:center}}.engagement-courses .courses-top ul li{color:#000;display:block;font-size:18px;font-weight:500;padding:15px;white-space:nowrap}@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.engagement-courses .courses-top ul li{font-size:14px}}.engagement-courses .courses-top ul li:first-of-type{padding-left:80px;width:500px}@media only screen and (min-width:1200px) and (max-width:1499px){.engagement-courses .courses-top ul li:first-of-type{width:430px}}@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.engagement-courses .courses-top ul li:first-of-type{padding-left:50px;width:280px}}@media only screen and (max-width:767px){.engagement-courses .courses-top ul li:first-of-type{padding-left:0;width:auto}}.engagement-courses .courses-top ul li:nth-of-type(2){text-align:center;width:170px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.engagement-courses .courses-top ul li:nth-of-type(2){width:auto}}.engagement-courses .courses-top ul li:nth-of-type(3){text-align:center;width:170px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.engagement-courses .courses-top ul li:nth-of-type(3){width:auto}}.engagement-courses .courses-list ul li{align-items:center;border:1px solid #ebe6e1;border-radius:10px;display:flex;margin-top:20px;padding:20px}@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.engagement-courses .courses-list ul li{padding:10px}}@media only screen and (max-width:767px){.engagement-courses .courses-list ul li{display:block;text-align:center}}.engagement-courses .courses-list ul li .courses{align-items:center;display:flex;max-width:600px;width:100%}@media only screen and (max-width:767px){.engagement-courses .courses-list ul li .courses{display:block}}.engagement-courses .courses-list ul li .courses .thumb img{border-radius:10px;width:100px}@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.engagement-courses .courses-list ul li .courses .thumb img{width:70px}}.engagement-courses .courses-list ul li .courses .content{flex:1;max-width:330px;padding-left:30px}@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.engagement-courses .courses-list ul li .courses .content{padding-left:15px;width:285px}}@media only screen and (max-width:767px){.engagement-courses .courses-list ul li .courses .content{margin:0 auto;padding-left:0;padding-top:25px}}.engagement-courses .courses-list ul li .courses .content .title{margin-bottom:0}.engagement-courses .courses-list ul li .courses .content .title a{color:#2c241b;display:inline-block;font-family:Poppins,sans-serif;font-size:18px;font-weight:500;line-height:1.5}@media only screen and (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.engagement-courses .courses-list ul li .courses .content .title a{font-size:14px}}.engagement-courses .courses-list ul li .courses .content .title a:hover{color:red}.engagement-courses .courses-list ul li .student span,.engagement-courses .courses-list ul li .taught span{color:#000;display:block;font-size:18px;font-weight:500;padding:0 15px}@media only screen and (max-width:575px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.engagement-courses .courses-list ul li .student span,.engagement-courses .courses-list ul li .taught span{font-size:14px}}@media only screen and (max-width:767px){.engagement-courses .courses-list ul li .button,.engagement-courses .courses-list ul li .student span,.engagement-courses .courses-list ul li .taught span{padding-top:20px}}.engagement-courses .courses-list ul li .button .btn{border:1px solid #ebe6e1;border-radius:10px;padding:0 30px;white-space:nowrap}@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.engagement-courses .courses-list ul li .button .btn{font-size:13px;padding:0 20px}}.engagement-courses .courses-list ul li>:first-of-type{width:500px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.engagement-courses .courses-list ul li>:first-of-type{width:auto}}.engagement-courses .courses-list ul li>:nth-of-type(2){text-align:center;width:170px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.engagement-courses .courses-list ul li>:nth-of-type(2){width:auto}}.engagement-courses .courses-list ul li>:nth-of-type(3){text-align:center;width:170px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.engagement-courses .courses-list ul li>:nth-of-type(3){width:auto}}.filter-check{display:flex;flex-wrap:wrap;padding-top:10px}.filter-check .courses-select{padding-top:0}.filter-check>li{align-items:center;display:flex;margin-right:30px;margin-top:10px;position:relative;white-space:nowrap}.filter-check>li:last-child{margin-right:0}@media only screen and (min-width:992px) and (max-width:1199px){.filter-check>li{margin-right:26px}}.filter-check>li label{align-items:center;color:#2c241b;display:flex;font-size:16px;font-weight:400;margin-bottom:0}.filter-check>li input{display:none}.filter-check>li input+label{cursor:pointer}.filter-check>li input+label span{border:1px solid #8691a1;border-radius:2px;display:inline-block;height:18px;margin-right:13px;position:relative;transition:all .3s linear;width:18px}.filter-check>li input+label span:before{color:#fff;content:"\eed6";font-family:IcoFont;font-size:18px;left:-1px;line-height:17px;opacity:0;position:absolute;top:0;transition:all .3s linear;visibility:hidden}.filter-check>li input:checked+label{font-weight:500}.filter-check>li input:checked+label span{background-color:#00c1f8;border-color:#00c1f8}.filter-check>li input:checked+label span:before{opacity:1;visibility:visible}.rating-select .nice-select{border:0;border-radius:0;color:#2c241b;display:inline-block;float:none;font-size:17px;font-weight:500;height:auto;line-height:1;margin-left:8px;padding:0 15px 0 0}@media only screen and (max-width:767px){.rating-select .nice-select{display:block}}.rating-select .nice-select:after{border-color:#2c241b;height:6px;right:2px;width:6px}@media only screen and (max-width:767px){.rating-select .nice-select .list{width:100%}}.rating-select .nice-select .list li{font-size:15px}.top-bar-filter-right{display:flex;margin-left:-10px;margin-right:-10px}@media only screen and (max-width:767px){.top-bar-filter-right{flex-wrap:wrap}}.top-bar-filter-right>*{margin:0 10px}.top-bar-filter-right .filter-btn{padding-top:20px}.top-bar-filter-right .filter-btn .btn{border-radius:10px;font-size:15px;height:50px;line-height:48px;padding:0 20px}.newest-select{padding-top:20px}.newest-select .nice-select{border:1px solid #ebe6e1;border-radius:10px;color:#000;display:inline-block;float:none;font-size:15px;font-weight:500;height:50px;line-height:48px;padding:0 40px 0 20px}@media only screen and (max-width:767px){.newest-select .nice-select{display:block}}.newest-select .nice-select:after{border-color:#000;height:7px;right:20px;width:7px}@media only screen and (max-width:767px){.newest-select .nice-select .list{width:100%}}.newest-select .nice-select .list li{font-size:15px}.newest-select .title{color:#2c241b;font-size:22px;font-weight:500;margin-top:25px}.courses-rating-wrapper{padding-top:15px}.single-courses-rating{border:1px solid #e0dddb;border-radius:10px;margin-top:25px;padding:25px}.single-courses-rating .courses{align-items:center;display:flex;flex-wrap:wrap;position:relative}@media only screen and (max-width:767px){.single-courses-rating .courses{display:block;text-align:center}}.single-courses-rating .courses .courses-thumb a{display:block}.single-courses-rating .courses .courses-thumb a img{border-radius:10px}@media only screen and (min-width:1200px) and (max-width:1499px){.single-courses-rating .courses .courses-thumb a img{width:130px}}@media only screen and (min-width:768px) and (max-width:991px){.single-courses-rating .courses .courses-thumb a img{width:100px}}.single-courses-rating .courses .courses-content{flex:1;max-width:550px;padding-left:50px}@media only screen and (min-width:1200px) and (max-width:1499px){.single-courses-rating .courses .courses-content{max-width:370px;padding-left:30px}}@media only screen and (min-width:768px) and (max-width:991px){.single-courses-rating .courses .courses-content{padding-left:20px}}@media only screen and (max-width:767px){.single-courses-rating .courses .courses-content{margin:0 auto;padding-left:0;padding-top:25px}}.single-courses-rating .courses .courses-content .title{margin-bottom:0}.single-courses-rating .courses .courses-content .title a{color:#2c241b;font-family:Poppins,sans-serif;font-size:20px;font-weight:500;line-height:1.4}@media only screen and (min-width:1200px) and (max-width:1499px){.single-courses-rating .courses .courses-content .title a{font-size:18px}}@media only screen and (min-width:768px) and (max-width:991px){.single-courses-rating .courses .courses-content .title a{font-size:16px}}@media only screen and (max-width:575px){.single-courses-rating .courses .courses-content .title a{font-size:16px}}.single-courses-rating .courses .courses-content .title a:hover{color:red}.single-courses-rating .courses .courses-content .average-rating{align-items:center;display:flex;margin-top:15px}@media only screen and (max-width:767px){.single-courses-rating .courses .courses-content .average-rating{justify-content:center}}.single-courses-rating .courses .courses-content .average-rating .label{color:#2c241b;display:block;font-size:15px;font-weight:400;padding-right:10px;white-space:nowrap}.single-courses-rating .courses .courses-content .average-rating .count{color:#ff6e30;display:block;font-size:22px;font-weight:700}@media only screen and (max-width:575px){.single-courses-rating .courses .courses-content .average-rating .count{font-size:18px}}.single-courses-rating .courses .courses-content .average-rating .count .rating-star{position:relative}.single-courses-rating .courses .courses-content .average-rating .count .rating-star:before{color:#d0d0d0;content:"\f000\f000\f000\f000\f000";font-family:IcoFont;font-size:13px;letter-spacing:1px}.single-courses-rating .courses .courses-content .average-rating .count .rating-star .rating-bar{height:100%;left:0;overflow:hidden;position:absolute;top:-3px}.single-courses-rating .courses .courses-content .average-rating .count .rating-star .rating-bar:before{color:#ffba00;content:"\f000\f000\f000\f000\f000";font-family:IcoFont;font-size:13px;letter-spacing:1px}.single-courses-rating .courses .courses-btn{margin-left:auto;margin-top:0}@media only screen and (max-width:767px){.single-courses-rating .courses .courses-btn{margin:20px auto 0}}.single-courses-rating .courses .courses-btn .btn{border:1px solid #e0dddb;border-radius:5px;height:50px;line-height:48px;padding:0 20px}.single-courses-rating .courses .courses-btn .btn:hover{background-color:#00c1f8;border-color:#00c1f8;color:#fff}.single-courses-rating .rating{background-color:#f8f6f4;border-radius:10px;display:flex;margin-top:20px;padding:30px;position:relative}@media only screen and (max-width:575px){.single-courses-rating .rating{display:block;padding:20px}}.single-courses-rating .rating .rating-author img{border-radius:50%;width:70px}.single-courses-rating .rating .rating-content{flex:1;padding-left:30px;position:relative}@media only screen and (max-width:575px){.single-courses-rating .rating .rating-content{padding-left:0;padding-top:25px}}.single-courses-rating .rating .rating-content .name{font-family:Poppins,sans-serif;font-size:20px;font-weight:500;margin-bottom:0}@media only screen and (max-width:575px){.single-courses-rating .rating .rating-content .name{font-size:20px}}.single-courses-rating .rating .rating-content .date{color:#8e9298;display:block;font-size:14px;font-weight:400;margin-top:10px}.single-courses-rating .rating .rating-content .average-rating{margin-top:10px}.single-courses-rating .rating .rating-content .average-rating .rating-star{position:relative}.single-courses-rating .rating .rating-content .average-rating .rating-star:before{color:#d0d0d0;content:"\f000\f000\f000\f000\f000";font-family:IcoFont;font-size:15px;letter-spacing:2px}.single-courses-rating .rating .rating-content .average-rating .rating-star .rating-bar{height:100%;left:0;overflow:hidden;position:absolute;top:-2px}.single-courses-rating .rating .rating-content .average-rating .rating-star .rating-bar:before{color:#ffba00;content:"\f000\f000\f000\f000\f000";font-family:IcoFont;font-size:15px;letter-spacing:2px}.single-courses-rating .rating .rating-content .btn{background-color:#fff;border:1px solid #e0dddb;border-radius:10px;color:#309255;height:45px;line-height:41px;margin-top:20px;padding:0 20px}.single-courses-rating .rating .rating-content .btn:hover{background-color:#00c1f8;border-color:#00c1f8;color:#fff}.single-courses-rating .rating .waving{color:#000;display:inline-block;font-size:20px;position:absolute;right:25px;top:27px;transition:all .3s linear}.single-courses-rating .rating .waving:hover{color:red}.question-answer{border-top:1px solid #e0dddb;margin-top:20px}.answer-user-list{padding:20px 0}.single-user{align-items:center;border:1px solid #e0dddb;border-radius:10px;display:flex;margin-top:20px;padding:20px;position:relative}@media only screen and (min-width:1200px) and (max-width:1499px){.single-user{padding:20px 10px}}@media only screen and (max-width:575px){.single-user{padding:10px}}.single-user .user-author img{border-radius:50px;width:70px}@media only screen and (max-width:575px){.single-user .user-author img{width:50px}}.single-user .user-content{flex:1;max-width:175px;padding-left:20px;position:relative}@media only screen and (min-width:1200px) and (max-width:1499px){.single-user .user-content{max-width:160px;padding-bottom:20px;padding-left:10px}}@media only screen and (max-width:575px){.single-user .user-content{max-width:150px;padding-left:10px}}.single-user .user-content .name{font-family:Poppins,sans-serif;font-size:17px;font-weight:500;margin-bottom:8px}@media only screen and (min-width:1200px) and (max-width:1499px){.single-user .user-content .name{font-size:15px}}@media only screen and (max-width:575px){.single-user .user-content .name{font-size:13px}}.single-user .user-content p{color:#52565b;font-size:15px;font-weight:400;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:1200px) and (max-width:1499px){.single-user .user-content p{font-size:14px}}@media only screen and (max-width:575px){.single-user .user-content p{font-size:12px}}.single-user .time{background-color:#fff;bottom:30px;color:#8e9298;font-size:13px;font-weight:400;padding:0 3px;position:absolute;right:17px}@media only screen and (min-width:1200px) and (max-width:1499px){.single-user .time{bottom:20px;left:80px;right:auto}}@media only screen and (max-width:575px){.single-user .time{bottom:auto;font-size:8px;right:8px;top:10px}}.single-user.active{background-color:#00c1f8;border-color:#00c1f8}.single-user.active .user-content .name{color:#fff}.single-user.active .user-content p{color:#d4efde}.single-user.active .time{background-color:#00c1f8;color:#d4efde}.answer-message-wrapper{border-top:1px solid #e0dddb;padding-bottom:80px;padding-top:10px}@media only screen and (min-width:1200px) and (max-width:1499px),only screen and (min-width:1500px){.answer-message-wrapper{border-left:1px solid #e0dddb;border-top:0;padding-left:30px}}@media only screen and (max-width:767px){.answer-message-wrapper{padding-bottom:60px}}.answer-message-wrapper ul{border-bottom:1px solid #e0dddb}.answer-message-wrapper ul li+li .single-message{border-top:1px solid #e0dddb}.answer-message-wrapper ul li ul{border-bottom:0}.answer-message-wrapper ul li ul li .single-message{border-top:1px solid #e0dddb}.answer-message-wrapper ul li .message-replay{padding-left:110px}@media only screen and (min-width:1200px) and (max-width:1499px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.answer-message-wrapper ul li .message-replay{padding-left:50px}}@media only screen and (max-width:767px){.answer-message-wrapper ul li .message-replay{padding-left:70px}}@media only screen and (max-width:575px){.answer-message-wrapper ul li .message-replay{padding-left:0}}.answer-message-wrapper .loadmore{background-color:#f8f6f4;border:1px solid #e0dddb;border-radius:5px;color:#00c1f8;display:block;font-size:18px;font-weight:500;height:55px;line-height:53px;margin-top:40px;padding:0 20px;text-align:center;transition:all .3s linear;width:100%}@media only screen and (max-width:575px){.answer-message-wrapper .loadmore{font-size:14px;height:45px;line-height:43px}}.answer-message-wrapper .loadmore:hover{background-color:#00c1f8;border-color:#00c1f8;color:#fff}.single-message{padding:30px 0}.single-message .message-author{align-items:center;display:flex;padding-right:218px;position:relative}@media only screen and (max-width:575px){.single-message .message-author{display:block;padding-right:0}}.single-message .message-author .author-images img{border-radius:50%;width:70px}.single-message .message-author .author-content{flex:1;padding-left:20px}@media only screen and (max-width:575px){.single-message .message-author .author-content{padding-left:0;padding-top:15px}}.single-message .message-author .author-content .name{font-family:Poppins,sans-serif;font-size:17px;font-weight:500;margin-bottom:0}.single-message .message-author .author-content .name strong{margin-right:25px}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.single-message .message-author .author-content .name strong{margin-right:15px}}.single-message .message-author .author-content .name span{display:inline-block}.single-message .message-author .author-content .title{font-family:Poppins,sans-serif;font-size:20px;font-weight:500;line-height:1.4;margin-bottom:0}@media only screen and (min-width:1200px) and (max-width:1499px){.single-message .message-author .author-content .title{font-size:16px}}@media only screen and (min-width:992px) and (max-width:1199px){.single-message .message-author .author-content .title{font-size:18px}}@media only screen and (max-width:575px){.single-message .message-author .author-content .title{font-size:16px}}.single-message .message-author .author-content .time{color:#8e9298;font-size:12px;font-weight:400}.single-message .message-author .author-content .instructor{background-color:#e7f3eb;border-radius:5px;color:#309255;font-size:12px;font-weight:500;padding:6px 12px}.single-message .message-author .author-content *+*{display:block;margin-top:10px}.single-message .message-author .meta{align-items:center;display:flex;position:absolute;right:0;top:0}@media only screen and (max-width:575px){.single-message .message-author .meta{display:inline-block;text-align:center}}.single-message .message-author .meta .view{color:#309255;font-size:12px;font-weight:400;margin-right:20px}@media only screen and (max-width:575px){.single-message .message-author .meta .view{display:block;margin-right:0}}.single-message .message-author .meta .view i{margin-right:8px}.single-message .message-author .meta .answer{background-color:#edfaf2;border:1px solid #d6e9dd;border-radius:5px;display:inline-block;font-size:12px;font-weight:400;height:40px;line-height:38px;padding:0 20px;transition:all .3s linear}@media only screen and (max-width:575px){.single-message .message-author .meta .answer{height:35px;line-height:33px;margin-top:10px;padding:0 15px}}.single-message .message-author .meta .answer i{margin-right:8px}.single-message .message-author .meta .answer:hover{background-color:#00c1f8;border-color:#00c1f8;color:#fff}.single-message p{margin-bottom:0;margin-top:20px}.message-form{display:flex;margin-top:40px}@media only screen and (max-width:575px){.message-form{display:block}}.message-form .auhtor img{border-radius:50%;width:70px}.message-form .message-input{flex:1;padding-left:20px}@media only screen and (max-width:575px){.message-form .message-input{padding-left:0;padding-top:20px}}.message-form .message-input textarea{border:1px solid #e0dddb;border-radius:5px;color:#52565b;font-family:Poppins,sans-serif;font-weight:400;height:200px;margin-top:0;padding:20px 30px}@media only screen and (max-width:575px){.message-form .message-input textarea{padding:15px 20px}}.message-form .message-input .message-btn{margin-top:20px;text-align:center}.message-form .message-input .message-btn .btn{border-radius:10px;height:50px;line-height:50px;margin:0 8px;padding:0 20px;width:120px}@media only screen and (max-width:575px){.message-form .message-input .message-btn .btn{font-size:13px;height:45px;line-height:45px;padding:0 20px;width:90px}}.message-form .message-input .message-btn .btn.btn-light{background-color:#ffe4e0;color:#2c241b}.sidebar-widget{margin-top:50px}.sidebar-widget .social{display:flex;flex-wrap:wrap;margin-top:25px}.sidebar-widget .social li{margin-right:20px;padding-top:10px}.sidebar-widget .social li:last-child{margin-right:0}.sidebar-widget .social li a{border:1px solid rgba(255,0,0,.25);border-radius:50%;color:#000;display:block;font-size:18px;height:50px;line-height:48px;text-align:center;transition:all .3s linear;width:50px}@media only screen and (min-width:992px) and (max-width:1199px){.sidebar-widget .social li a{height:45px;line-height:43px;width:45px}}.sidebar-widget .social li a:hover{background-color:red;border-color:red;color:#fff}.widget-title{font-size:25px;font-weight:500;margin-bottom:0;margin-top:-7px}.widget-information{background-color:#fff;border:1px solid #52565b;border-radius:10px;padding:30px 30px 40px}.widget-information .info-price{text-align:center}.widget-information .info-price .price{color:#000;display:block;font-size:30px;font-weight:700}.widget-information .info-list ul{border-top:1px solid #d1e6d9;margin-top:35px}.widget-information .info-list ul li{border-bottom:1px solid #d1e6d9;padding:15px 0}.widget-information .info-list ul li i{color:red;font-size:16px;margin-right:3px}@media only screen and (min-width:992px) and (max-width:1199px){.widget-information .info-list ul li i{font-size:15px}}.widget-information .info-list ul li strong{color:#2c241b;font-size:16px;font-weight:500}@media only screen and (min-width:992px) and (max-width:1199px){.widget-information .info-list ul li strong{font-size:15px}}.widget-information .info-list ul li span{color:#52565b;display:block;float:right;font-size:16px;font-weight:400}@media only screen and (min-width:992px) and (max-width:1199px){.widget-information .info-list ul li span{font-size:15px}}.widget-information .info-btn{margin-top:40px;text-align:center}.widget-search{position:relative}.widget-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]){background-color:#fff;border:1px solid rgba(0,193,248,.2);border-radius:2px;color:#52565b;font-size:15px;font-weight:400;height:60px;margin-top:0;outline:none;padding:0 60px 0 20px;transition:all .3s linear;width:100%}.widget-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder{opacity:1}.widget-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder,.widget-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder{opacity:1}.widget-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder{opacity:1}.widget-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):focus{border-color:#00c1f8}.widget-search button{background-color:#00c1f8;border:0;border-radius:2px;color:#fff;font-size:16px;height:48px;line-height:48px;padding:0;position:absolute;right:6px;text-align:center;top:6px;width:48px}.widget-category{background-color:#f8f6f4;border-radius:2px;margin-top:30px;padding:35px}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.widget-category{padding:25px}}.widget-category .category-list li+li{margin-top:10px}.widget-category .category-list li a{background-color:#fff;border-radius:2px;color:#52565b;display:block;font-size:15px;font-weight:500;height:50px;line-height:50px;padding:0 15px;transition:all .3s linear}@media only screen and (min-width:992px) and (max-width:1199px){.widget-category .category-list li a{font-size:14px}}.widget-category .category-list li a span{display:block;float:right}.widget-category .category-list li a:hover{background-color:#00c1f8;border-color:#00c1f8;color:#fff}.widget-post{border:1px solid rgba(0,193,248,.2);border-radius:2px;margin-top:30px;padding:35px}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.widget-post{padding:25px}}.widget-post .post-items li{border-bottom:1px solid rgba(0,193,248,.2);padding:20px 0}.widget-post .post-items li:first-child{padding-top:0}.widget-post .post-items li:last-child{border-bottom:0;padding-bottom:0}.widget-post .single-post{align-items:center;display:flex}.widget-post .single-post .post-thumb a{display:block}.widget-post .single-post .post-thumb a img{border-radius:50%;height:70px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:70px}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.widget-post .single-post .post-thumb a img{height:60px;width:60px}}.widget-post .single-post .post-content{flex:1;padding-left:30px}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.widget-post .single-post .post-content{padding-left:20px}}.widget-post .single-post .post-content .title{margin-bottom:0}.widget-post .single-post .post-content .title a{color:#000;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;line-height:1.4}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.widget-post .single-post .post-content .title a{font-size:14px}}.widget-post .single-post .post-content .title a:hover{color:red}.widget-post .single-post .post-content .date{color:#52565b;display:block;font-size:13px;margin-top:5px}.widget-post .single-post .post-content .date i{color:red}.widget-tags{border:1px solid rgba(0,193,248,.2);border-radius:2px;margin-top:30px;padding:35px}@media only screen and (max-width:575px),only screen and (min-width:992px) and (max-width:1199px){.widget-tags{padding:25px}}.widget-tags .tags-list{display:flex;flex-wrap:wrap;margin-left:-7px;margin-right:-7px;margin-top:-10px}.widget-tags .tags-list li{padding:10px 5px 0}.widget-tags .tags-list li a{background-color:#f8f6f4;border-radius:2px;color:#52565b;display:block;font-size:15px;font-weight:500;height:45px;line-height:43px;padding:0 35px;transition:all .3s linear}@media only screen and (min-width:992px) and (max-width:1199px){.widget-tags .tags-list li a{font-size:14px;padding:0 22px}}@media only screen and (max-width:767px){.widget-tags .tags-list li a{padding:0 20px}}.widget-tags .tags-list li a:hover{background-color:#00c1f8;border-color:#00c1f8;color:#fff}.footer-widget-section{position:relative}.footer-widget-section .shape-01{left:60px;position:absolute;top:70px}.footer-widget-section .shape-02{bottom:70px;position:absolute;right:60px}.footer-widget-wrapper{margin-top:-50px}.footer-widget{margin-top:45px}.footer-widget-title{color:#ffa300;font-size:27px;font-weight:600;white-space:nowrap}@media only screen and (min-width:992px) and (max-width:1199px){.footer-widget-title{font-size:24px}}@media only screen and (max-width:767px){.footer-widget-title{font-size:20px}}.widget-newsletter{padding-top:32px}@media only screen and (min-width:1200px) and (max-width:1499px),only screen and (min-width:1500px){.widget-newsletter{padding-right:70px}}.widget-newsletter p{color:#fff;line-height:2.13}.widget-newsletter .newsletter-form{margin-top:35px}.widget-newsletter .newsletter-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]){background-color:#fff;border:0;border-radius:10px;color:#2c241b;height:50px;padding:0 30px;width:100%}.widget-newsletter .newsletter-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder{color:#2c241b;opacity:1}.widget-newsletter .newsletter-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder,.widget-newsletter .newsletter-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder{color:#2c241b;opacity:1}.widget-newsletter .newsletter-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder{color:#2c241b;opacity:1}.widget-newsletter .newsletter-form .btn{border-radius:10px;margin-top:20px;padding:0 30px}.widget-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}.widget-wrapper>*{padding-right:40px}.widget-wrapper>:last-child{padding-right:0}.widget-link{padding-top:20px}.widget-link li{color:#fff;font-size:15px;margin-top:15px}@media only screen and (max-width:767px){.widget-link li{font-size:13px}}.widget-location{padding-top:20px}.widget-location p{color:#fff;font-size:15px;line-height:2.1;margin-top:15px}@media only screen and (max-width:767px){.widget-location p{font-size:13px}}.footer-copyright,.footer-section{background-color:red}.footer-copyright{padding-bottom:25px}.copyright-wrapper{align-items:center;display:flex;justify-content:space-between}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.copyright-wrapper{display:block;text-align:center}}.copyright-text{padding-top:25px}.copyright-text p{color:#fff;font-size:15px}.copyright-text p a,.copyright-text p i,.copyright-text p span{color:red}.copyright-text p a:hover{text-decoration:underline}.copyright-link{padding-top:15px}.copyright-link a{color:#fff;font-size:15px;margin-top:10px;position:relative}.copyright-link a+a{margin-left:30px}.copyright-link a+a:before{content:"*";font-size:15px;left:-20px;position:absolute}.copyright-link a:hover{color:red}.back-to-top{background-color:red;border-radius:50%;bottom:20px;box-shadow:2px 4px 8px rgba(0,0,0,.15);color:#fff;display:none;font-size:20px;height:40px;line-height:36px;position:fixed;right:20px;text-align:center;transition:all .3s linear;width:40px;z-index:99}.back-to-top:hover{background-color:#000;color:#fff}.kejuaraan-information{background-color:#fff;margin-top:10px}.kejuaraan-information .info-price{text-align:center}.kejuaraan-information .info-price .price{color:#000;display:block;font-size:30px;font-weight:700}.kejuaraan-information .info-list ul li{padding:15px 0}.kejuaraan-information .info-list ul li i{color:red;font-size:16px;margin-right:3px}@media only screen and (min-width:992px) and (max-width:1199px){.kejuaraan-information .info-list ul li i{font-size:15px}}.kejuaraan-information .info-list ul li strong{color:#2c241b;font-size:16px;font-weight:500}@media only screen and (min-width:992px) and (max-width:1199px){.kejuaraan-information .info-list ul li strong{font-size:15px}}.kejuaraan-information .info-list ul li span{color:#52565b;display:block;float:right;font-size:16px;font-weight:400}@media only screen and (min-width:992px) and (max-width:1199px){.kejuaraan-information .info-list ul li span{font-size:15px}}.kejuaraan-information .info-btn{margin-top:40px;text-align:center}.modal .modal-content{border-radius:10px;padding:5px 10px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#000;margin:0}.h1,h1{font-size:32px;font-weight:700}.h2,h2{font-size:28px;font-weight:600}.h3,h3{font-size:24px;font-weight:500}.h4,h4{font-size:20px;font-weight:600}.h5,h5{font-weight:700}.h5,.h6,h5,h6{font-size:16px}.h6,h6{font-weight:600}.text-bold{font-weight:700}.text-semi-bold{font-weight:600}.text-medium{font-weight:500}.text-regular{font-weight:400}.text-light{font-weight:300}.text-sm{font-size:14px;line-height:22px}.breadcrumb-wrapper{display:flex;justify-content:flex-end}@media only screen and (max-width:575px){.breadcrumb-wrapper{justify-content:flex-start}}.breadcrumb-wrapper .breadcrumb li{color:red;font-size:14px}.breadcrumb-wrapper .breadcrumb li a{color:#f8f6f4}.breadcrumb-wrapper .breadcrumb li a:hover{color:red}.input-style-1{margin-bottom:30px!important;position:relative!important}.input-style-1 label{color:#000!important;display:block!important;font-size:14px!important;font-weight:500!important;margin-bottom:10px!important}.input-style-1 input,.input-style-1 textarea{background:#fff!important;border:1px solid #999!important;border-radius:10px!important;color:#000!important;padding:16px!important;resize:none!important;transition:all .3s!important;width:100%!important}.input-style-1 input:focus,.input-style-1 textarea:focus{background:#fff!important;border-color:#219653!important}.input-style-1 input[type=date],.input-style-1 input[type=time],.input-style-1 textarea[type=date],.input-style-1 textarea[type=time]{background:transparent!important}.input-style-2{margin-bottom:30px;position:relative;z-index:1}.input-style-2 label{color:#000;display:block;font-size:14px;font-weight:500;margin-bottom:10px}.input-style-2 input,.input-style-2 textarea{background:#fff;border:1px solid #999;border-radius:10px;color:#000;padding:16px;resize:none;transition:all .3s;width:100%}.input-style-2 input:focus,.input-style-2 textarea:focus{background:#fff;border-color:#219653}.input-style-2 input[type=date],.input-style-2 input[type=time],.input-style-2 textarea[type=date],.input-style-2 textarea[type=time]{background:transparent}.input-style-2 input[type=date]::-webkit-calendar-picker-indicator,.input-style-2 input[type=date]::-webkit-inner-spin-button{opacity:0}.input-style-2 input[type=date]~.icon{z-index:-1}.input-style-2 .icon{bottom:0;padding:17px;position:absolute;right:0}.input-style-3{margin-bottom:30px;position:relative}.input-style-3 label{color:#000;display:block;font-size:14px;font-weight:500;margin-bottom:10px}.input-style-3 input,.input-style-3 textarea{background:#fff;border:1px solid #999;border-radius:10px;color:#000;padding:16px 16px 16px 45px;resize:none;transition:all .3s;width:100%}.input-style-3 input:focus,.input-style-3 textarea:focus{background:#fff;border-color:#219653}.input-style-3 .icon{height:100%;left:0;padding:16px;position:absolute;top:0}.select-style-1{margin-bottom:30px}.select-style-1 label{color:#000;display:block;font-size:14px;font-weight:500;margin-bottom:10px}.select-style-1 .select-position{position:relative}.select-style-1 .select-position:after{border-bottom:2px solid #999;border-right:2px solid #999;content:"";display:block;height:10px;margin-top:-5px;pointer-events:none;position:absolute;right:16px;top:50%;transform:rotate(45deg);transition:all .15s ease-in-out;width:10px}.select-style-1 .select-position.select-sm:after{margin-top:-8px}.select-style-1 .select-position.select-sm select{font-size:14px;padding-bottom:8px;padding-top:8px}.select-style-1 .select-position select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:1px solid #999;border-radius:10px;color:#000;padding:16px 38px 16px 16px;transition:all .3s ease-out 0s;width:100%}.select-style-1 .select-position select:focus{border-color:#219653;outline:none}.select-style-1 .select-position select.light-bg,.select-style-1 .select-position select.light-bg:focus{background:#fff}.select-style-1 .select-position select.radius-30{border-radius:30px}.select-style-2{margin-bottom:30px}.select-style-2 .select-position{position:relative}.select-style-2 .select-position.select-sm:after{margin-top:-8px}.select-style-2 .select-position.select-sm:before{margin-top:0}.select-style-2 .select-position.select-sm select{font-size:14px;padding-bottom:8px;padding-top:8px}.select-style-2 .select-position:after,.select-style-2 .select-position:before{content:"";display:block;height:8px;pointer-events:none;position:absolute;right:16px;top:50%;transform:rotate(45deg);transition:all .15s ease-in-out;width:8px}.select-style-2 .select-position:before{border-bottom:1px solid #999;border-right:1px solid #999;margin-top:0}.select-style-2 .select-position:after{border-left:1px solid #999;border-top:1px solid #999;margin-top:-8px}.select-style-2 .select-position select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:1px solid #999;border-radius:10px;color:#000;padding:16px 38px 16px 16px;transition:all .3s ease-out 0s;width:100%}.select-style-2 .select-position select:focus{border-color:#219653;outline:none}.select-style-2 .select-position select.light-bg,.select-style-2 .select-position select.light-bg:focus{background:#fff}.select-style-2 .select-position select.select-sm{font-size:14px;padding-bottom:8px;padding-top:8px}.select-style-3{margin-bottom:30px}.select-style-3 .select-position{position:relative}.select-style-3 .select-position:after{border-bottom:2px solid #999;border-right:2px solid #999;content:"";display:block;height:10px;margin-top:-7px;pointer-events:none;position:absolute;right:0;top:50%;transform:rotate(45deg);transition:all .15s ease-in-out;width:10px}.select-style-3 .select-position.select-sm:after{margin-top:-8px}.select-style-3 .select-position.select-sm select{font-size:14px;padding-bottom:8px;padding-top:8px}.select-style-3 .select-position select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:transparent;border-radius:10px;color:#000;padding-right:38px;transition:all .3s ease-out 0s;width:100%}.select-style-3 .select-position select:focus{border-color:#219653;outline:none}.select-style-3 .select-position select.light-bg{background:#fff}.toggle-switch{min-height:30px;padding-left:60px}.toggle-switch .form-check-input{cursor:pointer;height:28px;margin-left:-60px;width:50px}.toggle-switch label{color:#000;cursor:pointer;font-size:14px;margin-top:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-style{min-height:28px;padding-left:40px}.checkbox-style .form-check-input{border-radius:10px;cursor:pointer;height:28px;margin-left:-40px;width:28px}.checkbox-style .form-check-input:disabled,.checkbox-style .form-check-input:disabled~label{cursor:auto}.checkbox-style label{cursor:pointer;margin-top:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-style.checkbox-success .form-check-input:checked{background-color:#219653;border-color:#219653}.checkbox-style.checkbox-warning .form-check-input:checked{background-color:#f7c800;border-color:#f7c800}.checkbox-style.checkbox-danger .form-check-input:checked{background-color:red;border-color:red}.radio-style{min-height:28px;padding-left:40px}.radio-style .form-check-input{border-radius:50%;cursor:pointer;height:28px;margin-left:-40px;width:28px}.radio-style .form-check-input:disabled,.radio-style .form-check-input:disabled~label{cursor:auto}.radio-style label{cursor:pointer;margin-top:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.radio-style.radio-success .form-check-input:checked{background-color:#219653;border-color:#219653}.radio-style.radio-warning .form-check-input:checked{background-color:#f7c800;border-color:#f7c800}.radio-style.radio-danger .form-check-input:checked{background-color:red;border-color:red}@media only screen and (max-width:575px){.button-group .main-btn{width:100%}}.buy-sell-form .input-group{display:flex}.buy-sell-form .input-group input{background:transparent;border:1px solid #e2e8f0;border-radius:10px;color:#999;font-size:14px;padding:8px 16px;width:60%}.buy-sell-form .input-group input:focus{border-color:#219653}.buy-sell-form .input-group .select-style-1{width:40%}.buy-sell-form .input-group .select-style-1 .select-position:after{height:8px;width:8px}.buy-sell-form .input-group select{border:1px solid #e2e8f0;border-radius:0 10px 10px 0;color:#000;font-size:14px;padding:8px 24px 8px 16px}.buy-sell-form .buy-sell-btn .main-btn{display:block;font-weight:500;width:100%}.buy-sell-form .buy-sell-btn .main-btn:hover{box-shadow:0 5px 20px rgba(0,0,0,.1)}.buy-sell-form .buy-sell-btn .main-btn.success-btn{background:#08c18d}.buy-sell-form .buy-sell-btn .main-btn.danger-btn{background:#eb5757}.buy-sell-form .field-group-2 label{font-size:12px}.buy-sell-form .field-group-2 .input-group input{font-size:12px;width:70%}.buy-sell-form .field-group-2 .input-group span{background:#e2e8f0;border:1px solid #e2e8f0;border-radius:0 10px 10px 0;font-size:12px;padding:8px 16px;text-align:center;width:30%}.buy-sell-form .input-group-2 label{color:#000;display:block;font-size:12px;margin-bottom:8px}.buy-sell-form .input-group-2 .select-position:after{height:8px;width:8px}.buy-sell-form .input-group-2 select{border:1px solid #e2e8f0;border-radius:10px;color:#000;font-size:12px;padding:8px 12px;width:100%} ======= /*----------------------------------------------------------------------------------- Template Name: Nutras Fitness & Nutrition Bootstrap 5 Template Author: Hastech IT Version: 1.0 ----------------------------------------------------------------------------------- CSS INDEX =================== 01. Theme Default CSS 02. Elements CSS 2.1 - Blockquote CSS 2.2 - Form CSS 2.3 - Button CSS 2.4 - Modal CSS 03. Header CSS 3.1 - Header Top CSS 3.2 - Mobile Menu CSS 3.3 - Login Header CSS 04. Pages CSS (All Page Styles) 4.1 - Slider CSS 4.2 - Features CSS 4.3 - About CSS 4.4 - Courses CSS 4.5 - Testimonial CSS 4.6 - Brand CSS 4.7 - Blog CSS 4.8 - Download CSS 4.9 - Page Banner CSS 4.10 - Our Mission CSS 4.11 - Instructor CSS 4.12 - Courses Details CSS 4.13 - Team CSS 4.14 - Blog Details CSS 4.15 - Registration & Login Form CSS 4.16 - FAQ'S CSS 4.17 - Error CSS 4.18 - Contact CSS 4.19 - Courses Enroll CSS 4.20 - Courses Admin CSS 05. Widget CSS 5.1 - Sidebar Widget CSS 5.2 - Footer Widget CSS 07. Footer CSS -----------------------------------------------------------------------------------*/ /*----------------------------------------*/ /* 01. Theme Default CSS /*----------------------------------------*/ /*-- Common Style --*/ *, *::after, *::before { box-sizing: border-box; scroll-behavior: auto; } body { font-size: 15px; line-height: 1.75; font-weight: 400; font-family: "Poppins", sans-serif; color: #52565b; outline: none; visibility: visible; overflow-X: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: ""; } body[dir=rtl] { text-align: right; } h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif; color: #2c241b; font-weight: 0; line-height: 1.1; margin-bottom: 0; } h1 { font-size: 36px; } @media only screen and (max-width: 767px) { h1 { font-size: 30px; } } h2 { font-size: 30px; } @media only screen and (max-width: 767px) { h2 { font-size: 24px; } } h3 { font-size: 24px; } @media only screen and (max-width: 767px) { h3 { font-size: 20px; } } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { margin-bottom: 0; } a, button { color: inherit; display: inline-block; line-height: inherit; text-decoration: none; cursor: pointer; } a, button, img, input { transition: all 0.3s linear; outline: 0; } a:focus, button:focus, img:focus, input:focus { outline: 0; } a:focus { color: inherit; outline: none; text-decoration: none; } a:hover { text-decoration: none; color: #FF0000; } ul, ol { padding: 0; list-style: none; margin: 0; } button, input[type=submit] { cursor: pointer; } img { max-width: 100%; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; } input:-moz-placeholder, textarea:-moz-placeholder { opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; } /*-- Common Classes --*/ .section, .main-wrapper { float: left; width: 100%; } @media only screen and (min-width: 1200px) { .container { max-width: 1200px; } } /*--Tab Content & Pane Fix--*/ .tab-content { width: 100%; } .tab-content .tab-pane { display: block; height: 0; max-width: 100%; visibility: hidden; overflow: hidden; opacity: 0; } .tab-content .tab-pane.active { height: auto; visibility: visible; opacity: 1; overflow: visible; } /*--Section Spacing--*/ .section-padding { padding-top: 140px; padding-bottom: 140px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section-padding { padding-top: 100px; padding-bottom: 100px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-padding { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (max-width: 767px) { .section-padding { padding-top: 60px; padding-bottom: 60px; } } .section-padding-02 { padding-top: 140px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section-padding-02 { padding-top: 100px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-padding-02 { padding-top: 80px; } } @media only screen and (max-width: 767px) { .section-padding-02 { padding-top: 60px; } } /*-- Background Color --*/ .bg-grey { background-color: #f8f6f4; } /*-- Section Title --*/ .section-title { text-align: center; position: relative; z-index: 1; padding: 25px 0; } @media only screen and (max-width: 767px) { .section-title { padding: 44px 0; } } .section-title::before { position: absolute; content: ""; background-image: url(/images/shape-6.svg?0a32b64cb857f8f799801cc00d4f956e); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 150px; height: 280px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } .section-title .sub-title { font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 700; color: #FF0000; text-transform: uppercase; letter-spacing: 1px; } @media only screen and (max-width: 767px) { .section-title .sub-title { font-size: 13px; } } .section-title .main-title { font-size: 57px; margin-top: 23px; line-height: 1.1; } @media only screen and (max-width: 767px) { .section-title .main-title { font-size: 36px; } } @media only screen and (max-width: 575px) { .section-title .main-title { font-size: 24px; } } .section-title p { color: #50605c; font-weight: 500; font-size: 19px; margin-top: 22px; } @media only screen and (max-width: 767px) { .section-title p { font-size: 16px; } } .section-title.section-title-white .sub-title { color: #fea200; } .section-title.section-title-white .main-title { color: #fff; } .section-title.shape-none { padding: 0; } .section-title.shape-none::before { display: none; } /* Overlay */ .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; visibility: hidden; z-index: 99; transition: all 0.3s linear; } .overlay.open { opacity: 0.7; visibility: visible; } /* Page Pagination */ .page-pagination { padding-top: 60px; } .page-pagination .pagination li { margin-right: 12px; } .page-pagination .pagination li:last-child { margin-right: 0; } .page-pagination .pagination li a { width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 15px; font-weight: 500; color: #2c241b; display: block; transform: all 0.3s linear; border-radius: 2px; background-color: #f8f6f4; } @media only screen and (max-width: 575px) { .page-pagination .pagination li a { width: 40px; height: 40px; line-height: 40px; font-size: 14px; } } .page-pagination .pagination li a.active, .page-pagination .pagination li a:hover { color: #fff; background-color: #00c1f8; } /* Custom Animation */ .animation-left { -webkit-animation: left 5s linear 0s infinite normal forwards; animation: left 5s linear 0s infinite normal forwards; } @-webkit-keyframes left { 0% { transform: translateX(0); } 50% { transform: translateX(-40px); } 100% { transform: translateX(0); } } @keyframes left { 0% { transform: translateX(0); } 50% { transform: translateX(-40px); } 100% { transform: translateX(0); } } .animation-right { -webkit-animation: right 5s linear 0s infinite normal forwards; animation: right 5s linear 0s infinite normal forwards; } @-webkit-keyframes right { 0% { transform: translateX(0); } 50% { transform: translateX(40px); } 100% { transform: translateX(0); } } @keyframes right { 0% { transform: translateX(0); } 50% { transform: translateX(40px); } 100% { transform: translateX(0); } } .animation-up { -webkit-animation: up 5s linear 0s infinite normal forwards; animation: up 5s linear 0s infinite normal forwards; } @-webkit-keyframes up { 0% { transform: translateY(0); } 50% { transform: translateY(-40px); } 100% { transform: translateY(0); } } @keyframes up { 0% { transform: translateY(0); } 50% { transform: translateY(-40px); } 100% { transform: translateY(0); } } .animation-down { -webkit-animation: down 5s linear 0s infinite normal forwards; animation: down 5s linear 0s infinite normal forwards; } @-webkit-keyframes down { 0% { transform: translateY(0); } 50% { transform: translateY(40px); } 100% { transform: translateY(0); } } @keyframes down { 0% { transform: translateY(0); } 50% { transform: translateY(40px); } 100% { transform: translateY(0); } } .animation-rotate { -webkit-animation: rotate 5s linear 0s infinite normal forwards; animation: rotate 5s linear 0s infinite normal forwards; } @-webkit-keyframes rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(-15deg); } 100% { transform: rotate(0deg); } } @keyframes rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(-15deg); } 100% { transform: rotate(0deg); } } /*----------------------------------------*/ /* 02. Elements CSS /*----------------------------------------*/ /*-- /* 2.1 - Blockquote CSS /*----------------------------------------*/ blockquote { background-color: #FF0000; text-align: center; padding: 40px 50px; position: relative; z-index: 1; overflow: hidden; } @media only screen and (max-width: 575px) { blockquote { padding: 20px 25px; } } blockquote:not(:first-child) { margin-top: 25px; } blockquote:not(:last-child) { margin-bottom: 25px; } blockquote i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 150px; line-height: 1; color: #fff; opacity: 0.1; z-index: -1; } blockquote p { display: inline; font-size: 20px !important; font-style: italic; font-family: "Poppins", sans-serif; color: #fff !important; line-height: 1.35; font-weight: 500; } @media only screen and (max-width: 575px) { blockquote p { font-size: 18px !important; } } blockquote .shape { position: absolute; bottom: -150px; left: -45px; z-index: -1; } /*-- /* 2.2 - Form CSS /*----------------------------------------*/ label { display: block; line-height: 1; margin-bottom: 10px; font-weight: 400; text-transform: capitalize; } /*Input Field & Select*/ input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]), textarea { box-shadow: none; color: #999999; border-radius: 2px; margin-bottom: 0; padding: 10px 25px; max-width: 100%; width: 100%; font-size: 15px; line-height: 30px; font-weight: 400; border: 1px solid rgba(0, 193, 248, 0.2); margin-top: 20px; transition: all 0.3s linear; background-color: #fff; } input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):focus, textarea:focus { outline: none; border-color: #00c1f8; } textarea { height: 280px; resize: none; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: calc(100% - 25px) 50%; background-repeat: no-repeat; font-family: "Poppins", sans-serif; width: 100%; border: none; background-color: #f7f7f7; line-height: 24px; font-weight: 300; height: 50px; padding: 10px 44px 10px 21px; color: #52565b; border-radius: 0; max-width: 500px; } .reviews-rating { margin-top: 15px; } .reviews-rating label { display: block; font-size: 14px; font-weight: 400; color: #52565b; margin-bottom: 0; } .reviews-rating .rating { display: flex; margin-top: 5px; } .reviews-rating .rating li { font-size: 16px; color: #d0d0d0; margin: 0 2px; cursor: pointer; } .reviews-rating .rating li i { transition: all 0.3s linear; } .reviews-rating .rating li i.star, .reviews-rating .rating li i.hover { color: #ffba00; } /*-- /* 2.3 - Button CSS /*----------------------------------------*/ .btn-wrap { display: flex; flex-wrap: wrap; margin: -5px; } .btn-wrap .btn { margin: 5px; } .btn { display: inline-block; position: relative; overflow: hidden; background-color: transparent; border-color: transparent; color: #52565b; text-transform: capitalize; font-size: 16px; font-weight: 500; padding: 0 40px; line-height: 55px; height: 55px; border-width: 0px; border-style: solid; box-shadow: none; transition: all 0.3s ease 0s; cursor: pointer; border-radius: 10px; } .btn:active, .btn:focus { box-shadow: none !important; } .btn-group { display: inline-flex; flex-wrap: wrap; } .btn-group .btn { border-radius: 0; } .btn-group .btn:first-child { border-radius: 4px 0 0 4px; } .btn-group .btn:last-child { border-radius: 0 4px 4px 0; } .btn-round { border-radius: 100px; } .btn-square { border-radius: 0; } [class*=btn-icon-] i { position: absolute; top: 0; width: 60px; height: 60px; line-height: 28px; text-align: center; padding: 15px; background-color: rgba(0, 0, 0, 0.1); } .btn-icon-left { padding-left: 69px; } .btn-icon-left i { left: 0; right: auto; } .btn-icon-right { padding-right: 69px; } .btn-icon-right i { left: auto; right: 0; } .btn-box { width: 50px; padding: 10px; text-align: center; flex: 1 0 50px; } .btn-box i { display: block; line-height: 24px; } .btn-primary { background: #FF0000; color: #fff; } .btn-primary:focus, .btn-primary:active, .btn-primary:hover { background: #FF0000; color: #fff; } .btn-primary:disabled { background-color: rgba(255, 0, 0, 0.4); color: #fff; } .btn-secondary { background: #00c1f8; color: #fff; } .btn-secondary:focus, .btn-secondary:active, .btn-secondary:hover { background: #00c1f8; color: #fff; } .btn-secondary:disabled { background-color: rgba(0, 193, 248, 0.4); color: #fff; } .btn-success { background: #219653; color: #fff; } .btn-success:focus, .btn-success:active, .btn-success:hover { background: #219653; background-color: #219653; border-color: #219653; color: #fff; } .btn-success:disabled { background-color: rgba(33, 150, 83, 0.4); color: #fff; } .btn-danger { background: #FF0000; color: #fff; } .btn-danger:focus, .btn-danger:active, .btn-danger:hover { background: #FF0000; color: #fff; } .btn-danger:disabled { background-color: rgba(255, 0, 0, 0.4); color: #fff; } .btn-warning { background: #f7c800; color: #fff; } .btn-warning:focus, .btn-warning:active, .btn-warning:hover { color: #fff; } .btn-info { background: #107BF9; color: #fff; } .btn-info:focus, .btn-info:active, .btn-info:hover { background: #107BF9; color: #fff; } .btn-info:disabled { background-color: rgba(16, 123, 249, 0.4); color: #fff; } .btn-light { background-color: #fff; border-color: #fff; color: #2c241b; } .btn-light:focus, .btn-light:active, .btn-light:hover { background-color: #fff; border-color: #fff; color: #2c241b; } .btn-dark { background-color: #000; border-color: #000; color: #fff; } .btn-dark:focus, .btn-dark:active, .btn-dark:hover { background-color: #000; border-color: #000; color: #fff; } .btn-white { background-color: #fff; border-color: #fff; color: #000; } .btn-white:focus, .btn-white:active, .btn-white:hover { background-color: #fff; border-color: #fff; color: #000; } .btn-hover-primary:hover { background-color: #FF0000; border-color: #FF0000; color: #fff; } .btn-hover-secondary:hover { background-color: #00c1f8; border-color: #00c1f8; color: #fff; } .btn-hover-success:hover { background-color: #219653; border-color: #219653; color: #fff; } .btn-hover-danger:hover { background-color: #FF0000; border-color: #FF0000; color: #fff; } .btn-hover-warning:hover { background-color: #f7c800; border-color: #f7c800; color: #2c241b; } .btn-hover-info:hover { background-color: #107BF9; border-color: #107BF9; color: #fff; } .btn-hover-light:hover { background-color: #fff; border-color: #fff; color: #2c241b; } .btn-hover-dark:hover { background-color: #000; border-color: #000; color: #fff; } .btn-hover-white:hover { background-color: #fff; border-color: #fff; color: #000; } .btn-android { background-color: #7AC157; border-color: #7AC157; color: #fff; } .btn-android:hover { background-color: #6bba45; border-color: #6bba45; } .btn-apple { background-color: #B8B8B8; border-color: #B8B8B8; color: #fff; } .btn-apple:hover { background-color: #ababab; border-color: #ababab; } .btn-behance { background-color: #1869FF; border-color: #1869FF; color: #fff; } .btn-behance:hover { background-color: #0059fe; border-color: #0059fe; } .btn-codepen { background-color: #000; border-color: #000; color: #fff; } .btn-codepen:hover { background-color: black; border-color: black; } .btn-dribbble { background-color: #EA4C8A; border-color: #EA4C8A; color: #fff; } .btn-dribbble:hover { background-color: #e7357b; border-color: #e7357b; } .btn-dropbox { background-color: #007EE5; border-color: #007EE5; color: #fff; } .btn-dropbox:hover { background-color: #0070cc; border-color: #0070cc; } .btn-evernote { background-color: #78D525; border-color: #78D525; color: #fff; } .btn-evernote:hover { background-color: #6cbf21; border-color: #6cbf21; } .btn-facebook { background-color: #4867AA; border-color: #4867AA; color: #fff; } .btn-facebook:hover { background-color: #405c98; border-color: #405c98; } .btn-github { background-color: #313131; border-color: #313131; color: #fff; } .btn-github:hover { background-color: #242424; border-color: #242424; } .btn-google-drive { background-color: #1DA462; border-color: #1DA462; color: #fff; } .btn-google-drive:hover { background-color: #198e55; border-color: #198e55; } .btn-google-earth { background-color: #4285F4; border-color: #4285F4; color: #fff; } .btn-google-earth:hover { background-color: #2a75f3; border-color: #2a75f3; } .btn-google-glass { background-color: #EA4335; border-color: #EA4335; color: #fff; } .btn-google-glass:hover { background-color: #e82e1e; border-color: #e82e1e; } .btn-google-maps { background-color: #5083C3; border-color: #5083C3; color: #fff; } .btn-google-maps:hover { background-color: #4076ba; border-color: #4076ba; } .btn-google-play { background-color: #01B9FD; border-color: #01B9FD; color: #fff; } .btn-google-play:hover { background-color: #01a6e4; border-color: #01a6e4; } .btn-google-plus { background-color: #DD5144; border-color: #DD5144; color: #fff; } .btn-google-plus:hover { background-color: #d93d2e; border-color: #d93d2e; } .btn-google { background-color: #4285F4; border-color: #4285F4; color: #fff; } .btn-google:hover { background-color: #2a75f3; border-color: #2a75f3; } .btn-instagram { background-color: #B23A94; border-color: #B23A94; color: #fff; } .btn-instagram:hover { background-color: #9f3484; border-color: #9f3484; } .btn-css3 { background-color: #0277BD; border-color: #0277BD; color: #fff; } .btn-css3:hover { background-color: #0267a4; border-color: #0267a4; } .btn-html5 { background-color: #E44D26; border-color: #E44D26; color: #fff; } .btn-html5:hover { background-color: #d6411b; border-color: #d6411b; } .btn-javascript { background-color: #F9DC3D; border-color: #F9DC3D; color: #fff; } .btn-javascript:hover { background-color: #f8d824; border-color: #f8d824; } .btn-python { background-color: #0C9DBF; border-color: #0C9DBF; color: #fff; } .btn-python:hover { background-color: #0a89a7; border-color: #0a89a7; } .btn-lastfm { background-color: #E31B23; border-color: #E31B23; color: #fff; } .btn-lastfm:hover { background-color: #cc181f; border-color: #cc181f; } .btn-linkedin { background-color: #007BB6; border-color: #007BB6; color: #fff; } .btn-linkedin:hover { background-color: #006a9d; border-color: #006a9d; } .btn-paypal { background-color: #002F86; border-color: #002F86; color: #fff; } .btn-paypal:hover { background-color: #00266d; border-color: #00266d; } .btn-pinterest { background-color: #BD081B; border-color: #BD081B; color: #fff; } .btn-pinterest:hover { background-color: #a50718; border-color: #a50718; } .btn-pocket { background-color: #EF3E56; border-color: #EF3E56; color: #fff; } .btn-pocket:hover { background-color: #ed2641; border-color: #ed2641; } .btn-polymer { background-color: #F87292; border-color: #F87292; color: #fff; } .btn-polymer:hover { background-color: #f75a7f; border-color: #f75a7f; } .btn-rss { background-color: #F99C3A; border-color: #F99C3A; color: #fff; } .btn-rss:hover { background-color: #f89021; border-color: #f89021; } .btn-share { background-color: #2C9CFF; border-color: #2C9CFF; color: #fff; } .btn-share:hover { background-color: #1390ff; border-color: #1390ff; } .btn-stackoverflow { background-color: #F38024; border-color: #F38024; color: #fff; } .btn-stackoverflow:hover { background-color: #f0720d; border-color: #f0720d; } .btn-steam { background-color: #15497B; border-color: #15497B; color: #fff; } .btn-steam:hover { background-color: #113c65; border-color: #113c65; } .btn-twitter { background-color: #1DA1F2; border-color: #1DA1F2; color: #fff; } .btn-twitter:hover { background-color: #0d95e8; border-color: #0d95e8; } .btn-vk { background-color: #5181B8; border-color: #5181B8; color: #fff; } .btn-vk:hover { background-color: #4574aa; border-color: #4574aa; } .btn-wikipedia { background-color: #E9E9E9; border-color: #E9E9E9; color: #2c241b; } .btn-wikipedia:hover { background-color: gainsboro; border-color: gainsboro; } .btn-windows { background-color: #0078D6; border-color: #0078D6; color: #fff; } .btn-windows:hover { background-color: #006abd; border-color: #006abd; } .btn-500px { background-color: #000; border-color: #000; color: #fff; } .btn-500px:hover { background-color: black; border-color: black; } .btn-8tracks { background-color: #122D4B; border-color: #122D4B; color: #fff; } .btn-8tracks:hover { background-color: #0d2136; border-color: #0d2136; } .btn-amazon { background-color: #F79B34; border-color: #F79B34; color: #fff; } .btn-amazon:hover { background-color: #f68f1b; border-color: #f68f1b; } .btn-blogger { background-color: #F06A35; border-color: #F06A35; color: #fff; } .btn-blogger:hover { background-color: #ee581d; border-color: #ee581d; } .btn-delicious { background-color: #0000FE; border-color: #0000FE; color: #fff; } .btn-delicious:hover { background-color: #0000e5; border-color: #0000e5; } .btn-disqus { background-color: #2E9EFE; border-color: #2E9EFE; color: #fff; } .btn-disqus:hover { background-color: #1592fe; border-color: #1592fe; } .btn-flattr { background-color: #7AB831; border-color: #7AB831; color: #fff; } .btn-flattr:hover { background-color: #6da42c; border-color: #6da42c; } .btn-flickr { background-color: #FE0084; border-color: #FE0084; color: #fff; } .btn-flickr:hover { background-color: #e50077; border-color: #e50077; } .btn-odnoklassniki { background-color: #F58220; border-color: #F58220; color: #fff; } .btn-odnoklassniki:hover { background-color: #f1750b; border-color: #f1750b; } .btn-outlook { background-color: #0072C6; border-color: #0072C6; color: #fff; } .btn-outlook:hover { background-color: #0063ad; border-color: #0063ad; } .btn-playstation { background-color: #07418E; border-color: #07418E; color: #fff; } .btn-playstation:hover { background-color: #063676; border-color: #063676; } .btn-reddit { background-color: #FF4500; border-color: #FF4500; color: #fff; } .btn-reddit:hover { background-color: #e63e00; border-color: #e63e00; } .btn-skype { background-color: #00A9F0; border-color: #00A9F0; color: #fff; } .btn-skype:hover { background-color: #0097d7; border-color: #0097d7; } .btn-slideshare { background-color: #0077B5; border-color: #0077B5; color: #fff; } .btn-slideshare:hover { background-color: #00669c; border-color: #00669c; } .btn-soundcloud { background-color: #FE4900; border-color: #FE4900; color: #fff; } .btn-soundcloud:hover { background-color: #e54200; border-color: #e54200; } .btn-tumblr { background-color: #36465D; border-color: #36465D; color: #fff; } .btn-tumblr:hover { background-color: #2d3a4d; border-color: #2d3a4d; } .btn-twitch { background-color: #6441A4; border-color: #6441A4; color: #fff; } .btn-twitch:hover { background-color: #593a92; border-color: #593a92; } .btn-vimeo { background-color: #1AB7EA; border-color: #1AB7EA; color: #fff; } .btn-vimeo:hover { background-color: #14a7d7; border-color: #14a7d7; } .btn-whatsapp { background-color: #189D0E; border-color: #189D0E; color: #fff; } .btn-whatsapp:hover { background-color: #14860c; border-color: #14860c; } .btn-xbox { background-color: #107C0F; border-color: #107C0F; color: #fff; } .btn-xbox:hover { background-color: #0d650c; border-color: #0d650c; } .btn-yahoo { background-color: #4101AF; border-color: #4101AF; color: #fff; } .btn-yahoo:hover { background-color: #380196; border-color: #380196; } .btn-youtube { background-color: #FE0000; border-color: #FE0000; color: #fff; } .btn-youtube:hover { background-color: #e50000; border-color: #e50000; } /* ====== Status Button ====== */ .status-btn { padding: 7px 15px; border-radius: 30px; font-size: 14px; font-weight: 400; } .status-btn.primary-btn { color: #FF0000 !important; background: rgba(255, 0, 0, 0.1); } .status-btn.active-btn { color: #FF0000 !important; background: rgba(255, 0, 0, 0.1); } .status-btn.close-btn { color: #FF0000 !important; background: rgba(255, 0, 0, 0.1); } .status-btn.warning-btn { color: #f7c800 !important; background: rgba(247, 200, 0, 0.1); } .status-btn.info-btn { color: #107BF9 !important; background: rgba(16, 123, 249, 0.1); } .status-btn.success-btn { color: #219653 !important; background: rgba(33, 150, 83, 0.1); } .status-btn.secondary-btn { color: #00c1f8 !important; background: rgba(0, 193, 248, 0.1); } .status-btn.dark-btn { color: #000 !important; background: rgba(0, 0, 0, 0.1); } .status-btn.orange-btn { color: #f2994a !important; background: rgba(242, 153, 74, 0.1); } /*-- /* 2.4 - Modal CSS /*----------------------------------------*/ .modal .modal-dialog { max-width: 900px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .modal .modal-dialog { max-width: 660px; } } @media only screen and (max-width: 767px) { .modal .modal-dialog { max-width: 540px; } } @media only screen and (max-width: 575px) { .modal .modal-dialog { max-width: 90%; margin: 0 auto; } } .modal .modal-dialog .modal-content .modal-header { padding: 12px 16px; } .modal .modal-dialog .modal-content .modal-header .modal-title { font-size: 22px; font-weight: 500; color: #2c241b; margin-bottom: 0; font-family: "Poppins", sans-serif; } .modal .modal-dialog .modal-content .reviews-form { padding-top: 0; } /*----------------------------------------*/ /* 03. Header CSS /*----------------------------------------*/ /*-- /* 3.1 - Header Top CSS /*----------------------------------------*/ .header-main { position: absolute; top: 0; left: 0; width: 100%; z-index: 99; background-color: #fff; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .header-main { padding: 15px 0; } } .header-wrapper { display: flex; justify-content: space-between; align-items: center; } @media only screen and (max-width: 575px) { .header-logo a img { width: 50px; } } .header-menu { display: flex; align-items: center; } .header-menu ul { display: flex; } .header-menu ul li { position: relative; padding: 36px 0; } .header-menu ul li + li { margin-left: 50px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-menu ul li + li { margin-left: 30px; } } .header-menu ul li a { font-size: 16px; font-weight: 500; color: #2c241b; transition: all 0.3s linear; } .header-menu ul li a.active { color: #FF0000; } .header-menu ul li ul { display: block; } .header-menu ul li ul li { margin: 0; padding: 0; } .header-menu ul li:hover a:hover { color: #FF0000; } .header-menu ul li:hover > .sub-menu { opacity: 1; visibility: visible; top: 100%; } @media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px) { .header-menu ul li:nth-last-of-type(1) ul li .sub-menu, .header-menu ul li:nth-last-of-type(2) ul li .sub-menu { left: auto; right: 100%; } } .header-menu .sub-menu { position: absolute; top: 110%; left: 0; width: 220px; background-color: #fff; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1); border-top: 2px solid #FF0000; padding: 6px 0; z-index: 9; opacity: 0; visibility: hidden; transition: all 0.3s linear; } .header-menu .sub-menu li a { padding: 6px 20px; font-size: 15px; } .header-menu .sub-menu li .sub-menu { left: 100%; top: 0px; transition: all 0.3s linear; opacity: 0; visibility: hidden; } .header-menu .sub-menu li:hover .sub-menu { top: -8px; opacity: 1; visibility: visible; } .header-btn { margin-left: 60px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-btn { margin-left: 40px; } } .header-toggle { display: flex; align-items: center; } .header-toggle .menu-toggle { margin-left: 30px; } @media only screen and (max-width: 575px) { .header-toggle .menu-toggle { margin-left: 15px; } } .header-toggle .menu-toggle span { width: 26px; height: 2px; background-color: #2c241b; display: block; margin: 5px 0; } .sticky { position: fixed; -webkit-animation: sticky 1s; animation: sticky 1s; box-shadow: 2px 4px 8px rgba(33, 40, 50, 0.15); } @-webkit-keyframes sticky { 0% { transform: translateY(-100%); } 100% { transform: translateY(0%); } } @keyframes sticky { 0% { transform: translateY(-100%); } 100% { transform: translateY(0%); } } /*-- /* 3.2 - Mobile Menu CSS /*----------------------------------------*/ .mobile-menu { position: fixed; top: 0; width: 300px; height: 100%; left: -305px; background-color: #fff; z-index: 999; padding-top: 30px; transition: all 0.3s linear; overflow: auto; } .mobile-menu.open { left: 0; } .mobile-menu .menu-close { position: absolute; top: 20px; right: 25px; font-size: 30px; color: #2c241b; } .mobile-menu-items { padding: 30px 0; } .mobile-menu-items ul li { position: relative; } .mobile-menu-items ul li a { display: block; width: 100%; background: none; text-align: left; padding: 10px 20px; border: 0; font-size: 15px; font-weight: 500; color: #2c241b; } .mobile-menu-items ul li .mobile-menu-expand { position: absolute; right: 20px; top: 12px; width: 16px; height: 16px; cursor: pointer; } .mobile-menu-items ul li .mobile-menu-expand::before { position: absolute; content: ""; width: 100%; height: 1px; background-color: #2c241b; top: 50%; transform: translateY(-50%); } .mobile-menu-items ul li .mobile-menu-expand::after { position: absolute; content: ""; width: 1px; height: 100%; background-color: #2c241b; left: 50%; bottom: 0; transform: translateX(-50%); } .mobile-menu-items ul li.active-expand > .mobile-menu-expand::after { height: 0; } .mobile-menu-items ul li ul { border-top: 0; } .mobile-menu-items ul li ul li a { padding-left: 12%; } .mobile-menu-items ul li ul li ul li a { padding-left: 24%; } .profile-box { display: flex; position: relative; } .profile-box button { width: auto; } .profile-box .dropdown-menu { width: 230px; } .profile-box .dropdown-menu.dropdown-menu-end { transform: translate3d(0px, 60px, 0px); } .profile-box .dropdown-menu li { border-bottom: none; } .profile-box .dropdown-menu li a { font-size: 14px; display: flex; align-items: center; } .profile-box .dropdown-menu li a i { margin-right: 15px; font-weight: 700; } /*-- /* 3.3 - Login Header CSS /*----------------------------------------*/ .login-header { background-color: #00c1f8; } .login-header-wrapper.navbar { padding: 0 0; } .login-header-logo { padding: 25px 25px; background-color: #073f31; } .login-header-logo a + a { margin-left: 15px; } @media only screen and (max-width: 575px) { .login-header-logo a + a { display: none; } } .login-header-logo.logo-2 { margin-right: 50px; padding: 35px 50px; background-color: #073f31; } @media only screen and (min-width: 768px) and (max-width: 991px) { .login-header-logo.logo-2 { padding: 30px 20px; margin-right: 20px; } } @media only screen and (max-width: 767px) { .login-header-logo.logo-2 { padding: 20px 20px; margin-right: 30px; } } .login-header-search { position: relative; width: 500px; margin-left: auto; margin-right: 30px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .login-header-search { width: 400px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .login-header-search { width: 350px; } } @media only screen and (max-width: 767px) { .login-header-search { position: static; width: auto; margin-right: 0; } } .login-header-search .search-input { position: relative; padding: 0; background: none; display: block; z-index: 11; border-radius: 0; border: 0; } @media only screen and (max-width: 767px) { .login-header-search .search-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #28313d; align-items: center; z-index: 113; display: none; } } .login-header-search .search-input input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]) { width: 100%; height: 60px; border: 0; border-radius: 50px; padding: 0 30px; padding-right: 53px; outline: none; transition: all 0.3s linear; background-color: #073f31; color: #fff; font-size: 16px; font-weight: 400; margin-top: 0; } .login-header-search .search-input input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder { opacity: 1; } .login-header-search .search-input input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder { opacity: 1; } .login-header-search .search-input input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder { opacity: 1; } .login-header-search .search-input input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder { opacity: 1; } .login-header-search .search-input.show { display: flex; -webkit-animation: sticky 0.3s; animation: sticky 0.3s; } .login-header-search button { position: absolute; width: 50px; height: 50px; line-height: 48px; text-align: center; border-radius: 10px; background-color: transparent; border: 0; top: 5px; right: 5px; font-size: 16px; color: #fff; z-index: 112; } @media only screen and (max-width: 767px) { .login-header-search button { position: relative; top: 0; right: 0; font-size: 24px; } } @media only screen and (max-width: 575px) { .login-header-search button { position: relative; top: 0; right: 0; font-size: 20px; } } .login-header-search.search-2 { margin-right: 0; margin-left: 0; } @media only screen and (max-width: 767px) { .login-header-search.search-2 { margin-left: auto; } } @-webkit-keyframes search { 0% { transform: translateY(-100%); } 100% { transform: translateY(0%); } } @keyframes search { 0% { transform: translateY(-100%); } 100% { transform: translateY(0%); } } .login-header-action { display: flex; align-items: center; padding-right: 25px; } @media only screen and (max-width: 767px) { .login-header-action { padding-right: 5px; } } .login-header-action > * { margin: 0px 15px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 575px) { .login-header-action > * { margin: 0px 7px; } } .login-header-action .notification { font-size: 36px; color: #fff; position: relative; padding: 0; padding-top: 3px; background: none; border: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .login-header-action .notification { font-size: 28px; } } @media only screen and (max-width: 767px) { .login-header-action .notification { font-size: 24px; } } @media only screen and (max-width: 575px) { .login-header-action .notification { font-size: 22px; } } .login-header-action .notification .active { width: 12px; height: 12px; background-color: #FF0000; border: 2px solid #00c1f8; position: absolute; top: 17px; right: 3px; border-radius: 5px; } @media only screen and (max-width: 575px) { .login-header-action .notification .active { right: -2px; } } .login-header-action .author img { width: 60px; border-radius: 50%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .login-header-action .author img { width: 50px; } } @media only screen and (max-width: 767px) { .login-header-action .author img { width: 45px; } } .login-header-action .more { width: 36px; height: 36px; border: 0; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; } @media only screen and (min-width: 768px) and (max-width: 991px) { .login-header-action .more { width: 30px; height: 30px; } } @media only screen and (max-width: 575px) { .login-header-action .more { width: 28px; height: 28px; } } .login-header-action .more span { width: 4px; height: 4px; background-color: #00c1f8; border-radius: 50%; display: inline-block; margin: 0 1.5px; } @media only screen and (max-width: 575px) { .login-header-action .more span { width: 3px; height: 3px; margin: 0 1px; } } .login-header-action .dropdown .dropdown-menu { width: 160px; padding: 10px; border-radius: 10px; border: 0; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1); background-color: #fff; left: auto; right: 0; } .login-header-action .dropdown .dropdown-menu.dropdown-notification { width: 360px; padding: 0; right: -150px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .login-header-action .dropdown .dropdown-menu.dropdown-notification { right: -110px; } } @media only screen and (max-width: 767px) { .login-header-action .dropdown .dropdown-menu.dropdown-notification { right: -140px; } } @media only screen and (max-width: 575px) { .login-header-action .dropdown .dropdown-menu.dropdown-notification { width: 270px; right: -90px; } } .login-header-action .dropdown .dropdown-menu li { border-bottom: 1px solid #e0dddb; } .login-header-action .dropdown .dropdown-menu li:last-child { border-bottom: 0; } .login-header-action .dropdown .dropdown-menu li > a { display: block; color: #2c241b; font-size: 13px; font-weight: 600; padding: 9px 14px; transition: all 0.3s linear; } .login-header-action .dropdown .dropdown-menu li > a:hover { color: #FF0000; } .login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item { display: flex; border-bottom: 1px solid #e0dddb; padding: 20px 25px; } @media only screen and (max-width: 575px) { .login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item { padding: 10px 15px; } } .login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item .notify-icon { width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%; display: inline-block; margin-right: 10px; padding: 0 9px; } @media only screen and (max-width: 575px) { .login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item .notify-icon { width: 30px; height: 30px; line-height: 30px; padding: 0 8px; font-size: 13px; } } .login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item .dropdown-body { flex: 1; } .login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item .dropdown-body p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 200px; margin-bottom: 0; margin-top: 5px; font-weight: 400; font-size: 14px; } @media only screen and (max-width: 575px) { .login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item .dropdown-body p { width: 150px; } } .login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item .notify-time { width: 100%; white-space: nowrap; color: #828690; height: 35px; line-height: 35px; text-align: center; border-radius: 50%; display: inline-block; font-size: 13px; padding-left: 9px; } @media only screen and (max-width: 575px) { .login-header-action .dropdown .dropdown-menu .notification-items-list .notification-item .notify-time { font-size: 12px; } } .login-header-action .dropdown .dropdown-menu .all-notification { display: block; padding: 15px 30px 15px; text-align: center; font-size: 14px; color: #2c241b; font-weight: 400; } .login-header-action.action-2 { margin-left: auto; } @media only screen and (max-width: 767px) { .login-header-action.action-2 { margin-left: 0; } } /*----------------------------------------*/ /* 04. Pages CSS (All Page Styles) /*----------------------------------------*/ /*-- /* 4.1 - Slider CSS /*----------------------------------------*/ .single-slider { height: 940px; padding-top: 100px; padding-bottom: 105px; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-slider { height: 780px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-slider { height: 780px; } } @media only screen and (max-width: 767px) { .single-slider { height: auto; padding-top: 195px; padding-bottom: 200px; } } @media only screen and (max-width: 575px) { .single-slider { padding-top: 135px; padding-bottom: 140px; } } .slider-content { max-width: 600px; } .slider-content .sub-title { font-family: "Poppins", sans-serif; font-weight: 700; font-size: 14px; color: #FF0000; text-transform: uppercase; letter-spacing: 1px; } .slider-content .main-title { font-weight: 600; font-size: 60px; line-height: 1; margin-top: 16px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slider-content .main-title { font-size: 64px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-content .main-title { font-size: 64px; } } @media only screen and (max-width: 767px) { .slider-content .main-title { font-size: 56px; } } @media only screen and (max-width: 575px) { .slider-content .main-title { font-size: 36px; line-height: 1.3; } } .slider-content p { font-size: 20px; font-weight: 500; color: #2c241b; margin-top: 30px; } @media only screen and (max-width: 575px) { .slider-content p { font-size: 16px; } } .slider-content .btn { margin-top: 30px; } .slider-social { position: absolute; bottom: 60px; left: 0; width: 100%; } @media only screen and (max-width: 575px) { .slider-social { bottom: 80px; } } .slider-social .social-wrapper { display: flex; align-items: center; } .slider-social .social-wrapper p { font-size: 16px; font-weight: 500; color: #2c241b; white-space: nowrap; padding-right: 5px; } @media only screen and (max-width: 575px) { .slider-social .social-wrapper p { font-size: 14px; } } .slider-social .social-wrapper .social { display: flex; } .slider-social .social-wrapper .social li { margin-left: 15px; } @media only screen and (max-width: 575px) { .slider-social .social-wrapper .social li { margin-left: 10px; } } .slider-social .social-wrapper .social li a { width: 45px; height: 45px; line-height: 43px; text-align: center; border: 1px solid rgba(10, 77, 60, 0.15); border-radius: 50%; transition: all 0.3s linear; } @media only screen and (max-width: 575px) { .slider-social .social-wrapper .social li a { width: 35px; height: 35px; line-height: 33px; } } .slider-social .social-wrapper .social li a:hover { background-color: #FF0000; border-color: #FF0000; color: #fff; } .animation-style-01 .slider-content { opacity: 0; } .animation-style-01.swiper-slide-active .slider-content { opacity: 1; } .animation-style-01.swiper-slide-active .slider-content .sub-title { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animation-style-01.swiper-slide-active .slider-content .main-title { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animation-style-01.swiper-slide-active .slider-content p { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animation-style-01.swiper-slide-active .slider-content .btn { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; -webkit-animation-delay: 1.6s; animation-delay: 1.6s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animation-style-01.swiper-slide-active .slider-images { opacity: 1; } .animation-style-01.swiper-slide-active .slider-images img { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .slider-active { position: relative; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .slider-active .arrow { display: flex; flex-direction: row-reverse; justify-content: center; } } .slider-active .swiper-button-next, .slider-active .swiper-button-prev { width: 45px; height: 45px; font-size: 15px; color: #fff; opacity: 1; border-radius: 50%; background-color: #266151; transition: all 0.3s linear; bottom: 60px; top: auto; margin-top: 0; outline: none; } @media only screen and (max-width: 767px) { .slider-active .swiper-button-next, .slider-active .swiper-button-prev { width: 35px; height: 35px; font-size: 13px; } } @media only screen and (max-width: 575px) { .slider-active .swiper-button-next, .slider-active .swiper-button-prev { bottom: 20px; margin: 0 5px; } } .slider-active .swiper-button-next::after, .slider-active .swiper-button-prev::after { display: none; } .slider-active .swiper-button-next::before, .slider-active .swiper-button-prev::before { position: absolute; content: ""; width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgba(0, 193, 248, 0.1); transform: scale(0); opacity: 0; visibility: hidden; transition: all 0.3s linear; } @media only screen and (max-width: 767px) { .slider-active .swiper-button-next::before, .slider-active .swiper-button-prev::before { display: none; } } .slider-active .swiper-button-next:hover, .slider-active .swiper-button-prev:hover { background-color: #FF0000; } .slider-active .swiper-button-next:hover::before, .slider-active .swiper-button-prev:hover::before { opacity: 1; visibility: visible; transform: scale(2); } .slider-active .swiper-button-next { right: 70px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slider-active .swiper-button-next { right: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .slider-active .swiper-button-next { right: 20px; } } @media only screen and (max-width: 575px) { .slider-active .swiper-button-next { right: auto; left: 50%; } } .slider-active .swiper-button-prev { left: auto; right: 160px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slider-active .swiper-button-prev { right: 120px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-active .swiper-button-prev { right: 100px; } } @media only screen and (max-width: 767px) { .slider-active .swiper-button-prev { right: 70px; } } @media only screen and (max-width: 575px) { .slider-active .swiper-button-prev { left: auto; right: 50%; } } /*-- /* 4.2 - Features CSS /*----------------------------------------*/ .features-wrapper { margin-top: -50px; } .features-wrapper .row > *:nth-child(2n+2) .single-feature { border-left: 1px solid #f3f0ec; border-right: 1px solid #f3f0ec; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .features-wrapper .row > *:nth-child(2n+2) .single-feature { border: 0; } } .single-feature { text-align: center; padding: 0 25px; margin-top: 50px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .single-feature { max-width: 380px; margin-left: auto; margin-right: auto; } } .single-feature .feature-icon span { width: 170px; height: 170px; line-height: 175px; background-color: #f8f6f4; text-align: center; display: inline-block; font-size: 70px; color: #FF0000; border-radius: 50%; position: relative; overflow: hidden; z-index: 1; transition: all 0.3s linear; transition-delay: 0.3s; } @media only screen and (max-width: 575px) { .single-feature .feature-icon span { width: 140px; height: 140px; line-height: 145px; font-size: 60px; } } .single-feature .feature-icon span::before { position: absolute; content: ""; bottom: -150px; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #FF0000; transition: all 0.3s linear; transition-delay: 0.3s; z-index: -1; } @media only screen and (max-width: 575px) { .single-feature .feature-icon span::before { bottom: -120px; } } .single-feature .feature-icon span::after { position: absolute; content: ""; bottom: -170px; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #f7c800; transition: all 0.3s linear; z-index: -1; } @media only screen and (max-width: 575px) { .single-feature .feature-icon span::after { bottom: -140px; } } .single-feature .feature-content { padding-top: 35px; } .single-feature .feature-content .content-wrapper { background-color: #fff; } .single-feature .feature-content .title { font-size: 35px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-feature .feature-content .title { font-size: 30px; } } @media only screen and (max-width: 575px) { .single-feature .feature-content .title { font-size: 24px; } } .single-feature .feature-content p { margin-top: 20px; } .single-feature .feature-content .arrow { width: 60px; height: 60px; line-height: 60px; text-align: center; background-color: #FF0000; color: #fff; font-size: 25px; border-radius: 50%; margin-top: 35px; position: relative; opacity: 0; visibility: hidden; transition: all 0.3s linear; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .single-feature .feature-content .arrow { opacity: 1; visibility: visible; } } .single-feature .feature-content .arrow:hover { background-color: #FF0000; } .single-feature.active .feature-icon span, .single-feature:hover .feature-icon span { transition-delay: 0; color: #fff; } .single-feature.active .feature-icon span::before, .single-feature:hover .feature-icon span::before { bottom: 0px; transition-delay: 0; } .single-feature.active .feature-icon span::after, .single-feature:hover .feature-icon span::after { bottom: -150px; transition-delay: 0.3s; } @media only screen and (max-width: 575px) { .single-feature.active .feature-icon span::after, .single-feature:hover .feature-icon span::after { bottom: -120px; } } .single-feature.active .feature-content .arrow, .single-feature:hover .feature-content .arrow { opacity: 1; visibility: visible; } /*-- /* 4.3 - About CSS /*----------------------------------------*/ .about-wrapper { margin-top: -50px; } .about-images { position: relative; margin-top: 50px; } .about-images::before { position: absolute; content: ""; width: 100%; height: 100%; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(10, 77, 60, 0) 0%, rgba(10, 77, 60, 0) 50%, rgba(10, 77, 60, 0.6) 100%); } .about-images .shape { position: absolute; top: -60px; left: -60px; -webkit-animation: spin-1 8s infinite linear; animation: spin-1 8s infinite linear; } @media only screen and (max-width: 575px) { .about-images .shape { width: 100px; left: -20px; top: -20px; } } .about-images .images img { width: 100%; } .about-images .about-btn { position: absolute; bottom: 35px; left: 0; width: 100%; text-align: center; } @-webkit-keyframes spin-1 { to { transform: rotate(1turn); } } @keyframes spin-1 { to { transform: rotate(1turn); } } .about-content { padding: 100px 80px; margin-top: 50px; position: relative; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) { .about-content { padding: 40px; } } .about-content .shape { position: absolute; top: -30px; right: -50px; } @media only screen and (max-width: 575px) { .about-content .shape { width: 110px; top: -10px; right: -20px; } } .about-content .sub-title { font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 700; color: #0a4d3c; text-transform: uppercase; letter-spacing: 1px; line-height: 1.4; } .about-content .main-title { font-size: 57px; margin-top: 23px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .about-content .main-title { font-size: 44px; } } @media only screen and (max-width: 767px) { .about-content .main-title { font-size: 44px; } } @media only screen and (max-width: 575px) { .about-content .main-title { font-size: 24px; } } .about-content .count { font-family: "Poppins", sans-serif; font-size: 30px; font-weight: 500; color: #0a4d3c; line-height: 1; margin-top: 40px; display: block; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .about-content .count { font-size: 24px; } } .about-content p { margin-top: 20px; } /*-- /* 4.4 - Courses CSS /*----------------------------------------*/ .courses-wrapper { padding-top: 40px; } @media only screen and (max-width: 767px) { .courses-wrapper { padding-top: 0; } } .single-courses { margin-top: 50px; } .single-courses .courses-images a { display: block; } .single-courses .courses-images a img { width: 100%; border-radius: 10px; } .single-courses .courses-content { background-image: -ms-linear-gradient(-90deg, rgb(248, 246, 244) 0%, rgb(255, 255, 255) 100%); } .single-courses .courses-content .courses-price { position: relative; margin-top: -40px; z-index: 1; } @media only screen and (max-width: 767px) { .single-courses .courses-content .courses-price { margin-top: -30px; } } .single-courses .courses-content .courses-price .price { display: block; width: 80px; height: 80px; border-radius: 50%; margin: 0 auto; text-align: center; } @media only screen and (max-width: 767px) { .single-courses .courses-content .courses-price .price { width: 60px; height: 60px; line-height: 56px; font-size: 16px; } } .single-courses .courses-content .courses-price .price img { border-radius: 50%; } .single-courses .courses-content .content-wrapper { padding: 30px 30px 25px; } @media only screen and (max-width: 767px) { .single-courses .courses-content .content-wrapper { padding: 20px 20px 15px; } } .single-courses .courses-content .content-wrapper .author { color: #9b9ea1; font-weight: 500; } .single-courses .courses-content .content-wrapper .author a { color: #2c241b; } .single-courses .courses-content .content-wrapper .title a { font-size: 24px; margin-top: 10px; font-weight: 500; line-height: 1.3; } @media only screen and (max-width: 767px) { .single-courses .courses-content .content-wrapper .title a { font-size: 20px; } } .single-courses .courses-content .content-wrapper .meta { display: flex; margin-top: 20px; } .single-courses .courses-content .content-wrapper .meta li { color: #fea200; font-size: 13px; position: relative; } .single-courses .courses-content .content-wrapper .meta li + li { margin-left: 35px; } .single-courses .courses-content .content-wrapper .meta li + li::before { position: absolute; content: ""; background-color: #00c1f8; width: 4px; height: 4px; border-radius: 50%; top: 50%; transform: translateY(-50%); left: -15px; } .courses-search-bar { background-color: #f8f6f4; padding: 20px; padding-top: 1px; display: flex; justify-content: space-between; } .courses-search-bar .courses-select { max-width: 340px; width: 100%; height: 60px; background-color: #fff; margin-top: 19px; border-radius: 2px; padding-top: 0; } .courses-search-bar .courses-select .nice-select { float: none; width: 100%; display: block; height: 60px; border-radius: 2px; border: 0; padding-left: 20px; padding-right: 30px; } .courses-search-bar .courses-select .nice-select .current { line-height: 60px; font-size: 15px; color: #52565b; } .courses-search-bar .courses-select .nice-select::after { width: 7px; height: 7px; border-color: #52565b; right: 20px; } .courses-search-bar .courses-select .nice-select .list { width: 100%; } .courses-search { max-width: 340px; width: 100%; height: 60px; background-color: #fff; margin-top: 19px; position: relative; border-radius: 2px; overflow: hidden; } .courses-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]) { width: 100%; height: 60px; padding-left: 20px; padding-right: 65px; border: 0; background-color: transparent; font-size: 15px; color: #52565b; margin-top: 0; } .courses-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder { opacity: 1; } .courses-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder { opacity: 1; } .courses-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder { opacity: 1; } .courses-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder { opacity: 1; } .courses-search button { width: 50px; height: 50px; background-color: #00c1f8; color: #fff; position: absolute; top: 5px; right: 5px; border-radius: 2px; border: 0; padding: 0; } .courses-category-wrapper { background-color: #f8f6f4; padding: 1px 20px 20px; border-radius: 2px; } @media only screen and (min-width: 1500px), only screen and (min-width: 1200px) and (max-width: 1499px) { .courses-category-wrapper { display: flex; justify-content: space-between; flex-direction: row-reverse; } } @media only screen and (max-width: 575px) { .courses-category-wrapper { padding: 1px 30px 30px; } } .courses-category-wrapper .category-menu { display: flex; margin-left: -7px; margin-right: -7px; margin-top: 4px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .courses-category-wrapper .category-menu { flex-wrap: wrap; } } .courses-category-wrapper .category-menu li { padding: 15px 7px 0; } .courses-category-wrapper .category-menu li a { width: 160px; height: 60px; line-height: 58px; border: 1px solid rgba(255, 0, 0, 0.2); text-align: center; border-radius: 2px; background-color: #fff; transition: all 0.3s linear; display: inline-block; font-weight: 500; font-size: 15px; color: #000; padding: 0 20px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .courses-category-wrapper .category-menu li a { width: auto; } } @media only screen and (max-width: 575px) { .courses-category-wrapper .category-menu li a { font-size: 14px; height: 50px; line-height: 48px; padding: 0 12px; } } .courses-category-wrapper .category-menu li a.active, .courses-category-wrapper .category-menu li a:hover { background-color: #FF0000; border-color: #FF0000; color: #fff; } .courses-category-wrapper .courses-search { margin-top: 20px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .courses-category-wrapper .courses-search { max-width: none; } } .courses-wrapper-02 { padding-top: 30px; } .single-courses-02 { margin-top: 30px; border-radius: 2px; transition: all 0.3s linear; } .single-courses-02 .courses-images { position: relative; } .single-courses-02 .courses-images a { display: block; } .single-courses-02 .courses-images a img { width: 100%; border-radius: 10px; } .single-courses-02 .courses-images .courses-option { position: absolute; top: 10px; right: 10px; z-index: 2; } .single-courses-02 .courses-images .courses-option .option-toggle { width: 35px; height: 35px; border: 0; background-color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .single-courses-02 .courses-images .courses-option .option-toggle span { width: 4px; height: 4px; background-color: #00c1f8; border-radius: 50%; display: block; margin: 0 1.5px; } .single-courses-02 .courses-images .courses-option .dropdown-menu { padding: 10px 20px; border: 0; background-color: rgba(0, 193, 248, 0.9); border-radius: 10px; min-width: 180px; top: 20px !important; left: auto !important; right: 15px !important; transform: translate3d(0, 0, 0) !important; z-index: -1; } .single-courses-02 .courses-images .courses-option .dropdown-menu li { padding: 5px 0; } .single-courses-02 .courses-images .courses-option .dropdown-menu li a { color: #fff; font-size: 13px; font-weight: 400; white-space: nowrap; } .single-courses-02 .courses-images .courses-option .dropdown-menu li a i { margin-right: 5px; } .single-courses-02 .courses-content { padding: 25px 30px; background-image: -ms-linear-gradient(-90deg, rgb(248, 246, 244) 0%, rgb(255, 255, 255) 100%); } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .single-courses-02 .courses-content { padding: 20px 25px; } } .single-courses-02 .courses-content .author { font-size: 15px; font-weight: 500; color: #9b9ea1; } .single-courses-02 .courses-content .author a { color: #2c241b; } .single-courses-02 .courses-content .author a:hover { color: #FF0000; } .single-courses-02 .courses-content .title a { font-size: 24px; font-weight: 500; color: #2c241b; margin-top: 13px; display: inline-block; line-height: 1.4; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-courses-02 .courses-content .title a { font-size: 18px; } } @media only screen and (max-width: 575px) { .single-courses-02 .courses-content .title a { font-size: 20px; } } .single-courses-02 .courses-content .title a:hover { color: #FF0000; } .single-courses-02 .courses-content .courses-rating { padding-top: 15px; } .single-courses-02 .courses-content .courses-rating p { font-size: 14px; font-weight: 400; color: #52565b; margin-bottom: 0; } .single-courses-02 .courses-content .courses-rating p a { color: #FF0000; } .single-courses-02 .courses-content .courses-rating .rating-progress-bar { width: 100%; height: 3px; background-color: #d3ded7; margin-top: 10px; } .single-courses-02 .courses-content .courses-rating .rating-progress-bar .rating-line { height: 100%; background-color: #00c1f8; } .single-courses-02 .courses-content .courses-rating .rating-meta { display: flex; justify-content: space-between; align-items: center; padding-top: 8px; } .single-courses-02 .courses-content .courses-rating .rating-meta .rating-star { position: relative; } .single-courses-02 .courses-content .courses-rating .rating-meta .rating-star::before { content: "\f000\f000\f000\f000\f000"; font-family: IcoFont; color: #d0d0d0; font-size: 14px; letter-spacing: 2px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-courses-02 .courses-content .courses-rating .rating-meta .rating-star::before { font-size: 13px; letter-spacing: 1px; } } .single-courses-02 .courses-content .courses-rating .rating-meta .rating-star .rating-bar { position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; } .single-courses-02 .courses-content .courses-rating .rating-meta .rating-star .rating-bar::before { content: "\f000\f000\f000\f000\f000"; font-family: IcoFont; color: #ffba00; font-size: 14px; letter-spacing: 2px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-courses-02 .courses-content .courses-rating .rating-meta .rating-star .rating-bar::before { font-size: 13px; letter-spacing: 1px; } } .single-courses-02:hover { border-color: #FF0000; } /*-- /* 4.5 - Testimonial CSS /*----------------------------------------*/ .testimonial-section { background-color: #0a4d3c; position: relative; } .testimonial-section .shape-01 { position: absolute; top: 100px; left: 120px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-section .shape-01 { width: 220px; left: 60px; top: 50px; } } @media only screen and (max-width: 767px) { .testimonial-section .shape-01 { width: 180px; left: 30px; top: 20px; } } @media only screen and (max-width: 575px) { .testimonial-section .shape-01 { width: 140px; } } .testimonial-section .shape-02 { position: absolute; top: 30%; right: 16%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-section .shape-02 { width: 97px; right: 12%; } } @media only screen and (max-width: 767px) { .testimonial-section .shape-02 { width: 77px; right: 12%; } } @media only screen and (max-width: 575px) { .testimonial-section .shape-02 { width: 57px; } } .testimonial-wrapper { max-width: 970px; margin: 70px auto 0; } @media only screen and (max-width: 767px) { .testimonial-wrapper { margin-top: 30px; } } .single-testimonial { text-align: center; padding: 0 30px; } @media only screen and (max-width: 575px) { .single-testimonial { padding: 0 15px; } } .single-testimonial .testimonial-author { position: relative; display: inline-block; } .single-testimonial .testimonial-author img { width: 85px; border-radius: 50%; } .single-testimonial .testimonial-author i { position: absolute; font-size: 56px; color: #fea200; left: 50%; transform: translateX(-50%); bottom: -33px; line-height: 1; } .single-testimonial p { font-size: 25px; font-family: "Poppins", sans-serif; color: #fff; margin-top: 55px; } @media only screen and (max-width: 767px) { .single-testimonial p { font-size: 18px; } } @media only screen and (max-width: 575px) { .single-testimonial p { font-size: 16px; } } .single-testimonial .name { font-size: 30px; color: #fff; margin-top: 52px; } @media only screen and (max-width: 767px) { .single-testimonial .name { font-size: 24px; margin-top: 32px; } } .single-testimonial .designation { font-size: 11px; font-weight: 500; color: #fca100; display: block; letter-spacing: 1px; text-transform: uppercase; margin-top: 10px; } .testimonial-active { position: relative; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .testimonial-active .arrow { display: flex; flex-direction: row-reverse; justify-content: center; } } .testimonial-active .swiper-button-next, .testimonial-active .swiper-button-prev { width: 55px; height: 55px; font-size: 15px; color: #fff; opacity: 1; border-radius: 50%; background-color: #266151; transition: all 0.3s linear; bottom: 75px; top: auto; margin-top: 0; outline: none; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .testimonial-active .swiper-button-next, .testimonial-active .swiper-button-prev { bottom: 60px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-active .swiper-button-next, .testimonial-active .swiper-button-prev { bottom: 0px; position: relative; margin: 30px 10px 0; } } @media only screen and (max-width: 767px) { .testimonial-active .swiper-button-next, .testimonial-active .swiper-button-prev { bottom: 0px; position: relative; margin: 30px 10px 0; width: 45px; height: 45px; } } .testimonial-active .swiper-button-next::after, .testimonial-active .swiper-button-prev::after { display: none; } .testimonial-active .swiper-button-next::before, .testimonial-active .swiper-button-prev::before { position: absolute; content: ""; width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.1); transform: scale(0); opacity: 0; visibility: hidden; transition: all 0.3s linear; } .testimonial-active .swiper-button-next:hover, .testimonial-active .swiper-button-prev:hover { background-color: #FF0000; } .testimonial-active .swiper-button-next:hover::before, .testimonial-active .swiper-button-prev:hover::before { opacity: 1; visibility: visible; transform: scale(2); } .testimonial-active .swiper-button-next { right: 70px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .testimonial-active .swiper-button-next { right: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .testimonial-active .swiper-button-next { right: 0; } } .testimonial-active .swiper-button-prev { left: auto; right: 180px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .testimonial-active .swiper-button-prev { right: 120px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .testimonial-active .swiper-button-prev { right: auto; } } /*-- /* 4.6 - Brand CSS /*----------------------------------------*/ .brand-wrapper { background-color: #f8f6f4; padding: 150px 140px; position: relative; } @media only screen and (min-width: 1500px) { .brand-wrapper { margin-left: -140px; margin-right: -140px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .brand-wrapper { padding: 100px 90px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .brand-wrapper { padding: 60px 50px; } } @media only screen and (max-width: 767px) { .brand-wrapper { padding: 40px 30px; } } .brand-wrapper .shape { position: absolute; top: 90px; right: -80px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .brand-wrapper .shape { width: 160px; top: 50px; right: -50px; } } @media only screen and (max-width: 767px) { .brand-wrapper .shape { width: 100px; top: 30px; right: -40px; } } @media only screen and (max-width: 575px) { .brand-wrapper .shape { width: 70px; top: 15px; right: -20px; } } .brand-logo-wrapper { padding-top: 90px; } @media only screen and (max-width: 767px) { .brand-logo-wrapper { padding-top: 40px; } } .single-brand { position: relative; overflow: hidden; text-align: center; display: inline-block; } .single-brand img { transition: all 0.3s linear; } .single-brand .brand-hover { position: absolute; top: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transform: translateY(100%); } .single-brand:hover .brand { transform: translateY(-100%); } .single-brand:hover .brand-hover { opacity: 1; visibility: visible; transform: translateY(0); } /*-- /* 4.7 - Blog CSS /*----------------------------------------*/ .blog-wrapper { padding-top: 30px; } @media only screen and (min-width: 1500px) { .blog-wrapper { margin-left: -30px; margin-right: -30px; } } @media only screen and (max-width: 767px) { .blog-wrapper { padding-top: 10px; } } .single-blog { margin-top: 50px; background-color: #f8f6f4; padding: 45px; height: 420px; display: flex; align-items: center; transition: all 0.3s linear; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-blog { padding: 30px; } } @media only screen and (max-width: 767px) { .single-blog { padding: 20px; } } .single-blog .blog .blog-date-meta { display: flex; align-items: center; } .single-blog .blog .blog-date-meta span { width: 80px; height: 80px; border-radius: 2px; background-color: #00c1f8; color: #fff; font-size: 13px; text-align: center; padding: 17px 15px; transition: all 0.3s linear; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) { .single-blog .blog .blog-date-meta span { width: 65px; height: 65px; padding: 9px 10px; } } .single-blog .blog .blog-date-meta span strong { font-size: 22px; font-weight: 700; color: #FF0000; line-height: 1; transition: all 0.3s linear; } .single-blog .blog .meta { flex: 1; padding-left: 35px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) { .single-blog .blog .meta { padding-left: 20px; } } .single-blog .blog .meta .author { color: #9b9ea1; font-weight: 700; transition: all 0.3s linear; } .single-blog .blog .meta .author a { color: #2c241b; transition: all 0.3s linear; } .single-blog .blog .meta ul { display: flex; padding-top: 10px; } .single-blog .blog .meta ul li { font-size: 13px; color: #FF0000; position: relative; white-space: nowrap; transition: all 0.3s linear; } .single-blog .blog .meta ul li + li { padding-left: 35px; } .single-blog .blog .meta ul li + li::before { position: absolute; content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #2c241b; top: 50%; left: 15px; transform: translateY(-50%); transition: all 0.3s linear; } .single-blog .blog .title a { font-size: 24px; font-weight: 500; line-height: 1.3; margin-top: 30px; transition: all 0.3s linear; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .single-blog .blog .title a { font-size: 20px; } } .single-blog .blog > p { margin-top: 15px; transition: all 0.3s linear; } .single-blog:hover { background-color: #00c1f8; } .single-blog:hover .blog .blog-date-meta span { background-color: #fff; color: #00c1f8; } .single-blog:hover .blog .blog-date-meta span strong { color: #FF0000; } .single-blog:hover .blog .meta .author { color: #FF0000; } .single-blog:hover .blog .meta .author a { color: #fff; } .single-blog:hover .blog .meta ul li { color: #FF0000; } .single-blog:hover .blog .meta ul li + li::before { background-color: #fff; } .single-blog:hover .blog .title a { color: #fff; } .single-blog:hover .blog > p { color: #fff; } .blog-wrapper-02 { margin-top: -50px; } /*-- /* 4.8 - Download CSS /*----------------------------------------*/ .download-wrapper { background-color: #FF0000; padding: 100px 50px; border-radius: 2px; position: relative; overflow: hidden; z-index: 1; } @media only screen and (min-width: 1500px) { .download-wrapper { margin-right: -30px; margin-left: -30px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .download-wrapper { padding: 60px 40px; } } @media only screen and (max-width: 767px) { .download-wrapper { padding: 50px; } } @media only screen and (max-width: 575px) { .download-wrapper { padding: 30px; } } .download-wrapper .shape-01 { position: absolute; left: 50px; bottom: -75px; z-index: -1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .download-wrapper .shape-01 { width: 140px; } } @media only screen and (max-width: 575px) { .download-wrapper .shape-01 { width: 100px; left: 15px; bottom: -45px; } } .download-wrapper .shape-02 { position: absolute; top: -50px; right: 40px; z-index: -1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .download-wrapper .shape-02 { width: 120px; } } @media only screen and (max-width: 575px) { .download-wrapper .shape-02 { width: 80px; right: 20px; } } .download-wrapper .section-title .main-title { color: #fff; } .download-wrapper .download-app { padding-top: 25px; } .download-wrapper .download-app ul { display: flex; justify-content: center; flex-wrap: wrap; } .download-wrapper .download-app ul li { padding: 30px 15px 0; } .download-wrapper .download-app ul li a { width: 180px; height: 65px; border-radius: 10px; background-color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.15); } @media only screen and (max-width: 767px) { .download-wrapper .download-app ul li a { width: auto; padding: 0 20px; height: 50px; } } @media only screen and (max-width: 767px) { .download-wrapper .download-app ul li a img { width: 100px; } } .download-section { position: relative; background-color: #FF0000; overflow: hidden; z-index: 1; } .download-section .shape-01 { position: absolute; left: 50px; bottom: -75px; z-index: -1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .download-section .shape-01 { width: 140px; } } @media only screen and (max-width: 575px) { .download-section .shape-01 { width: 100px; left: 15px; bottom: -45px; } } .download-section .shape-02 { position: absolute; top: -50px; right: 40px; z-index: -1; } @media only screen and (min-width: 768px) and (max-width: 991px) { .download-section .shape-02 { width: 120px; } } @media only screen and (max-width: 575px) { .download-section .shape-02 { width: 80px; right: 20px; } } .download-app-wrapper { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .download-app-wrapper .section-title { text-align: left; max-width: 630px; } .download-app-wrapper .section-title .main-title { color: #fff; font-weight: 400; margin-top: 5px; } .download-app-wrapper .download-app-btn { padding-top: 25px; } .download-app-wrapper .download-app-btn .app-btn { display: flex; flex-wrap: wrap; } .download-app-wrapper .download-app-btn .app-btn li { padding: 30px 15px 0; } .download-app-wrapper .download-app-btn .app-btn li a { width: 180px; height: 60px; border-radius: 10px; background-color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.15); } @media only screen and (max-width: 767px) { .download-app-wrapper .download-app-btn .app-btn li a { width: auto; padding: 0 20px; height: 50px; } } @media only screen and (max-width: 767px) { .download-app-wrapper .download-app-btn .app-btn li a img { width: 100px; } } /*-- /* 4.9 - Page Banner CSS /*----------------------------------------*/ .page-banner-section { background-repeat: no-repeat; background-position: center center; background-size: cover; padding-top: 100px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .page-banner-section { padding-top: 80px; } } .page-banner-content { padding-top: 135px; padding-bottom: 140px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .page-banner-content { padding-top: 85px; padding-bottom: 90px; } } @media only screen and (max-width: 575px) { .page-banner-content { padding-top: 55px; padding-bottom: 60px; } } .page-banner-content .page-title { font-size: 58px; line-height: 1.25; font-weight: 600; } @media only screen and (min-width: 768px) and (max-width: 991px) { .page-banner-content .page-title { font-size: 44px; } } @media only screen and (max-width: 767px) { .page-banner-content .page-title { font-size: 36px; } } @media only screen and (max-width: 575px) { .page-banner-content .page-title { font-size: 30px; } } .page-banner-content .breadcrumb { margin-bottom: 0; margin-top: 10px; } .page-banner-content .breadcrumb .breadcrumb-item { font-weight: 500; font-size: 16px; color: #2c241b; } .page-banner-content .breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "//"; color: #2c241b; } .page-banner-content .breadcrumb .breadcrumb-item.active { color: #FF0000; } /*-- /* 4.10 - Our Mission CSS /*----------------------------------------*/ .our-mission-wrapper .content .sub-title { font-size: 35px; color: #FF0000; font-weight: 400; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .our-mission-wrapper .content .sub-title { font-size: 32px; } } @media only screen and (max-width: 575px) { .our-mission-wrapper .content .sub-title { font-size: 24px; } } .our-mission-wrapper .content .main-title { font-size: 57px; font-weight: 400; margin-top: 20px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .our-mission-wrapper .content .main-title { font-size: 48px; } } @media only screen and (max-width: 575px) { .our-mission-wrapper .content .main-title { font-size: 30px; } } .our-mission-wrapper .content p { margin-top: 25px; } @media only screen and (min-width: 1500px), only screen and (min-width: 1200px) and (max-width: 1499px) { .our-mission-wrapper .content-list { padding-left: 70px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .our-mission-wrapper .content-list { padding-top: 40px; } } .our-mission-wrapper .content-list ul li { font-size: 22px; font-weight: 500; color: #2c241b; position: relative; padding-left: 40px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .our-mission-wrapper .content-list ul li { font-size: 20px; } } @media only screen and (max-width: 575px) { .our-mission-wrapper .content-list ul li { font-size: 16px; padding-left: 20px; } } .our-mission-wrapper .content-list ul li + li { margin-top: 28px; } .our-mission-wrapper .content-list ul li::before { position: absolute; content: ""; width: 9px; height: 9px; background-color: #FF0000; border-radius: 50%; top: 18px; left: 0; } @media only screen and (max-width: 575px) { .our-mission-wrapper .content-list ul li::before { width: 7px; height: 7px; top: 12px; } } .our-mission-wrapper .content-list .btn { margin-top: 40px; margin-left: 40px; } @media only screen and (max-width: 575px) { .our-mission-wrapper .content-list .btn { margin-left: 20px; margin-top: 30px; } } /*-- /* 4.11 - Instructor CSS /*----------------------------------------*/ .instructor-wrapper { padding-top: 40px; } @media only screen and (max-width: 575px) { .instructor-wrapper { padding-top: 10px; } } .single-instructor { margin-top: 30px; } .single-instructor .instructor-images img { width: 100%; } .single-instructor .instructor-content { text-align: center; background-image: -ms-linear-gradient(-90deg, rgb(248, 246, 244) 0%, rgb(255, 255, 255) 100%); padding-bottom: 30px; padding-top: 30px; transition: all 0.3s linear; position: relative; } .single-instructor .instructor-content .social { padding-bottom: 25px; position: absolute; top: 30px; left: 0; width: 100%; opacity: 0; visibility: hidden; transition: all 0.3s linear; } .single-instructor .instructor-content .social a { width: 45px; height: 45px; line-height: 43px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 50%; margin: 0 7px; transition: all 0.3s linear; } .single-instructor .instructor-content .social a:hover { background-color: #FF0000; border-color: #FF0000; color: #fff; } .single-instructor .instructor-content .designation { font-size: 14px; color: #FF0000; } .single-instructor .instructor-content .name { font-size: 28px; font-weight: 500; margin-top: 15px; } @media only screen and (max-width: 575px) { .single-instructor .instructor-content .name { font-size: 22px; } } .single-instructor:hover .instructor-content { margin-top: -70px; padding-top: 100px; } .single-instructor:hover .instructor-content .social { opacity: 1; visibility: visible; } .instructor-btn { padding-top: 60px; text-align: center; } /*-- /* 4.12 - Courses Details CSS /*----------------------------------------*/ .courses-details-wrapper { margin-top: -50px; } .courses-details { margin-top: 50px; } .courses-details .courses-details-images { overflow: hidden; border-radius: 10px; position: relative; } .courses-details .courses-details-images img { width: 100%; } .courses-details .courses-details-images .tags { position: absolute; bottom: 20px; left: 20px; background-color: #ffba00; font-size: 14px; font-weight: 400; padding: 0 25px; border-radius: 10px; height: 35px; line-height: 35px; display: inline-block; color: #fff; } @media only screen and (max-width: 575px) { .courses-details .courses-details-images .tags { font-size: 12px; padding: 0 15px; height: 30px; line-height: 30px; } } .courses-details .courses-details-images .courses-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .courses-details .courses-details-images .courses-play .play { width: 85px; height: 85px; line-height: 81px; text-align: center; border-radius: 50%; background-color: #FF0000; font-size: 16px; color: #fff; } @media only screen and (max-width: 575px) { .courses-details .courses-details-images .courses-play .play { width: 60px; height: 60px; line-height: 60px; font-size: 16px; } } .courses-details .title { font-size: 28px; font-weight: 500; color: #000; line-height: 1.5; margin-top: 30px; margin-bottom: 0; } @media only screen and (max-width: 575px) { .courses-details .title { font-size: 18px; } } .courses-details .courses-details-admin { display: flex; align-items: center; justify-content: space-between; padding-top: 10px; } @media only screen and (max-width: 767px) { .courses-details .courses-details-admin { display: block; } } .courses-details .courses-details-admin .admin-author { display: flex; align-items: center; margin-top: 10px; } @media only screen and (max-width: 575px) { .courses-details .courses-details-admin .admin-author { flex-wrap: wrap; } } .courses-details .courses-details-admin .admin-author .author-thumb img { width: 50px; border-radius: 50%; } .courses-details .courses-details-admin .admin-author .author-content { flex: 1; padding-left: 15px; padding-bottom: 5px; } @media only screen and (max-width: 575px) { .courses-details .courses-details-admin .admin-author .author-content { flex-wrap: wrap; } } .courses-details .courses-details-admin .admin-author .author-content .name { font-size: 17px; font-weight: 500; color: #9b9ea1; display: inline-block; line-height: 22px; position: relative; } .courses-details .courses-details-admin .admin-author .author-content .name::after { content: "||"; font-size: 24px; font-weight: 300; color: #c5c5c5; position: relative; margin: 0 18px; bottom: -2px; } .courses-details .courses-details-admin .admin-author .author-content .name a { color: #2c241b; } .courses-details .courses-details-admin .admin-author .author-content .name a:hover { color: #FF0000; } .courses-details .courses-details-admin .admin-author .author-content .enroll { font-size: 14px; font-weight: 400; color: #52565b; display: inline-block; line-height: 22px; } .courses-details .courses-details-admin .admin-author .author-content .enroll span { color: #FF0000; } .courses-details .courses-details-admin .admin-rating { display: flex; align-items: center; margin-top: 10px; } @media only screen and (max-width: 767px) { .courses-details .courses-details-admin .admin-rating { margin-left: 65px; } } .courses-details .courses-details-admin .admin-rating .rating-count { font-size: 15px; font-weight: 500; color: #52565b; margin-right: 2px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .courses-details .courses-details-admin .admin-rating .rating-count { font-size: 13px; } } .courses-details .courses-details-admin .admin-rating .rating-star { position: relative; margin: 0 8px; } .courses-details .courses-details-admin .admin-rating .rating-star::before { content: "\f000\f000\f000\f000\f000"; font-family: IcoFont; color: #d0d0d0; font-size: 14px; letter-spacing: 2px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .courses-details .courses-details-admin .admin-rating .rating-star::before { font-size: 13px; letter-spacing: 1px; } } .courses-details .courses-details-admin .admin-rating .rating-star .rating-bar { position: absolute; top: -2px; left: 0; height: 100%; overflow: hidden; } .courses-details .courses-details-admin .admin-rating .rating-star .rating-bar::before { content: "\f000\f000\f000\f000\f000"; font-family: IcoFont; color: #ffba00; font-size: 14px; letter-spacing: 2px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .courses-details .courses-details-admin .admin-rating .rating-star .rating-bar::before { font-size: 13px; letter-spacing: 1px; } } .courses-details .courses-details-admin .admin-rating .rating-text { font-size: 14px; font-weight: 400; color: #52565b; white-space: nowrap; margin-bottom: 0; } .courses-details-tab { padding-top: 30px; } .courses-details-tab .details-tab-menu { background-color: #f8f6f4; border-radius: 10px; padding: 15px; padding-top: 5px; } .courses-details-tab .details-tab-menu .nav li { padding: 10px 10px 0; } .courses-details-tab .details-tab-menu .nav li button { width: 130px; height: 45px; line-height: 41px; text-align: center; border: 1px solid rgba(255, 0, 0, 0.2); border-radius: 50px; font-size: 15px; font-weight: 500; color: #000; background-color: #fff; transition: all 0.3s linear; } .courses-details-tab .details-tab-menu .nav li button:hover, .courses-details-tab .details-tab-menu .nav li button.active { background-color: #FF0000; border-color: #FF0000; color: #fff; } .courses-details-tab .details-tab-content .tab-title { font-size: 25px; font-weight: 500; color: #000; margin-bottom: 0; } .courses-details-tab .details-tab-content p { margin-bottom: 0; margin-top: 15px; color: #52565b; font-size: 15px; font-weight: 400; } .courses-details-tab .details-tab-content .tab-description .description-wrapper { margin-top: 25px; } .courses-details-tab .details-tab-content .tab-instructors { margin-top: 25px; } .courses-details-tab .details-tab-content .tab-instructors .single-team { margin-top: 35px; } .courses-details-tab .details-tab-content .tab-rating-content { margin-top: 45px; } .courses-details-tab .details-tab-content .tab-rating-box { margin-top: 45px; text-align: center; border: 1px solid #ebe6e1; border-radius: 10px; padding: 40px 30px; } .courses-details-tab .details-tab-content .tab-rating-box .count { font-size: 30px; font-weight: 500; color: #00c1f8; line-height: 1; } .courses-details-tab .details-tab-content .tab-rating-box .count i { font-size: 14px; color: #ffa200; } .courses-details-tab .details-tab-content .tab-rating-box p { margin-top: 0; color: #00c1f8; } .courses-details-tab .details-tab-content .tab-rating-box .rating-box-wrapper { padding-top: 20px; } .courses-details-tab .details-tab-content .tab-rating-box .single-rating { display: flex; justify-content: space-between; align-items: center; padding-top: 6px; } .courses-details-tab .details-tab-content .tab-rating-box .single-rating .rating-star { position: relative; } .courses-details-tab .details-tab-content .tab-rating-box .single-rating .rating-star::before { content: "\f000\f000\f000\f000\f000"; font-family: IcoFont; color: #d0d0d0; font-size: 14px; letter-spacing: 2px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .courses-details-tab .details-tab-content .tab-rating-box .single-rating .rating-star::before { font-size: 13px; letter-spacing: 1px; } } .courses-details-tab .details-tab-content .tab-rating-box .single-rating .rating-star .rating-bar { position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; } .courses-details-tab .details-tab-content .tab-rating-box .single-rating .rating-star .rating-bar::before { content: "\f000\f000\f000\f000\f000"; font-family: IcoFont; color: #ffba00; font-size: 14px; letter-spacing: 2px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .courses-details-tab .details-tab-content .tab-rating-box .single-rating .rating-star .rating-bar::before { font-size: 13px; letter-spacing: 1px; } } .courses-details-tab .details-tab-content .tab-rating-box .single-rating .rating-progress-bar { width: calc(100% - 95px); height: 5px; background-color: #d3ded7; border-radius: 50px; overflow: hidden; } .courses-details-tab .details-tab-content .tab-rating-box .single-rating .rating-progress-bar .rating-line { height: 100%; background-color: #279075; border-radius: 50px; } .courses-details-tab .details-tab-content .tab-reviews { margin-top: 25px; } .courses-details-tab .details-tab-content .tab-reviews .reviews-wrapper { margin-top: 30px; } .courses-details-tab .details-tab-content .tab-reviews .single-review { border: 1px solid #d3ded7; border-radius: 10px; padding: 30px; position: relative; overflow: hidden; } .courses-details-tab .details-tab-content .tab-reviews .single-review::before { position: absolute; content: ""; background-position: center center; background-size: cover; background-repeat: no-repeat; width: 101px; height: 172px; right: 100px; top: -50px; } @media only screen and (max-width: 575px) { .courses-details-tab .details-tab-content .tab-reviews .single-review::before { right: 50px; } } .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author { display: flex; align-items: center; } @media only screen and (max-width: 575px) { .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author { display: block; } } .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-thumb { position: relative; display: inline-block; } .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-thumb img { display: block; width: 90px; border: 1px solid #d3ded7; border-radius: 50%; padding: 8px; } .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-thumb i { width: 35px; height: 35px; line-height: 35px; text-align: center; background-color: #FF0000; color: #fff; font-size: 13px; border-radius: 50%; display: inline-block; position: absolute; bottom: -13px; left: 0; right: 0; margin: 0 auto; } .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content { flex: 1; padding-left: 30px; } @media only screen and (max-width: 575px) { .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content { padding-left: 0; padding-top: 20px; } } .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .name { font-size: 22px; font-weight: 500; margin-bottom: 0; } .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .designation { font-size: 14px; font-weight: 400; color: #81858a; margin-top: 5px; display: block; } .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .rating-star { position: relative; margin-top: 5px; display: inline-block; } .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .rating-star::before { content: "\f000\f000\f000\f000\f000"; font-family: IcoFont; color: #d0d0d0; font-size: 14px; letter-spacing: 2px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .rating-star::before { font-size: 13px; letter-spacing: 1px; } } .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .rating-star .rating-bar { position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; display: inline-block; } .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .rating-star .rating-bar::before { content: "\f000\f000\f000\f000\f000"; font-family: IcoFont; color: #ffba00; font-size: 14px; letter-spacing: 2px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .courses-details-tab .details-tab-content .tab-reviews .single-review .review-author .author-content .rating-star .rating-bar::before { font-size: 13px; letter-spacing: 1px; } } .courses-details-tab .details-tab-content .tab-reviews .single-review p { margin-top: 30px; margin-bottom: 0; font-size: 15px; font-weight: 400; color: #52565b; } .courses-details-tab .details-tab-content .tab-reviews .reviews-btn { padding-top: 30px; text-align: center; } .reviews-active .swiper-pagination { position: relative; bottom: 0; margin-top: 22px; } .reviews-active .swiper-pagination .swiper-pagination-bullet { background-color: #d1e5d9; opacity: 1; width: 12px; height: 12px; } .reviews-active .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #00c1f8; } /*-- /* 4.13 - Team CSS /*----------------------------------------*/ .single-team { text-align: center; margin-top: 50px; } .single-team .team-thumb img { border-radius: 50%; padding: 10px; border: 1px solid #d3ded7; transition: all 0.3s linear; } .single-team .team-content { padding-top: 15px; } .single-team .team-content .rating { display: inline-flex; align-items: center; } .single-team .team-content .rating .count { font-size: 14px; font-weight: 500; color: #2c241b; } .single-team .team-content .rating i { color: #ffba00; margin: 0 5px; } .single-team .team-content .rating .text { font-size: 13px; font-weight: 400; color: #848886; } .single-team .team-content .name { font-weight: 500; font-size: 20px; margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .single-team .team-content .name { font-size: 16px; } } .single-team .team-content .designation { display: block; font-size: 14px; color: #FF0000; margin-top: 10px; } .single-team:hover .team-thumb img { border-color: #00c1f8; } /*-- /* 4.14 - Blog Details CSS /*----------------------------------------*/ .blog-details-wrapper { margin-top: 50px; } .blog-details-wrapper .details-images { padding-bottom: 40px; } .blog-details-wrapper .details-images img { width: 100%; } .blog-details-wrapper .title { font-size: 25px; font-weight: 500; color: #2c241b; margin-bottom: 0; line-height: 1.5; margin-top: 20px; } @media only screen and (max-width: 767px) { .blog-details-wrapper .title { font-size: 22px; } } @media only screen and (max-width: 575px) { .blog-details-wrapper .title { font-size: 18px; } } .blog-details-admin-meta { display: flex; justify-content: space-between; align-items: center; } @media only screen and (max-width: 767px) { .blog-details-admin-meta { display: block; } } .blog-details-admin-meta .author { display: flex; align-items: center; } .blog-details-admin-meta .author .author-thumb a { display: block; } .blog-details-admin-meta .author .author-thumb a img { width: 50px; border-radius: 50%; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .blog-details-admin-meta .author .author-thumb a img { width: 45px; } } .blog-details-admin-meta .author .author-name { flex: 1; padding-left: 12px; } .blog-details-admin-meta .author .author-name .name { color: #9b9ea1; font-size: 15px; font-weight: 500; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .blog-details-admin-meta .author .author-name .name { font-size: 13px; } } .blog-details-admin-meta .author .author-name .name a { color: #2c241b; } .blog-details-admin-meta .author .author-name .name a:hover { color: #FF0000; } .blog-details-admin-meta .blog-meta { display: flex; align-items: center; } @media only screen and (max-width: 767px) { .blog-details-admin-meta .blog-meta { padding-left: 60px; } } @media only screen and (max-width: 575px) { .blog-details-admin-meta .blog-meta { flex-wrap: wrap; } } .blog-details-admin-meta .blog-meta span { font-size: 14px; font-weight: 400; color: #52565b; margin-right: 40px; display: inline-block; line-height: 1; } @media only screen and (max-width: 575px) { .blog-details-admin-meta .blog-meta span { margin-right: 25px; margin-top: 10px; } } .blog-details-admin-meta .blog-meta span:last-child { margin-right: 0; } .blog-details-admin-meta .blog-meta span i { color: #FF0000; margin-right: 5px; font-size: 20px; display: inline-block; line-height: 1; } .blog-details-admin-meta .blog-meta .tag a { width: 100px; height: 35px; line-height: 35px; background-color: #f8f6f4; border-radius: 5px; font-size: 14px; color: #FF0000; display: inline-block; text-align: center; border-radius: 5px; padding: 0 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .blog-details-admin-meta .blog-meta .tag a { width: 80px; font-size: 13px; } } .blog-details-admin-meta .blog-meta .tag a:hover { background-color: #FF0000; color: #fff; } .blog-details-description { padding-top: 6px; padding-bottom: 20px; } .blog-details-description p { margin-bottom: 0; font-size: 15px; font-weight: 400; margin-top: 25px; color: #52565b; } .blog-details-description h3 { margin-top: 30px; font-size: 25px; font-weight: 500; color: #2c241b; margin-bottom: 0; line-height: 1.5; } @media only screen and (max-width: 767px) { .blog-details-description h3 { font-size: 22px; } } @media only screen and (max-width: 575px) { .blog-details-description h3 { font-size: 18px; } } .blog-details-description .details-img { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; padding-top: 5px; padding-bottom: 5px; } @media only screen and (max-width: 575px) { .blog-details-description .details-img { margin: 0; } } .blog-details-description .details-img .dec-img { width: 50%; padding: 0 15px; margin-top: 30px; } @media only screen and (max-width: 575px) { .blog-details-description .details-img .dec-img { width: 100%; padding: 0; } } .blog-details-description .details-img .dec-img img { width: 100%; border-radius: 2px; } .blog-details-tags-social { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .blog-details-tags-social .blog-details-label { display: flex; align-items: center; padding-top: 10px; } @media only screen and (max-width: 575px) { .blog-details-tags-social .blog-details-label { display: block; } } .blog-details-tags-social .blog-details-label .label { font-size: 25px; font-weight: 500; color: #2c241b; margin-bottom: 0; line-height: 1.5; margin-top: 10px; padding-right: 20px; } .blog-details-tags-social .blog-details-label .tag-list { display: flex; flex-wrap: wrap; flex: 1; } .blog-details-tags-social .blog-details-label .tag-list li { padding-right: 10px; padding-top: 10px; } .blog-details-tags-social .blog-details-label .tag-list li:last-child { padding-right: 0; } .blog-details-tags-social .blog-details-label .tag-list li a { width: 100px; height: 35px; line-height: 35px; border-radius: 2px; color: #52565b; text-align: center; display: block; transition: all 0.3s linear; background-color: #f8f6f4; font-size: 14px; } @media only screen and (max-width: 767px) { .blog-details-tags-social .blog-details-label .tag-list li a { width: auto; padding: 0 14px; } } .blog-details-tags-social .blog-details-label .tag-list li a:hover { background-color: #00c1f8; color: #fff; } .blog-details-tags-social .blog-details-label .social { display: flex; flex-wrap: wrap; } .blog-details-tags-social .blog-details-label .social li { padding-right: 20px; padding-top: 10px; } .blog-details-tags-social .blog-details-label .social li:last-child { padding-right: 0; } .blog-details-tags-social .blog-details-label .social li a { display: block; width: 40px; height: 40px; line-height: 40px; border: 1px solid rgba(255, 0, 0, 0.25); border-radius: 50%; text-align: center; font-size: 16px; color: #000; transition: all 0.3s linear; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .blog-details-tags-social .blog-details-label .social li a { width: 35px; height: 35px; line-height: 35px; } } .blog-details-tags-social .blog-details-label .social li a:hover { border-color: #FF0000; background-color: #FF0000; color: #fff; } .blog-details-comment .title { font-size: 25px; font-weight: 500; color: #000; margin-bottom: 0; line-height: 1.5; } .comment-wrapper { margin-top: 50px; } .comment-items .comment-reply { padding-left: 100px; position: relative; } @media only screen and (max-width: 767px) { .comment-items .comment-reply { padding-left: 0; } } .single-comment { padding: 30px; border: 1px solid rgba(0, 193, 248, 0.2); border-radius: 2px; margin-top: 30px; position: relative; background-color: #fff; } .single-comment .comment-author { display: flex; align-items: center; } @media only screen and (max-width: 575px) { .single-comment .comment-author { display: block; } } .single-comment .comment-author .author-thumb img { width: 90px; padding: 10px; border-radius: 50%; border: 1px solid rgba(0, 193, 248, 0.2); } .single-comment .comment-author .author-content { flex: 1; padding-left: 30px; padding-right: 115px; } @media only screen and (max-width: 767px) { .single-comment .comment-author .author-content { padding-right: 0; } } @media only screen and (max-width: 575px) { .single-comment .comment-author .author-content { padding-left: 0; padding-top: 20px; } } .single-comment .comment-author .author-content .name { font-size: 22px; font-weight: 500; color: #000; } .single-comment .comment-author .author-content .designation { font-size: 14px; color: #52565b; display: block; margin-top: 5px; } .single-comment .comment-author .author-content .meta { display: flex; flex-wrap: wrap; } .single-comment .comment-author .author-content .meta span { font-size: 14px; font-weight: 400; position: relative; } .single-comment .comment-author .author-content .meta .designation { color: #FF0000; } .single-comment .comment-author .author-content .meta .designation::after { content: "||"; font-size: 14px; font-weight: 400; color: #FF0000; margin: 0 8px; } .single-comment .comment-author .author-content .meta .time { color: #ff8a00; } .single-comment p { padding-top: 10px; margin-bottom: 0; font-size: 15px; font-weight: 400; color: #000; } .single-comment .reply { padding: 0 25px; height: 45px; line-height: 45px; border-radius: 2px; background-color: #f8f6f4; color: #2c241b; display: inline-block; transition: all 0.3s linear; position: absolute; top: 30px; right: 30px; } @media only screen and (max-width: 767px) { .single-comment .reply { position: relative; top: 0; right: 0; margin-top: 15px; } } .single-comment .reply i { margin-right: 5px; } .single-comment .reply:hover { background-color: #00c1f8; color: #fff; } .comment-form { margin-top: 50px; } .comment-form .form-wrapper { padding-top: 10px; } .comment-form .form-wrapper .single-form .btn { margin-top: 30px; } /*-- /* 4.15 - Registration & Login Form CSS /*----------------------------------------*/ .register-login-wrapper { padding: 70px; padding-top: 60px; border-radius: 2px; background-color: #f8f6f4; } @media only screen and (max-width: 575px) { .register-login-wrapper { padding: 30px; } } .register-login-form .title { font-size: 30px; font-weight: 500; margin-bottom: 0; line-height: 1.4; padding-bottom: 10px; } @media only screen and (max-width: 767px) { .register-login-form .title { font-size: 24px; } } @media only screen and (max-width: 575px) { .register-login-form .title { font-size: 20px; } } .register-login-form .title span { color: #FF0000; position: relative; } .register-login-form .title span::before { position: absolute; content: ""; background-position: center center; background-size: cover; background-repeat: no-repeat; width: 121px; height: 13px; left: 50%; bottom: -10px; transform: translateX(-50%); } @media only screen and (max-width: 575px) { .register-login-form .title span::before { display: none; } } .register-login-form .form-wrapper { padding-top: 10px; } .register-login-form .single-form .btn { margin-top: 20px; transition: all 0.3s linear; } .register-login-form .single-form .btn::before { width: 600px; height: 600px; } .register-login-form .single-form .btn.btn-outline { border: 1px solid rgba(255, 0, 0, 0.2); line-height: 58px; } .register-login-form .single-form .btn.btn-outline:hover { background-color: #FF0000; border-color: #FF0000; color: #fff; } .register-login-form p { font-size: 15px; margin-top: 15px; font-weight: 500; text-align: center; } /*-- /* 4.16 - FAQ'S CSS /*----------------------------------------*/ .faq-accordion { padding-top: 50px; } .faq-accordion .accordion-item { border-radius: 2px !important; margin-top: 20px; border: 1px solid #e7e2dc !important; } .faq-accordion .accordion-item button { display: block; width: 100%; text-align: left; padding: 17px 30px; padding-right: 55px; font-size: 23px; font-weight: 500; font-family: "Poppins", sans-serif; border: 0; color: #FF0000; background-color: transparent; border-bottom: 1px solid #e7e2dc; transition: all 0.3s linear; position: relative; } @media only screen and (max-width: 767px) { .faq-accordion .accordion-item button { font-size: 20px; } } @media only screen and (max-width: 575px) { .faq-accordion .accordion-item button { font-size: 16px; padding: 12px 20px; padding-right: 45px; } } .faq-accordion .accordion-item button::before { position: absolute; top: 50%; transform: translateY(-50%); right: 30px; content: "\eab9"; font-family: IcoFont; transition: all 0.3s linear; } @media only screen and (max-width: 575px) { .faq-accordion .accordion-item button::before { right: 20px; } } .faq-accordion .accordion-item button.collapsed { color: #2c241b; background-color: #f8f6f4; border-bottom-color: transparent; } .faq-accordion .accordion-item button.collapsed::before { content: "\ea99"; } .faq-accordion .accordion-item .accordion-body { padding: 25px 30px; } .faq-accordion .accordion-item .accordion-body p + p { margin-top: 20px; } .faq-btn { padding-top: 80px; text-align: center; } @media only screen and (max-width: 767px) { .faq-btn { padding-top: 40px; } } /*-- /* 4.17 - Error CSS /*----------------------------------------*/ .error-section { position: relative; } .error-section .shape { position: absolute; bottom: 0; left: 9%; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .error-section .shape { width: 260px; left: 5%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .error-section .shape { width: 210px; left: 2%; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .error-section .shape { display: none; } } .error-wrapper { text-align: center; } .error-wrapper .error-content { max-width: 520px; margin: 45px auto 0; } .error-wrapper .error-content .title { font-size: 57px; font-weight: 500; color: #f03c3a; } @media only screen and (max-width: 575px) { .error-wrapper .error-content .title { font-size: 40px; } } .error-wrapper .error-content .sub-title { font-size: 30px; font-weight: 400; margin-top: 15px; } @media only screen and (max-width: 575px) { .error-wrapper .error-content .sub-title { font-size: 20px; } } .error-wrapper .error-content p { margin-top: 15px; } .error-wrapper .error-content .btn { margin-top: 40px; } @media only screen and (max-width: 575px) { .error-wrapper .error-content .btn { margin-top: 20px; } } /*-- /* 4.18 - Contact CSS /*----------------------------------------*/ .contact-map-wrapper iframe { display: block; width: 100%; height: 500px; border-radius: 2px; } @media only screen and (max-width: 575px) { .contact-map-wrapper iframe { height: 300px; } } .contact-wrapper { margin-top: -50px; } .contact-content { margin-top: 40px; } .contact-title .sub-title { font-size: 35px; font-weight: 400; color: #FF0000; } @media only screen and (max-width: 575px) { .contact-title .sub-title { font-size: 24px; } } .contact-title .main-title { font-size: 45px; font-weight: 400; margin-top: 15px; } @media only screen and (max-width: 575px) { .contact-title .main-title { font-size: 28px; } } .form-message { margin-bottom: 0; } .form-message.error, .form-message.success { font-size: 16px; font-weight: 500; color: #000; background: #ddd; padding: 10px 15px; margin-top: 15px; margin-left: 5px; } .form-message.error { color: #ff0000; } .contact-form { padding-top: 25px; } .contact-form .single-form .btn { margin-top: 20px; } .contact-information { padding-left: 40px; margin-top: 50px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .contact-information { padding-left: 0; } } .contact-information .information-wrapper { background-color: #00c1f8; padding: 80px 85px; border-radius: 2px; position: relative; overflow: hidden; z-index: 1; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .contact-information .information-wrapper { padding: 80px 50px; } } @media only screen and (max-width: 575px) { .contact-information .information-wrapper { padding: 30px; } } .contact-information .information-wrapper .shape { position: absolute; top: -130px; right: -210px; z-index: -1; } .contact-information .information-wrapper .single-info + .single-info { margin-top: 45px; } .contact-information .information-wrapper .single-info .info-title { font-size: 32px; font-weight: 500; color: #FF0000; padding-bottom: 20px; } @media only screen and (max-width: 575px) { .contact-information .information-wrapper .single-info .info-title { font-size: 24px; } } .contact-information .information-wrapper .single-info p { font-size: 19px; font-weight: 500; color: #fff; } @media only screen and (max-width: 575px) { .contact-information .information-wrapper .single-info p { font-size: 16px; } } /*-- /* 4.19 - Courses Enroll CSS /*----------------------------------------*/ .courses-enroll-wrapper { display: flex; flex-wrap: wrap; } .courses-video-player { width: 71.8%; padding-bottom: 80px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .courses-video-player { width: 100%; } } @media only screen and (max-width: 767px) { .courses-video-player { padding-bottom: 60px; } } .courses-video-player .vidcontainer { background: #010101; position: relative; height: 690px; position: relative; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .courses-video-player .vidcontainer { height: 490px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .courses-video-player .vidcontainer { height: 500px; } } @media only screen and (max-width: 767px) { .courses-video-player .vidcontainer { height: 420px; } } @media only screen and (max-width: 575px) { .courses-video-player .vidcontainer { height: 340px; } } .courses-video-player video { width: 100%; height: 690px; text-align: center; display: block; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .courses-video-player video { height: 490px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .courses-video-player video { height: 500px; } } @media only screen and (max-width: 767px) { .courses-video-player video { height: 420px; } } @media only screen and (max-width: 575px) { .courses-video-player video { height: 340px; } } .courses-video-player .video-play-bar { background-color: rgba(33, 40, 50, 0.8); position: absolute; bottom: 20px; left: 30px; right: 30px; padding: 20px 40px; z-index: 13; opacity: 0; visibility: hidden; transition: all 0.3s linear; transition-delay: 1.5s; } @media only screen and (max-width: 575px) { .courses-video-player .video-play-bar { left: 20px; right: 20px; padding: 15px 15px; } } .courses-video-player .topControl { display: flex; align-items: center; justify-content: space-between; width: 100%; z-index: 1; } .courses-video-player .topControl .progress { width: calc(100% - 110px); height: 3px; position: relative; cursor: pointer; background-color: #7a8088; } @media only screen and (max-width: 575px) { .courses-video-player .topControl .progress { width: calc(100% - 100px); } } .courses-video-player .topControl .progress span { height: 100%; position: absolute; top: 0; left: 0; display: block; } .courses-video-player .topControl .progress .timeBar { z-index: 10; width: 0; background-color: #ff0000; } .courses-video-player .topControl .progress .bufferBar { z-index: 5; width: 0; background-color: rgba(255, 255, 255, 0.6); } .courses-video-player .topControl .time { white-space: nowrap; text-align: right; font-size: 12px; font-weight: 400; color: #fff; } .courses-video-player .controllers { width: 100%; display: flex; justify-content: space-between; margin-top: 8px; margin-left: -5px; margin-right: -5px; } .courses-video-player .controllers .controllers-right { white-space: nowrap; text-align: right; } .courses-video-player .controllers button { border: 0; background: none; color: #fff; margin: 0 10px; outline: none; font-size: 15px; display: inline-block; padding: 0; } @media only screen and (max-width: 575px) { .courses-video-player .controllers button { font-size: 14px; } } .courses-video-player .controllers .btnPlay:after { content: "\f04b"; font-family: "FontAwesome"; } .courses-video-player .controllers .paused:after { content: "\f04c"; } .courses-video-player .controllers .sound:after { content: "\f027"; font-family: "FontAwesome"; } .courses-video-player .controllers .sound2:after { content: "\f028"; } .courses-video-player .controllers .muted:after { content: "\f026"; } .courses-video-player .controllers .volume { position: relative; cursor: pointer; width: 70px; height: 5px; background-color: #7a8088; display: inline-block; margin-bottom: 2px; } .courses-video-player .controllers .volume .volumeBar { display: block; height: 100%; position: absolute; top: 0; left: 0; background-color: #ff0000; z-index: 10; } .courses-video-player .controllers .speedcnt { display: none; position: absolute; right: 60px; bottom: 46px; background-color: #fff; border-radius: 5px; transition: all 0.3s linear; } .courses-video-player .controllers .speedcnt li { text-align: center; font-weight: 400; font-size: 11px; padding: 5px 20px; cursor: pointer; display: block; border-bottom: 1px solid rgba(255, 0, 0, 0.2); transition: all 0.3s linear; color: #52565b; } .courses-video-player .controllers .speedcnt li:last-child { border-bottom: 0; } .courses-video-player .controllers .speedcnt li.selected { font-weight: 500; background-color: #FF0000; color: #fff; } .courses-video-player .controllers .btnFS:after { content: "\f065"; font-family: "FontAwesome"; } .courses-video-player .controllers .disabled { pointer-events: none; cursor: not-allowed; color: rgba(255, 255, 255, 0.5); } .courses-video-player .bigplay { position: absolute; width: 100%; height: 100%; z-index: 11; color: #fff; font-size: 90px; line-height: 90px; text-align: center; cursor: pointer; top: 0; left: 0; } @media only screen and (max-width: 575px) { .courses-video-player .bigplay { font-size: 45px; } } .courses-video-player .bigplay i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .courses-video-player .loading { width: 100%; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; z-index: 20; } .courses-video-player .loading .spinner { border-color: #fff; border-right-color: transparent; width: 70px; height: 70px; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; } .courses-video-player:hover .video-play-bar { opacity: 1; visibility: visible; transition-delay: 0s; } .courses-enroll-content { padding: 0 70px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .courses-enroll-content { padding: 0 40px; } } @media only screen and (max-width: 575px) { .courses-enroll-content { padding: 0 20px; } } .courses-enroll-content .courses-enroll-title { display: flex; justify-content: space-between; align-items: center; padding-top: 20px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .courses-enroll-content .courses-enroll-title { display: block; } } .courses-enroll-content .courses-enroll-title .title { max-width: 760px; font-size: 28px; font-weight: 500; line-height: 1.5; color: #2c241b; margin-bottom: 0; margin-top: 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .courses-enroll-content .courses-enroll-title .title { max-width: 380px; font-size: 22px; } } @media only screen and (max-width: 575px) { .courses-enroll-content .courses-enroll-title .title { font-size: 18px; } } .courses-enroll-content .courses-enroll-title p { font-size: 15px; font-weight: 400; margin-top: 10px; } .courses-enroll-content .courses-enroll-title p i { color: #ff4200; margin-right: 3px; } .courses-enroll-content .courses-enroll-title p span { color: #ff4200; } .courses-enroll-content .courses-enroll-tab { background-color: #f8f6f4; padding: 5px 15px 15px; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; margin-top: 40px; } @media only screen and (max-width: 767px) { .courses-enroll-content .courses-enroll-tab { display: block; } } .courses-enroll-content .courses-enroll-tab .enroll-tab-menu .nav { margin-left: -7px; margin-right: -7px; } .courses-enroll-content .courses-enroll-tab .enroll-tab-menu .nav li { padding: 10px 7px 0; } .courses-enroll-content .courses-enroll-tab .enroll-tab-menu .nav li button { border: 1px solid #eae5e0; background-color: #fff; border-radius: 50px; padding: 0 23px; height: 45px; line-height: 41px; text-align: center; display: block; font-weight: 500; font-size: 15px; color: #2c241b; transition: all 0.3s linear; white-space: nowrap; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .courses-enroll-content .courses-enroll-tab .enroll-tab-menu .nav li button { font-size: 14px; padding: 0 13px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .courses-enroll-content .courses-enroll-tab .enroll-tab-menu .nav li button { font-size: 14px; padding: 0 13px; } } .courses-enroll-content .courses-enroll-tab .enroll-tab-menu .nav li button.active, .courses-enroll-content .courses-enroll-tab .enroll-tab-menu .nav li button:hover { background-color: #00c1f8; border-color: #00c1f8; color: #fff; } .courses-enroll-content .courses-enroll-tab .enroll-share { padding-top: 10px; } .courses-enroll-content .courses-enroll-tab .enroll-share a { border: 1px solid #eae5e0; background-color: #fff; border-radius: 50px; padding: 0 25px; height: 45px; line-height: 43px; text-align: center; display: inline-block; font-weight: 500; font-size: 15px; color: #2c241b; transition: all 0.3s linear; white-space: nowrap; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .courses-enroll-content .courses-enroll-tab .enroll-share a { font-size: 14px; padding: 0 20px; } } .courses-enroll-content .courses-enroll-tab .enroll-share a i { margin-right: 5px; font-size: 20px; color: #FF0000; transition: all 0.3s linear; } .courses-enroll-content .courses-enroll-tab .enroll-share a:hover { background-color: #00c1f8; border-color: #00c1f8; color: #fff; } .courses-enroll-content .courses-enroll-tab .enroll-share a:hover i { color: #fff; } .courses-enroll-content .courses-enroll-tab-content { border: 1px solid #eae5e0; padding: 10px 50px 35px; border-radius: 10px; margin-top: 30px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .courses-enroll-content .courses-enroll-tab-content { padding: 1px 40px 25px; } } @media only screen and (max-width: 575px) { .courses-enroll-content .courses-enroll-tab-content { padding: 1px 20px 15px; } } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-title { padding-top: 20px; } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-title .title { font-size: 25px; font-weight: 500; line-height: 1.5; color: #2c241b; margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .courses-enroll-content .courses-enroll-tab-content .enroll-tab-title .title { font-size: 20px; } } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content { padding-top: 25px; } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content p { font-size: 15px; font-weight: 400; } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .table { border-top: 1px solid #eae5e0; margin-bottom: 25px; margin-top: 25px; } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .table tbody tr th { width: 170px; border-color: #eae5e0; padding: 12px 30px; padding-right: 0; font-size: 15px; font-weight: 500; color: #000; white-space: nowrap; } @media only screen and (max-width: 575px) { .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .table tbody tr th { font-size: 14px; padding: 8px 15px; padding-right: 0; min-width: 90px; } } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .table tbody tr th span { display: block; float: right; } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .table tbody tr td { border-color: #eae5e0; padding: 12px 30px; font-size: 15px; font-weight: 400; color: #52565b; } @media only screen and (max-width: 575px) { .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .table tbody tr td { font-size: 14px; padding: 8px 15px; } } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .text { font-weight: 500; color: #2c241b; } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor { border-bottom: 1px solid #eae5e0; position: relative; overflow: hidden; padding: 25px 0 20px; } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor:first-child { padding-top: 0; } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor:last-child { border-bottom: 0; padding-bottom: 0; } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author { display: flex; align-items: center; } @media only screen and (max-width: 575px) { .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author { display: block; } } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-thumb { position: relative; display: inline-block; } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-thumb img { display: block; width: 90px; border: 1px solid #eae5e0; border-radius: 50%; padding: 8px; } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content { flex: 1; padding-left: 30px; } @media only screen and (max-width: 575px) { .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content { padding-left: 0; padding-top: 20px; } } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content .name { font-size: 22px; font-weight: 500; margin-bottom: 0; } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content .designation { font-size: 14px; font-weight: 400; color: #81858a; margin-top: 5px; display: block; } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content .rating-star { position: relative; margin-top: 5px; display: inline-block; } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content .rating-star::before { content: "\f000\f000\f000\f000\f000"; font-family: IcoFont; color: #d0d0d0; font-size: 14px; letter-spacing: 2px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content .rating-star::before { font-size: 13px; letter-spacing: 1px; } } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content .rating-star .rating-bar { position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; display: inline-block; } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content .rating-star .rating-bar::before { content: "\f000\f000\f000\f000\f000"; font-family: IcoFont; color: #ffba00; font-size: 14px; letter-spacing: 2px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor .review-author .author-content .rating-star .rating-bar::before { font-size: 13px; letter-spacing: 1px; } } .courses-enroll-content .courses-enroll-tab-content .enroll-tab-content .single-instructor p { margin-top: 15px; margin-bottom: 0; font-size: 15px; font-weight: 400; } .courses-video-playlist { width: 28.2%; background-color: #f8f6f4; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .courses-video-playlist { width: 100%; } } .courses-video-playlist .playlist-title { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: 15px 30px 25px; background-color: #ece6e0; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .courses-video-playlist .playlist-title { padding: 15px 40px 25px; } } @media only screen and (max-width: 575px) { .courses-video-playlist .playlist-title { padding: 5px 20px 15px; } } .courses-video-playlist .playlist-title .title { font-size: 22px; font-weight: 500; font-family: "Poppins", sans-serif; color: #2c241b; margin-bottom: 0; margin-top: 10px; } @media only screen and (max-width: 575px) { .courses-video-playlist .playlist-title .title { font-size: 18px; } } .courses-video-playlist .playlist-title span { font-size: 18px; font-weight: 500; color: #FF0000; display: inline-block; margin-top: 10px; } @media only screen and (max-width: 575px) { .courses-video-playlist .playlist-title span { font-size: 16px; } } .courses-video-playlist .video-playlist .accordion-item { text-align: left; border: 0; margin-bottom: 0; background: none; } .courses-video-playlist .video-playlist .accordion-item button { border: 0; background: none; text-align: left; display: block; width: 100%; border-bottom: 1px solid #cde9d7; padding: 8px 30px; padding-right: 50px; background-color: #f1ece7; position: relative; transition: all 0.3s linear; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .courses-video-playlist .video-playlist .accordion-item button { padding: 8px 40px; } } @media only screen and (max-width: 575px) { .courses-video-playlist .video-playlist .accordion-item button { padding: 8px 20px; padding-right: 40px; } } .courses-video-playlist .video-playlist .accordion-item button .lesson { margin-bottom: 0; font-size: 15px; font-weight: 500; color: #FF0000; transition: all 0.3s linear; max-width: 420px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) { .courses-video-playlist .video-playlist .accordion-item button .lesson { font-size: 14px; } } .courses-video-playlist .video-playlist .accordion-item button::before { content: "\eaa1"; font-family: IcoFont; font-size: 20px; color: #FF0000; position: absolute; top: 8px; right: 30px; transition: all 0.3s linear; } @media only screen and (max-width: 575px) { .courses-video-playlist .video-playlist .accordion-item button::before { right: 20px; } } .courses-video-playlist .video-playlist .accordion-item button.collapsed { background-color: #f8f6f4; } .courses-video-playlist .video-playlist .accordion-item button.collapsed .lesson { color: #000; } .courses-video-playlist .video-playlist .accordion-item button.collapsed::before { content: "\eab2"; color: #000; } .courses-video-playlist .video-playlist .total-duration { font-size: 13px; font-weight: 400; color: #848886; margin-top: 6px; display: block; } .courses-video-playlist .video-playlist .vids a { display: block; padding: 8px 80px; padding-right: 30px; border-bottom: 1px solid #cde9d7; position: relative; } .courses-video-playlist .video-playlist .vids a::before { position: absolute; content: ""; width: 13px; height: 13px; border: 3px solid #2c241b; border-radius: 50%; top: 13px; left: 48px; } .courses-video-playlist .video-playlist .vids a p { margin-bottom: 0; font-size: 14px; font-weight: 500; color: #000; transition: all 0.3s linear; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) { .courses-video-playlist .video-playlist .vids a p { font-size: 13px; } } .courses-video-playlist .video-playlist .vids a.playing::before { border-color: #FF0000; } .courses-video-playlist .video-playlist .vids a.playing p { color: #FF0000; } /*-- /* 4.20 - Courses Admin CSS /*----------------------------------------*/ .sidebar-wrapper { background-color: #13634f; position: absolute; top: 0; left: 0; height: 100%; z-index: 991; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .sidebar-wrapper { position: fixed; height: auto; width: 100%; top: auto; bottom: 0; } } .sidebar-wrapper .menu-list { padding: 40px 22px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .sidebar-wrapper .menu-list { display: flex; justify-content: center; padding: 15px; } } @media only screen and (max-width: 575px) { .sidebar-wrapper .menu-list { padding: 10px; } } .sidebar-wrapper .menu-list a { width: 55px; height: 55px; border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 10px; display: flex; justify-content: center; align-items: center; position: relative; transition: all 0.3s linear; font-size: 15px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .sidebar-wrapper .menu-list a { margin: 0 10px; width: 45px; height: 45px; } } @media only screen and (max-width: 575px) { .sidebar-wrapper .menu-list a { margin: 0 7px; } } .sidebar-wrapper .menu-list a::before { position: absolute; content: ""; width: 4px; height: 25px; background-color: #fff; border-top-right-radius: 10px; border-bottom-right-radius: 10px; top: 50%; left: -24px; transform: translateY(-50%); opacity: 0; visibility: hidden; transition: all 0.3s linear; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .sidebar-wrapper .menu-list a::before { width: 25px; height: 4px; left: 50%; top: auto; bottom: -17px; transform: translateX(-50%) translateY(0); } } @media only screen and (max-width: 575px) { .sidebar-wrapper .menu-list a::before { bottom: -12px; } } .sidebar-wrapper .menu-list a + a { margin-top: 30px; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .sidebar-wrapper .menu-list a + a { margin-top: 0; } } .sidebar-wrapper .menu-list a.active, .sidebar-wrapper .menu-list a:hover { background-color: #0a4d3c; border-color: #0a4d3c; } .sidebar-wrapper .menu-list a.active::before, .sidebar-wrapper .menu-list a:hover::before { opacity: 1; visibility: visible; } .page-content-wrapper { padding-left: 100px; padding-top: 40px; padding-bottom: 80px; position: relative; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .page-content-wrapper { padding-left: 0; } } @media only screen and (max-width: 767px) { .page-content-wrapper { padding-bottom: 60px; } } .page-content-wrapper .custom-container { padding: 0 15px; } @media only screen and (min-width: 1500px) { .page-content-wrapper .custom-container { padding: 0 50px; } } .page-content-wrapper .message { display: flex; align-items: flex-start; background-color: #fdf0ea; border-radius: 10px; padding: 26px 40px; } @media only screen and (max-width: 767px) { .page-content-wrapper .message { padding: 26px 30px; } } @media only screen and (max-width: 767px) { .page-content-wrapper .message { display: block; } } @media only screen and (max-width: 575px) { .page-content-wrapper .message { padding: 26px 30px; } } .page-content-wrapper .message .message-icon { margin-top: 3px; } .page-content-wrapper .message .message-content { padding-left: 40px; flex: 1; } @media only screen and (max-width: 767px) { .page-content-wrapper .message .message-content { padding-left: 20px; } } @media only screen and (max-width: 767px) { .page-content-wrapper .message .message-content { padding-left: 0; padding-top: 15px; } } .admin-courses-tab { display: flex; align-items: center; justify-content: space-between; margin-top: 35px; } @media only screen and (max-width: 767px) { .admin-courses-tab { display: block; } } .admin-courses-tab .title { font-size: 32px; font-weight: 500; color: #2c241b; padding-top: 20px; font-family: "Poppins", sans-serif; } @media only screen and (min-width: 768px) and (max-width: 991px) { .admin-courses-tab .title { font-size: 26px; } } .admin-courses-tab .courses-tab-wrapper { display: flex; align-items: center; margin-left: -10px; margin-right: -10px; } @media only screen and (max-width: 767px) { .admin-courses-tab .courses-tab-wrapper { display: block; } } .admin-courses-tab .courses-tab-wrapper > * { margin: 0 10px; } .admin-courses-tab .courses-tab-wrapper .courses-select { padding-top: 20px; } .admin-courses-tab .courses-tab-wrapper .courses-select .nice-select { float: none; display: inline-block; padding: 0 40px 0 20px; height: 50px; line-height: 48px; border-radius: 10px; border: 1px solid rgba(255, 0, 0, 0.2); font-weight: 500; font-size: 15px; color: #2c241b; } @media only screen and (max-width: 767px) { .admin-courses-tab .courses-tab-wrapper .courses-select .nice-select { display: block; } } .admin-courses-tab .courses-tab-wrapper .courses-select .nice-select::after { width: 6px; height: 6px; border-color: #000; right: 20px; } @media only screen and (max-width: 767px) { .admin-courses-tab .courses-tab-wrapper .courses-select .nice-select .list { width: 100%; } } .admin-courses-tab .courses-tab-wrapper .courses-select .nice-select .list li { min-height: 35px; line-height: 35px; font-size: 14px; } @media only screen and (max-width: 767px) { .admin-courses-tab .courses-tab-wrapper .nav { justify-content: center; } } .admin-courses-tab .courses-tab-wrapper .nav li { margin-right: 20px; padding-top: 20px; } .admin-courses-tab .courses-tab-wrapper .nav li:last-child { margin-right: 0; } .admin-courses-tab .courses-tab-wrapper .nav li button { width: 50px; height: 50px; line-height: 48px; border: 1px solid rgba(48, 146, 86, 0.2); text-align: center; padding: 0; background-color: #fff; font-size: 20px; color: #2c241b; border-radius: 10px; transition: all 0.3s linear; } @media only screen and (min-width: 768px) and (max-width: 991px) { .admin-courses-tab .courses-tab-wrapper .nav li button { width: 45px; height: 45px; line-height: 43px; font-size: 14px; } } .admin-courses-tab .courses-tab-wrapper .nav li button.active, .admin-courses-tab .courses-tab-wrapper .nav li button:hover { background-color: #00c1f8; border-color: #00c1f8; color: #fff; } .admin-courses-tab .courses-tab-wrapper .tab-btn { padding-top: 20px; } .admin-courses-tab .courses-tab-wrapper .tab-btn .btn { height: 50px; line-height: 50px; padding: 0 30px; border-radius: 10px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .admin-courses-tab .courses-tab-wrapper .tab-btn .btn { height: 45px; line-height: 45px; font-size: 14px; } } @media only screen and (max-width: 767px) { .admin-courses-tab .courses-tab-wrapper .tab-btn .btn { padding: 0 15px; width: 100%; } } .admin-courses-tab .courses-tab-wrapper .tab-btn .btn::before { width: 500px; height: 500px; } .courses-item { border: 1px solid #e0dddb; border-radius: 10px; padding: 20px; margin-top: 30px; display: flex; align-items: center; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .courses-item { padding: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .courses-item { flex-wrap: wrap; padding: 15px; } } @media only screen and (max-width: 767px) { .courses-item { display: block; } } @media only screen and (max-width: 575px) { .courses-item { padding: 15px; } } .courses-item .item-thumb a img { border-radius: 10px; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .courses-item .item-thumb a img { width: 130px; } } .courses-item .content-title { max-width: 445px; padding-left: 45px; flex: 1; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .courses-item .content-title { padding-left: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .courses-item .content-title { max-width: 460px; } } @media only screen and (max-width: 767px) { .courses-item .content-title { padding-left: 0; padding-top: 20px; } } .courses-item .content-title .meta { display: flex; flex-wrap: wrap; } .courses-item .content-title .meta .action { height: 18px; line-height: 18px; padding: 0 13px; border-radius: 50px; display: inline-block; font-size: 11px; font-weight: 400; } .courses-item .content-title .meta .action + .action { margin-left: 10px; } .courses-item .content-title .meta .action:nth-of-type(1) { background-color: #ff6e30; color: #fff; } .courses-item .content-title .meta .action:nth-of-type(2) { background-color: #dff5ef; color: #06b284; } .courses-item .content-title .meta .action:nth-of-type(3) { background-color: #e1e6fa; color: #0066ff; } .courses-item .content-title .title { margin-bottom: 0; } .courses-item .content-title .title a { font-size: 20px; font-weight: 500; color: #2c241b; margin-top: 18px; display: block; line-height: 1.5; font-family: "Poppins", sans-serif; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .courses-item .content-title .title a { font-size: 16px; } } @media only screen and (max-width: 575px) { .courses-item .content-title .title a { font-size: 16px; } } .courses-item .content-title .title a:hover { color: #FF0000; } .courses-item .content-wrapper { display: flex; align-items: center; justify-content: flex-end; flex: 1; margin-left: -18px; margin-right: -18px; } @media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (max-width: 767px) { .courses-item .content-wrapper { margin-left: -7px; margin-right: -7px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .courses-item .content-wrapper { margin-left: -10px; margin-right: -10px; justify-content: flex-start; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .courses-item .content-wrapper { margin-left: -5px; margin-right: -5px; justify-content: flex-start; } } @media only screen and (max-width: 767px) { .courses-item .content-wrapper { flex-wrap: wrap; justify-content: flex-start; } } .courses-item .content-wrapper > * { margin: 15px 18px 0; } @media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (max-width: 767px) { .courses-item .content-wrapper > * { margin: 15px 7px 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .courses-item .content-wrapper > * { margin: 15px 10px 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .courses-item .content-wrapper > * { margin: 15px 5px 0; } } .courses-item .content-wrapper .content-box { width: 180px; padding: 15px 25px; border-radius: 10px; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .courses-item .content-wrapper .content-box { width: 150px; padding: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .courses-item .content-wrapper .content-box { width: 143px; padding: 15px; } } @media only screen and (max-width: 767px) { .courses-item .content-wrapper .content-box { padding: 15px; width: auto; } } .courses-item .content-wrapper .content-box p { font-size: 15px; font-weight: 400; color: #000; margin-bottom: 0; } @media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .courses-item .content-wrapper .content-box p { font-size: 14px; } } .courses-item .content-wrapper .content-box .count { font-size: 22px; font-weight: 700; margin-top: 3px; display: block; } @media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .courses-item .content-wrapper .content-box .count { font-size: 18px; } } @media only screen and (max-width: 767px) { .courses-item .content-wrapper .content-box .count { font-size: 16px; } } .courses-item .content-wrapper .content-box .count .rating-star { position: relative; } .courses-item .content-wrapper .content-box .count .rating-star::before { content: "\f000\f000\f000\f000\f000"; font-family: IcoFont; color: #bfbfbf; font-size: 13px; letter-spacing: 1px; } @media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .courses-item .content-wrapper .content-box .count .rating-star::before { font-size: 12px; } } .courses-item .content-wrapper .content-box .count .rating-star .rating-bar { position: absolute; top: -2px; left: 0; height: 100%; overflow: hidden; } .courses-item .content-wrapper .content-box .count .rating-star .rating-bar::before { content: "\f000\f000\f000\f000\f000"; font-family: IcoFont; color: #ff9600; font-size: 13px; letter-spacing: 1px; } @media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .courses-item .content-wrapper .content-box .count .rating-star .rating-bar::before { font-size: 12px; } } .courses-item .content-wrapper .content-box:nth-of-type(1) { background-color: #e5ecff; } .courses-item .content-wrapper .content-box:nth-of-type(1) .count { color: #0f42cd; } .courses-item .content-wrapper .content-box:nth-of-type(2) { background-color: #def2e6; } .courses-item .content-wrapper .content-box:nth-of-type(2) .count { color: #309255; } .courses-item .content-wrapper .content-box:nth-of-type(3) { background-color: #ffe8df; } .courses-item .content-wrapper .content-box:nth-of-type(3) .count { color: #ff6e30; } .courses-item .content-wrapper .courses-select .nice-select { float: none; display: inline-block; padding: 0 40px 0 20px; height: 50px; line-height: 48px; border-radius: 10px; border: 1px solid rgba(255, 0, 0, 0.2); font-weight: 500; font-size: 15px; color: #000; } .courses-item .content-wrapper .courses-select .nice-select::after { width: 6px; height: 6px; border-color: #000; right: 20px; } .courses-item .content-wrapper .courses-select .nice-select .list li { min-height: 35px; line-height: 35px; font-size: 14px; } .courses-resources { background-color: #f8f6f4; padding: 70px 100px; border-radius: 10px; margin-top: 80px; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .courses-resources { padding: 70px 70px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .courses-resources { padding: 60px; } } @media only screen and (max-width: 767px) { .courses-resources { margin-top: 60px; padding: 50px 40px; } } @media only screen and (max-width: 575px) { .courses-resources { padding: 20px 20px; } } .courses-resources .title { font-size: 25px; font-weight: 500; font-family: "Poppins", sans-serif; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .courses-resources .title { font-size: 22px; } } @media only screen and (max-width: 575px) { .courses-resources .title { font-size: 20px; } } .single-resources { text-align: center; margin-top: 30px; } .single-resources .resources-icon { border: 1px solid #d3e4df; display: inline-block; padding: 13px; border-radius: 50%; } .single-resources .resources-icon a { position: relative; display: inline-block; background-color: #def1ec; border-radius: 50%; transition: all 0.3s linear; } .single-resources .resources-icon a img { border-radius: 50%; transition: all 0.3s linear; } @media only screen and (max-width: 575px) { .single-resources .resources-icon a img { width: 60px; } } .single-resources .resources-icon a .hover { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } .single-resources .title { margin-bottom: 0; } .single-resources .title a { font-size: 22px; font-weight: 500; margin-top: 28px; display: inline-block; } @media only screen and (max-width: 575px) { .single-resources .title a { font-size: 18px; } } .single-resources:hover .resources-icon a { background-color: #00c1f8; } .single-resources:hover .resources-icon a img { opacity: 0; visibility: hidden; } .single-resources:hover .resources-icon a .hover { opacity: 1; visibility: visible; } /* --- CSS ----*/ .admin-tab-menu { padding: 40px 30px; background-color: #f8f6f4; position: absolute; top: 0; left: 99px; z-index: 9; height: 100%; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .admin-tab-menu { height: auto; left: 0; position: relative; } } .admin-tab-menu a { display: block; width: 280px; height: 55px; line-height: 53px; border-radius: 10px; padding: 0 50px 0 20px; border: 1px solid #e0dddb; background-color: #f0ede9; text-align: left; position: relative; transition: all 0.3s linear; font-size: 16px; font-weight: 400; white-space: nowrap; color: #2c241b; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .admin-tab-menu a { width: 230px; font-size: 14px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .admin-tab-menu a { width: 205px; font-size: 14px; padding: 0 45px 0 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .admin-tab-menu a { width: 100%; } } @media only screen and (max-width: 479px) { .admin-tab-menu a { font-size: 14px; padding: 0 45px 0 15px; } } .admin-tab-menu a::before { position: absolute; content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #00c1f8; top: 50%; transform: translateY(-50%); left: 20px; transition: all 0.3s linear; opacity: 0; visibility: hidden; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .admin-tab-menu a::before { left: 15px; } } .admin-tab-menu a + a { margin-top: 20px; } .admin-tab-menu a.active, .admin-tab-menu a:hover { padding-left: 40px; font-weight: 500; background-color: #fff; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .admin-tab-menu a.active, .admin-tab-menu a:hover { padding-left: 25px; } } .admin-tab-menu a.active::before, .admin-tab-menu a:hover::before { opacity: 1; visibility: visible; } .main-content-wrapper { padding-top: 40px; padding-bottom: 80px; padding-left: 340px; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .main-content-wrapper { padding-left: 289px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .main-content-wrapper { padding-left: 266px; } } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .main-content-wrapper { padding-left: 0; } } @media only screen and (max-width: 767px) { .main-content-wrapper { padding-bottom: 60px; } } @media only screen and (min-width: 1500px) { .main-content-wrapper .container-fluid { padding: 0 60px; } } .admin-top-bar { display: flex; align-items: center; justify-content: space-between; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .admin-top-bar { display: block; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .admin-top-bar.students-top { display: flex; } } .overview-box { display: flex; margin-left: -20px; margin-right: -20px; } @media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .overview-box { margin-left: -10px; margin-right: -10px; } } @media only screen and (max-width: 767px) { .overview-box { flex-wrap: wrap; margin: 0; } } .overview-box .single-box { border-radius: 10px; padding: 15px 30px; width: 200px; margin: 20px 20px 0; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .overview-box .single-box { margin: 20px 10px 0; width: 175px; padding: 15px 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .overview-box .single-box { margin: 20px 10px 0; width: 185px; padding: 15px 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .overview-box .single-box { margin: 20px 10px 0; } } @media only screen and (max-width: 767px) { .overview-box .single-box { width: 100%; margin: 20px 0 0; } } .overview-box .single-box .title { font-size: 15px; font-weight: 400; color: #2c241b; margin-bottom: 0; font-family: "Poppins", sans-serif; } @media only screen and (min-width: 768px) and (max-width: 991px) { .overview-box .single-box .title { font-size: 14px; } } .overview-box .single-box .count { font-size: 30px; font-weight: 500; margin-top: 5px; } @media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 768px) and (max-width: 991px) { .overview-box .single-box .count { font-size: 20px; } } .overview-box .single-box .count .rating-star { position: relative; } .overview-box .single-box .count .rating-star::before { content: "\f000\f000\f000\f000\f000"; font-family: IcoFont; color: #d0d0d0; font-size: 13px; letter-spacing: 1px; } .overview-box .single-box .count .rating-star .rating-bar { position: absolute; top: -2px; left: 0; height: 100%; overflow: hidden; } .overview-box .single-box .count .rating-star .rating-bar::before { content: "\f000\f000\f000\f000\f000"; font-family: IcoFont; color: #ffba00; font-size: 13px; letter-spacing: 1px; } .overview-box .single-box p { font-size: 13px; font-weight: 500; color: #000; margin-top: 3px; } .overview-box .single-box p span { color: #FF0000; } .overview-box .single-box:nth-of-type(1) { background-color: #e5ecff; } .overview-box .single-box:nth-of-type(1) .count { color: #0f42cd; } .overview-box .single-box:nth-of-type(2) { background-color: #def2e6; } .overview-box .single-box:nth-of-type(2) .count { color: #309255; } .overview-box .single-box:nth-of-type(3) { background-color: #ffe8df; } .overview-box .single-box:nth-of-type(3) .count { color: #ff6e30; } .graph { padding: 25px 70px 45px; border-radius: 10px; border: 1px solid #ebe6e1; margin-top: 40px; } @media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .graph { padding: 15px 30px 25px; } } .graph .graph-title { display: flex; justify-content: space-between; align-items: center; } @media only screen and (max-width: 575px) { .graph .graph-title { display: block; } } .graph .graph-title .title { font-size: 22px; font-weight: 500; margin-bottom: 0; padding-top: 15px; line-height: 1.4; font-family: "Poppins", sans-serif; } @media only screen and (max-width: 575px) { .graph .graph-title .title { font-size: 18px; } } .graph .graph-content { margin-top: 20px; } .graph .graph-btn { text-align: center; margin-top: 20px; } .graph .graph-btn .btn { border-radius: 10px; } .student-box { border-radius: 10px; padding: 25px 30px; width: 180px; margin-top: 20px; background-color: #def2e6; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .student-box { margin: 20px 10px 0; } } @media only screen and (max-width: 767px) { .student-box { width: 100%; margin: 20px 0 0; } } .student-box .title { font-size: 15px; font-weight: 400; color: #2c241b; font-family: "Poppins", sans-serif; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .student-box .title { font-size: 14px; } } .student-box .count { font-size: 32px; font-weight: 700; margin-top: 5px; color: #309255; } @media only screen and (min-width: 768px) and (max-width: 991px) { .student-box .count { font-size: 20px; } } .students-wrapper { padding-top: 10px; } .single-student { display: flex; align-items: center; border: 1px solid #ebe6e1; border-radius: 10px; padding: 25px; margin-top: 30px; transition: all 0.3s linear; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .single-student { padding: 15px; } } .single-student .student-images img { width: 85px; border-radius: 50%; border: 1px solid #ebe6e1; padding: 7px; transition: all 0.3s linear; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .single-student .student-images img { padding: 4px; } } .single-student .student-content { padding-left: 30px; max-width: 220px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .single-student .student-content { padding-left: 15px; max-width: 200px; } } .single-student .student-content .name { font-size: 18px; font-weight: 500; margin-bottom: 0; font-family: "Poppins", sans-serif; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .single-student .student-content .name { font-size: 16px; } } .single-student .student-content .country { color: #FF0000; font-size: 13px; font-weight: 400; display: block; margin-top: 7px; } .single-student .student-content .country img { width: 15px; margin-top: -6px; } .single-student .student-content p { font-size: 13px; font-weight: 500; color: #000; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .single-student .student-content .date { font-size: 13px; font-weight: 400; color: #838785; display: block; margin-top: 2px; } .single-student .student-content .date i { color: #FF0000; margin-right: 5px; } .single-student:hover { border-color: #00c1f8; } .single-student:hover .student-images img { border-color: #00c1f8; } .students-active { position: relative; } .students-active .students-arrow { text-align: center; margin-top: 30px; } .students-active .swiper-button-next, .students-active .swiper-button-prev { opacity: 1; width: 40px; height: 40px; line-height: 38px; text-align: center; background-color: #fff; border-radius: 50%; border: 1px solid #ebe6e1; color: #000; cursor: pointer; outline: none; transition: all 0.3s linear; position: relative; top: 0; margin-top: 0; display: inline-block; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 575px) { .students-active .swiper-button-next, .students-active .swiper-button-prev { width: 35px; height: 35px; line-height: 32px; } } .students-active .swiper-button-next::after, .students-active .swiper-button-prev::after { display: none; } .students-active .swiper-button-next:hover, .students-active .swiper-button-prev:hover { background-color: #00c1f8; border-color: #00c1f8; color: #fff; } .students-active .swiper-button-prev { left: 0; } .students-active .swiper-button-next { right: 0; } .students-map { padding: 30px 45px; border: 1px solid #ebe6e1; border-radius: 10px; margin-top: 50px; } @media only screen and (max-width: 575px) { .students-map { padding: 30px 20px; } } .students-map .title { font-size: 20px; font-weight: 500; background-color: #f8f6f4; border: 1px solid #daebe0; border-radius: 10px; text-align: center; padding: 16px; margin-bottom: 0; font-family: "Poppins", sans-serif; } @media only screen and (max-width: 575px) { .students-map .title { font-size: 16px; } } .students-map .map { margin-top: 30px; } .students-map .map #vmap { height: 530px; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .students-map .map #vmap { height: 470px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .students-map .map #vmap { height: 340px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .students-map .map #vmap { height: 340px; } } .single-student-widget { padding: 25px 30px; border-radius: 10px; margin-top: 50px; } @media only screen and (max-width: 575px) { .single-student-widget { padding: 25px 15px; } } .single-student-widget.widget-color-01 { background-color: #fff6f1; } .single-student-widget.widget-color-01 .widget-title { background-color: #f9d9c7; } .single-student-widget.widget-color-01 .single-item .item-bar { background-color: #f9d9c7; } .single-student-widget.widget-color-01 .single-item .item-bar .bar-line { background-color: #ff6c00; } .single-student-widget.widget-color-01 .single-item .item-percentage p span { color: #ff6c00; } .single-student-widget.widget-color-01 .page-pagination .pagination li a { border: 1px solid #e1d0c4; } .single-student-widget.widget-color-01 .page-pagination .pagination li a.active, .single-student-widget.widget-color-01 .page-pagination .pagination li a:hover { color: #fff; background-color: #ff6c00; border-color: #ff6c00; } .single-student-widget.widget-color-02 { background-color: #eefbf3; } .single-student-widget.widget-color-02 .widget-title { background-color: #cdedd9; } .single-student-widget.widget-color-02 .single-item .item-bar { background-color: #c6e7d3; } .single-student-widget.widget-color-02 .single-item .item-bar .bar-line { background-color: #309255; } .single-student-widget.widget-color-02 .single-item .item-percentage p span { color: #309255; } .single-student-widget.widget-color-02 .page-pagination .pagination li a { border: 1px solid #e1d0c4; } .single-student-widget.widget-color-02 .page-pagination .pagination li a.active, .single-student-widget.widget-color-02 .page-pagination .pagination li a:hover { color: #fff; background-color: #309255; border-color: #309255; } .single-student-widget.widget-color-03 { background-color: #ecf1ff; } .single-student-widget.widget-color-03 .widget-title { background-color: #d3dfff; } .single-student-widget.widget-color-03 .single-item .item-bar { background-color: #b7d7fc; } .single-student-widget.widget-color-03 .single-item .item-bar .bar-line { background-color: #0f42cd; } .single-student-widget.widget-color-03 .single-item .item-percentage p span { color: #0f42cd; } .single-student-widget.widget-color-03 .page-pagination .pagination li a { border: 1px solid #c8d4f2; } .single-student-widget.widget-color-03 .page-pagination .pagination li a.active, .single-student-widget.widget-color-03 .page-pagination .pagination li a:hover { color: #fff; background-color: #0f42cd; border-color: #0f42cd; } .single-student-widget .widget-title { font-size: 18px; font-weight: 500; border-radius: 10px; text-align: center; padding: 14px; margin-bottom: 0; font-family: "Poppins", sans-serif; } .single-student-widget .widget-items { padding-top: 25px; } .single-student-widget .single-item { display: flex; align-items: center; position: relative; padding-right: 85px; margin-top: 15px; height: 37px; } .single-student-widget .single-item .item-flag { display: flex; align-items: center; } .single-student-widget .single-item .item-flag .flag { padding-right: 15px; } @media only screen and (max-width: 575px) { .single-student-widget .single-item .item-flag .flag { padding-right: 8px; } } .single-student-widget .single-item .item-flag .flag img { width: 35px; height: 35px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 50%; } @media only screen and (max-width: 575px) { .single-student-widget .single-item .item-flag .flag img { width: 30px; height: 30px; } } .single-student-widget .single-item .title { flex: 1; font-size: 14px; font-weight: 400; color: #52565b; white-space: nowrap; } .single-student-widget .single-item .item-bar { width: calc(100% - 145px); height: 5px; border-radius: 50px; margin-left: auto; overflow: hidden; position: relative; } @media only screen and (max-width: 575px) { .single-student-widget .single-item .item-bar { width: calc(100% - 130px); } } .single-student-widget .single-item .item-bar .bar-line { height: 100%; position: absolute; top: 0; left: 0; } .single-student-widget .single-item .item-percentage { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .single-student-widget .single-item .item-percentage p { font-size: 14px; font-weight: 500; color: #000; white-space: nowrap; margin-bottom: 0; } .single-student-widget .single-item .item-percentage p span { font-size: 12px; margin-right: 3px; } .single-student-widget .page-pagination { padding-top: 40px; } .single-student-widget .page-pagination .pagination li a { border: 1px solid #daebe0; width: 35px; height: 35px; line-height: 33px; font-size: 14px; } .single-student-widget .page-pagination .pagination li a.active, .single-student-widget .page-pagination .pagination li a:hover { color: #fff; background-color: #FF0000; } .new-courses { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; z-index: 1; border-radius: 10px; overflow: hidden; display: flex; justify-content: space-between; align-items: center; padding: 0 100px 50px; margin-top: 60px; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .new-courses { padding: 0 50px 50px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .new-courses { padding: 0 50px 50px; display: block; } } @media only screen and (max-width: 575px) { .new-courses { padding: 0 30px 50px; } } .new-courses::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 193, 248, 0.95); z-index: -1; } .new-courses .new-courses-title { margin-top: 45px; } .new-courses .new-courses-title .title { font-size: 22px; font-weight: 500; color: #fff; margin-bottom: 0; line-height: 1.5; font-family: "Poppins", sans-serif; } @media only screen and (max-width: 575px) { .new-courses .new-courses-title .title { font-size: 18px; } .new-courses .new-courses-title .title br { display: none; } } .new-courses .new-courses-btn { margin-top: 50px; } .engagement-meta { display: flex; flex-wrap: wrap; align-items: center; padding-top: 5px; } .engagement-meta .meta { font-size: 15px; font-weight: 500; color: #000; margin-bottom: 0; display: flex; align-items: center; margin-right: 50px; padding-top: 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .engagement-meta .meta { margin-right: 30px; font-size: 14px; } } .engagement-meta .meta img { margin-right: 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .engagement-meta .meta img { width: 16px; } } .engagement-meta .meta:last-child { margin-right: 0; } .courses-select { padding-top: 20px; } .courses-select .nice-select { float: none; display: inline-block; padding: 0 50px 0 30px; height: 60px; line-height: 58px; border-radius: 10px; border: 1px solid #ebe6e1; font-weight: 500; font-size: 20px; color: #2c241b; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .courses-select .nice-select { padding: 0 40px 0 20px; height: 50px; line-height: 48px; font-size: 16px; } } @media only screen and (max-width: 767px) { .courses-select .nice-select { display: block; } } .courses-select .nice-select::after { width: 8px; height: 8px; border-color: #2c241b; right: 30px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .courses-select .nice-select::after { right: 20px; } } @media only screen and (max-width: 767px) { .courses-select .nice-select .list { width: 100%; } } .courses-select .nice-select .list li { font-size: 15px; } .courses-select .title { font-size: 22px; font-weight: 500; color: #2c241b; margin-top: 25px; font-family: "Poppins", sans-serif; } .months-select { padding-top: 20px; } .months-select .nice-select { float: none; display: inline-block; padding: 0 40px 0 20px; height: 50px; line-height: 48px; border-radius: 10px; border: 1px solid #ebe6e1; background-color: #f0ede9; font-weight: 500; font-size: 15px; color: #2c241b; } @media only screen and (max-width: 767px) { .months-select .nice-select { display: block; } } .months-select .nice-select::after { width: 7px; height: 7px; border-color: #000; right: 20px; } @media only screen and (max-width: 767px) { .months-select .nice-select .list { width: 100%; } } .months-select .nice-select .list li { font-size: 15px; } .engagement-courses { padding-top: 40px; padding-left: 1px; padding-right: 1px; } .engagement-courses .courses-top { background-color: #999999; border: 0; border-radius: 10px; } .engagement-courses .courses-top ul { display: flex; } @media only screen and (max-width: 767px) { .engagement-courses .courses-top ul { display: block; text-align: center; } } .engagement-courses .courses-top ul li { font-size: 18px; font-weight: 500; color: #000; padding: 15px; white-space: nowrap; display: block; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .engagement-courses .courses-top ul li { font-size: 14px; } } .engagement-courses .courses-top ul li:nth-of-type(1) { width: 500px; padding-left: 80px; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .engagement-courses .courses-top ul li:nth-of-type(1) { width: 430px; } } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .engagement-courses .courses-top ul li:nth-of-type(1) { padding-left: 50px; width: 280px; } } @media only screen and (max-width: 767px) { .engagement-courses .courses-top ul li:nth-of-type(1) { padding-left: 0; width: auto; } } .engagement-courses .courses-top ul li:nth-of-type(2) { width: 170px; text-align: center; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .engagement-courses .courses-top ul li:nth-of-type(2) { width: auto; } } .engagement-courses .courses-top ul li:nth-of-type(3) { width: 170px; text-align: center; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .engagement-courses .courses-top ul li:nth-of-type(3) { width: auto; } } .engagement-courses .courses-list ul li { padding: 20px; margin-top: 20px; border: 1px solid #ebe6e1; border-radius: 10px; display: flex; align-items: center; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .engagement-courses .courses-list ul li { padding: 10px; } } @media only screen and (max-width: 767px) { .engagement-courses .courses-list ul li { display: block; text-align: center; } } .engagement-courses .courses-list ul li .courses { display: flex; align-items: center; max-width: 600px; width: 100%; } @media only screen and (max-width: 767px) { .engagement-courses .courses-list ul li .courses { display: block; } } .engagement-courses .courses-list ul li .courses .thumb img { width: 100px; border-radius: 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .engagement-courses .courses-list ul li .courses .thumb img { width: 70px; } } .engagement-courses .courses-list ul li .courses .content { flex: 1; padding-left: 30px; max-width: 330px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .engagement-courses .courses-list ul li .courses .content { padding-left: 15px; width: 285px; } } @media only screen and (max-width: 767px) { .engagement-courses .courses-list ul li .courses .content { padding-left: 0; padding-top: 25px; margin: 0 auto; } } .engagement-courses .courses-list ul li .courses .content .title { margin-bottom: 0; } .engagement-courses .courses-list ul li .courses .content .title a { font-size: 18px; font-weight: 500; color: #2c241b; display: inline-block; line-height: 1.5; font-family: "Poppins", sans-serif; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 575px) { .engagement-courses .courses-list ul li .courses .content .title a { font-size: 14px; } } .engagement-courses .courses-list ul li .courses .content .title a:hover { color: #FF0000; } .engagement-courses .courses-list ul li .taught span, .engagement-courses .courses-list ul li .student span { font-size: 18px; font-weight: 500; color: #000; display: block; padding: 0 15px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 575px) { .engagement-courses .courses-list ul li .taught span, .engagement-courses .courses-list ul li .student span { font-size: 14px; } } @media only screen and (max-width: 767px) { .engagement-courses .courses-list ul li .taught span, .engagement-courses .courses-list ul li .student span { padding-top: 20px; } } @media only screen and (max-width: 767px) { .engagement-courses .courses-list ul li .button { padding-top: 20px; } } .engagement-courses .courses-list ul li .button .btn { border: 1px solid #ebe6e1; padding: 0 30px; border-radius: 10px; white-space: nowrap; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .engagement-courses .courses-list ul li .button .btn { font-size: 13px; padding: 0 20px; } } .engagement-courses .courses-list ul li > *:nth-of-type(1) { width: 500px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .engagement-courses .courses-list ul li > *:nth-of-type(1) { width: auto; } } .engagement-courses .courses-list ul li > *:nth-of-type(2) { width: 170px; text-align: center; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .engagement-courses .courses-list ul li > *:nth-of-type(2) { width: auto; } } .engagement-courses .courses-list ul li > *:nth-of-type(3) { width: 170px; text-align: center; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .engagement-courses .courses-list ul li > *:nth-of-type(3) { width: auto; } } .filter-check { display: flex; padding-top: 10px; flex-wrap: wrap; } .filter-check .courses-select { padding-top: 0px; } .filter-check > li { position: relative; display: flex; align-items: center; margin-right: 30px; margin-top: 10px; white-space: nowrap; } .filter-check > li:last-child { margin-right: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .filter-check > li { margin-right: 26px; } } .filter-check > li label { font-size: 16px; font-weight: 400; color: #2c241b; margin-bottom: 0; display: flex; align-items: center; } .filter-check > li input { display: none; } .filter-check > li input + label { cursor: pointer; } .filter-check > li input + label span { width: 18px; height: 18px; border: 1px solid #8691a1; border-radius: 2px; display: inline-block; margin-right: 13px; position: relative; transition: all 0.3s linear; } .filter-check > li input + label span::before { position: absolute; content: "\eed6"; font-family: IcoFont; color: #fff; font-size: 18px; opacity: 0; visibility: hidden; top: 0; left: -1px; line-height: 17px; transition: all 0.3s linear; } .filter-check > li input:checked + label { font-weight: 500; } .filter-check > li input:checked + label span { background-color: #00c1f8; border-color: #00c1f8; } .filter-check > li input:checked + label span::before { opacity: 1; visibility: visible; } .rating-select .nice-select { float: none; display: inline-block; padding: 0 15px 0 0px; height: auto; line-height: 1; border-radius: 0; border: 0; font-weight: 500; font-size: 17px; color: #2c241b; margin-left: 8px; } @media only screen and (max-width: 767px) { .rating-select .nice-select { display: block; } } .rating-select .nice-select::after { width: 6px; height: 6px; border-color: #2c241b; right: 2px; } @media only screen and (max-width: 767px) { .rating-select .nice-select .list { width: 100%; } } .rating-select .nice-select .list li { font-size: 15px; } .top-bar-filter-right { display: flex; margin-left: -10px; margin-right: -10px; } @media only screen and (max-width: 767px) { .top-bar-filter-right { flex-wrap: wrap; } } .top-bar-filter-right > * { margin: 0 10px; } .top-bar-filter-right .filter-btn { padding-top: 20px; } .top-bar-filter-right .filter-btn .btn { font-size: 15px; padding: 0 20px; height: 50px; line-height: 48px; border-radius: 10px; } .newest-select { padding-top: 20px; } .newest-select .nice-select { float: none; display: inline-block; padding: 0 40px 0 20px; height: 50px; line-height: 48px; border-radius: 10px; border: 1px solid #ebe6e1; font-weight: 500; font-size: 15px; color: #000; } @media only screen and (max-width: 767px) { .newest-select .nice-select { display: block; } } .newest-select .nice-select::after { width: 7px; height: 7px; border-color: #000; right: 20px; } @media only screen and (max-width: 767px) { .newest-select .nice-select .list { width: 100%; } } .newest-select .nice-select .list li { font-size: 15px; } .newest-select .title { font-size: 22px; font-weight: 500; color: #2c241b; margin-top: 25px; } .courses-rating-wrapper { padding-top: 15px; } .single-courses-rating { border: 1px solid #e0dddb; padding: 25px; border-radius: 10px; margin-top: 25px; } .single-courses-rating .courses { display: flex; align-items: center; position: relative; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .single-courses-rating .courses { display: block; text-align: center; } } .single-courses-rating .courses .courses-thumb a { display: block; } .single-courses-rating .courses .courses-thumb a img { border-radius: 10px; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .single-courses-rating .courses .courses-thumb a img { width: 130px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-courses-rating .courses .courses-thumb a img { width: 100px; } } .single-courses-rating .courses .courses-content { flex: 1; max-width: 550px; padding-left: 50px; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .single-courses-rating .courses .courses-content { padding-left: 30px; max-width: 370px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-courses-rating .courses .courses-content { padding-left: 20px; } } @media only screen and (max-width: 767px) { .single-courses-rating .courses .courses-content { padding-left: 0; padding-top: 25px; margin: 0 auto; } } .single-courses-rating .courses .courses-content .title { margin-bottom: 0; } .single-courses-rating .courses .courses-content .title a { font-size: 20px; font-weight: 500; color: #2c241b; font-family: "Poppins", sans-serif; line-height: 1.4; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .single-courses-rating .courses .courses-content .title a { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single-courses-rating .courses .courses-content .title a { font-size: 16px; } } @media only screen and (max-width: 575px) { .single-courses-rating .courses .courses-content .title a { font-size: 16px; } } .single-courses-rating .courses .courses-content .title a:hover { color: #FF0000; } .single-courses-rating .courses .courses-content .average-rating { display: flex; align-items: center; margin-top: 15px; } @media only screen and (max-width: 767px) { .single-courses-rating .courses .courses-content .average-rating { justify-content: center; } } .single-courses-rating .courses .courses-content .average-rating .label { font-size: 15px; font-weight: 400; display: block; color: #2c241b; white-space: nowrap; padding-right: 10px; } .single-courses-rating .courses .courses-content .average-rating .count { font-size: 22px; font-weight: 700; color: #ff6e30; display: block; } @media only screen and (max-width: 575px) { .single-courses-rating .courses .courses-content .average-rating .count { font-size: 18px; } } .single-courses-rating .courses .courses-content .average-rating .count .rating-star { position: relative; } .single-courses-rating .courses .courses-content .average-rating .count .rating-star::before { content: "\f000\f000\f000\f000\f000"; font-family: IcoFont; color: #d0d0d0; font-size: 13px; letter-spacing: 1px; } .single-courses-rating .courses .courses-content .average-rating .count .rating-star .rating-bar { position: absolute; top: -3px; left: 0; height: 100%; overflow: hidden; } .single-courses-rating .courses .courses-content .average-rating .count .rating-star .rating-bar::before { content: "\f000\f000\f000\f000\f000"; font-family: IcoFont; color: #ffba00; font-size: 13px; letter-spacing: 1px; } .single-courses-rating .courses .courses-btn { margin-left: auto; margin-top: 0; } @media only screen and (max-width: 767px) { .single-courses-rating .courses .courses-btn { margin: 20px auto 0; } } .single-courses-rating .courses .courses-btn .btn { border: 1px solid #e0dddb; padding: 0 20px; height: 50px; line-height: 48px; border-radius: 5px; } .single-courses-rating .courses .courses-btn .btn:hover { background-color: #00c1f8; border-color: #00c1f8; color: #fff; } .single-courses-rating .rating { display: flex; position: relative; padding: 30px; border-radius: 10px; background-color: #f8f6f4; margin-top: 20px; } @media only screen and (max-width: 575px) { .single-courses-rating .rating { display: block; padding: 20px; } } .single-courses-rating .rating .rating-author img { width: 70px; border-radius: 50%; } .single-courses-rating .rating .rating-content { padding-left: 30px; flex: 1; position: relative; } @media only screen and (max-width: 575px) { .single-courses-rating .rating .rating-content { padding-left: 0; padding-top: 25px; } } .single-courses-rating .rating .rating-content .name { font-size: 20px; font-weight: 500; margin-bottom: 0; font-family: "Poppins", sans-serif; } @media only screen and (max-width: 575px) { .single-courses-rating .rating .rating-content .name { font-size: 20px; } } .single-courses-rating .rating .rating-content .date { color: #8e9298; font-size: 14px; font-weight: 400; display: block; margin-top: 10px; } .single-courses-rating .rating .rating-content .average-rating { margin-top: 10px; } .single-courses-rating .rating .rating-content .average-rating .rating-star { position: relative; } .single-courses-rating .rating .rating-content .average-rating .rating-star::before { content: "\f000\f000\f000\f000\f000"; font-family: IcoFont; color: #d0d0d0; font-size: 15px; letter-spacing: 2px; } .single-courses-rating .rating .rating-content .average-rating .rating-star .rating-bar { position: absolute; top: -2px; left: 0; height: 100%; overflow: hidden; } .single-courses-rating .rating .rating-content .average-rating .rating-star .rating-bar::before { content: "\f000\f000\f000\f000\f000"; font-family: IcoFont; color: #ffba00; font-size: 15px; letter-spacing: 2px; } .single-courses-rating .rating .rating-content .btn { border: 1px solid #e0dddb; padding: 0 20px; background-color: #fff; color: #309255; height: 45px; line-height: 41px; margin-top: 20px; border-radius: 10px; } .single-courses-rating .rating .rating-content .btn:hover { background-color: #00c1f8; border-color: #00c1f8; color: #fff; } .single-courses-rating .rating .waving { position: absolute; top: 27px; right: 25px; color: #000; font-size: 20px; display: inline-block; transition: all 0.3s linear; } .single-courses-rating .rating .waving:hover { color: #FF0000; } .question-answer { border-top: 1px solid #e0dddb; margin-top: 20px; } .answer-user-list { padding: 20px 0; } .single-user { padding: 20px; display: flex; border-radius: 10px; border: 1px solid #e0dddb; position: relative; align-items: center; margin-top: 20px; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .single-user { padding: 20px 10px; } } @media only screen and (max-width: 575px) { .single-user { padding: 10px; } } .single-user .user-author img { width: 70px; border-radius: 50px; } @media only screen and (max-width: 575px) { .single-user .user-author img { width: 50px; } } .single-user .user-content { flex: 1; padding-left: 20px; position: relative; max-width: 175px; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .single-user .user-content { max-width: 160px; padding-left: 10px; padding-bottom: 20px; } } @media only screen and (max-width: 575px) { .single-user .user-content { max-width: 150px; padding-left: 10px; } } .single-user .user-content .name { font-size: 17px; font-weight: 500; margin-bottom: 8px; font-family: "Poppins", sans-serif; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .single-user .user-content .name { font-size: 15px; } } @media only screen and (max-width: 575px) { .single-user .user-content .name { font-size: 13px; } } .single-user .user-content p { color: #52565b; font-size: 15px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .single-user .user-content p { font-size: 14px; } } @media only screen and (max-width: 575px) { .single-user .user-content p { font-size: 12px; } } .single-user .time { color: #8e9298; font-size: 13px; font-weight: 400; position: absolute; bottom: 30px; right: 17px; background-color: #fff; padding: 0 3px; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .single-user .time { right: auto; left: 80px; bottom: 20px; } } @media only screen and (max-width: 575px) { .single-user .time { font-size: 8px; right: 8px; bottom: auto; top: 10px; } } .single-user.active { background-color: #00c1f8; border-color: #00c1f8; } .single-user.active .user-content .name { color: #fff; } .single-user.active .user-content p { color: #d4efde; } .single-user.active .time { color: #d4efde; background-color: #00c1f8; } .answer-message-wrapper { border-top: 1px solid #e0dddb; padding-top: 10px; padding-bottom: 80px; } @media only screen and (min-width: 1500px), only screen and (min-width: 1200px) and (max-width: 1499px) { .answer-message-wrapper { border-left: 1px solid #e0dddb; padding-left: 30px; border-top: 0; } } @media only screen and (max-width: 767px) { .answer-message-wrapper { padding-bottom: 60px; } } .answer-message-wrapper ul { border-bottom: 1px solid #e0dddb; } .answer-message-wrapper ul li + li .single-message { border-top: 1px solid #e0dddb; } .answer-message-wrapper ul li ul { border-bottom: 0; } .answer-message-wrapper ul li ul li .single-message { border-top: 1px solid #e0dddb; } .answer-message-wrapper ul li .message-replay { padding-left: 110px; } @media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .answer-message-wrapper ul li .message-replay { padding-left: 50px; } } @media only screen and (max-width: 767px) { .answer-message-wrapper ul li .message-replay { padding-left: 70px; } } @media only screen and (max-width: 575px) { .answer-message-wrapper ul li .message-replay { padding-left: 0; } } .answer-message-wrapper .loadmore { border: 1px solid #e0dddb; background-color: #f8f6f4; height: 55px; line-height: 53px; border-radius: 5px; font-size: 18px; font-weight: 500; color: #00c1f8; display: block; padding: 0 20px; text-align: center; margin-top: 40px; transition: all 0.3s linear; width: 100%; } @media only screen and (max-width: 575px) { .answer-message-wrapper .loadmore { height: 45px; line-height: 43px; font-size: 14px; } } .answer-message-wrapper .loadmore:hover { background-color: #00c1f8; border-color: #00c1f8; color: #fff; } .single-message { padding: 30px 0; } .single-message .message-author { display: flex; align-items: center; position: relative; padding-right: 218px; } @media only screen and (max-width: 575px) { .single-message .message-author { display: block; padding-right: 0; } } .single-message .message-author .author-images img { width: 70px; border-radius: 50%; } .single-message .message-author .author-content { padding-left: 20px; flex: 1; } @media only screen and (max-width: 575px) { .single-message .message-author .author-content { padding-left: 0; padding-top: 15px; } } .single-message .message-author .author-content .name { font-size: 17px; font-weight: 500; margin-bottom: 0; font-family: "Poppins", sans-serif; } .single-message .message-author .author-content .name strong { margin-right: 25px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .single-message .message-author .author-content .name strong { margin-right: 15px; } } .single-message .message-author .author-content .name span { display: inline-block; } .single-message .message-author .author-content .title { font-size: 20px; font-weight: 500; margin-bottom: 0; font-family: "Poppins", sans-serif; line-height: 1.4; } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .single-message .message-author .author-content .title { font-size: 16px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single-message .message-author .author-content .title { font-size: 18px; } } @media only screen and (max-width: 575px) { .single-message .message-author .author-content .title { font-size: 16px; } } .single-message .message-author .author-content .time { font-size: 12px; font-weight: 400; color: #8e9298; } .single-message .message-author .author-content .instructor { background-color: #e7f3eb; border-radius: 5px; font-size: 12px; font-weight: 500; color: #309255; padding: 6px 12px; } .single-message .message-author .author-content * + * { margin-top: 10px; display: block; } .single-message .message-author .meta { display: flex; align-items: center; position: absolute; top: 0; right: 0; } @media only screen and (max-width: 575px) { .single-message .message-author .meta { display: inline-block; text-align: center; } } .single-message .message-author .meta .view { color: #309255; font-size: 12px; font-weight: 400; margin-right: 20px; } @media only screen and (max-width: 575px) { .single-message .message-author .meta .view { display: block; margin-right: 0; } } .single-message .message-author .meta .view i { margin-right: 8px; } .single-message .message-author .meta .answer { font-size: 12px; font-weight: 400; border: 1px solid #d6e9dd; background-color: #edfaf2; height: 40px; line-height: 38px; padding: 0 20px; border-radius: 5px; display: inline-block; transition: all 0.3s linear; } @media only screen and (max-width: 575px) { .single-message .message-author .meta .answer { margin-top: 10px; height: 35px; line-height: 33px; padding: 0 15px; } } .single-message .message-author .meta .answer i { margin-right: 8px; } .single-message .message-author .meta .answer:hover { background-color: #00c1f8; border-color: #00c1f8; color: #fff; } .single-message p { margin-top: 20px; margin-bottom: 0; } .message-form { display: flex; margin-top: 40px; } @media only screen and (max-width: 575px) { .message-form { display: block; } } .message-form .auhtor img { width: 70px; border-radius: 50%; } .message-form .message-input { padding-left: 20px; flex: 1; } @media only screen and (max-width: 575px) { .message-form .message-input { padding-left: 0; padding-top: 20px; } } .message-form .message-input textarea { padding: 20px 30px; height: 200px; border: 1px solid #e0dddb; border-radius: 5px; font-family: "Poppins", sans-serif; font-weight: 400; color: #52565b; margin-top: 0; } @media only screen and (max-width: 575px) { .message-form .message-input textarea { padding: 15px 20px; } } .message-form .message-input .message-btn { text-align: center; margin-top: 20px; } .message-form .message-input .message-btn .btn { width: 120px; height: 50px; line-height: 50px; margin: 0 8px; padding: 0 20px; border-radius: 10px; } @media only screen and (max-width: 575px) { .message-form .message-input .message-btn .btn { width: 90px; height: 45px; line-height: 45px; font-size: 13px; padding: 0 20px; } } .message-form .message-input .message-btn .btn.btn-light { background-color: #ffe4e0; color: #2c241b; } /*----------------------------------------*/ /* 05. Widget CSS /*----------------------------------------*/ /*-- /* 5.1 - Sidebar Widget CSS /*----------------------------------------*/ .sidebar-widget { margin-top: 50px; } .sidebar-widget .social { display: flex; margin-top: 25px; flex-wrap: wrap; } .sidebar-widget .social li { padding-top: 10px; margin-right: 20px; } .sidebar-widget .social li:last-child { margin-right: 0; } .sidebar-widget .social li a { display: block; width: 50px; height: 50px; line-height: 48px; border: 1px solid rgba(255, 0, 0, 0.25); border-radius: 50%; text-align: center; font-size: 18px; color: #000; transition: all 0.3s linear; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .sidebar-widget .social li a { width: 45px; height: 45px; line-height: 43px; } } .sidebar-widget .social li a:hover { background-color: #FF0000; border-color: #FF0000; color: #fff; } .widget-title { font-size: 25px; font-weight: 500; margin-bottom: 0; margin-top: -7px; } .widget-information { background-color: #fff; padding: 30px 30px 40px; border: 1px solid #52565b; border-radius: 10px; } .widget-information .info-price { text-align: center; } .widget-information .info-price .price { font-size: 30px; font-weight: 700; color: #000; display: block; } .widget-information .info-list ul { border-top: 1px solid #d1e6d9; margin-top: 35px; } .widget-information .info-list ul li { border-bottom: 1px solid #d1e6d9; padding: 15px 0; } .widget-information .info-list ul li i { color: #FF0000; margin-right: 3px; font-size: 16px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .widget-information .info-list ul li i { font-size: 15px; } } .widget-information .info-list ul li strong { color: #2c241b; font-size: 16px; font-weight: 500; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .widget-information .info-list ul li strong { font-size: 15px; } } .widget-information .info-list ul li span { color: #52565b; display: block; float: right; font-size: 16px; font-weight: 400; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .widget-information .info-list ul li span { font-size: 15px; } } .widget-information .info-btn { text-align: center; margin-top: 40px; } .widget-search { position: relative; } .widget-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]) { width: 100%; height: 60px; border: 1px solid rgba(0, 193, 248, 0.2); border-radius: 2px; padding: 0 20px; padding-right: 60px; outline: none; transition: all 0.3s linear; font-size: 15px; font-weight: 400; color: #52565b; background-color: #fff; margin-top: 0; } .widget-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder { opacity: 1; } .widget-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder { opacity: 1; } .widget-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder { opacity: 1; } .widget-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder { opacity: 1; } .widget-search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):focus { border-color: #00c1f8; } .widget-search button { position: absolute; width: 48px; height: 48px; line-height: 48px; padding: 0; text-align: center; border-radius: 2px; background-color: #00c1f8; border: 0; top: 6px; right: 6px; font-size: 16px; color: #fff; } .widget-category { padding: 35px; border-radius: 2px; margin-top: 30px; background-color: #f8f6f4; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .widget-category { padding: 25px; } } .widget-category .category-list li + li { margin-top: 10px; } .widget-category .category-list li a { padding: 0 15px; height: 50px; line-height: 50px; display: block; color: #52565b; border-radius: 2px; font-size: 15px; font-weight: 500; transition: all 0.3s linear; background-color: #fff; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .widget-category .category-list li a { font-size: 14px; } } .widget-category .category-list li a span { display: block; float: right; } .widget-category .category-list li a:hover { color: #fff; background-color: #00c1f8; border-color: #00c1f8; } .widget-post { padding: 35px; border: 1px solid rgba(0, 193, 248, 0.2); border-radius: 2px; margin-top: 30px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .widget-post { padding: 25px; } } .widget-post .post-items li { border-bottom: 1px solid rgba(0, 193, 248, 0.2); padding: 20px 0; } .widget-post .post-items li:first-child { padding-top: 0; } .widget-post .post-items li:last-child { padding-bottom: 0; border-bottom: 0; } .widget-post .single-post { display: flex; align-items: center; } .widget-post .single-post .post-thumb a { display: block; } .widget-post .single-post .post-thumb a img { width: 70px; height: 70px; border-radius: 50%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .widget-post .single-post .post-thumb a img { width: 60px; height: 60px; } } .widget-post .single-post .post-content { flex: 1; padding-left: 30px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .widget-post .single-post .post-content { padding-left: 20px; } } .widget-post .single-post .post-content .title { margin-bottom: 0; } .widget-post .single-post .post-content .title a { font-size: 15px; font-weight: 500; color: #000; font-family: "Poppins", sans-serif; line-height: 1.4; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .widget-post .single-post .post-content .title a { font-size: 14px; } } .widget-post .single-post .post-content .title a:hover { color: #FF0000; } .widget-post .single-post .post-content .date { font-size: 13px; color: #52565b; margin-top: 5px; display: block; } .widget-post .single-post .post-content .date i { color: #FF0000; } .widget-tags { padding: 35px; border: 1px solid rgba(0, 193, 248, 0.2); border-radius: 2px; margin-top: 30px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) { .widget-tags { padding: 25px; } } .widget-tags .tags-list { display: flex; flex-wrap: wrap; margin-left: -7px; margin-right: -7px; margin-top: -10px; } .widget-tags .tags-list li { padding: 10px 5px 0; } .widget-tags .tags-list li a { height: 45px; line-height: 43px; padding: 0 35px; font-size: 15px; background-color: #f8f6f4; display: block; color: #52565b; border-radius: 2px; font-size: 15px; font-weight: 500; transition: all 0.3s linear; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .widget-tags .tags-list li a { font-size: 14px; padding: 0 22px; } } @media only screen and (max-width: 767px) { .widget-tags .tags-list li a { padding: 0 20px; } } .widget-tags .tags-list li a:hover { background-color: #00c1f8; border-color: #00c1f8; color: #fff; } /*-- /* 5.2 - Footer Widget CSS /*----------------------------------------*/ .footer-widget-section { position: relative; } .footer-widget-section .shape-01 { position: absolute; top: 70px; left: 60px; } .footer-widget-section .shape-02 { position: absolute; right: 60px; bottom: 70px; } .footer-widget-wrapper { margin-top: -50px; } .footer-widget { margin-top: 45px; } .footer-widget-title { font-size: 27px; color: #ffa300; font-weight: 600; white-space: nowrap; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer-widget-title { font-size: 24px; } } @media only screen and (max-width: 767px) { .footer-widget-title { font-size: 20px; } } .widget-newsletter { padding-top: 32px; } @media only screen and (min-width: 1500px), only screen and (min-width: 1200px) and (max-width: 1499px) { .widget-newsletter { padding-right: 70px; } } .widget-newsletter p { color: #fff; line-height: 2.13; } .widget-newsletter .newsletter-form { margin-top: 35px; } .widget-newsletter .newsletter-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]) { width: 100%; border: 0; height: 50px; padding: 0 30px; border-radius: 10px; background-color: #fff; color: #2c241b; } .widget-newsletter .newsletter-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder { opacity: 1; color: #2c241b; } .widget-newsletter .newsletter-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder { opacity: 1; color: #2c241b; } .widget-newsletter .newsletter-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder { opacity: 1; color: #2c241b; } .widget-newsletter .newsletter-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder { opacity: 1; color: #2c241b; } .widget-newsletter .newsletter-form .btn { border-radius: 10px; margin-top: 20px; padding: 0 30px; } .widget-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; } .widget-wrapper > * { padding-right: 40px; } .widget-wrapper > *:last-child { padding-right: 0; } .widget-link { padding-top: 20px; } .widget-link li { font-size: 15px; color: #fff; margin-top: 15px; } @media only screen and (max-width: 767px) { .widget-link li { font-size: 13px; } } .widget-location { padding-top: 20px; } .widget-location p { font-size: 15px; color: #fff; margin-top: 15px; line-height: 2.1; } @media only screen and (max-width: 767px) { .widget-location p { font-size: 13px; } } /*-- /* 07. Footer CSS /*----------------------------------------*/ .footer-section { background-color: #FF0000; } .footer-copyright { padding-bottom: 25px; background-color: #FF0000; } .copyright-wrapper { display: flex; justify-content: space-between; align-items: center; } @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .copyright-wrapper { display: block; text-align: center; } } .copyright-text { padding-top: 25px; } .copyright-text p { color: #fff; font-size: 15px; } .copyright-text p span, .copyright-text p i { color: #FF0000; } .copyright-text p a { color: #FF0000; } .copyright-text p a:hover { text-decoration: underline; } .copyright-link { padding-top: 15px; } .copyright-link a { color: #fff; position: relative; font-size: 15px; margin-top: 10px; } .copyright-link a + a { margin-left: 30px; } .copyright-link a + a::before { position: absolute; content: "*"; font-size: 15px; left: -20px; } .copyright-link a:hover { color: #FF0000; } .back-to-top { position: fixed; bottom: 20px; right: 20px; font-size: 20px; width: 40px; height: 40px; line-height: 36px; border-radius: 50%; z-index: 99; text-align: center; display: none; box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.15); transition: all 0.3s linear; color: #fff; background-color: #FF0000; } .back-to-top:hover { color: #fff; background-color: #000; } .kejuaraan-information { background-color: #fff; margin-top: 10px; } .kejuaraan-information .info-price { text-align: center; } .kejuaraan-information .info-price .price { font-size: 30px; font-weight: 700; color: #000; display: block; } .kejuaraan-information .info-list ul li { padding: 15px 0; } .kejuaraan-information .info-list ul li i { color: #FF0000; margin-right: 3px; font-size: 16px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .kejuaraan-information .info-list ul li i { font-size: 15px; } } .kejuaraan-information .info-list ul li strong { color: #2c241b; font-size: 16px; font-weight: 500; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .kejuaraan-information .info-list ul li strong { font-size: 15px; } } .kejuaraan-information .info-list ul li span { color: #52565b; display: block; float: right; font-size: 16px; font-weight: 400; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .kejuaraan-information .info-list ul li span { font-size: 15px; } } .kejuaraan-information .info-btn { text-align: center; margin-top: 40px; } .modal .modal-content { border-radius: 10px; padding: 5px 10px; } /* ============= typography css ============= */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #000; margin: 0; } h1, .h1 { font-size: 32px; font-weight: 700; } h2, .h2 { font-size: 28px; font-weight: 600; } h3, .h3 { font-size: 24px; font-weight: 500; } h4, .h4 { font-size: 20px; font-weight: 600; } h5, .h5 { font-size: 16px; font-weight: 700; } h6, .h6 { font-size: 16px; font-weight: 600; } .text-bold { font-weight: 700; } .text-semi-bold { font-weight: 600; } .text-medium { font-weight: 500; } .text-regular { font-weight: 400; } .text-light { font-weight: 300; } .text-sm { font-size: 14px; line-height: 22px; } /* ========== breadcrumb ============ */ .breadcrumb-wrapper { display: flex; justify-content: flex-end; } @media only screen and (max-width: 575px) { .breadcrumb-wrapper { justify-content: flex-start; } } .breadcrumb-wrapper .breadcrumb li { font-size: 14px; color: #FF0000; } .breadcrumb-wrapper .breadcrumb li a { color: #f8f6f4; } .breadcrumb-wrapper .breadcrumb li a:hover { color: #FF0000; } /* =========== form elements css ========== */ /* ===== input style ===== */ .input-style-1 { position: relative !important; margin-bottom: 30px !important; } .input-style-1 label { font-size: 14px !important; font-weight: 500 !important; color: #000 !important; display: block !important; margin-bottom: 10px !important; } .input-style-1 input, .input-style-1 textarea { width: 100% !important; background: #fff !important; border: 1px solid #999999 !important; border-radius: 10px !important; padding: 16px !important; color: #000 !important; resize: none !important; transition: all 0.3s !important; } .input-style-1 input:focus, .input-style-1 textarea:focus { border-color: #219653 !important; background: #fff !important; } .input-style-1 input[type=date], .input-style-1 input[type=time], .input-style-1 textarea[type=date], .input-style-1 textarea[type=time] { background: transparent !important; } .input-style-2 { position: relative; margin-bottom: 30px; z-index: 1; } .input-style-2 label { font-size: 14px; font-weight: 500; color: #000; display: block; margin-bottom: 10px; } .input-style-2 input, .input-style-2 textarea { width: 100%; background: #fff; border: 1px solid #999999; border-radius: 10px; padding: 16px; color: #000; resize: none; transition: all 0.3s; } .input-style-2 input:focus, .input-style-2 textarea:focus { border-color: #219653; background: #fff; } .input-style-2 input[type=date], .input-style-2 input[type=time], .input-style-2 textarea[type=date], .input-style-2 textarea[type=time] { background: transparent; } .input-style-2 input[type=date]::-webkit-inner-spin-button, .input-style-2 input[type=date]::-webkit-calendar-picker-indicator { opacity: 0; } .input-style-2 input[type=date] ~ .icon { z-index: -1; } .input-style-2 .icon { position: absolute; right: 0; bottom: 0; padding: 17px; } .input-style-3 { position: relative; margin-bottom: 30px; } .input-style-3 label { font-size: 14px; font-weight: 500; color: #000; display: block; margin-bottom: 10px; } .input-style-3 input, .input-style-3 textarea { width: 100%; background: #fff; border: 1px solid #999999; border-radius: 10px; padding: 16px; padding-left: 45px; color: #000; resize: none; transition: all 0.3s; } .input-style-3 input:focus, .input-style-3 textarea:focus { border-color: #219653; background: #fff; } .input-style-3 .icon { position: absolute; left: 0; top: 0; height: 100%; padding: 16px; } /* ========= select style ========== */ .select-style-1 { margin-bottom: 30px; } .select-style-1 label { font-size: 14px; font-weight: 500; color: #000; display: block; margin-bottom: 10px; } .select-style-1 .select-position { position: relative; } .select-style-1 .select-position::after { border-bottom: 2px solid #999999; border-right: 2px solid #999999; content: ""; display: block; height: 10px; width: 10px; margin-top: -5px; pointer-events: none; position: absolute; right: 16px; top: 50%; transform: rotate(45deg); transition: all 0.15s ease-in-out; } .select-style-1 .select-position.select-sm::after { margin-top: -8px; } .select-style-1 .select-position.select-sm select { padding-top: 8px; padding-bottom: 8px; font-size: 14px; } .select-style-1 .select-position select { width: 100%; background: transparent; border: 1px solid #999999; border-radius: 10px; padding: 16px; padding-right: 38px; color: #000; appearance: none; -webkit-appearance: none; -moz-appearance: none; transition: all 0.3s ease-out 0s; } .select-style-1 .select-position select:focus { border-color: #219653; outline: none; } .select-style-1 .select-position select.light-bg { background: #fff; } .select-style-1 .select-position select.light-bg:focus { background: #fff; } .select-style-1 .select-position select.radius-30 { border-radius: 30px; } .select-style-2 { margin-bottom: 30px; } .select-style-2 .select-position { position: relative; } .select-style-2 .select-position.select-sm::after { margin-top: -8px; } .select-style-2 .select-position.select-sm::before { margin-top: 0; } .select-style-2 .select-position.select-sm select { padding-top: 8px; padding-bottom: 8px; font-size: 14px; } .select-style-2 .select-position::before, .select-style-2 .select-position::after { content: ""; display: block; height: 8px; width: 8px; pointer-events: none; position: absolute; right: 16px; top: 50%; transform: rotate(45deg); transition: all 0.15s ease-in-out; } .select-style-2 .select-position::before { margin-top: 0px; border-bottom: 1px solid #999999; border-right: 1px solid #999999; } .select-style-2 .select-position::after { margin-top: -8px; border-top: 1px solid #999999; border-left: 1px solid #999999; } .select-style-2 .select-position select { width: 100%; background: transparent; border: 1px solid #999999; border-radius: 10px; padding: 16px; padding-right: 38px; color: #000; appearance: none; -webkit-appearance: none; -moz-appearance: none; transition: all 0.3s ease-out 0s; } .select-style-2 .select-position select:focus { border-color: #219653; outline: none; } .select-style-2 .select-position select.light-bg { background: #fff; } .select-style-2 .select-position select.light-bg:focus { background: #fff; } .select-style-2 .select-position select.select-sm { padding-top: 8px; padding-bottom: 8px; font-size: 14px; } .select-style-3 { margin-bottom: 30px; } .select-style-3 .select-position { position: relative; } .select-style-3 .select-position::after { border-bottom: 2px solid #999999; border-right: 2px solid #999999; content: ""; display: block; height: 10px; width: 10px; margin-top: -7px; pointer-events: none; position: absolute; right: 0px; top: 50%; transform: rotate(45deg); transition: all 0.15s ease-in-out; } .select-style-3 .select-position.select-sm::after { margin-top: -8px; } .select-style-3 .select-position.select-sm select { padding-top: 8px; padding-bottom: 8px; font-size: 14px; } .select-style-3 .select-position select { width: 100%; background: transparent; border: transparent; border-radius: 10px; padding-right: 38px; color: #000; appearance: none; -webkit-appearance: none; -moz-appearance: none; transition: all 0.3s ease-out 0s; } .select-style-3 .select-position select:focus { border-color: #219653; outline: none; } .select-style-3 .select-position select.light-bg { background: #fff; } .toggle-switch { padding-left: 60px; min-height: 30px; } .toggle-switch .form-check-input { width: 50px; height: 28px; margin-left: -60px; cursor: pointer; } .toggle-switch label { margin-top: 6px; font-size: 14px; color: #000; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox-style { padding-left: 40px; min-height: 28px; } .checkbox-style .form-check-input { width: 28px; height: 28px; border-radius: 10px; margin-left: -40px; cursor: pointer; } .checkbox-style .form-check-input:disabled { cursor: auto; } .checkbox-style .form-check-input:disabled ~ label { cursor: auto; } .checkbox-style label { margin-top: 6px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox-style.checkbox-success .form-check-input:checked { background-color: #219653; border-color: #219653; } .checkbox-style.checkbox-warning .form-check-input:checked { background-color: #f7c800; border-color: #f7c800; } .checkbox-style.checkbox-danger .form-check-input:checked { background-color: #FF0000; border-color: #FF0000; } .radio-style { padding-left: 40px; min-height: 28px; } .radio-style .form-check-input { width: 28px; height: 28px; border-radius: 50%; margin-left: -40px; cursor: pointer; } .radio-style .form-check-input:disabled { cursor: auto; } .radio-style .form-check-input:disabled ~ label { cursor: auto; } .radio-style label { margin-top: 6px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radio-style.radio-success .form-check-input:checked { background-color: #219653; border-color: #219653; } .radio-style.radio-warning .form-check-input:checked { background-color: #f7c800; border-color: #f7c800; } .radio-style.radio-danger .form-check-input:checked { background-color: #FF0000; border-color: #FF0000; } @media only screen and (max-width: 575px) { .button-group .main-btn { width: 100%; } } .buy-sell-form .input-group { display: flex; } .buy-sell-form .input-group input { width: 60%; background: transparent; border: 1px solid #e2e8f0; border-radius: 10px; padding: 8px 16px; font-size: 14px; color: #999999; } .buy-sell-form .input-group input:focus { border-color: #219653; } .buy-sell-form .input-group .select-style-1 { width: 40%; } .buy-sell-form .input-group .select-style-1 .select-position::after { width: 8px; height: 8px; } .buy-sell-form .input-group select { border: 1px solid #e2e8f0; border-radius: 0px 10px 10px 0px; padding: 8px 16px; padding-right: 24px; font-size: 14px; color: #000; } .buy-sell-form .buy-sell-btn .main-btn { display: block; width: 100%; font-weight: 500; } .buy-sell-form .buy-sell-btn .main-btn:hover { box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); } .buy-sell-form .buy-sell-btn .main-btn.success-btn { background: #08c18d; } .buy-sell-form .buy-sell-btn .main-btn.danger-btn { background: #eb5757; } .buy-sell-form .field-group-2 label { font-size: 12px; } .buy-sell-form .field-group-2 .input-group input { font-size: 12px; width: 70%; } .buy-sell-form .field-group-2 .input-group span { font-size: 12px; padding: 8px 16px; width: 30%; background: #e2e8f0; text-align: center; border-radius: 0px 10px 10px 0px; border: 1px solid #e2e8f0; } .buy-sell-form .input-group-2 label { font-size: 12px; color: #000; margin-bottom: 8px; display: block; } .buy-sell-form .input-group-2 .select-position::after { width: 8px; height: 8px; } .buy-sell-form .input-group-2 select { padding: 8px 12px; font-size: 12px; color: #000; border: 1px solid #e2e8f0; border-radius: 10px; width: 100%; } >>>>>>> dc57be2f697815a090972d0a29ed50c48485cddc