@import "../fonts/Roboto/font.css";
*{
    margin: 0;
    padding: 0;
}
body{
    font-family: "Roboto";
    user-select: none;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none;
}

a{
    text-decoration: none;
}
.section{padding: 20px 0}
.head-top{display: flex;align-items: center;justify-content: space-between;height: 40px;}
.image-blur{position: absolute;right: 0;bottom: 0;height: 50%;width: 100%;background: transparent;backdrop-filter: blur(2px)}
.btn-pink{background: #aa00d9;color: #fff;border: 1px solid #aa00d9}
.btn-pink:hover{background: transparent;border: 2px solid #aa00d9;color: #000}

.top-mt90{margin-top: 90px}
.uk-modal{z-index: 1000}
.head-section{padding-left: 15px;margin-bottom: 20px;font-size: 22px;line-height: 25px;font-weight: 600;text-transform: uppercase;color: #363636;border-left: 4px solid rgb(154 168 183);}
.uk-modal-container .uk-modal-dialog{width: 500px;border-radius: 10px}
.uk-modal-container .head-title{font-size: 18px;line-height: 25px;font-weight: 500}
.uk-modal-container .uk-close{width: 30px;height: 30px;color: #000;border-radius: 50%;background: #ddd;}
.uk-modal-container .uk-modal-header{border-radius: 10px}
.uk-modal-container .uk-modal-footer{border-radius: 10px}
.modal-in-head h2{font-size: 16px;line-height: 20px;font-weight: 500;color: #000;}
.header{position: relative;align-items: center;width: 100%;box-shadow: 0 2px 4px -1px rgba(57,76,96,.15);background-color: #fff}
.header-box{display: flex;align-items: center;justify-content: space-between}
.header-logo img{width: 250px;height: 100px;object-fit: contain}
.header-right{display: flex;align-items: center}
.header-left{display: flex;align-items: center}
.search-btn{height: 40px;padding: 8px 10px;font-size: 14px;line-height: 25px;font-weight: 500;border-radius: 4px;background: transparent;cursor: pointer;transition: background-color .1s linear,border-color .1s linear,color .1s linear}
.search-btn a{color: #0d1216;}
.login-btn{height: 40px;padding: 8px 10px;font-size: 14px;line-height: 25px;font-weight: 500;text-transform: uppercase;color: #0d1216;border-radius: 4px;background: rgba(64,87,109,.07);transition: background-color .1s linear,border-color .1s linear,color .1s linear}
.login-btn a{color: #0d1216}
.signup-btn{height: 40px;padding: 8px 10px;font-size: 14px;line-height: 25px;font-weight: 500;text-transform: uppercase;color: #fff;border-radius: 4px;background: #aa00d9;transition: background-color .1s linear,border-color .1s linear,color .1s linear}
.signup-btn a{color: #fff}
.login-btn:hover {background-color: rgba(57,76,96,.15);}
.signup-btn:hover{background: #aa00d9}
.search-btn:hover{background: rgba(64,87,109,.07)}
.search-box{padding: 0 20px;border-radius: 4px;background: #f4f4f6;transition: background-color .1s linear,border-color .1s linear,color .1s linear}
.search-in{font-size: 16px!important;color: rgba(13,18,22,.7)}
.header-mobile{display: none;}

.login-btn-box{display: flex;align-items: center;padding: 8px 15px;background: rgba(64,87,109,.07);border-radius: 10px;transition: 1s ease-in-out}
.login-btn-icon{width: 30px;height: 30px;margin-right: 10px;border-radius: 50%;}
.login-btn-icon img{border-radius: 50%;}
.login-user-btn{font-size: 14px;line-height: 30px;font-weight: 500;text-transform: uppercase;color: #000;transition: 1s ease-in-out}
.login-btn-box:hover{background-color: rgba(57,76,96,.15);transition: 1s ease-in-out}
.login-btn-box:hover .login-user-btn{color: #000;transition: 1s ease-in-out}

.form-my-account{width: 465px}
.header-login{font-size: 26px;font-weight: bold;line-height: 30px;text-transform: uppercase;color: #000;}
#passwordToggle {left: initial;right: 10px;cursor: pointer;}
.sign-form-group i.fa {position: absolute;left: 10px;top: 10px;width: 20px;height: 20px;text-align: center;line-height: 20px;color: #666;}

.header-main-menu{display: flex;align-items: center;margin-left: 40px;}
.header-main-menu ul{display: flex;align-items: center;padding: 0;margin: 0}
.header-main-menu ul li{list-style: none;}
.header-main-menu ul li a{margin-right: 15px;font-size: 16px;line-height: 20px;font-weight: 500;color: #aa00d9;}
.header-main-menu ul li:hover a{color: #aa00d9;opacity: .5;outline: 0;}

.main-top{margin-bottom: 30px;height: 350px;background: #bdc3c7;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #2c3e50, #bdc3c7);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #2c3e50, #bdc3c7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.home-main{width: 800px;margin: auto;}
.home-main-bottom-width{width: 1350px;margin: auto;}

.home-main-top{padding: 50px 0 40px;}
.home-main-top h1{font-size: 28px;text-align: center;line-height: 50px;font-weight: bold;color: #000;/*text-shadow: 0 1px #aa00d9, -1px 0 #cdd2d5, -1px 2px #aa00d9, -2px 1px #cdd2d5, -2px 3px #aa00d9, -3px 2px #cdd2d5, -3px 4px #aa00d9, -4px 3px #cdd2d5, -4px 5px #aa00d9, -5px 4px #cdd2d5, -5px 6px #aa00d9, -6px 5px #cdd2d5, -6px 7px #aa00d9, -7px 6px #cdd2d5, -7px 8px #aa00d9, -8px 7px #cdd2d5*/}

.home-search-center-box {align-self: center;max-width: 100%;width: 600px;margin: auto}
.home-search-center {position: relative;background-color: #fff;border-radius: 4px;box-shadow: 0px 0px 0px 1px rgba(64,87,109,.04),0px 6px 20px -4px rgba(64,87,109,.3);}
.home-search-box {height: 40px;align-items: stretch;background-color: transparent;border: 1px solid;border-color: transparent;border-radius: 4px;box-sizing: border-box;color: #0d1216;cursor: text;display: flex;overflow: hidden;position: relative;width: 100%;}
.home-search-icon {align-items: center;display: flex;flex: 1 0 32px;justify-content: center;padding: 0 4px;margin: 0 6px}
.home-search-input {-webkit-appearance: none;appearance: none;background: inherit;border: 0;box-sizing: border-box;color: inherit;-webkit-font-variant-ligatures: none;font-variant-ligatures: none;min-width: 8px;outline: none;width: 100%;}

.home-main-bottom{padding: 25px 0;margin: 0 auto;overflow-x: auto;overflow-y: hidden;position: relative;scrollbar-width: none;transform: translateY(45px);background: #fff;border-radius: 8px;box-shadow: 0 3px 25px 0 rgb(0 0 0 / 16%);}
.home-category-icon{display: flex;align-items: center;background: #fff;border-radius: 50%;box-shadow: inset 0 0 0 1px hsl(0deg 0% 100% / 15%), 0 2px 8px rgb(13 18 22 / 15%);color: #0d1216;height: 48px;margin-bottom: 8px;width: 48px;margin: auto;transition: 1s ease-in-out;}
.home-category-icon img{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;margin: auto;object-fit: contain}
.home-category-name{width: 165px;margin-top: 15px;font-size: 14px;text-align: center;line-height: 20px;font-weight: 500;text-transform: uppercase;color: #aa00d9;transition: 0.5s padding, 0.5s background}

.home-section-item:hover .home-category-icon{transform: scale(1.1);transition: 1s ease-in-out;}
.home-section-item:hover .home-category-name{height: auto;overflow: visible; transition: 0.5s padding, 0.5s background}

.section-header h1{margin-bottom: 10px;font-size: 18px;line-height: 40px;font-weight:500;color: #0d1216}

.card-section{position: relative;display: block;padding: 15px;height: 100px;border: 1px solid #ededed;border-radius: 10px;background-color: rgba(57,76,96,.15)}
.home-list-s-img {width: 100%;height: 0;padding-bottom: 79%;overflow: hidden;position: relative;background: #ccc;border-radius: 5px;margin-bottom: 5px;}
.home-list-s-img img{position: absolute;top: 50%;right: 50%;transform: translate(50%,-50%);width: 100%;height: 100%;object-fit: cover;transition: transform .4s ease}
.card-section:hover .home-list-s-img img {transform: translate(50%,-50%) scale(1.1);}
.card-section .overlay {position: absolute;top: 0;right: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-size: 16px;font-weight: 500;opacity: 0;color: #fff;background-color: rgba(0,0,0,.7);transition: opacity .4s;border-radius: 10px}
.card-section:hover .overlay {opacity: 1;}

.home-list-s-name{line-height: 20px;font-size: 14px;font-weight: 500;color: #0d1216}
.home-list-s-desc{margin-top: 5px;line-height: 20px;font-size: 12px;font-weight: 300;color: rgba(13,18,22,.7)}

.head-in-cat h4{margin-bottom: 10px;font-size: 16px;line-height: 40px;font-weight:500;color: #aa00d9}
.more-all{font-size: 14px;line-height:40px;font-weight: 500;color: rgba(13,18,22,.86);transition: background-color .1s linear,border-color .1s linear,color .1s linear;}
.more-all a{color: #aa00d9}

.sideCategories {}
.sideCategories .box {background: #fff;}
.sideCategories .box:not(:last-child) {margin-bottom: 0;}
.sideCategories .box:not(.open) .parent-head {background: none;}
.sideCategories .box .parent-head {display: flex;align-items: center;padding: 10px 3px;box-sizing: border-box;font-size: 14px;font-weight: 400;text-transform: uppercase;color: #0d1216;background: rgba(57,76,96,.15);border-radius: 4px;border-top: 1px solid #f1f1f1;}
.sideCategories .box .parent-head i, .sideCategories .box .parent-head div { padding-right: 10px}
.sideCategories .box .parent-head i, .sideCategories .box .parent-head div svg{ width: 32px;min-width: 32px;height: 32px;min-height: 32px;}
.sideCategories .box .parent-head i, .sideCategories .box .parent-head img {max-height: 32px;height: 32px;min-width: 32px;width: 32px;}
.sideCategories .box .contents {padding: 0}
.sideCategories .box ul.childrenList {margin: 0; padding: 0; list-style-type: none}
.sideCategories .box ul.childrenList .item {position: relative; z-index: 2; display: flex; align-items: baseline;padding: 10px 5px; font-size: 14px; font-weight: 400; color: #0d1216;border-radius: 4px;transition: 0.3s;}
.sideCategories .box ul.childrenList .sel{font-weight: 500;color: #aa00d9}
.sideCategories .box ul.childrenList .item span {position: relative; z-index: 2}
.sideCategories .box ul.childrenList .item.parent::after {content: "\f054"; margin-left: auto; padding-left: 5px; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 10px; color: #000}
.sideCategories .box ul.childrenList .item:hover {background: rgba(64,87,109,.07)}
.sideCategories .box ul.childrenList .item.parent.open::after {content: "\f078";color: #aa00d9;}
.sideCategories .box ul.childrenList li .open{background: rgba(64,87,109,.07)}
.sideCategories .box ul.childrenList li:not(:first-child) .item {border-top: 1px solid #f1f1f1;}
.sideCategories .box:hover .parent-head{background: rgba(64,87,109,.07);transition: background-color .1s linear,color .1s linear;border-radius: 4px}

.sideCategories .box ul.childrenList .grandChildren {display: none; margin: 0; overflow: hidden}
.sideCategories .box ul.childrenList .grandChildren ul {margin: 0; padding: 0 0 0 30px; list-style-type: none;}
.sideCategories .box ul.childrenList .grandChildren ul a {display: flex; align-items: flex-start;padding: 5px 0; font-size: 14px;line-height: 22px; font-weight: 400; color: #0d1216;border-radius: 4px; transition: 0.3s}
.sideCategories .box ul.childrenList .grandChildren ul a.sel {color: #aa00d9}
.sideCategories .box ul.childrenList .grandChildren ul a::before {content: "\f111"; padding: 0 5px; font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 3px; color: #0d1216}
.sideCategories .box ul.childrenList .grandChildren ul li:hover {background: rgba(64,87,109,.07);border-radius: 4px}
@media (max-width: 1200px) {
    .sideCategories {display: none;}
}

.side-list-img {width: 100%;height: 0;padding-bottom: 79%;overflow: hidden;position: relative;border-radius: 5px;margin-bottom: 5px;}
.side-list-img img{position: absolute;top: 50%;right: 50%;transform: translate(50%,-50%);width: 100%;height: 100%;object-fit: contain;transition: transform .4s ease}
.side-section:hover .side-list-img img {transform: translate(50%,-50%) scale(1.1);}
.side-section .side-list-img .overlay {position: absolute;top: 0;right: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-size: 16px;opacity: 0;color: #fff;background-color: rgba(0,0,0,.5);transition: opacity .4s;}
.side-section:hover .side-list-img .overlay {opacity: 1;}
.side-section{padding-bottom: 15px;}
.side-list-s-name{min-height: 40px;margin-top: 10px;margin-bottom: 10px;line-height: 20px;font-size: 14px;text-transform: uppercase;font-weight: 500;color: #0d1216}
.side-list-s-desc{margin-top: 5px;line-height: 20px;font-size: 12px;font-weight: 300;color: rgba(13,18,22,.7)}
.side-build-btn{display: flex;align-items: center;justify-content: center;height: 40px;font-size: 16px;font-weight: 500;line-height: 40px;text-transform: uppercase;color: #aa00d9;background: transparent;border: 1px solid #aa00d9;border-radius: 8px}
.side-build-btn a{color: #aa00d9}
.side-build-btn:hover{background: #aa00d9;color: #fff}
.side-build-btn:hover a{color: #fff}


.categorySwiper .swiper-button-next, .categorySwiper .swiper-button-prev {top: 41%;}
.categorySwiper .swiper-button-prev {transform:translateX(-70%);}
.categorySwiper .swiper-button-next {transform:translateX(70%);}
.categorySwiper .swiper-pagination-bullet{width: 12px;height: 12px;}
.categorySwiper .swiper-pagination-bullets.swiper-pagination-horizontal{transform:translateY(170%);}
.categorySwiper .swiper-button-next, .swiper-button-prev{color: #000;font-size: 20px;line-height: 1;text-align: center;padding: 8px;background-color: #fff;border: 1px solid #e9ecef;cursor: pointer;border-radius: 50%;height: 50px;width: 50px;}
.categorySwiper .swiper-button-next, .swiper-button-prev{background-image: none;}
.categorySwiper .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: fill}
.categorySwiper .swiper-button-prev, .swiper-button-next{color: #000;font-size: 20px;line-height: 1;text-align: center;padding: 8px;background-color: #fff;border: 1px solid #e9ecef;cursor: pointer;border-radius: 50%;height: 50px;width: 50px;}
.categorySwiper .swiper-button-prev, .swiper-button-next{background-image: none;}
.categorySwiper .swiper-button-prev.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: fill}
.categorySwiper .swiper-pagination-bullet-active{background-color: #636363}
.categorySwiper .swiper-button-next:after, .swiper-button-prev:after{content: '';}
.categorySwiper .swiper-button-prev:after, .swiper-button-next:after{content: '';}

.home-swiper-c-img{width: 100%;height: 180px;overflow: hidden;position: relative;border-radius: 8px;margin-bottom: 5px;border: 1px solid #D9D9D9}
.home-swiper-c-img img{width: 100%;height: 100%;object-fit: contain;transition: transform .4s ease}
.home-swiper-c-name{margin-top: 10px;margin-bottom: 10px;line-height: 16px;font-size: 12px;font-weight: 500;color: #0d1216;text-transform: uppercase;text-align: center}
.card-category:hover .home-swiper-c-img img {transform:scale(1.1);}
.card-category .home-swiper-c-img .overlay {position: absolute;top: 0;right: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-size: 16px;opacity: 0;color: #fff;background-color: rgba(0,0,0,.5);transition: opacity .4s;}
.card-category:hover .home-swiper-c-img .overlay {opacity: 1;}

.home-banner {margin: 20px 0;position: relative;border: none;padding-bottom: 25.57264957%;height: 0;}
.banner-slider-item {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;border: 0;background-color: transparent;margin: 0;overflow: hidden;}
.banner-slider-item img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px}

.home-video-back{margin: 0;padding: 80px 0;background-color: #F7F8FC;background-image: url(../assets/cov.jpg);background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-position: 50% 50%;box-shadow: 0 0 0 0 #ffffff;}
.home-video-head{display: flex;align-items: center;font-size: 40px;text-transform: uppercase;text-align: center;line-height: 50px;font-weight: 500;color: #0d1216}
.home-video-tag iframe{border-radius: 10px;width: 100%;}

.page-head{margin-top: 40px;}
.price-card-box{position: relative;-webkit-border-radius: 10px;border-radius: 10px;margin-top: 15px;padding: 2px;-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 20%);box-shadow: 0 0 10px rgb(0 0 0 / 20%);background: #fff;-webkit-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;}
.price-card-head{height: 120px;padding: 0;text-align: center;-webkit-border-radius: 15px 15px 0 0;border-radius: 15px 15px 0 0;position: relative;overflow: hidden;color: #666;}
.price-card-head h3{display: block;text-transform: uppercase;font-size: 26px;margin: 28px;line-height: 35px;font-weight: bold;color: #666;}
.price-in{font-size: 18px;color: #ffffff;position: relative;margin: 0 -2px;padding: 5px 0;text-align: center;background: #aa00d9;}
.price-in>span {font-size: 80%;font-weight: 400}
.base-price{color: rgb(255 255 255 / 57%);font-size: 13px;line-height: 14px;font-weight: 600;text-decoration: line-through}
.price-base-pos{position: absolute;right: -7px;top: 13px;background: #da1414;padding: 0 12px;color: #fff;font-size: 16px;border-radius: 6px;transform: rotate(25deg);font-weight: 500;}
.price-card-body{background: #fff;overflow: auto;padding-top: 20px;height: 340px}
.price-card-body ul{margin: 0;list-style: none;padding: 0 10px;}
.price-card-body ul li{padding: 5px 0;border-bottom: 1px dashed rgba(0,0,0,0.06);color: #000;padding-left: 20px;position: relative;}
.price-card-body>ul>li:before {width: 12px;height: 12px;position: absolute;left: 0;top: 50%;display: flex;align-items: center;justify-content: center;color: #aa00d9;-webkit-transform: translateY(-50%);transform: translateY(-50%);content: "\f05d";font-family: FontAwesome;}
.price-card-btn{text-align: center;padding: 20px;position: relative;}
.price-card-btn>a {display: inline-block;height: 40px;width: 100%;line-height: 40px;padding: 0 30px;cursor: pointer;color: #0d1216;background: rgba(64,87,109,.07);text-transform: uppercase;font-size: 16px;-webkit-border-radius: 8px;border-radius: 8px;position: relative;}

.pricing__box {padding: 30px;margin-bottom: 30px;background: #fff;border: 1px solid #CFDDE2;-webkit-border-radius: 15px;-moz-border-radius: 15px;-o-border-radius: 15px;-ms-border-radius: 15px;border-radius: 15px;}
.pricing__head {margin-bottom: 20px;text-align: center}
.pricing__head .title {margin-bottom: 0;font-size: 16px;font-weight: 500;text-transform: uppercase;display: inline-block;background: #ECF6FA;color: #14176C;border-radius: 8px;padding: 12px 22px;}
.pricing__list ul{margin: 0;padding: 0;list-style: none;}
.pricing__list .list-wrap li {border: 1px solid #ddd;border-radius: 8px;padding: 8px 10px;margin-bottom: 15px;}
.pricing__icon-do{font-size: 20px;margin-right: 10px;color: green}
.pricing__icon-done{font-size: 20px;margin-right: 10px;color: gray}
.pricing__list .list-wrap li a{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;justify-content: space-between;font-size: 15px;font-weight: 500;color: #3E4073;text-transform: capitalize;gap: 10px; }
.list-wrap li {list-style: none;}
.btn {user-select: none;-moz-user-select: none;background: #aa00d9 none repeat scroll 0 0;border: medium none;border-radius: 6px;color: #fff;cursor: pointer;display: inline-flex;align-items: center;font-size: 12px;font-weight: 700;line-height: 1;margin-bottom: 0;width: 110px;padding: 9px 10px;justify-content: center;text-transform: uppercase;touch-action: manipulation;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;vertical-align: middle;white-space: nowrap;position: relative;overflow: hidden;z-index: 1;}
.pricing__list ul li:hover{background: #aa00d9;}
.pricing__list ul li:hover a{color: #fff;}
.pricing__list ul li:hover .pricing__icon-done{color: #fff;}
.pricing__list ul li:hover .pricing__icon-do{color: #fff;}
.pricing__list ul li:hover .btn{background: #EEF2F6;color: #445B95}

.footer-main{border-top: 1px solid #ededed;margin-top: 30px}
.footer{padding: 30px 0;background: #fff;}
.footer-bottom{display: flex;align-items: center;justify-content: space-between;padding-top: 20px;margin-top: 20px;border-top: 1px solid #ddd}
.footer-main-menu ul{padding: 0;margin: 0}
.footer-main-menu ul li{list-style: none;margin-bottom: 5px}
.footer-main-menu ul li a{font-size: 14px;line-height: 20px;font-weight: 400;color: #363636}

.copyright-text{font-size: 14px;line-height: 20px;font-weight: 500;color: #363636}
.developer-text a{font-size: 14px;line-height: 20px;font-weight: 400;color: #363636}

.footer-item{display: flex;align-items: flex-start;overflow: hidden;margin-bottom: 15px;}
.footer-item :not(.heading) {font-size: 14px;font-weight: 400;color: #363636;}
.footer-item .icon {position: relative;display: flex;align-items: center;justify-content: center;border-radius: 50%;overflow: hidden;box-sizing: border-box;margin-right: 20px;width: 40px;height: 40px;min-width: 40px;min-height: 40px;background-color: #aa00d9;}

.bottom-socials {display: flex;width: max-content;}
.bottom-socials .wrapper {display: flex;flex-wrap: wrap;margin-top: -20px;margin-left: -20px;padding: 30px 0;}
.bottom-socials .wrapper>* {box-sizing: border-box;padding-top: 20px;padding-left: 20px;}
.bottom-socials .item {position: relative;display: flex;align-items: center;justify-content: center;border-radius: 50%;width: 40px;height: 40px;min-width: 40px;min-height: 40px;background-color: #aa00d9;transition: background-color .5s;}
.bottom-socials .item svg {position: absolute;top: 50%;right: 50%;transform: translate(50%,-50%);}
.bottom-socials .item.facebook:hover {background-color: #4267b2;}
.bottom-socials .item.instagram:hover {background-color: #bc2a8d;}
.bottom-socials .item.linkedin:hover {background-color: #0e76a8;}


.videoWrapper {width: 100%;position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;margin-bottom: 20px;}
.videoWrapper iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}
.videoWrapper iframe>div>video{width: 100%;height: 100%}

.single-blog {background: #ededed;box-shadow: 0 0 46px rgb(0 0 0 / 3%);border-radius: 10px;margin-top: 15px;}
.single-blog .image {overflow: hidden;border-top-left-radius: 10px;border-top-right-radius: 10px}
.single-blog .image img {width: 100%;transition: all linear 0.3s;-webkit-transition: all linear 0.3s;-moz-transition: all linear 0.3s;-ms-transition: all linear 0.3s;-o-transition: all linear 0.3s;}
.single-blog .content {padding: 20px 30px;}
.single-blog .content h5 {font-weight: 400;font-size: 22px;line-height: 25px;color: #363636;transition: 1s ease-in-out}
.single-blog .content .read-more {display: inline-block;font-weight: 500;font-size: 18px;text-transform: capitalize;color: #000;text-decoration: underline;margin-top: 15px;}
.single-blog:hover .image img {transform: rotate(-10deg) scale(1.2);-webkit-transform: rotate(-10deg) scale(1.2);-moz-transform: rotate(-10deg) scale(1.2);-ms-transform: rotate(-10deg) scale(1.2);-o-transform: rotate(-10deg) scale(1.2);}
.single-blog:hover .content h5{color: #aa00d9;transition: 1s ease-in-out}
.top-line{display: flex;align-items: center;justify-content: space-between;width: 400px;margin: auto;border: 1px solid #ededed;border-radius: 10px;}
.signup-org {padding: 10px;font-size: 16px;width: 200px;font-weight: 500;color: #0d1216;background-color: transparent;text-align: center;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.org-top .active{background: rgba(64,87,109,.07);color: #aa00d9;}
.org-top .active a{color: #aa00d9;}
.signup-org a{color: #aa00d9}
.signup-person {padding: 10px;font-size: 16px;width: 200px;font-weight: 500;border-left: 1px solid #fff;color: #0d1216;background-color: #fff;text-align: center;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.person-top .active{background: rgba(64,87,109,.07);color: #aa00d9;}
.person-top .active a{color: #aa00d9;}
.signup-person a{color: #aa00d9}
.signup-org:hover{background-color: transparent;color: #aa00d9;}
.signup-org:hover a{color: #aa00d9;}
.signup-person:hover{background-color: transparent;color: #aa00d9;}
.signup-person:hover a{color: #aa00d9}

.basket{padding: 20px;border: 1px solid #ddd;border-radius: 10px;}
.basket-item__context{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dashed #ddd;}
.basket-item__name{line-height: 20px;font-size: 16px;color: #363636;font-weight: 500;}
.basket-item__name a{color: #363636}
.shopping-item--price{font-size: 16px;font-weight: 500;line-height: 20px;color: #3e3e3e;}

/*onlineLesson for */
.onlineLesson-img{width: 100%;height: 180px;overflow: hidden;position: relative;border-radius: 8px;margin-bottom: 5px;border: 1px solid #D9D9D9}
.onlineLesson-img img{width: 100%;height: 100%;object-fit: cover;transition: transform .4s ease}
.onlineLesson-box:hover .onlineLesson-img img {transform:scale(1.1);}
.onlineLesson-box .onlineLesson-img .overlay-lesson {position: absolute;top: 0;right: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-size: 16px;opacity: 0;color: #fff;background-color: rgba(0,0,0,.5);transition: opacity .4s;}
.onlineLesson-box:hover .onlineLesson-img .overlay-lesson {opacity: 1;}

.onlineLesson-list-name{margin-top: 10px;line-height: 20px;font-size: 14px;font-weight: 500;color: #0d1216;word-break: break-all}
.onlineLesson-list-desc{margin-top: 5px;line-height: 20px;font-size: 12px;font-weight: 300;color: rgba(13,18,22,.7)}

.main-lesson{}
.lesson-container{margin: auto;border-radius: 10px}
.lesson-container img{width: 100%;}
.header-fixed{padding: 15px;margin-bottom: 30px;border-radius: 10px;background: #F4F6FF}
.header-top{display: flex;justify-content: space-between;align-items: center;padding: 15px;margin-bottom: 10px;background: #fff;border-radius: 8px;}
.header-num{font-size: 16px;line-height: 20px;font-weight: 400;color: #000;word-break: break-all}
.header-date{font-size: 16px;line-height: 20px;font-weight: 400;color: #000}
#sections-container div{margin-bottom: 10px}
.header-pagination{display: flex;align-items: center;padding: 10px;background: #fff;border-radius: 8px;}
.pagination-num{padding: 10px;margin-right:10px;font-size: 14px;line-height: 20px;color: #fff;background: #000;border-radius: 4px;}
.pagination-num a{color: #fff;}
figure.zoom {background-position: 50% 50%;position: relative;overflow: hidden;cursor: zoom-in;}
figure.zoom img {transition: opacity 0.5s;display: block;width: 100%;}

.videoTarget{text-align: center}
.videoTarget video{height: 300px!important; width: 50%;}
.lessonSwiper{box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.lessonSwiper .swiper-pagination-bullet {transition: width 150ms ease-in-out;}
.lessonSwiper .swiper-pagination-bullet-active {width: 60px;border-radius: 100vh;}
.lessonSwiper .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 20px}


@media screen and (max-width: 1100px) {
    .mobile{display: flex}
    .mobile{margin: 20px 0;}
    .menu-mobile-toggle span {display: block;position: absolute;width: 100%;height: 4px;left: 0;border: none;outline: none;opacity: 1;border-radius: 5px;background: #000;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.25s ease-in-out;transition: 0.25s ease-in-out;}
    .menu-mobile-toggle {position: relative;display: block;cursor: pointer;width: 30px;height: 30px;border: none;outline: none;background: none;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.35s ease-in-out;transition: 0.35s ease-in-out;}
    .menu-mobile-toggle span:nth-child(1) {top: 5px;}
    .menu-mobile-toggle span:nth-child(2),
    .menu-mobile-toggle span:nth-child(3) {top: 13px}
    .menu-mobile-toggle span:nth-child(4) {top: 21px}

    .menu {position: fixed;top: 0;left: 0;width: 75%;height: 100%;display: block;z-index: 111;overflow: hidden;background: #fff;-webkit-transform: translate(-100%);transform: translate(-100%);-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
    .menu.active {-webkit-transform: translate(0%);transform: translate(0%);}
    .menu > ul > li {display: block;margin: 0;}
    .menu > ul > li > a {position: relative;font-size: 16px;font-weight: 400;border: none;outline: none;color: #363636;-webkit-transition: color 0.3s ease;transition: color 0.3s ease;}
    .menu > ul > li > a {display: block;line-height: 40px;height: 40px;padding: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
    .menu > ul > li > a i {position: absolute;font-size: 16px;line-height: 30px;top: 0;right: 0;width: 40px;height: 40px;text-align: center;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);color: #a9a9a9}
    .menu .menu-mobile-header {position: sticky;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;top: 0;height: 50px;z-index: 110;border-bottom: 1px solid rgba(0, 0, 0, 0.1);background: #fff;}
    .menu .menu-mobile-header .menu-mobile-arrow {display: none;line-height: 20px;width: 50px;height: 50px;cursor: pointer;text-align: center;border: none;color: #363636;}
    .menu .menu-mobile-header.active .menu-mobile-arrow {display: block;}
    .menu .menu-mobile-header .menu-mobile-title {font-size: 18px;font-weight: 400;line-height: 20px;color: #363636;text-transform: capitalize;}
    .menu .menu-mobile-header .menu-mobile-close { line-height: 30px;cursor: pointer;width: 50px;height: 50px;text-align: center;border: none;color: #363636}
    .menu .menu-section {overflow-y: auto;overflow-x: hidden;padding-left: 30px}
    .menu > ul > li .menu-subs {z-index: 109;opacity: 0;visibility: hidden;background: #fff;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
    .menu > ul > li .menu-subs {position: absolute;display: none;top: 0;left: 0;max-width: none;min-width: auto;width: 100%;height: 100%;margin: 0;padding: 60px 20px 20px 20px;opacity: 1;overflow-y: auto;visibility: visible;-webkit-transform: translateX(0%);transform: translateX(0%);-webkit-box-shadow: none;box-shadow: none;}
    .menu > ul > li .menu-subs > ul > li > a {display: inline-block;font-size: 16px;font-weight: 400;line-height: 20px;padding: 0.75rem 0;border: none;outline: none;color: #363636;text-transform: capitalize;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
    .menu > ul > li .menu-subs.active {display: block;}

    .overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;opacity: 0;visibility: hidden;background: rgba(0, 0, 0, 0.65);-webkit-transition: all 0.45s ease-in-out;transition: all 0.45s ease-in-out;}
    .overlay.active {opacity: 1;visibility: visible;}
    .menu > ul > li .menu-subs > ul > li::marker {color: #000;}
}


@media (max-width: 500px) {
    .home-main{width: auto;padding: 20px}
    .home-main-bottom-width{width: 295px;overflow-x: scroll;overflow-y: scroll;height: 103px;}
    .home-main-bottom{padding: 20px 0;}
    .home-category-name{width: 130px;margin-bottom: 15px;}
    .home-video-head{margin-bottom: 40px}
    .footer-bottom{display: block}
    .copyright-text{margin-bottom: 15px}
    .footer-main-menu{margin-top: 20px;}
    .bottom-socials .wrapper{padding: 20px 0 30px 0}
    .header-box{display: none}
    .m-header{display: flex;align-items: center;justify-content: space-between;padding: 15px}
    .m-logo{width: 105px;}
    .single-blog{margin-top: 20px}
    .head-in-cat h4{font-size: 12px;}
    .more-all a{font-size: 10px;}
    .categorySwiper .swiper-button-next{transform: translateX(39%)}
    .categorySwiper .swiper-button-prev{transform: translateX(-39%)}
    .header-mobile{display: block;background-color: #fff}
    .form-my-account{width: 360px}
}

.m-nav{display: flex;align-items: center;justify-content: center}
.left-btn-m i{margin-right: 15px;width: 30px;height: 30px;border: 1px solid #ededed;font-size: 25px;padding: 10px;border-radius: 10px;color: #000;}
.right-btn-m i{width: 30px;height: 30px;border: 1px solid #ededed;font-size: 25px;padding: 10px;border-radius: 10px;color: #000;}
.mb-bottom-info{display: flex;align-items: center;margin-top: 20px;padding-left: 30px}
.pagination {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px;
    border: 1px solid #e7e7e7;
    width: max-content;
    border-radius: 5px;
}

.pagination li:not(:last-child) {
    border-right: 1px solid #ddd;
}
@media only screen and (max-width:479px) {
    .pagination {
        margin: 0 -8px;
    }
}

.pagination.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.pagination li {
    border-right: 1px solid #ddd;
}

@media only screen and (max-width:479px) {
    .pagination li {
        margin: 0 -3px;
    }
}

.pagination li a {
    font-size: 16px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 15px;
    text-transform: uppercase;
    color: #748494;

}

@media only screen and (max-width:479px) {
    .pagination li a {

    }
}

@media (max-width: 1200px){
    .header-main-menu ul li a{font-size: 11px}
    .header-main-menu{margin-left: 8px;}
}
.pagination li a:hover {
    background-color: #aa00d9;
    color: #fff;
}

.pagination li a.active {
    cursor: default;
    pointer-events: none;
    color: #fff;
    background-color: #aa00d9;
}
.uk-disabled{padding: 10px 15px;}
.document-text-box{width: 210mm;height: 297mm;padding: 2cm 1.5cm 2cm 3cm;margin: auto;background: white;box-shadow: 0 0 5px rgba(0,0,0,0.1);box-sizing: border-box;;overflow-x: hidden;overflow-y: scroll;font-family: "Times New Roman", Arial;}
.document-text-box ul{padding-left: 30px}
.document-text-box ol{padding-left: 30px}
.document-text-box ol li{list-style: decimal}

.big-box{position: relative;margin: auto 0;height: 916px;display: flex;align-items: center;justify-content: center;flex-direction: column;background: #fff;}
.big-text-head{display: flex;align-items: center;justify-content: center}
.big-text-head h4{font-size: 50px;margin-bottom: 60px;color: #000;font-weight: bold;text-transform: uppercase;line-height: 60px;}