@import "https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap"; @import "https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"; :root { --primaryColor: #38b6ff; --secondaryColors: #071e52; --socialBg: #242424; --subTextColor:#555; --bodyBg: #ffffff; --primary-blue: #2c76bf; --primary-dark: #232b37; --primary-darker: #1d232e; --footer-bg: #0f141a; --white: #ffffff; --gray-light: #f9f9f9; --gray-border: #e3e3e3; --gray-text: #a4a4ad; --gray-medium: #555; --accent-book: #4a83fa; --accent-solution: #46c559; --accent-distribution: #d247f2; --accent-summary: #8e34fd; --accent-papers: #f87829; --accent-project: #f82116; --veiwWidth: calc(100vw - 17px); --padding: calc(var(--veiwWidth)/2 - 785px); } *{-webkit-tap-highlight-color:transparent} input[type="text"]:focus,input[type="email"]:focus{border:none;outline:none!important} a{text-decoration: none;} textarea:focus{outline:transparent!important} body{background-color:#fff!important;font-family:"Almarai",sans-serif!important; zoom: 80%;} ul{font-family:"Almarai",sans-serif!important} header{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);background:#fff;position:sticky; top: 0; z-index: 9;} header .wp-container-core-columns-layout-2{margin:0!important} header .has-base-background-color{background:#fff!important} header .wp-block-site-title{color:#070707} #modal-1-content .wp-block-page-list li a{color:#070707} .wrap_ul{background:#035dcd;border-radius:0 0 15px 0;padding:3px 0} ul.Call_part{display:flex;justify-content:start;padding:0 0 4px} ul.Call_part li{list-style:none;margin:0 14px 0 0;color:#fff} ul.Call_part li a{text-decoration:none;color:#fff;font-size:14px} .footer_block{padding:0!important;border-top:1px solid #eee} .text_block{padding:20px 0 12px!important} .main_postblock{position:relative} .main_postblock .is-style-default{position:absolute;top:10px;right:10px;background:#035dcd;color:#fff;z-index:9} .main_postblock .is-style-default a{color:#fff;font-size:12px;line-height:25px;padding:0 8px} .main_postblock:nth-child(2n + 2) .is-style-default{background:#95281c} .main_postblock figure{margin:0} .main_postblock:hover{background:#00000042} h2.post_heading a{font-size:21px;color:#444;line-height:1.6em} .post_heading a:hover{color:#035dcd} .post_para{margin-block-start:5px} .post_para p{color:#666!important;font-size:13px!important;line-height:21px;margin-top:5px;overflow:hidden;height:63px;display:block!important} .post_readmore{display:inline-block!important;position:relative;font-size:14px;padding:0 20px;border-radius:3px;margin-top:11px;height:30px;line-height:30px;background:#035dcd;color:#fff;transition:all .2s linear} .post_readmore:hover{transform:translateY(-2px);box-shadow:0 16px 18px 0 #89898952} .post_rightbar{background:#fff!important;padding:20px!important} .post_sidebar{margin:6rem 0!important} .post_sidebar .has-global-padding{padding:0} .post_item{display:flex;gap:20px} .post_item .main_postblock{width:300px!important;height:170px;flex-shrink:0!important;overflow:hidden;flex-grow:unset!important;flex-basis:unset!important} .post_item .wp-block-post-featured-image{width:100%;height:170px;flex-shrink:1!important;flex-grow:unset!important;flex-basis:unset!important} .post_item .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover} .post_item .post_content{width:100%;flex-shrink:1} .post_item .main_postblock img{border-radius:0} .post_content h2{margin:0} .post_item .post_date{font-size:12px;color:#666} .post_block_right .post_category{padding:15px 0 10px!important;border-bottom:1px solid #f7f7f7;position:relative;margin:0 16px;text-transform:capitalize;color:#34495e;line-height:31px!important} .post_querymain{margin:0!important} .post_block_right .post_category::after{background:#035dcd;position:absolute;content:"";width:58px;height:2px;bottom:-1px;right:0;left:auto;z-index:1} .post_block_right .post_category::before{content:"";width:0;height:0;position:absolute;bottom:-6px;right:0;left:auto;border-left:5px solid transparent;border-right:0;border-top-color:red;border-top:6px solid #035dcd} .post_sidebar{margin:0!important;background:#fff;padding:20px} .post_block_right{background:#fff} .post_block{padding:0!important;margin-bottom:18px;overflow:hidden} .post_block .post_title{font-size:14px;color:#555;text-align:center;margin:10px 0 0} .post_block .post_img img{transition:all .3s ease-in-out;border-radius:0!important; width: 100% !important; height: 100% !important; object-fit: cover !important;} .post_img{overflow:hidden;border-radius:5px;border:1px solid #eee;width:100%;height:100%} .post_block:hover img{transform:scale(1.1)} .grid_heading{position:relative;border-bottom:1px solid #dadada} .grid_heading::after{background:#035dcd;position:absolute;content:"";width:58px;height:2px;bottom:-1px;right:0;left:auto;z-index:1} .grid_heading::before{content:"";width:0;height:0;position:absolute;bottom:-6px;right:0;left:auto;border-left:5px solid transparent;border-right:0;border-top-color:red;border-top:6px solid #035dcd} .grid_heading h3{color:#2b76bf;font-size:1.4em} .pdf_view{text-align:center} ul.detail_list li{font-size:14px;line-height:1.3rem;margin:0 0 7px} .paragraph{font-size:14px} .detail_heading{font-size:17px} footer.wp-block-template-part{border-top:1px solid #ddd} iframe.pdfjs-viewer{max-width:100%!important;width:100%} .post_detail_feature{display:none} .pdf_download{display:flex;justify-content:center} .pdf_download a{position:relative;padding:14px 10px 14px 39px;background:#0e56b1} .pdf_download a:after{background:url(https://qalaleum.npmwp.com/wp-content/uploads/2024/03/pdf.png);content:"";position:absolute;left:13px;top:14px;width:15px;height:20px} .wp-block-site-title a{color:#cd035e!important} .main_menu_top li{transform:translateY(0);border:none!important} .main_menu{border-right:2px solid #035dcd!important;border-top:0!important;transform:translateY(30px)} .main_menu:after{content:"";width:0;height:0;position:absolute;background:transparent;top:0;left:0;border-radius:8px;transform:rotate(45deg);box-shadow:none;z-index:-1;border:transparent} .main_menu:before{content:""!important;width:26px!important;height:26px!important;position:absolute!important;background:#fff!important;top:10px;right:-10px!important;z-index:-1;transform:rotate(45deg);border:1px solid var(--Borderes);box-shadow:0 0 5px 1px #00000014;border:2px solid #035dcd;border-radius:8px} .main_menu_top li:before{border:none;background:transparent!important;box-shadow:none} .post_block.post_feature figure a{height:134px;overflow:hidden;border:1px solid #f1f1f1;border-radius:5px} .main_menu_top>button{position:absolute;right:-22px} .main_menu>button{position:absolute;left:10px!important} .main_menu_top>li>button{transform:rotate(180deg)!important} .wp-block-template-part{background:#fff} .headline:before{content:"";width:0;height:0;position:absolute;bottom:-6px;border-top:6px solid #035dcdcf;right:0;left:auto;border-left:5px solid transparent;border-right:0;border-top-color:#035dcdcf} .headline .title{position:relative;float:right;color:#34495e;line-height:33px;padding-bottom:0;border-bottom:none;margin:0} .headline .title:after{content:"";background:#035dcdcf;width:103%;height:2px;position:absolute;bottom:-12px;background-color:#035dcdcf;right:0;left:auto;z-index:1} input{font:400 15px sans-serif;font-optical-sizing:auto;font-style:normal;font-stretch:normal;line-height:initial} footer.wp-block-template-part{border-top:transparent} .custom-contact-form>p{margin:0} .custom-contact-form .wpcf7-form-control-wrap{display:inline-flex;width:100%} .custom-contact-form input:focus,.custom-contact-form textarea:focus{border:1px solid #035dcdcf} .custom-contact-form input:focus-visible,.custom-contact-form textarea:focus-visible,.custom-contact-form input:focus,.custom-contact-form textarea:focus{outline:#035dcdcf} .custom-contact-form form,.custom-contact-form .wpcf7 input[type="url"],.wpcf7 input[type="email"]{direction:rtl!important} .custom-contact-form input{margin:0 auto 10px;border:1px solid #f7f7f7;width:100%;border-radius:3px;padding:7px 15px;background:transparent;display:block} .custom-contact-form input:hover,.custom-contact-form textarea:hover{border:1px solid #4b9ce7} .custom-contact-form textarea{margin:0 auto 10px;border:1px solid #f7f7f7;width:100%;border-radius:3px;padding:10px 15px;background:transparent} .btn-action{transition:all .3s;display:inline-block!important;position:relative;font-size:14px;background:#eee!important;color:#34495e;padding:7px 20px;border-radius:3px;font-family:sans-serif!important;border:none;cursor:pointer;width:auto!important;float:left} .btn-action:hover{color:#fff;background:#035dcd} .container{max-width:1280px;margin:0 auto;width: 100%; padding: 0 16px;} .openBtn:hover{background:#bbb} .overlay{height:100%;width:100%;display:none;position:fixed;z-index:4;top:0;left:0;background-color:#000;background-color:#000000e6} .overlay-content{position:relative;top:46%;width:80%;text-align:center;margin:auto} .overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px;cursor:pointer;color:#fff} .overlay .closebtn:hover{color:#ccc} .overlay input[type="text"]{padding:15px;font-size:17px;border:none;float:left;width:80%;background:#fff} .overlay input[type="text"]:hover{background:#f1f1f1} .overlay button{float:left;width:20%;padding:15px;background:#ddd;font-size:17px;border:none;cursor:pointer} .overlay button:hover{background:#bbb} .sub-menu-toggle{display:none} .wp-block-query{margin:0} .wp-block-columns{max-width:100%!important} .wp-block-query{max-width:100%!important} .site-info{border:none!important;padding:0!important;margin:0} .data-block-header{display: flex;border-bottom: 1px solid var(--gray-border); position: relative; margin: 0 0 24px;} .data-block-header .data-block-title{position: relative;margin: 0;font-size: 24px;padding: 0 0 12px;} .data-block-header .data-block-title:after{content: '';position: absolute;bottom: -1px;right: 0;width: 100%;height: 3px;background: linear-gradient(90deg, #d4c5b0 0%, #1a1a1a 70%);} .site-info p{text-align:left} .overlay-content form{display:flex;width:64%;margin:0 auto} .breadcrumb{margin:24px 0 22px;display:flex} .breadcrumb .fbc-page .fbc-wrap .fbc-items{background-color:transparent} .custom-breadcrumb{margin: 0 0 24px;display: flex;align-items: center;gap: 8px;} .fbc-page .fbc-wrap .fbc-items li{padding:3px 2px!important} .breadcrumb-item.active{font-size:16px;margin:0} .btn-menu-trigger{display:none} .file-section .headline{color:#2b76bf;position:relative;border-bottom:1px solid #dadada;padding:0 0 10px;text-align:right} .file-section .headline h1{font-size:21px;font-family:"Almarai",sans-serif!important} .file-section .headline::after{background:#035dcd;position:absolute;content:"";width:58px;height:2px;bottom:-1px;right:0;left:auto;z-index:1} .file-section .headline::before{content:"";width:0;height:0;position:absolute;bottom:-6px;right:0;left:auto;border-left:5px solid transparent;border-right:0;border-top-color:red;border-top:6px solid #035dcd} .file-container{margin:27px 0 0} .pdfjs-fullscreen{margin:0 0 20px;text-align:center} .custom-breadcrumb a{font-size:16px;margin:0;text-decoration:underline;padding:0;font-family:"Almarai",sans-serif!important} .custom-breadcrumb a:hover{text-decoration:underline;color:#035dcd} .fbc-page .fbc-wrap .fbc-items li a{color:#28303d!important;font-size:12px;font-weight:400;text-decoration:underline;font-family:"Almarai",sans-serif!important} .fbc-page .fbc-wrap .fbc-items li a:hover{text-decoration:underline;color:#035dcd} i.fa.fa-home{margin-left:4px} @media screen and (max-width: 1024px) { .data-block ul{grid-template-columns:repeat(3,minmax(0,1fr))} .data-block ul li{margin-right:10px;margin-left:15px} } .badges{position:absolute;top:16px;left:8px;width:100px;height:32px;line-height:1;font-size:12px;color:#fff;text-align:center;z-index:3;border-radius:28px 50px 50px 0;box-shadow:0 3px 0 #0000000d} .data-block ul li a{position:relative} .badges::after{position:absolute;content:"";bottom:-22px;left:-6px;width:14px;height:24px;border-radius:20px 0 0 20px;background-color:inherit;box-shadow:inset 0 4px 7px #0808089e} .badges::before{position:absolute;content:"";top:0;left:-7px;width:15px;height:54px;border-radius:63px 0 0 47px;background-color:inherit} .badges span{background:linear-gradient(to right,transparent 20%,#ffffff80 90%);display:flex;width:100%;height:100%;justify-content:center;align-items:center;border-radius:0 50px 50px 0} .entry-content .privacy-policy{max-width:1280px!important;width:100%} .entry-content .privacy-policy>p{max-width:none} @media screen and (max-width: 480px) { .data-block ul li{margin-right:0;margin-left:0} .data-block ul{grid-template-columns:repeat(2,minmax(0,1fr))} .custom-breadcrumb{display:flex;text-align:right;min-height:46px;overflow:auto;white-space:nowrap;margin:-9px -4px 22px} .fbc-page .fbc-wrap .fbc-items li{font-size:15px} .pdfjs-fullscreen{left:21px!important} } .socila-media-menu-wrap{display:flex;justify-content:space-between;align-items:center} header .topbar-menu-wrap .other-menu{display:flex;margin-left:auto; padding: 0;} header .topbar-menu-wrap .social_media{display:flex;margin-right:auto} #scrolltop{display:block;visibility:visible;opacity:1;transition:visibility 0s,opacity .5s ease-in;position:relative;bottom:0;right:auto} .top-button{text-decoration:none;font-size:21px;font-weight:700;line-height:1.5;cursor:pointer;padding:0;color:#035dcd} #mobile-menu{display:none} .fixed-footer-bottom{position:fixed;left:0;right:0;bottom:0;border-radius:12px 12px 0 0;background:#fff;color:#fff;padding:10px 20px;box-shadow:0 -10px 25px -5px #0003;z-index:9} .footer-list{margin:0;padding:0;display:flex;align-items:center;justify-content:space-between} .footer-list li{list-style:none} .site-footer{padding-bottom:0!important;border-top:1px solid #efefef;max-width:100%!important;margin:51px 0 0} .footer-list .btn-menu-trigger{position:relative;right:auto;background:transparent!important;color:#035dcd!important;position:relative;right:auto;background:transparent!important;color:#035dcd!important} .footer-list .fa-search,.fa-home{color:#035dcd} .file-object{position:relative} .pdfjs-fullscreen{position:absolute;top:6px;left:21px;width:20px;height:20px} .pdfjs-fullscreen a{padding:0;font-size:0;background:none;color:#fff;box-shadow:none;position:relative} .pdfjs-fullscreen a::after{position:absolute;width:20px;height:20px;font-family:"Font Awesome 7 Pro";font-size:15px;content:"\f685"} .featured-books .featured-swiper{width:100%} .featured-books .featured-swiper .swiper-link{height:80px} .fbc-items li:nth-child(1){display:none!important} .fbc-items li:nth-child(2){display:none!important} .custom-breadcrumb .breadcrumb-item:nth-child(1){display:none!important} .custom-breadcrumb .breadcrumb-separator:nth-child(2){display:none!important} .custom-breadcrumb .breadcrumb-separator{font-size:16px} .fbc-items .active.post-page span{font-size:16px!important} .fbc-page .fbc-wrap .fbc-items li .fbc-separator{color:#000!important;font-size:16px} .fbc-items .itemListElement a span{font-size:16px!important} .notice{display:flex;justify-content:space-between;align-items:center;background:#fff;box-shadow:0 2px 18px -1px #0000001f;padding:9px 12px;border-radius:5px;margin:20px 0 24px} .featured-books{height:31px;display:flex} .notice span.latest-news{background:#035dcd;color:#fff;font-size:15px;padding:6px 20px;border-radius:5px} @media screen and (max-width: 720px) { #mobile-menu{display:block} .site-footer{margin:51px 0 55px} header .topbar-menu-wrap .other-menu{padding:0} header .topbar-menu-wrap ul li a{font-size:13px} header .topbar-menu-wrap .social_media{padding:0} .file-object iframe{max-height:450px!important;width:100%;border:none} .featured-books{height:51px;display:flex} .featured-books .featured-swiper .swiper-link{font-size:13px} .notice-content span.latest-news{font-size:13px;padding:6px 4px 6px 7px;width:112px} header .logo{transform:translate(0px,0)!important;width:100%;text-align:left} .openBtn{transform:translate(-1px,-2px);position:relative;z-index:1} .overlay-content form{display:flex;width:100%;margin:0 auto;justify-content:center} .notice{height:65px;overflow:hidden} .notice-content{width:65%} .notice span.latest-news{padding:6px 8px;font-size:13px} .footer-list .openBtn{background:transparent!important} header .container{flex-direction:row-reverse} } header .topbar-menu-wrap{width: 100%;overflow:hidden;display:flex;justify-content:space-between;align-items:center} header .topbar-menu-wrap .social_media li a{font-size:0;padding:3px 9px} header .topbar-menu-wrap ul li a i{font-size:15px} header .logo{transition:all .3s linear;font-size:1.5rem; height: 40px;} header .logo a{display: flex; width: 100%; height: 100%;} header .logo a img{width: 100%; height: 100%; object-fit: contain;} .form-content input,.form-content textarea{margin:0 auto 10px!important;border:1px solid #ebebeb!important;width:100%;border-radius:5px!important;padding:5px 15px 4px!important;background:transparent;text-align:right;font-family:"Almarai",sans-serif!important;font-size:16px} .wpcf7-not-valid-tip{font-size:11px!important;font-weight:700!important} textarea{max-height:170px} .form-content .btn-action{color:#000!important} .form-content .btn-action:hover{background:#035dcd!important;color:#fff!important;outline:none} .wpcf7 form .wpcf7-response-output{font-size:13px} .site-info{border-top:1px solid #efefef!important;padding:14px 0 0!important;margin:39px 0 0!important} .sharer{background:#f9f9f9;border:1px solid #ddd;overflow:auto;border-radius:8px;padding:16px 16px;box-shadow:0 5px 5px 0 #0000000f;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:24px 0 43px} .sharer-title{font-weight:600;font-size:16px;line-height: 1;} .sharer-list{list-style: none;padding: 0;margin: 0;display: flex;align-items: center;gap: 6px;} .sharer-list li{display:flex;} .sharer-list li a{display: flex;justify-content: center;align-items: center;text-align: center;text-decoration: none;font-size: 32px;} .sharer-list .facebook a{color:#3c589a} .sharer-list .twitter a{color:#000} .sharer-list .whatsapp a{color:#4dd060} .sharer-list .telegram a{color:#3da5f1} input[type="checkbox"]:after{left:9px!important;top:6px!important} .form-submit #submit{width:auto!important;outline:none;padding:7px 18px!important;margin:9px 0 0!important;background:#035dcd;font-size:15px;border-radius:5px;border:none} .form-submit #submit:hover{color:#fff;border:none} .notice-content{width:89%} .notice marquee{font-size:14px;height:40px} .openBtn{background:#035dcd!important;border:none;padding:7px 10px;font-size:15px;cursor:pointer;border-radius:5px;color:#fff} .page-header{padding:0!important} .page-header .page-title{font-size:26px} .entry-header .entry-title{font-size:16px} .page-header{border-bottom:2px solid var(--global--color-border)!important;margin:27px auto 15px} .header-bottombar{position:relative;z-index:9} .post-thumbnail-inner{border:1px solid #ccc;border-radius:5px;padding:0!important;overflow:hidden} .post-thumbnail-inner img{margin-top:0!important} .fbc-page .fbc-wrap .fbc-items li:last-child{padding-right:0!important} .description{margin:0 0 40px} .description p{font-size:16px} .description li{font-size:16px;line-height:1.4;font-family:"Almarai",sans-serif!important;margin: 0 0 10px;} .fbc-page .fbc-wrap .fbc-items{font-family:"Almarai",sans-serif!important} button:hover{border:none} button:focus{outline:none!important} .entry-header{display:none} .privacy-policy p,h2,ul{max-width:100%!important;font-family:"Almarai",sans-serif!important} .yoast-breadcrumbs{max-width:1280px!important} .entry-content .wp-block-group{max-width:1280px!important} .entry-content .wp-block-heading{color:#2b76bf;font-size:18px;position:relative;padding:0 0 10px;font-family:"Almarai",sans-serif!important} .entry-content .wp-block-group__inner-container{font-size:14px} .yoast-breadcrumbs{margin:0 auto 22px;display:flex;align-items:center} .yoast-breadcrumbs span{font-size:12px;margin:0 4px 0 0;font-family:"Almarai",sans-serif!important} .yoast-breadcrumbs span a{font-size:12px;margin:0;text-decoration:underline;padding:0;font-family:"Almarai",sans-serif!important;line-height:1.4} .reply a{font-family:"Almarai",sans-serif!important} .entry-content p{font-size:14px!important;font-family:"Almarai",sans-serif!important} .page-header .page-title{font-size:18px;font-family:"Almarai",sans-serif!important} .search-result-count{font-size:18px} @media screen and (max-width: 1024px) { .data-block ul li{margin-right:0;margin-left:0} .data-block ul{grid-template-columns:repeat(2,minmax(0,1fr))} .custom-breadcrumb{display:flex;text-align:right;min-height:46px;overflow:auto;white-space:nowrap;margin:-9px -4px 22px} .fbc-page .fbc-wrap .fbc-items li{font-size:15px} .pdfjs-fullscreen{left:21px!important} .footer-list .btn-menu-trigger{top:0;padding:0} .openBtn{padding:0} .openBtn.mobile{padding:7px 10px} header .logo{transform:translate(0px,0px);width:100%;text-align:center} .openBtn.mobile{position:absolute;left:15px} .overlay-content form{width:100%} .entry-content{padding:0 15px} } @media screen and (max-width: 769px) { .data-block ul li{margin-right:0;margin-left:0} .data-block ul{grid-template-columns:repeat(2,minmax(0,1fr))} .custom-breadcrumb{display:flex;text-align:right;min-height:46px;overflow:auto;white-space:nowrap;margin:-9px -4px 22px} .fbc-page .fbc-wrap .fbc-items li{font-size:15px} .notice-content{width:78%} } @media screen and (max-width: 720px) { .notice-content{width:65%} .overlay-content{width:100%} .site-footer{margin-top:0!important} .breadcrumb{margin:24px 0 22px;display:flex;width:100%;overflow:auto} .fbc-page .fbc-wrap .fbc-items{display:flex;min-height:38px;white-space:nowrap;padding:0 2px!important} } /* New */ header .header-topbar{background:#232b37;width:100%;height: 36px;display: flex;align-items: center;} header .topbar-menu-wrap ul li{list-style:none;padding:0; margin: 0;} header .topbar-menu-wrap ul li a{color:#fff;font-size:16px;text-decoration:none;display:block;transition:all .3s ease} header .container{display:flex;align-items:center;justify-content:space-between} header .header-content{display: flex; align-items: center; height: 80px; background-color: #fff;width: 100%;} header .header-options{display: flex;align-items: center;gap: 12px;margin-right: auto;} header .header-options .login-menu{margin: 0; padding: 0; list-style: none;} header .header-options .login-menu a{background: #232b37;color: #fff;padding: 2px 25px 0;border-radius: 30px;font-size: 16px;font-weight: 600; text-decoration: none !important;display: flex;align-items: center;justify-content: center;height: 44px;} header .header-options .login-menu a i{display: none;} header .header-search .search-trigger{display: none;} .navigation{margin-right: 40px;} .navigation a{outline: none !important;box-shadow: none !important;text-decoration: none !important;} .navigation-menu{display: flex;padding: 0;margin: 0;list-style: none;align-items: center;gap: 24px;} .navigation-menu .menu-item{position: relative;display: flex;align-items: center;} .navigation-menu .menu-item:before{content:""; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 3px solid transparent; transition: all 0.3s ease;} .navigation-menu .menu-item.current-menu-item:before, .navigation-menu .menu-item:hover:before{border-color: var(--primary-blue);} .navigation-menu .menu-links{display: flex;gap: 8px;width: 100%;} .navigation-menu .menu-link{font-size: 16px;font-weight: 500;padding: 10px 0; display: flex; align-items: center; width: 100%;line-height: 1; flex-shrink: 1; flex-grow: 1;} .navigation-menu .menu-toggle{display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 14px;transition: all 0.3s ease;color: var(--gray-text);} .navigation-menu .dropdown-menu{position: absolute;top: 100%;right: 0;background-color: #fff;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);border-radius: 6px;padding: 4px 0;width: 100%;min-width: 240px;margin: 16px 0 0;opacity: 0;visibility: hidden;list-style: none;transition: all 0.3s ease;} .navigation-menu .menu-item.dropdown:hover > .dropdown-menu{opacity: 1;visibility: visible;} .navigation-menu .dropdown .menu-item:before{display: none;} .navigation-menu .dropdown .dropdown-menu .dropdown-menu{top:0;right: calc(100% - 6px);} .navigation-menu .dropdown .dropdown-menu .menu-links{padding: 0 12px; transition: all 0.3s ease;} .navigation-menu .dropdown .dropdown-menu .menu-links:hover{background-color: var(--gray-border);} .navigation-menu .dropdown .dropdown-menu .menu-link{min-height: 44px;} .navigation-menu .dropdown .dropdown-menu .menu-toggle i{transform: rotate(90deg);} .section-main{position: relative;padding: 40px 0;min-height: calc(100vh - 300px);} .section-title{display: flex;border-bottom: 1px solid var(--gray-border); position: relative; margin: 0 0 24px;} .section-title .title{position: relative;margin: 0;font-size: 24px;padding: 0 0 12px;} .section-title .title:after{content: '';position: absolute;bottom: -1px;right: 0;width: 100%;height: 3px;background: linear-gradient(90deg, #d4c5b0 0%, #1a1a1a 70%);} .section-block+.section-block{margin: 80px 0 0;} .data-post-list{display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));column-gap: 16px;row-gap: 32px; padding: 0; margin: 0; list-style: none;} .data-post-list .data-post{display: flex; position: relative;transition: all 0.3s ease;} .data-post-list .data-post .data-post-link{display: flex; flex-direction: column; position: relative;text-decoration: none !important;} .data-post-list .data-post .data-post-image{width: 100%;aspect-ratio: 3 / 2;overflow: hidden;border-radius: 8px;border: 1px solid var(--gray-border);display: flex;position: relative;} .data-post-list .data-post .data-post-image img{width: 100%;height: 100%;object-fit: cover;} .data-post-list .data-post .data-post-content{display: flex;align-items: center;justify-content: center;padding: 6px 0;} .data-post-list .data-post .data-post-content .data-post-title{font-size: 16px;color: var(--primary-dark);position: relative;background: linear-gradient(to right, rgba(226, 255, 255, 0.39), rgba(255, 255, 255, 0.11)), linear-gradient(to right, rgba(17, 148, 201, 0.79), rgba(0, 49, 110, 0.89), rgb(71, 168, 255));background-size: 100% 0.1em, 0 0.1em;background-position: 100% 100%, 0 100%;background-repeat: no-repeat;transition: background-size 400ms;padding: 0 0 4px;} .data-post-list .data-post:hover{transform: translateY(-10px);} .data-post-list .data-post:hover .data-post-content .data-post-title{background-size: 0 0.1em, 100% 0.1em;} .data-post-list .data-post .data-post-badge{position: absolute;color: #ffffff;font-size: 14px;height: 28px;display: flex;align-items: center;justify-content: center;padding: 0 16px;width: unset;top: 10px;left: -6px;z-index: 2;border-radius: 0 99px 99px 0;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);} .data-post-list .data-post .data-post-badge-fold{position: absolute;height: 28px;aspect-ratio: 1 / 1;z-index: -1;top: 24px;left: -1px;transform: rotate(45deg);} /* .data-post-list .data-post:hover .data-post-link{box-shadow: 0px 0px 23px 0 rgba(81, 120, 189, 0.59);} */ .file-list{display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));column-gap: 16px;row-gap: 32px;} .file-list .file-item{display: flex; position: relative;transition: all 0.3s ease;} .file-list .file-item .item-link{display: flex; flex-direction: column; position: relative;transition: all 0.3s ease; background-color: #ffffff;overflow: hidden;border-radius: 8px;} .file-list .file-item .item-image{width: 100%;aspect-ratio: 3 / 2;overflow: hidden;border-radius: 8px;border: 1px solid var(--gray-border);display: flex;position: relative; z-index: 1;} .file-list .file-item .item-image img{width: 100%;height: 100%;object-fit: cover;} .file-list .file-item .item-content{display: flex;align-items: center;justify-content: center;padding: 16px 0;} .file-list .file-item .item-content .title{font-size: 16px;color: var(--primary-dark);position: relative;} .file-list .file-item .item-badge{position: absolute;color: #ffffff;font-size: 14px;height: 28px;display: flex;align-items: center;justify-content: center;padding: 0 16px;width: unset;top: 10px;left: -6px;z-index: 2;border-radius: 0 99px 99px 0;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);} .file-list .file-item .item-badge-fold{position: absolute;height: 28px;aspect-ratio: 1 / 1;z-index: -1;top: 24px;left: -1px;transform: rotate(45deg);} .file-list .file-item:hover .item-link{box-shadow: 0px 0px 23px 0 rgba(81, 120, 189, 0.59);} footer.footer{position: relative;background-color: var(--primary-dark);padding: 120px 0 40px;color: var(--bodyBg);border-radius: 80px 80px 0 0;margin: 120px 0 0;} footer.footer .footer-content{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: 80px;} footer.footer .footer-info{grid-column: span 5 / span 5;display: flex;flex-direction: column;gap: 36px;align-items: flex-start;} footer.footer .brand{height: 40px; display: inline-flex;} footer.footer .brand .logo{display: flex;width: 100%;height: 100%;} footer.footer .brand .logo img{width: 100%;height: 100%;object-fit: contain;} footer.footer .footer-description{font-size: 16px;line-height: 1.8;color: #fff;} footer.footer .footer-details{grid-column: span 3 / span 3;} footer.footer .footer-title{font-size: 20px;font-weight: 600;margin: 0 0 24px;color: #fff;} footer.footer .footer-menu{padding: 0;list-style: none;margin: 0;display: flex;flex-direction: column;align-items: flex-start;gap: 12px;} footer.footer .footer-menu li {display: flex;} footer.footer .footer-menu li a{font-size: 16px;color: #fff;text-decoration: none;display: inline-flex;transition: all 0.3s ease;} footer.footer .footer-menu li a:hover{text-decoration: underline;} footer.footer .footer-contact{grid-column: span 4 / span 4;} footer.footer .contact-details{padding: 0;list-style: none;margin: 0;display: flex;flex-direction: column;align-items: flex-start;gap: 12px;} footer.footer .contact-details .contact-item{display: flex; gap: 12px;text-decoration: none;transition: all 0.3s ease;} footer.footer .contact-details .contact-item .contact-icon{font-size: 16px;color: #fff;} footer.footer .contact-details .contact-item .contact-data{font-size: 16px;color: #fff;} footer.footer .contact-details .contact-item:hover .contact-data{text-decoration: underline;} footer.footer .social-menu{display: flex;align-items: center;list-style: none;padding: 0;margin: 24px 0 0;gap: 12px;} footer.footer .social-menu li{display: flex;} footer.footer .social-menu li a{font-size: 20px;color: #fff;} footer.footer .footer-bar{display: flex;align-items: center;justify-content: space-between;padding: 36px 0 0;margin: 36px 0 0;border-top: 1px solid rgba(255, 255, 255, 0.05);} footer.footer .footer-copyright{font-size: 14px;color: var(--gray-text);} footer.footer .footer-bottom-menu{padding: 0;list-style: none;margin: 0;display: flex;gap: 12px;} footer.footer .footer-bottom-menu li{display: flex;} footer.footer .footer-bottom-menu li a{font-size: 14px;color: var(--gray-text);text-decoration: none;display: inline-flex; transition: all 0.3s ease;} footer.footer .footer-bottom-menu li a:hover{text-decoration: underline;color: #fff;} .comments-area{max-width: none !important; width: 100%;} .comment-list{display: flex;flex-direction: column;gap: 24px; padding-right: 40px !important; list-style: none; border-right: 4px solid var(--gray-border);} .comment-list > .comment{margin: 0;background-color: var(--gray-light); padding: 20px; border-radius: 12px; border: 1px solid var(--gray-border);position: relative;} .comment-list > .comment:after{content: "";position: absolute;width: 10px;aspect-ratio: 1 / 1;background-color: var(--gray-medium);top: 8px;right: -26px;border-radius: 50%;opacity: 0.5;} .comment-list > .comment .comment-body{margin: 0;} .comment-list > .comment .comment-meta{margin: 0 0 10px;position: relative;display: flex;flex-direction: column;border-bottom: 1px solid var(--gray-border);padding: 10px 60px 10px 0;} .comment-list > .comment .comment-author{font-size: 16px;font-weight: 600;padding: 0;} .comment-list > .comment .comment-author img{position: absolute;top: 50%;right: 0;width: 40px;transform: translateY(-50%);border-radius: 8px;background-color: var(--primary-darker);} .comment-list > .comment .comment-author .fn{padding: 0;font-size: 16px;font-weight: 600;} .comment-list > .comment .comment-author .fn a{text-decoration: none;} .comment-list > .comment .comment-metadata{padding: 0 !important;} .comment-list > .comment .comment-metadata a{font-size: 14px;text-decoration: none;cursor: default;pointer-events: none;} .comment-list > .comment .comment-metadata time{} .comment-list > .comment .comment-content{margin: 0 0 10px;padding: 16px 0;font-size: 16px;} .comment-list > .comment .comment-content:before{display: none;} .comment-list > .comment .comment-content:after{display: none;} .comment-list > .comment .reply{display: flex;} .comment-list > .comment .reply .comment-reply-link{font-size: 16px;font-weight: 600;text-decoration: none;color: #fff;background-color: var(--primary-dark);padding: 0 12px;border-radius: 6px;height: 32px;display: flex;align-items: center;justify-content: center;} .comment-list > .comment .children{display: flex;flex-direction: column;gap: 16px;margin: 20px 20px 0 0;padding: 0 20px 0 0;border-right: 4px solid var(--gray-border);} .comment-list > .comment .children .comment{margin: 0;background-color: #fff;padding: 20px;border-radius: 12px;border: 1px solid var(--gray-border);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);} .comment-list .reply-title small{position: absolute; white-space: nowrap; top: 50%; right: 100%; transform: translate(-20px, -50%); font-size: 16px; text-decoration: none; outline: none !important;} .comment-list .reply-title small a{text-decoration: none; outline: none !important;} .comment-respond{padding: 20px;background-color: var(--gray-light);border: 1px solid var(--gray-border);border-radius: 12px;} .comment-form{display: grid !important;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;} .comment-form .comment-notes{display: flex !important; flex-direction: column; margin: 0 !important;grid-column: span 2 / span 2;} .comment-form .comment-notes .required-field-message{font-size: 16px;} .comment-form .comment-notes .required-field-message .required{color: red;} .comment-form label{font-size: 16px !important;margin: 0 0 10px !important;font-weight: 600 !important;} .comment-form .required{color: red;} .comment-form textarea{font-size: 16px !important;margin: 0 !important;font-weight: 400 !important;border: 1px solid var(--gray-border) !important;border-radius: 6px !important;background-color: #fff;padding: 6px 12px;} .comment-form input{font-size: 16px !important;margin: 0 !important;font-weight: 400 !important;border: 1px solid var(--gray-border) !important;border-radius: 6px !important;background-color: #fff;padding: 6px 12px;} .comment-form .form-submit{display: flex;grid-column: span 2 / span 2;margin: 20px 0 0;} .comment-form .form-submit #submit.submit{height: 48px;border-radius: 6px !important;margin: 0 !important;padding: 0 24px !important;background-color: var(--primary-dark) !important;transition: all 0.3s ease;} .comment-form .form-submit #submit.submit:hover{background-color: var(--primary-darker) !important;} .comment-form .comment-form-comment{margin: 0 !important;grid-column: span 2 / span 2;} .comment-form .comment-form-author{margin: 0 !important;} .comment-form .comment-form-email{margin: 0 !important;} .comment-form .comment-form-url{margin: 0 !important;grid-column: span 2 / span 2;} .comment-form .logged-in-as{font-size: 18px; max-width: 300px;} .comment-form .logged-in-as a{display: inline-flex;font-size: 14px;font-weight: 600;color: var(--primary-blue);} .comment-form .logged-in-as a:hover{text-decoration: hover;} .comment-form .logged-in-as .required-field-message{display: block; font-size: 14px;} .teacher-filter{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 16px;margin: 0 0 36px;} .teacher-filter .filter-item{position: relative; display: flex;} .teacher-filter .filter-search, .teacher-filter .filter-select{position: relative;display: flex;width: 100%;} .teacher-filter .filter-search .search-input, .teacher-filter .filter-select .select-input{width: 100%;border: 1px solid var(--gray-border);border-radius: 8px;height: 48px;padding: 6px 12px;font-size: 16px;color: var(--primary-dark);box-shadow: none;outline: none;transition: all 0.3s ease;} .teacher-filter .filter-search .search-input:focus, .teacher-filter .filter-select .select-input:focus{border-color: var(--gray-text);} .list-action{display: flex; justify-content: center; margin: 56px 0 0;} .list-action .btn-list-action{background-color:var(--primary-dark);color: #fff;padding: 2px 25px 0;border-radius: 30px;font-size: 16px;font-weight: 600;text-decoration: none !important;display: flex;align-items: center;justify-content: center;height: 48px;border: 0; transition: all 0.3s ease;} .list-action .btn-list-action:hover{background-color:var(--primary-darker);} .teacher-list{padding: 0;margin: 0;list-style: none;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 24px;} .teacher-list .teacher{position: relative;width: 100%; display: none;} .teacher-list .teacher .teacher-link{position: relative; width: 100%; display: flex;flex-direction: column;gap: 24px;align-items: center;padding: 24px;border: 1px solid var(--gray-border);border-radius: 16px;background-color: #fff; text-decoration: none; transition: all 0.3s ease;} .teacher-list .teacher .teacher-link:hover{box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1); transform: translateY(-10px);} .teacher-list .teacher .teacher-image{width: 120px;aspect-ratio: 1 / 1;overflow: hidden;border-radius: 9999px;border: 1px solid var(--gray-border);} .teacher-list .teacher a{text-decoration: none;} .teacher-list .teacher .teacher-image img{width: 100%;height: 100%;object-fit: cover;} .teacher-list .teacher .teacher-info{text-align: center;width: 100%;line-height: 1;display: flex;flex-direction: column;gap: 4px;} .teacher-list .teacher .teacher-name{font-size: 20px; font-weight: 600; margin: 0 0 12px;} .teacher-list .teacher .teacher-designation{font-size: 16px; font-weight: 500;color: var(--gray-medium);} .teacher-list .teacher .teacher-email{font-size: 14px; color: var(--gray-text);} .teacher-list .teacher .social-links{list-style: none;padding: 0;margin: 12px 0;display: flex;align-items: center;justify-content: center;gap: 4px;} .teacher-list .teacher .social-links li a{display: flex;align-items: center;justify-content: center;color: var(--gray-medium);font-size: 20px; transition: all 0.3s ease;} .teacher-list .teacher .social-links li a:hover{color: var(--primary-blue);} .file-download{position: relative; margin: 36px 0 0;} .file-download .file-download-title{font-size: 20px;font-weight: 600;text-align: center;margin: 0 0 20px;} .file-download .file-download-options{display: flex;align-items: flex-start;justify-content: center;gap: 24px;} .file-download .file-download-options .file-item{position: relative; display: flex} .file-download .file-download-options .file-item .file-link{display: flex;flex-direction: column;justify-content: center;align-items: center;text-decoration: none;gap: 4px;} .file-download .file-download-options .file-item .file-icon{width: 80px;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;background-color: var(--gray-border);border-radius: 16px;font-size: 40px;color: var(--primary-dark);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);} .file-download .file-download-options .file-item .file-label{font-size: 16px; font-weight: 500;} .file-download .file-download-options .file-item .file-pdf .file-icon{color:#fff;background: linear-gradient(135deg, #e34a3a, #c23a29);} .file-download .file-download-options .file-item .file-docx .file-icon{color:#fff;background: linear-gradient(135deg, #2b7ad0, #1f68a7);} .post-block{} .post-block .section-title{border:none;} .post-block .post-title{font-size: 32px; font-weight: 700;} .post-block .post-title:after{display: none;} .post-block .post-image{position: relative;width: 100%;display: flex;margin: 0 0 48px;} .post-block .post-image img{width: 100%; height: 100%; object-fit: cover;} .post-block .post-content{font-size:16px;line-height:1.6;font-weight:400;} .post-block .post-content h1{font-size:32px;margin:24px 0 16px;line-height:1.2;font-weight:500;} .post-block .post-content h2{font-size:28px;margin:24px 0 16px;line-height:1.2;font-weight:500;} .post-block .post-content h3{font-size:24px;margin:24px 0 16px;line-height:1.2;font-weight:500;} .post-block .post-content h4{font-size:20px;margin:24px 0 16px;line-height:1.2;font-weight:500;} .post-block .post-content h5{font-size:18px;margin:24px 0 16px;line-height:1.2;font-weight:500;} .post-block .post-content h6{font-size:16px;margin:24px 0 16px;line-height:1.2;font-weight:500;} .post-block .post-content p{font-size:16px;margin:0 0 24px;line-height:1.6;font-weight:400;} .post-block .post-content img{max-width:100%;height:auto;display:inline-block} .post-block .post-content img.img-align-left{display:block;float:left;margin:20px 30px 20px 0} .post-block .post-content img.img-align-right{display:block;float:right;margin:20px 0 30px 20px} .post-block .post-content img.img-align-center{display:block;margin:10px auto} .post-block .post-content a{color:var(--primary-dark);text-decoration:none;transition:all .3s ease} .post-block .post-content a:hover{color:var(--primary-blue);text-decoration:none} .post-block .post-content pre{text-decoration:none} .post-block .post-content hr{border:0 none;height:1px;position:relative;clear:both;margin:50px 0!important} .post-block .post-content blockquote{font:inherit;display:block;position:relative;clear:both;overflow-x:auto;white-space:pre-wrap;white-space:-moz-pre-wrap!important;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;padding:20px;border-radius:4px;font-weight:500;font-size:16px;line-height:1.5;background-color:var(--gray-light); border-left:4px solid var(--gray-text)} .post-block .post-content b,.post-block .post-content strong{font-weight:500} .post-block .post-content ul{margin:20px 0!important} .post-block .post-content ul li{font-size:16px;line-height:1.5;font-weight:400;} .post-block .post-content ol{margin:20px 0!important} .post-block .post-content ol li{font-size:16px;line-height:1.5;font-weight:400;} .post-block .post-content table td{font-size:16px;line-height:1.5;font-weight:400;} .post-block .post-content table.blog{width:100%;border-collapse:collapse} .post-block .post-content table.blog td,.post-block .post-content table.blog th{border:1px solid var(--gray-border);padding:5px 10px} .post-block .post-comment{} .featured{background: #ebebeb;padding: 60px 30px;border-radius: 30px; display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 24px;} .featured .featured-title{font-size: 28px;font-weight: 600; color: var(--primary-darker); margin:0 0 24px;} .featured-blogs{position:relative; grid-column: span 2 / span 2;} .featured-blogs .featured-loop{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px;} .featured-blogs .singles-post-item{background: #fff; border-radius: 12px; padding: 24px 24px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); transition: all 0.3s ease;} .featured-blogs .singles-post-item:hover{transform: translateY(-5px); box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);} .featured-blogs .singles-post-item .singles-post-image{display: none;} .featured-blogs .singles-post-item .singles-post-title{font-size: 20px;color: var(--primary-dark);margin-bottom: 8px;font-weight: 600;transition: all 0.3s ease;} .featured-blogs .singles-post-item .singles-post-title a{text-decoration: none; transition: all 0.3s ease;} .featured-blogs .singles-post-item .singles-post-title:hover a{color: var(--primary-blue);} .featured-blogs .singles-post-item .singles-post-excerpt{font-weight: 400;color: var(--gray-medium);font-size: 16px;line-height: 1.6;margin:0 0 12px;} .featured-blogs .singles-post-item .singles-post-action{display: flex;} .featured-blogs .singles-post-item .singles-post-action .read-more{color: var(--primary-blue); font-weight: 600;font-size: 16px;text-decoration: none;transition: all 0.3s ease;} .featured-blogs .singles-post-item .singles-post-action .read-more:hover{text-decoration: underline;} .featured-comments{position:relative; grid-column: span 1 / span 1;} .featured-comments .featured-loop{display: grid;grid-template-columns: repeat(1, minmax(0, 1fr));gap: 16px;} .featured-comments .singles-comment-item{background: #fff; border-radius: 12px; padding: 24px 24px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); transition: all 0.3s ease;} .featured-comments .singles-comment-item:hover{transform: translateY(-5px); box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);} .featured-comments .singles-comment-content{font-weight: 400;color: var(--gray-medium);font-size: 16px;line-height: 24px;margin: 0 0 12px;max-height: 96px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;display: -webkit-box;} .featured-comments .singles-comment-author{font-size: 20px;color: var(--primary-blue);margin-top: 8px;font-weight: 600;transition: all 0.3s ease;} .search-form{height: 44px;display: flex;border: 1px solid var(--gray-border);border-radius: 44px;overflow: hidden;position: relative;flex-wrap: nowrap !important;} .search-form .search-icon{height: 100%;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;font-size: 16px;padding: 1px 0 0;color: var(--primary-dark) !important; background-color: transparent !important;flex-shrink: 0;margin: 0; border: none;} .search-form .search-input{border: none !important;outline: none !important;box-shadow: none !important;padding: 0 12px;font-size: 16px;flex-shrink: 1;flex-grow: 1;} .search-page .search-header{position: relative; text-align: center} .search-page .search-header .search-page-title{font-size: 24px;} .search-page .search-header .search-page-query{font-size: 40px; margin: 10px 0;} .search-page .search-wrapper{display: flex; justify-content: center;} .search-page .search-wrapper .search-form{height: 56px;width: 100%;border-radius: 100px;} .search-page .search-wrapper .search-form .search-icon{padding: 2px 0 0;font-size: 20px;} .search-page .search-wrapper .search-form .search-input{padding: 0 16px; font-size: 20px;} .search-page .search-results{position: relative; margin: 80px 0 0;} .search-page .search-results-loop{display: flex;flex-direction: column;gap: 0;} .search-page .singles-post-item{display: flex;gap: 20px;padding: 40px 0;} .search-page .singles-post-item+.singles-post-item{border-top:1px solid var(--gray-border);} .search-page .singles-post-item .singles-post-image{width: 240px;flex-shrink: 0;overflow: hidden;aspect-ratio: 3 / 2;border-radius: 8px;border: 1px solid var(--gray-border);display: flex;position: relative;transition: all 0.3s ease;} .search-page .singles-post-item .singles-post-image-link{display: flex; width: 100%; height: 100%;} .search-page .singles-post-item .singles-post-image-link img{width: 100% !important; height: 100% !important; object-fit: cover; margin: 0 !important;} .search-page .singles-post-data{position: relative;display: flex;flex-direction: column;gap: 8px;} .search-page .singles-post-data .singles-post-title{font-size: 20px;color: var(--primary-dark);margin-bottom: 8px;font-weight: 600;transition: all 0.3s ease;} .search-page .singles-post-data .singles-post-title a{text-decoration: none; transition: all 0.3s ease;} .search-page .singles-post-data .singles-post-title:hover a{color: var(--primary-blue);} .search-page .singles-post-data .singles-post-excerpt{font-weight: 400;color: var(--gray-medium);font-size: 16px;line-height: 1.6;margin:0 0 20px;} .search-page .singles-post-data .singles-post-action{display: flex; margin-top: auto;} .search-page .singles-post-data .read-more{color: var(--primary-blue); font-weight: 600;font-size: 16px;text-decoration: none;transition: all 0.3s ease;} .search-page .singles-post-data .read-more:hover{text-decoration: underline;} .search-page .search-no-results{font-size: 24px; text-align: center;} .section-file .file-section{margin: 0 0 64px;} .table-of-content{position: relative;column-count: 2;border-top: 1px solid var(--gray-border);gap: 0;} .table-of-content .table-of-content-item{display: flex;text-decoration: none;border-bottom: 1px solid var(--gray-border); border-left: 1px solid var(--gray-border); transition: all 0.3s ease;} .table-of-content .table-of-content-item .item-number{flex-shrink: 0;aspect-ratio: 1 / 1;width: 44px;margin: 0 0 auto;display: flex;align-items: center;justify-content: center;font-size: 16px;background-color: var(--gray-border);font-weight: 600;transition: all 0.3s ease;} .table-of-content .table-of-content-item .item-data{flex-shrink: 1;flex-grow: 1;font-size: 16px;display: flex;align-items: center;padding: 0 8px;height: 44px;max-width: calc(100% - 60px);transition: all 0.3s ease;} .table-of-content .table-of-content-item .item-data span{text-overflow: ellipsis;overflow: hidden;white-space: nowrap; display: inline-block;} .table-of-content .table-of-content-item:hover{border-color: var(--primary-dark); background-color: var(--primary-dark);color:#fff;} .table-of-content .table-of-content-item:hover .item-number{background-color: var(--primary-dark);color:#fff;} .table-of-content .table-of-content-item:hover .item-data{color:var(--gray-text);} .tab{position: relative; width: 100%;} .tab .tab-navigation{display: flex;gap: 0px;margin: 0;border-bottom: 3px solid var(--primary-dark);} .tab .tab-navigation .tab-item{appearance: none !important;background-color: transparent !important;border: 0;border-bottom: 3px solid var(--primary-dark);padding: 0 24px;height: 56px;display: flex;align-items: center;justify-content: center;font-size: 16px;cursor: pointer; gap: 8px;transition: all .3s ease;color: var(--primary-dark) !important;font-weight: 600;border-radius: 16px 16px 0 0;margin-bottom: -3px;} .tab .tab-navigation .tab-item i{font-size: 24px;} .tab .tab-navigation .tab-item:hover{background-color:var(--gray-border) !important;} .tab .tab-navigation .tab-item.active{background-color: var(--primary-dark) !important;color: var(--gray-light) !important;border-color: var(--primary-dark) !important;} .tab .tab-contents{position: relative;padding: 24px 0;min-height: 320px;background-color: #fff;overflow: hidden;} .tab .tab-contents .tab-content{display: none; animation: fadeIn 0.5s ease;} .tab .tab-contents .tab-content.active{display: block;} @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { .tab .tab-contents .tab-content{transition:none} } .section-teacher-profile{position: relative;min-height: calc(100vh - 300px);} .section-teacher-profile .teacher-profile{position: relative; background-color: var(--primary-dark);padding: 80px 0;} .teacher-profile-informations{display: flex; gap: 60px; align-items: flex-start;} .teacher-profile-informations .teacher-avatar{width: 160px;aspect-ratio: 1 / 1;overflow: hidden;border-radius: 9999px;border: 1px solid var(--gray-medium);flex-shrink: 0;} .teacher-profile-informations .teacher-avatar img{width: 100%;height: 100%;object-fit: cover;} .teacher-profile-informations .teacher-information{ flex-shrink: 1; flex-grow: 1; line-height: 1;display: flex;flex-direction: column;gap: 4px;} .teacher-profile-informations .teacher-name{font-size: 40px;font-weight: 600;margin: 0;color: #fff;} .teacher-profile-informations .teacher-email{font-size: 18px;color: var(--gray-text);margin: 0 0 12px;} .teacher-profile-informations .teacher-designation{font-size: 24px; font-weight: 500; color: #fff; margin:12px 0;} .teacher-profile-informations .teacher-description{font-size: 18px;font-weight: 300;color: var(--gray-text);line-height: 1.6;margin: 20px 0;letter-spacing: 0.2px;} .teacher-profile-informations .teacher-meta{display: flex; gap: 16px; margin: 16px 0;} .teacher-profile-informations .teacher-meta .meta-item{display: flex;align-items: center;gap: 16px;text-decoration: none;padding: 16px 24px;background-color: rgba(0, 0, 0, 0.2);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 16px;transition: all 0.3s ease;} .teacher-profile-informations .teacher-meta .meta-item:hover{background-color: var(--primary-blue);border-color: var(--primary-blue);color: #fff;} .teacher-profile-informations .teacher-meta .meta-item .meta-icon{flex-shrink: 0;font-size: 36px;color: #fff;} .teacher-profile-informations .teacher-meta .meta-item .meta-content{flex-shrink: 1; flex-grow: 1;display: flex;flex-direction: column;gap: 4px;} .teacher-profile-informations .teacher-meta .meta-item .meta-label{font-size: 14px;text-transform: uppercase;color: var(--gray-text);} .teacher-profile-informations .teacher-meta .meta-item .meta-data{font-size: 20px; color: var(--gray-light);} .teacher-profile-informations .social-links{list-style: none;padding: 0;margin: 12px 0;display: flex;align-items: center;justify-content: flex-start;gap: 8px;} .teacher-profile-informations .social-links li a{display: flex;align-items: center;justify-content: center;color: var(--gray-text);font-size: 30px;transition: all 0.3s ease;width: 60px;aspect-ratio: 1 / 1;text-decoration: none;background-color: rgba(0, 0, 0, 0.2);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 60px;padding: 1px 0 0;} .teacher-profile-informations .social-links li a:hover{background-color: var(--primary-blue);border-color: var(--primary-blue);color: #fff;} .teacher-content{position: relative; padding: 48px 0;} .teacher-content .teacher-files-grid{grid-template-columns: repeat(3, minmax(0, 1fr));} .teacher-content .teacher-exams-grid{grid-template-columns: repeat(3, minmax(0, 1fr));} .teacher-content .teacher-courses-grid{grid-template-columns: repeat(3, minmax(0, 1fr));} .tab-no-data{position: relative;min-height: 240px;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 16px;background-color: var(--gray-light);border: 1px solid var(--gray-border);border-radius: 10px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06); line-height: 1;} .tab-no-data .tab-no-data-icon{font-size: 48px;color: var(--primary-dark);} .tab-no-data .tab-no-data-title{font-size: 16px; color: var(--primary-dark);} .entry-content > *:not(.container){ max-width: inherit; } .login-inner{position:relative;width:100%;max-width:480px;margin:0 auto} .login-inner .login{position:relative} .login-inner .wpuf-login-form,.login-inner #lostpasswordform, .login-inner .wpuf-registration-form{display:flex;flex-direction:column;gap:24px;width:100%} .login-inner .wpuf-error,.login-inner .wpuf-message{font-size:16px;border-radius:6px;margin:0 0 30px;width:100%} .login-inner .wpuf-error{color:#ab0000;background:#f2dede;border-color:#f2dede} .login-inner .wpuf-message{color:#ff9800;background:#fcf8e3;border-color:#fcf8e3} .login-inner label{font-size:16px;font-weight:600;line-height:1.2} .login-inner .wpuf-login-form label,.login-inner #lostpasswordform label{margin:0 0 6px} .login-inner .input{width:100%;padding:6px 12px;border-radius:6px;border:1px solid var(--gray-border);margin:0} .login-inner .input:focus{border:1px solid var(--gray-text); outline: none;} .login-inner .forgetmenot.wpuf-remember-forgot-wrapper{display:flex;align-items:center;justify-content:space-between} .login-inner .wpuf-remember-me{display:flex;align-items:center;gap:12px} .login-inner .wpuf-remember-me label{margin:0;padding:0} .login-inner .wpuf-lost-password a,.login-inner .login>a, .login-inner .wpuf-registration-form .wpuf-form li > a{font-size:16px;font-weight:600;text-decoration:none} .login-inner .wpuf-lost-password a:hover,.login-inner .login>a:hover, .login-inner .wpuf-registration-form .wpuf-form li > a:hover{text-decoration:underline} .login-inner .submit input[type=submit], .login-inner .wpuf-submit input[type=submit]{width:100%;height:56px;padding:0 24px;border:0;border-radius:6px;font-size:20px;color:#fff;background:var(--primary-dark);display:flex;align-items:center;justify-content:center} .login-inner .submit input[type=submit]:hover, .login-inner .wpuf-submit input[type=submit]:hover{background:var(--primary-darker)} .login-inner img.wpuf-eye{left: 1rem; right:auto;} body ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-first-name{float: right;} body ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-last-name{float: left;} .account-inner{position:relative;width:100%;margin:0 auto} html .wpuf-dashboard-container{display: flex;max-width: none !important;gap: 40px; align-items: flex-start;} html .wpuf-dashboard-container:after{display: none;} html .wpuf-dashboard-container .wpuf-dashboard-navigation{float: none;width: 300px;flex-shrink: 0;position: sticky;top: 160px;padding: 20px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);border-radius: 16px;} html .wpuf-dashboard-container .wpuf-dashboard-content{width: auto;float: none;flex-shrink: 1;flex-grow: 1;} html .wpuf-dashboard-container .wpuf-dashboard-navigation ul{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;align-items: flex-start; gap: 4px;} html .wpuf-dashboard-container .wpuf-dashboard-navigation ul .wpuf-menu-item{padding: 0;} html .wpuf-dashboard-container .wpuf-dashboard-navigation ul .wpuf-menu-item a{text-decoration: none;box-shadow: none;font-size: 16px;font-weight: 600;color: var(--primary-dark);padding: 6px 0;display: flex;} html .wpuf-dashboard-container .wpuf-dashboard-navigation ul .wpuf-menu-item.active a{color: var(--primary-blue);} .wpuf-update-profile-form{width: 100%;} .wpuf-update-profile-form label{font-size:16px;font-weight:600;line-height:1.2} .wpuf-update-profile-form .input-text{width:100%;padding:6px 12px;border-radius:6px;border:1px solid var(--gray-border);margin:0} .wpuf-update-profile-form .input-text:focus{border:1px solid var(--gray-text); outline: none;} .wpuf-update-profile-form .wpuf-submit button[type=submit]{width:100%;height:56px;padding:0 24px;border:0;border-radius:6px;font-size:20px;color:#fff;background:var(--primary-dark);display:flex;align-items:center;justify-content:center} .wpuf-update-profile-form .wpuf-submit button[type=submit]:hover{background:var(--primary-darker)} .account-layout{display: flex; gap: 40px; align-items: flex-start;} .account-layout .account-sidebar{width: 320px;flex-shrink: 0;position: sticky;top: 150px;padding: 20px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);border-radius: 16px;display: flex; flex-direction: column;} .account-layout .account-content{width: auto;flex-shrink: 1;flex-grow: 1;} .account-sidebar .account-user{display: flex;flex-direction: column;padding: 0 0 36px;} .account-sidebar .account-user .account-user-avatar{width: 160px;aspect-ratio: 1 / 1;border-radius: 16px;overflow: hidden;display: flex;margin: 0 0 16px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border: 1px solid var(--gray-light);} .account-sidebar .account-user .account-user-avatar img{width: 100%;height: 100%;object-fit: cover;} .account-sidebar .account-user .account-user-name{font-size: 24px;font-weight: 600;margin: 0 0 12px;color: var(--primary-dark);} .account-sidebar .account-user .account-user-email{display: flex;align-items: center;gap: 8px;font-size: 16px;color: var(--gray-medium);} .account-sidebar .account-user .account-user-since{display: flex;align-items: center;gap: 8px;font-size: 16px;color: var(--gray-medium);} .account-sidebar .account-menu{padding: 36px 0;border-top: 1px solid var(--gray-border);list-style: none;display: flex;flex-direction: column;gap: 4px;} .account-sidebar .account-menu li{position: relative;} .account-sidebar .account-menu li a{text-decoration: none;font-size: 18px;font-weight: 500;display: flex;line-height: 1;color: var(--gray-medium);padding: 10px 10px 10px 0;font-family: 'Roboto', sans-serif;border-right: 4px solid transparent;} .account-sidebar .account-menu li.active a{border-color: var(--primary-blue); color: var(--primary-darker); background-color: rgba(0, 0, 0, 0.05);} .account-upload-content{position: relative;} .account-upload-content .post-title{font-size: 36px;font-weight: 600;line-height: 1.4;margin: 0 0 36px;color: var(--primary-dark);} .account-upload-content .post-inner{position: relative;} .account-upload-content .post-book-form{position: relative;} .account-upload-content .post-book-form .form-group{position: relative; margin: 0 0 24px;} .account-upload-content .post-book-form .form-label{display: block;margin: 0 0 8px;font-size: 16px;font-weight: 600;color: var(--primary-dark);line-height: 1.2;} .account-upload-content .post-book-form .wpcf7-form-control-wrap{display: flex;flex-direction: column;} .account-upload-content .post-book-form .form-control{width: 100%;padding: 10px 12px;border-radius: 6px;border: 1px solid var(--gray-border);margin: 0;height: 48px; font-size: 16px;} .account-upload-content .post-book-form .form-control:focus{border-color:var(--gray-text)} .account-upload-content .post-book-form textarea.form-control{resize: none; min-height: 120px;} .account-upload-content .post-book-form .form-action{display: flex; flex-direction: row-reverse;align-items: center; gap: 8px;} .account-upload-content .post-book-form .form-action .wpcf7-spinner{margin: 0; flex-shrink: 0;} .account-upload-content .post-book-form .form-action .btn-submit{width: auto;height: 56px;padding: 0 24px;border: 0;border-radius: 6px;font-size: 20px;color: #fff !important;background: var(--primary-dark);display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;} .account-upload-content .post-book-form .form-action .btn-submit:hover{background:var(--primary-darker)} .account-upload-content .gutena-tabs-block{--gutena--tabs-tab-hover-border-bottom: 3px solid var(--primary-blue);--gutena--tabs-tab-active-border-bottom: 3px solid var(--primary-blue);--gutena--tabs-tab-text-color: var(--primary-dark);--gutena--tabs-tab-container-padding:20px 0;} .account-upload-content .gutena-tabs-tab{border-bottom: 1px solid var(--gray-border);column-gap: 24px;flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;} .account-upload-content .gutena-tabs-tab .gutena-tab-title{width: auto; flex: 0 0 auto !important;border-bottom: 3px solid transparent !important;margin-bottom: 0;height: 44px;display: flex;align-items: center;justify-content: center; padding: 0;transition: all 0.3s ease;} .account-upload-content .gutena-tabs-tab .gutena-tab-title.active, .account-upload-content .gutena-tabs-tab .gutena-tab-title:hover{ border-bottom-color: var(--primary-blue) !important;} .account-upload-content .gutena-tabs-tab .gutena-tab-title .gutena-tab-title-text{font-size: 18px;font-family: 'Roboto';font-weight: 500;color: var(--gray-text);transition: all 0.3s ease;} .account-upload-content .gutena-tabs-tab .gutena-tab-title.active .gutena-tab-title-text{color: var(--primary-dark);font-weight: 600;} .account-profile-content{position: relative;} .account-profile-content .post-title{font-size: 36px;font-weight: 600;line-height: 1.4;margin: 0 0 36px;color: var(--primary-dark);} .account-profile-content .post-inner{position: relative;} .account-profile-content .profile-form{position: relative;} .account-profile-content .profile-form .form-group{position: relative; margin: 0 0 24px;} .account-profile-content .profile-form .form-label{display: block;margin: 0 0 8px;font-size: 16px;font-weight: 600;color: var(--primary-dark);line-height: 1.2;} .account-profile-content .profile-form .wpcf7-form-control-wrap{display: flex;flex-direction: column;} .account-profile-content .profile-form .form-control{width: 100%;padding: 10px 12px;border-radius: 6px;border: 1px solid var(--gray-border);margin: 0;height: 48px;font-size: 16px;direction: rtl;outline: none !important;} .account-profile-content .profile-form .form-control:focus{border-color:var(--gray-text)} .account-profile-content .profile-form textarea.form-control{resize: vertical; min-height: 200px;} .account-profile-content .profile-form .form-action, .account-profile-content .profile-form .form-action p{display: flex; flex-direction: row-reverse;align-items: center; gap: 8px;} .account-profile-content .profile-form .form-action .wpcf7-spinner{margin: 0; flex-shrink: 0;} .account-profile-content .profile-form .form-action .btn-submit{width: auto;height: 56px;padding: 0 24px;border: 0;border-radius: 6px;font-size: 20px;color: #fff !important;background: var(--primary-dark);display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;} .account-profile-content .profile-form .form-action .btn-submit:hover{background:var(--primary-darker)} .wpcf7-not-valid-tip{font-size: 14px !important; font-weight: 500 !important;} .wpcf7 form .wpcf7-response-output{padding: 0; border: none; font-size: 15px !important;color: deepskyblue;} .wpcf7 form.sent .wpcf7-response-output {color: #46b450;} .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {color: #dc3232;} .wpcf7 form.spam .wpcf7-response-output {color: #f56e28;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {color: #ffb900;} .account-materials-content{position: relative;} .account-materials-content .post-title{font-size: 36px;font-weight: 600;line-height: 1.4;margin: 0 0 36px;color: var(--primary-dark);} .account-materials-content .post-inner{position: relative;} .my-teacher-files-list, .my-teacher-lessons-list{position: relative;} .teacher-files-grid, .teacher-courses-grid, .teacher-exams-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 24px;} .teacher-files-grid .teacher-file-item, .teacher-courses-grid .teacher-course-item, .teacher-exams-grid .teacher-exam-item {position: relative;background-color: #fff;border: 1px solid var(--gray-border);border-radius: 16px;overflow: hidden;box-shadow:0 2px 10px rgba(0,0,0,0.06);transition: all 0.3s ease; display: flex; flex-direction: column;} .teacher-files-grid .teacher-file-item:hover, .teacher-courses-grid .teacher-course-item:hover, .teacher-exams-grid .teacher-exam-item:hover {transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);} .teacher-files-grid .teacher-file-item .item-actions, .teacher-exams-grid .teacher-exam-item .item-actions, .teacher-courses-grid .teacher-course-item .item-actions {position: absolute;top: 16px;left: 6px;z-index: 1;} .teacher-files-grid .teacher-file-item .item-actions .item-action-btn, .teacher-exams-grid .teacher-exam-item .item-actions .item-action-btn, .teacher-courses-grid .teacher-course-item .item-actions .item-action-btn {position: relative;padding: 0;background-color: #fff;color: var(--gray-text);font-size: 20px;aspect-ratio: 1 / 1;width: 36px;border-radius: 50%;border: 1px solid var(--gray-border);margin: 0;transition: all 0.3s ease;} .teacher-files-grid .teacher-file-item .item-actions.active .item-action-btn, .teacher-exams-grid .teacher-exam-item .item-actions.active .item-action-btn, .teacher-courses-grid .teacher-course-item .item-actions.active .item-action-btn {box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);} .teacher-files-grid .teacher-file-item .item-actions .item-action-dropdown, .teacher-exams-grid .teacher-exam-item .item-actions .item-action-dropdown, .teacher-courses-grid .teacher-course-item .item-actions .item-action-dropdown {position: absolute;top: 100%;background-color: #fff;border: 1px solid var(--gray-border);left: 0;min-width: 120px;margin: 4px 0 0;border-radius: 6px;padding: 6px 0; opacity: 0; visibility: hidden; transform: translateY(10px) scale(0); transform-origin: left top; transition: all 0.3s ease;} .teacher-files-grid .teacher-file-item .item-actions.active .item-action-dropdown, .teacher-exams-grid .teacher-exam-item .item-actions.active .item-action-dropdown, .teacher-courses-grid .teacher-course-item .item-actions.active .item-action-dropdown {opacity: 1; visibility: visible; transform: translateY(0px) scale(1);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);} .teacher-files-grid .teacher-file-item .item-actions .item-action-dropdown-item, .teacher-exams-grid .teacher-exam-item .item-actions .item-action-dropdown-item, .teacher-courses-grid .teacher-course-item .item-actions .item-action-dropdown-item {display: flex;padding: 10px 10px;line-height: 1;font-size: 16px;text-decoration: none;font-weight: 500;color: var(--gray-medium); transition: all 0.3s ease;} .teacher-files-grid .teacher-file-item .item-actions .item-action-dropdown-item:hover, .teacher-exams-grid .teacher-exam-item .item-actions .item-action-dropdown-item:hover, .teacher-courses-grid .teacher-course-item .item-actions .item-action-dropdown-item:hover {background-color: var(--gray-border); color: var(--primary-dark);} .teacher-files-grid .teacher-file-item .file-header, .teacher-courses-grid .teacher-course-item .course-header, .teacher-exams-grid .teacher-exam-item .exam-header {position: relative;background-color: var(--gray-light);border-bottom: 1px solid var(--gray-border);padding: 12px 24px 12px 48px;flex-shrink: 0;} .teacher-courses-grid .teacher-course-item .course-image, .teacher-exams-grid .teacher-exam-item .exam-image {position: relative;display: flex;margin: -12px -24px 20px -48px;border-bottom: 1px solid var(--gray-border);border-radius: 0;overflow: hidden;aspect-ratio: 2 / 1;} .teacher-courses-grid .teacher-course-item .course-image img, .teacher-exams-grid .teacher-exam-item .exam-image img {width: 100%; height: 100%; object-fit: cover;} .teacher-files-grid .teacher-file-item .file-title, .teacher-courses-grid .teacher-course-item .course-title, .teacher-exams-grid .teacher-exam-item .exam-title {font-size: 22px;font-weight: 700;letter-spacing: 0;line-height: 1.2;margin: 0 0 12px;color: var(--primary-dark);max-height: 56px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;} .teacher-files-grid .teacher-file-item .file-content, .teacher-courses-grid .teacher-course-item .course-content, .teacher-exams-grid .teacher-exam-item .exam-content {position: relative;padding: 24px 24px;font-size: 16px;line-height: 1.6;color: var(--gray-medium);flex-shrink: 1; flex-grow: 1;} .teacher-files-grid .teacher-file-item .file-meta, .teacher-courses-grid .teacher-course-item .course-meta, .teacher-exams-grid .teacher-exam-item .exam-meta {display: flex;align-items: center;column-gap: 24px;row-gap: 4px;flex-wrap: wrap;} .teacher-files-grid .teacher-file-item .file-meta .meta-item, .teacher-courses-grid .teacher-course-item .course-meta .meta-item, .teacher-exams-grid .teacher-exam-item .exam-meta .meta-item {position: relative;font-size: 15px;color: var(--gray-medium);font-weight: 500;display: flex;align-items: center;justify-content: center;height: 28px;background-color: var(--global--color-white);padding: 0 8px;border: 1px solid rgba(0, 0, 0, 0.075);border-radius: 100px;} .teacher-files-grid .teacher-file-item .file-meta .meta-item:before, .teacher-courses-grid .teacher-course-item .course-meta .meta-item:before, .teacher-exams-grid .teacher-exam-item .exam-meta .meta-item:before {content: "";position: absolute;right: -16px;top: 50%;transform: translateY(-50%);background-color: var(--gray-text);width: 5px;aspect-ratio: 1 / 1;flex-shrink: 0;border-radius: 50%;} .teacher-files-grid .teacher-file-item .file-meta .meta-item:first-child::before, .teacher-courses-grid .teacher-course-item .course-meta .meta-item:first-child::before, .teacher-exams-grid .teacher-exam-item .exam-meta .meta-item:first-child::before {display: none;} .teacher-files-grid .teacher-file-item .file-meta .meta-item .file-status, .teacher-courses-grid .teacher-course-item .course-meta .meta-item .course-status, .teacher-exams-grid .teacher-exam-item .exam-meta .meta-item .exam-status {display: flex;align-items: center;justify-content: center;margin: -1px -8px;padding: 0 8px;background-color: var(--gray-border);border-radius: 100px;border: 1px solid var(--gray-border);} .teacher-files-grid .teacher-file-item .file-meta .meta-item .file-status.badge-publish, .teacher-courses-grid .teacher-course-item .course-meta .meta-item .course-status.badge-publish, .teacher-exams-grid .teacher-exam-item .exam-meta .meta-item .exam-status.badge-publish {border-color: #46b450;background-color: #fff;color: #46b450;font-weight: 500;} .teacher-files-grid .teacher-file-item .file-meta .meta-item .file-status.badge-draft, .teacher-courses-grid .teacher-course-item .course-meta .meta-item .course-status.badge-draft, .teacher-exams-grid .teacher-exam-item .exam-meta .meta-item .exam-status.badge-draft {border-color: #ffb900;background-color: #fff;color: #ffb900;font-weight: 500;} .teacher-files-grid .teacher-file-item .file-meta .meta-item .file-status.badge-pending, .teacher-courses-grid .teacher-course-item .course-meta .meta-item .course-status.badge-pending, .teacher-exams-grid .teacher-exam-item .exam-meta .meta-item .exam-status.badge-pending {border-color: #f82116;background-color: #fff;color: #f82116;font-weight: 500;} .teacher-files-grid .teacher-file-item .file-footer, .teacher-courses-grid .teacher-course-item .course-footer, .teacher-exams-grid .teacher-exam-item .exam-footer {position: relative;background-color: var(--gray-light);border-top: 1px solid var(--gray-border);padding: 12px 24px;flex-shrink: 0;margin: auto 0 0;display: flex;align-items: center; justify-content: space-between;gap: 4px;} .teacher-files-grid .teacher-file-item .file-attachments, .teacher-courses-grid .teacher-course-item .course-attachments, .teacher-exams-grid .teacher-exam-item .exam-attachments {position: relative;display: flex;align-items: center;flex-wrap: wrap;column-gap: 12px;row-gap: 4px;margin: 0 0 0 auto;} .teacher-files-grid .teacher-file-item .file-attachments .file-download-link, .teacher-courses-grid .teacher-course-item .course-attachments .course-download-link, .teacher-exams-grid .teacher-exam-item .exam-attachments .exam-download-link {display: flex;align-items: center;justify-content: center;gap: 6px;background-color: var(--primary-dark);padding: 0 16px;border-radius: 100px;text-decoration: none;height: 40px;transition: all 0.3s ease;} .teacher-files-grid .teacher-file-item .file-attachments .file-download-link span, .teacher-courses-grid .teacher-course-item .course-attachments .course-download-link span, .teacher-exams-grid .teacher-exam-item .exam-attachments .exam-download-link span {font-size: 14px;color: #fff;font-weight: 600;line-height: 1; display: block;} .teacher-files-grid .teacher-file-item .file-attachments .file-download-link span+span, .teacher-courses-grid .teacher-course-item .course-attachments .course-download-link span+span, .teacher-exams-grid .teacher-exam-item .exam-attachments .exam-download-link span+span {font-size: 20px;} .teacher-files-grid .teacher-file-item .file-attachments .file-download-link:hover, .teacher-courses-grid .teacher-course-item .course-attachments .course-download-link:hover, .teacher-exams-grid .teacher-exam-item .exam-attachments .exam-download-link:hover {background-color: var(--primary-blue);} .teacher-courses-grid .teacher-course-item .course-lesson {display: flex;align-items: center;flex-shrink: 0;gap: 6px;font-size: 15px;font-weight: 600;background-color: #DCEDC8;color: #4CAF50;line-height: 1;height: 32px;padding:1px 12px 0;border-radius: 99px;} .teacher-courses-grid .teacher-course-item .course-lesson i {font-size: 16px;} .teacher-courses-grid .teacher-course-item .course-video {display: flex;align-items: center;justify-content: center;flex-shrink: 0;gap: 6px;font-size: 16px;font-weight: 600;background-color: #f8bbd0;color: #e91e63;line-height: 1;height: 32px;aspect-ratio: 1 / 1;padding: 3px 2px 0px 0px;border-radius: 99px;text-decoration: none;} .teacher-exams-grid .teacher-exam-item .exam-time {display: flex;align-items: center;flex-shrink: 0;gap: 6px;font-size: 15px;font-weight: 600;background-color: #FFECB3;color: #ffa726;line-height: 1;height: 32px;padding:1px 12px 0;border-radius: 99px;} .teacher-exams-grid .teacher-exam-item .exam-time i {font-size: 16px;} .teacher-exams-grid .teacher-exam-item .exam-questions {display: flex;align-items: center;flex-shrink: 0;gap: 6px;font-size: 15px;font-weight: 600;background-color: #C5CAE9;color: #5C6BC0;line-height: 1;height: 32px;padding:1px 12px 0;border-radius: 99px;} .teacher-exams-grid .teacher-exam-item .exam-questions i {font-size: 16px;} .teacher-files-empty, .teacher-lessons-empty, .teacher-courses-empty, .teacher-exams-empty {max-width: 100% !important;width: 100%;padding: 60px 32px;display: flex;align-items: center;justify-content: center;background-color: var(--gray-light);border-radius: 12px;border: 1px solid var(--gray-border);font-size: 18px;color: var(--gray-text);} .teacher-lessons-grid{grid-template-columns: repeat(1, minmax(0, 1fr));gap: 0;background-color: #fff;border: 1px solid var(--gray-border);border-radius: 16px;overflow: hidden;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);} .teacher-lessons-grid .teacher-lesson-item{position: relative;border: 0;border-radius: 0;transform: none;display: flex;padding: 24px 16px 24px 48px;align-items: flex-start; gap: 24px; transition: all 0.3s ease;} .teacher-lessons-grid .teacher-lesson-item+.teacher-lesson-item{border-top: 1px solid var(--gray-border);} .teacher-lessons-grid .teacher-lesson-item:hover{background-color: var(--gray-light);} .teacher-lessons-grid .teacher-lesson-item .item-actions{position: absolute;top: 16px;left: 6px;z-index: 1;} .teacher-lessons-grid .teacher-lesson-item .item-action-btn{position: relative;padding: 0;background-color: #fff !important; color: var(--gray-text) !important;font-size: 20px;aspect-ratio: 1 / 1;width: 36px;border-radius: 50%;border: 1px solid var(--gray-border);margin: 0;transition: all 0.3s ease;} .teacher-lessons-grid .teacher-lesson-item .item-action-dropdown{position: absolute;top: 100%;background-color: #fff;border: 1px solid var(--gray-border);left: 0;min-width: 120px;margin: 4px 0 0;border-radius: 6px;padding: 6px 0;opacity: 0;visibility: hidden;transform: translateY(10px) scale(0);transform-origin: left top;transition: all 0.3s ease;} .teacher-lessons-grid .teacher-lesson-item .item-action-dropdown-item{display: flex;padding: 10px 10px;line-height: 1;font-size: 16px;text-decoration: none;font-weight: 500;color: var(--gray-medium);transition: all 0.3s ease;} .teacher-lessons-grid .teacher-lesson-item .item-action-dropdown-item:hover{background-color: var(--gray-border); color: var(--primary-dark);} .teacher-lessons-grid .teacher-lesson-item .lesson-image{position: relative;display: flex;margin: 0;border-bottom: 1px solid var(--gray-border);aspect-ratio: 3 / 2;width: 240px;flex-shrink: 0;border-radius: 16px;overflow: hidden;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);border: 1px solid var(--gray-border);} .teacher-lessons-grid .teacher-lesson-item .lesson-image img{width: 100%;height: 100%;object-fit: cover;} .teacher-lessons-grid .teacher-lesson-item .lesson-info{flex-shrink: 1; flex-grow: 1;} .teacher-lessons-grid .teacher-lesson-item .lesson-title{font-size: 22px;font-weight: 700;letter-spacing: 0;line-height: 1.2;margin: 0 0 12px;color: var(--primary-dark);max-height: 56px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;} .teacher-lessons-grid .teacher-lesson-item .lesson-content{position: relative;font-size: 16px;line-height: 1.6;color: var(--gray-medium);max-height: 52px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box; margin:24px 0 0;} .teacher-lessons-grid .teacher-lesson-item .lesson-meta{display: flex;align-items: center;column-gap: 24px;row-gap: 4px;flex-wrap: wrap;margin:24px 0 0;} .teacher-lessons-grid .teacher-lesson-item .lesson-meta .meta-item{position: relative;font-size: 15px;color: var(--gray-medium);font-weight: 500;display: flex;align-items: center;justify-content: center;height: 28px;background-color: var(--global--color-white);padding: 0 8px;border: 1px solid rgba(0, 0, 0, 0.075);border-radius: 100px;} .teacher-lessons-grid .teacher-lesson-item .lesson-meta .meta-item:first-child::before{display: none;} .teacher-lessons-grid .teacher-lesson-item .lesson-meta .meta-item:before{content: "";position: absolute;right: -16px;top: 50%;transform: translateY(-50%);background-color: var(--gray-text);width: 5px;aspect-ratio: 1 / 1;flex-shrink: 0;border-radius: 50%;} .teacher-lessons-grid .teacher-lesson-item .lesson-meta .lesson-status{display: flex;align-items: center;justify-content: center;margin: -1px -8px;padding: 0 8px;background-color: var(--gray-border);border-radius: 100px;border: 1px solid var(--gray-border);} .teacher-lessons-grid .teacher-lesson-item .lesson-meta .lesson-status.badge-publish{border-color: #46b450;background-color: #fff;color: #46b450;font-weight: 500;} .teacher-lessons-grid .teacher-lesson-item .lesson-meta .lesson-status.badge-draft{border-color: #ffb900;background-color: #fff;color: #ffb900;font-weight: 500;} .teacher-lessons-grid .teacher-lesson-item .lesson-meta .lesson-status.badge-pending{border-color: #f82116;background-color: #fff;color: #f82116;font-weight: 500;} .teacher-lessons-grid .teacher-lesson-item .item-actions.active .item-action-btn{box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);} .teacher-lessons-grid .teacher-lesson-item .item-actions.active .item-action-dropdown{opacity: 1;visibility: visible;transform: translateY(0px) scale(1);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);} .wp-block-gutena-tabs.gutena-tabs-block{--gutena--tabs-tab-hover-border-bottom: 3px solid var(--primary-blue);--gutena--tabs-tab-active-border-bottom: 3px solid var(--primary-blue);--gutena--tabs-tab-text-color: var(--primary-dark);--gutena--tabs-tab-container-padding:20px 0;} .wp-block-gutena-tabs.gutena-tabs-block .gutena-tabs-tab{border-bottom: 1px solid var(--gray-border);column-gap: 24px;flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;} .wp-block-gutena-tabs.gutena-tabs-block .gutena-tabs-tab .gutena-tab-title{width: auto; flex: 0 0 auto !important;border-bottom: 3px solid transparent !important;margin-bottom: 0;height: 44px;display: flex;align-items: center;justify-content: center; padding: 0;transition: all 0.3s ease;} .wp-block-gutena-tabs.gutena-tabs-block .gutena-tabs-tab .gutena-tab-title.active, .wp-block-gutena-tabs.gutena-tabs-block .gutena-tabs-tab .gutena-tab-title:hover{ border-bottom-color: var(--primary-blue) !important;} .wp-block-gutena-tabs.gutena-tabs-block .gutena-tabs-tab .gutena-tab-title .gutena-tab-title-text{font-size: 18px;font-family: 'Roboto';font-weight: 500;color: var(--gray-text);transition: all 0.3s ease;} .wp-block-gutena-tabs.gutena-tabs-block .gutena-tabs-tab .gutena-tab-title.active .gutena-tab-title-text{color: var(--primary-dark);font-weight: 600;} .account-dashboard-content{position: relative;} .account-dashboard-content .post-title{font-size: 36px;font-weight: 600;line-height: 1.4;margin: 0 0 36px;color: var(--primary-dark);} .account-dashboard-content .post-inner{position: relative;} .dashboard-statistics{position: relative; margin: 0 0 64px;} .dashboard-statistics > .wp-block-group__inner-container{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 16px;} .dashboard-statistics .dashboard-statistics-item{margin: 0 !important;position: relative;background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);border-radius: 16px;padding: 36px 16px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);border-left: 6px solid var(--primary-blue);transition: all 0.3s ease;} .dashboard-statistics .dashboard-statistics-item:hover{transform: translateY(-5px); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);} .dashboard-statistics .dashboard-statistics-item > .wp-block-group__inner-container{display: flex;align-items: center;gap: 12px;} .dashboard-statistics .dashboard-statistics-item .dashboard-statistics-icon{margin: 0 !important;font-size: 64px;color: var(--gray-text);line-height: 1;} .dashboard-statistics .dashboard-statistics-item .dashboard-statistics-content{margin: 0 !important;flex-shrink: 1;flex-grow: 1;} .dashboard-statistics .dashboard-statistics-item .dashboard-statistics-content > .wp-block-group__inner-container{margin: 0 !important;text-align: left;} .dashboard-statistics .dashboard-statistics-item .dashboard-statistics-count{margin:0 !important;font-size: 44px;color: var(--primary-dark);font-weight: 700;line-height: 1;} .dashboard-statistics .dashboard-statistics-item .dashboard-statistics-title{margin: 0 !important;font-size: 18px;color: var(--primary-dark);font-weight: 500;line-height: 1;} .dashboard-activities{position: relative;margin: 0 0 64px;} .dashboard-activities > .wp-block-group__inner-container{margin: 0 !important;width: 100%;max-width: 100% !important;} .dashboard-activities .dashboard-activities-title{font-size: 36px;font-weight: 600;line-height: 1.4;margin: 0 0 36px;color: var(--primary-dark);} .recent-activities{margin: 0 !important;width: 100%;max-width: 100% !important;} .recent-activities .activities-list{display: flex;flex-direction: column;gap: 40px;} .recent-activities .activities-list .activity-item{position: relative; z-index: 0;display: flex;} .recent-activities .activities-list .activity-item:after{content: "";position: absolute;height: calc(100% - 20px);width: 4px;background-color: var(--gray-border);z-index: -1;top: 54px;right: 22px;border-radius: 99px;transition: all 0.3s ease;} .recent-activities .activities-list .activity-item:last-child:after{height: calc(100% - 48px);} .recent-activities .activities-list .activity-item:hover:after{opacity: 0; visibility: hidden;} .recent-activities .activities-list .activity-item .activity-icon{position: absolute;width: 48px;aspect-ratio: 1 / 1;border: 1px solid var(--gray-border); background: linear-gradient(135deg, var(--gray-light) 0%, var(--gray-text) 200%); border-radius: 12px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);display: flex;align-items: center;justify-content: center;font-size: 24px; color: var(--primary-dark); z-index: 1;} .recent-activities .activities-list .activity-item .activity-content{position: relative; padding: 0 64px 0 0; z-index: 0;} .recent-activities .activities-list .activity-item .activity-content:before{content: "";position: absolute;width: calc(100% + 32px);height: calc(100% + 32px);top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: -1;background-color: var(--gray-light);border-radius: 16px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);border: 1px solid var(--gray-border); opacity: 0; visibility: hidden; transition: all 0.3s ease;} .recent-activities .activities-list .activity-item:hover .activity-content:before{opacity: 1; visibility: visible;} .recent-activities .activities-list .activity-item .activity-type{font-size: 18px;font-weight: 600;color: var(--primary-dark);line-height: 1.2;margin: 0 0 4px;} .recent-activities .activities-list .activity-item .activity-description{font-size: 16px;font-weight: 400;color: var(--gray-medium);line-height: 1.2;margin: 0 0 8px;} .recent-activities .activities-list .activity-item .activity-time{display: flex;align-items: center;line-height: 1;gap: 4px;font-size: 14px;color: var(--gray-text);} .recent-activities .activities-list .activity-item.uploaded:after{background-color: #93c5fd;} .recent-activities .activities-list .activity-item.uploaded .activity-icon{border-color: #93c5fd; background: linear-gradient(135deg, #eff6ff, #bfdbfe);box-shadow: 0 2px 8px rgba(59, 131, 246, 0.1);color:#3b82f6;} .recent-activities .activities-list .activity-item.uploaded .activity-content:before{background-color: #eff6ff;border-color: #bfdbfe;} .recent-activities .activities-list .activity-item.approved:after{background-color: #86efac;} .recent-activities .activities-list .activity-item.approved .activity-icon{border-color: #86efac; background: linear-gradient(135deg,#f0fdf4, #bbf7d0);box-shadow: 0 2px 8px rgba(34, 197, 94, 0.1);color: #22c55e;} .recent-activities .activities-list .activity-item.approved .activity-content:before{background-color: #f0fdf4;border-color: #bbf7d0;} .recent-activities .activities-list .activity-item.updated:after{background-color: #fdba74;} .recent-activities .activities-list .activity-item.updated .activity-icon{border-color: #fdba74; background: linear-gradient(135deg, #fff7ed, #fed7aa);box-shadow: 0 2px 8px rgba(249, 116, 22, 0.1);color: #f97316;} .recent-activities .activities-list .activity-item.updated .activity-content:before{background-color: #fff7ed;border-color: #fed7aa;} .recent-activities .activities-list .activity-item.deleted:after{background-color: #fda4af;} .recent-activities .activities-list .activity-item.deleted .activity-icon{border-color: #fda4af; background: linear-gradient(135deg, #fff1f2, #fecdd3);box-shadow: 0 2px 8px rgba(244, 63, 93, 0.1);color: #f43f5e;} .recent-activities .activities-list .activity-item.deleted .activity-content:before{background-color: #fff1f2;border-color: #fecdd3;} .recent-activities .activities-list .activity-item.modification_request:after{background-color: #c4b5fd;} .recent-activities .activities-list .activity-item.modification_request .activity-icon{border-color: #c4b5fd; background: linear-gradient(135deg, #f5f3ff, #ddd6fe);box-shadow: 0 2px 8px rgba(169, 85, 247, 0.1);color: #a855f7;} .recent-activities .activities-list .activity-item.modification_request .activity-content:before{background-color: #f5f3ff;border-color: #ddd6fe;} .recent-activities .activities-list .activity-item.profile_updated:after{background-color: #fcd34d;} .recent-activities .activities-list .activity-item.profile_updated .activity-icon{border-color: #fcd34d; background: linear-gradient(135deg, #fffbeb, #fde68a);box-shadow: 0 2px 8px rgba(245, 159, 10, 0.1);color: #f59e0b;} .recent-activities .activities-list .activity-item.profile_updated .activity-content:before{background-color: #fffbeb;border-color: #fde68a;} .recent-activities .no-activities{max-width: 100% !important;width: 100%;padding: 60px 32px;display: flex;align-items: center;justify-content: center;background-color: var(--gray-light);border-radius: 12px;border: 1px solid var(--gray-border);flex-direction: column;} .recent-activities .no-activities .no-activities-icon{font-size: 36px;color: var(--gray-text);} .recent-activities .no-activities .no-activities-title{font-size: 18px;color: var(--gray-text);} .teacher-post-edit-wrapper{margin: 0 !important;max-width: 100% !important;width: 100% !important;} .teacher-post-edit-wrapper .edit-header{position: relative; margin: 0 0 24px;border-bottom: 1px solid var(--gray-border); padding: 0 0 12px;} .teacher-post-edit-wrapper .edit-header .current-post-title{font-size: 26px;font-weight: 600;color: var(--primary-dark);margin: 0;} .teacher-post-edit-wrapper .current-files-section{position: relative;} .teacher-post-edit-wrapper .current-files-section-title{font-size: 24px;font-weight: 600;margin: 0;line-height: 1.2;color: var(--primary-dark);} .teacher-post-edit-wrapper .current-files-list{position: relative;margin: 12px 0 24px;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px;} .teacher-post-edit-wrapper .current-files-list .current-file-item{display: flex;align-items:center;margin: 0 !important;position: relative;background: linear-gradient(135deg, #fff, var(--gray-light));border-radius: 16px;padding: 16px 24px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;border: 1px solid var(--gray-border);text-decoration: none;gap: 24px;} .teacher-post-edit-wrapper .current-files-list .current-file-item:hover{transform: translateY(-5px); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);} .teacher-post-edit-wrapper .current-files-list .file-preview{width: 100%; aspect-ratio: 3/2; overflow: hidden; border: 1px solid #E8EAF6;border-radius: 16px;background: linear-gradient(135deg, #E3F2FD, #E8F5E9); display: flex;} .teacher-post-edit-wrapper .current-files-list .file-preview img{width: 100%; height: 100%; object-fit: cover;} .teacher-post-edit-wrapper .current-files-list .file-icon{display: flex;align-items: center;justify-content: center;width: 64px;aspect-ratio: 1 / 1;flex-shrink: 0;border: 1px solid #E8EAF6;border-radius: 16px;font-size: 32px;color: var(--wp--preset--color--gray);background: linear-gradient(135deg, #E3F2FD, #E8F5E9);} .teacher-post-edit-wrapper .current-files-list .file-info{flex-shrink: 1; flex-grow: 1;} .teacher-post-edit-wrapper .current-files-list .file-name{font-size: 16px;font-weight: 600;line-height: 1.2;color: var(--primary-dark);} .teacher-post-edit-wrapper .current-files-list .file-size{font-size: 14px;line-height: 1.2;display: block;color: var(--gray-text);margin: 6px 0 0;} .teacher-post-edit-wrapper .form-note{font-size: 18px;color: var(--accent-papers);line-height: 1.2;padding: 12px 24px;margin: 0 0 40px;font-weight: 500;background-color: #FFF3E0;border: 1px solid #FFCC80;border-radius: 6px; display: flex; align-items: center; gap: 12px;} .teacher-post-edit-wrapper .form-note i{font-size: 22px;} .teacher-post-edit-wrapper .current-files-section.current-featured-image .current-files-list{grid-template-columns: repeat(3, minmax(0, 1fr));} .teacher-post-edit-wrapper .current-files-section.current-featured-image .current-file-item{flex-direction: column;padding: 0 0;gap: 0;} .teacher-post-edit-wrapper .current-files-section.current-featured-image .file-info{width: 100%;text-align: center;padding: 12px 8px;} .account-dashboard-content .post-edit-form{position: relative;} .account-dashboard-content .post-edit-form .form-group{position: relative; margin: 0 0 24px;} .account-dashboard-content .post-edit-form .form-label{display: block;margin: 0 0 8px;font-size: 16px;font-weight: 600;color: var(--primary-dark);line-height: 1.2;} .account-dashboard-content .post-edit-form .wpcf7-form-control-wrap{display: flex;flex-direction: column;} .account-dashboard-content .post-edit-form .form-control{width: 100%;padding: 10px 12px;border-radius: 6px;border: 1px solid var(--gray-border);margin: 0;height: 48px; font-size: 16px;} .account-dashboard-content .post-edit-form .form-control:focus{border-color:var(--gray-text)} .account-dashboard-content .post-edit-form textarea.form-control{resize: none; min-height: 120px;} .account-dashboard-content .post-edit-form .form-action{display: flex; flex-direction: row-reverse;align-items: center; gap: 8px;} .account-dashboard-content .post-edit-form .form-action .wpcf7-spinner{margin: 0; flex-shrink: 0;} .account-dashboard-content .post-edit-form .form-action .btn-submit{width: auto;height: 56px;padding: 0 24px;border: 0;border-radius: 6px;font-size: 20px;color: #fff !important;background: var(--primary-dark);display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;} .account-dashboard-content .post-edit-form .form-action .btn-submit:hover{background:var(--primary-darker)} .mce-tooltip{display: none !important;} .wpcf7-form .wpcf7-wysiwyg-container .wp-editor-tools .wp-media-buttons button{border: 1px solid var(--primary-darker);background-color: var(--primary-dark);color: var(--gray-light);} .wpcf7-form .wpcf7-wysiwyg-container .wp-editor-tools .wp-media-buttons button:hover{background-color: var(--primary-darker); color: #fff;} .wpcf7-form .wpcf7-wysiwyg-container .wp-editor-tools .wp-editor-tabs button{background-color:#f6f7f7 !important;border-color: #dadadd!important;border-bottom-color: #dadadd!important;box-shadow: none !important;color: var(--primary-dark) !important;} .wpcf7-form .wpcf7-wysiwyg-container .wp-editor-tools .wp-editor-tabs button:hover{border: 1px solid #b8b8ba;} .wpcf7-form .wpcf7-wysiwyg-container .tmce-active .wp-editor-tools .wp-editor-tabs .switch-tmce{border-bottom-color: #f6f7f7 !important;} .wpcf7-form .wpcf7-wysiwyg-container .html-active .wp-editor-tools .wp-editor-tabs .switch-html{border-bottom-color: #f6f7f7 !important;} .wpcf7-form .wpcf7-wysiwyg-container .wp-editor-tools .mce-btn{outline: none !important; box-shadow: none !important;border: none !important;} .wpcf7-form .wpcf7-wysiwyg-container .wp-editor-tools .mce-btn button{background-color: #fff !important;border: 1px solid var(--gray-border);padding: 0;width: 32px;height: 32px;border-radius: 6px;color: var(--primary-dark);outline: none !important;box-shadow: none !important;} .wpcf7-form .wpcf7-wysiwyg-container .wp-editor-tools .mce-btn button:hover{background-color: var(--gray-border) !important;} .wpcf7-form .wpcf7-wysiwyg-container .wp-editor-tools .mce-btn.mce-listbox button{width: 120px;} .wpcf7-form .wpcf7-wysiwyg-container .wp-editor-tools .mce-btn.mce-listbox .mce-txt{color: var(--primary-dark);} .wpcf7-form .wpcf7-wysiwyg-container .wp-editor-tools .wpcf7-form-control.wpcf7-wysiwyg.wysiwyg.form-control{border: 0px; direction: rtl;min-height: 356px;} .wpcf7-form .wpcf7-wysiwyg-container .mce-top-part::before{box-shadow: none;} .wpcf7-form .textarea-hidden{display: none;} .error-404-page{display: flex;flex-direction: column;justify-content: center;} .error-404-page .error-404{position: relative;} .error-404-page .error-404-header{position: relative;display: flex;flex-direction: column;gap: 16px;margin: 0 0 48px;text-align: center;} .error-404-page .error-404-title{font-size: 32px;font-weight: 700;line-height: 1.2;color: var(--primary-dark);} .error-404-page .error-404-content{position: relative;display: flex;align-items: center;justify-content: center;} .error-404-page .search-wrapper{width: 100%; max-width: 660px;} .error-404-page .search-wrapper .search-form{margin: 0;max-width: 100%;height: 56px;} .error-404-page .search-wrapper .search-form .search-icon{font-size: 20px;} .error-404-page .search-wrapper .search-form .search-input{font-size: 20px;} .profile-form{position: relative;display: flex;flex-direction: column;gap: 80px;} .profile-form .form-section{position: relative;display: flex;flex-direction: column;gap: 24px;} .profile-form .form-section .form-section-title{font-size: 24px;font-weight: 600;color: var(--primary-dark);letter-spacing: -0.5px;margin: 0;padding-bottom: 8px;border-bottom: 1px solid var(--gray-border);} .profile-form .form-section .form-section-content{position: relative;} .profile-form .form-section .form-section-content br{display: none;} .profile-form .form-section .form-section-content .profile-image{width: 240px;aspect-ratio: 1 / 1;overflow: hidden;border-radius: 16px;display: flex;margin: 0 0 16px auto;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);border: 1px solid var(--gray-light);} .profile-form .form-section .form-section-content .profile-image p{display: flex;width: 100%;} .profile-form .form-section .form-section-content .profile-image img{width: 100%;height: 100%;object-fit: cover;} .profile-form .form-section .form-section-content .form-note{font-size: 14px;font-weight: 500;padding: 8px 12px;color: var(--accent-papers);background-color: #FFF3E0;border: 1px solid #FFCC80;border-radius: 6px;margin: 8px 0 0;} .profile-form .form-section .form-section-content .grid-two{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px;direction: rtl;} .profile-form .form-section .form-section-content .grid-three{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 16px;direction: rtl;} .profile-form .form-section .form-section-content .password-group{position: relative;} .profile-form .form-section .form-section-content .password-wrapper{position: relative;} .profile-form .form-section .form-section-content .password-wrapper .wpcf7-form-control-wrap > span{margin: 0 !important;top: 50%;left: 12px;transform: translateY(-50%);display: block;position: absolute !important;z-index: 2;color: var(--gray-text);font-size: 16px;cursor: pointer;} .profile-form .form-section .form-section-content .password-wrapper .wpcf7-form-control-wrap > span.wpcf7-not-valid-tip{position: relative !important;top: auto;left: auto;transform: none;color: var(--accent-project);} @media screen and (max-width:1024px) { body{zoom:100%} .btn-menu-trigger{display: flex;width: 44px;aspect-ratio: 1 / 1;justify-content: center;align-items: center;align-self: center;background-color: transparent !important;flex-shrink: 0;border: 0;color: var(--primary-dark) !important;font-size: 32px;padding: 3px 0 0;} .btn-menu-trigger.active i:before{content:"\f00d"} header .logo{order:2} header .header-options{order:3; gap: 8px;} header .btn-menu-trigger{order:1;margin-left: 44px;} header .header-options .login-menu a{font-size: 0;padding: 0;width: 44px;aspect-ratio: 1 / 1;border-radius: 0;color: var(--primary-dark);background-color: transparent;} header .header-options .login-menu a i{display: block;font-size: 24px;} header .header-search .search-trigger{display: flex;padding: 0;font-size: 24px;width: 44px;aspect-ratio: 1 / 1;align-items: center;justify-content: center;margin: 0;border: 0;background-color: transparent !important;color: var(--primary-dark) !important;} header .header-search .search-wrapper{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;z-index: 15;opacity: 0;visibility: hidden;transition: all 0.3s ease;} header .header-search .search-wrapper.active{opacity: 1;visibility: visible;} header .header-search .search-form{background-color: #fff;width: 100%;max-width: 600px;min-width: 600px;height: 64px;} header .header-search .search-form .search-input{font-size: 24px;} header .header-search .search-form .search-icon{font-size: 20px;} header .backdrop{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 10;background-color: rgba(0, 0, 0, 0.8);opacity: 0;visibility: hidden;transition: all 0.3s ease;} header .backdrop.active{opacity: 1;visibility: visible;} .navigation{position: fixed;margin: 0;top: 116px;left: 0;right: 0;bottom: 0;background-color: var(--primary-dark);transform: translateX(100%); transition: all 0.3s ease;} .navigation.active{transform: translateX(0%);} .navigation a:active, .navigation a:hover{color: #fff !important;} .navigation-menu{flex-direction: column; align-items: unset;gap: 0;} .navigation-menu .menu-item{flex-direction: column;} .navigation-menu .menu-item:before{display: none;} .navigation-menu .menu-item+.menu-item{border-top:1px solid rgba(255, 255, 255, 0.1)} .navigation-menu .menu-link{min-height: 56px; padding: 0 24px; color: #fff;} .navigation-menu .menu-toggle{padding: 0 24px;} .navigation-menu .menu-toggle i{transform: rotate(0deg) !important; transition: all 0.3s ease;} .navigation-menu .menu-item.dropdown:hover > .dropdown-menu{opacity: unset; visibility: unset;} .navigation-menu .dropdown-menu{background-color: rgba(255,255,255,0.05);margin: 0;position: relative;top: 0;right: 0;box-shadow: none;border-radius: 0;min-width: auto;opacity: 1; visibility: visible; padding: 0 12px; margin-bottom: -1px;max-height: 0; overflow: hidden;} .navigation-menu .dropdown .dropdown-menu .dropdown-menu{top: 0;right: 0;} .navigation-menu .dropdown .dropdown-menu .menu-links{padding: 0;} .navigation-menu .dropdown.active > .dropdown-menu{max-height: 2000px;} .navigation-menu .dropdown.active > .menu-links .menu-toggle i{transform: rotate(180deg) !important;} .navigation-menu .dropdown .dropdown-menu .menu-links:hover{background-color: unset;} .teacher-list{grid-template-columns: repeat(3, minmax(0, 1fr));} } @media screen and (max-width:768px) { .data-post-list{grid-template-columns: repeat(3, minmax(0, 1fr));} .featured{grid-template-columns: repeat(1, minmax(0, 1fr));} .featured-blogs{grid-column: span 1 / span 1;} .featured-comments .featured-loop{grid-template-columns: repeat(1, minmax(0, 1fr));} footer.footer .footer-content{grid-template-columns: repeat(2, minmax(0, 1fr));} footer.footer .footer-info{grid-column: span 2 / span 2;} footer.footer .footer-details, footer.footer .footer-contact{grid-column: span 1 / span 1;} .teacher-list{grid-template-columns: repeat(2, minmax(0, 1fr));} } @media screen and (max-width:480px) { header .logo{height: 32px;} header .btn-menu-trigger{margin-left: 32px;width: 32px;font-size: 24px;} header .header-search .search-trigger{font-size: 20px; width: 32px;} header .header-options .login-menu a{width: 32px;} header .header-options .login-menu a i{font-size: 20px;} header .header-search .search-form{min-width: 90%;} footer.footer{padding: 60px 0 40px;border-radius: 40px 40px 0 0; margin: 60px 0 0;} footer.footer .brand{margin: 0 auto;} footer.footer .footer-content{row-gap: 40px;column-gap: 16px;} footer.footer .footer-title{font-size: 18px;} footer.footer .footer-description{font-size: 14px;text-align: center;} footer.footer .footer-menu li a, footer.footer .contact-details .contact-item .contact-data{font-size: 14px;} footer.footer .footer-bar{flex-direction: column; gap: 12px;} footer.footer .footer-copyright, footer.footer .footer-bottom-menu li a{font-size: 12px;} .data-post-list{grid-template-columns: repeat(2, minmax(0, 1fr));} .data-post-list .data-post .data-post-content .data-post-title{font-size: 14px;} .featured{padding: 30px 20px;border-radius: 20px;} .featured .featured-title{font-size: 20px;} .featured-blogs .featured-loop{grid-template-columns: repeat(1, minmax(0, 1fr));} .featured-blogs .singles-post-item .singles-post-title{font-size: 18px;} .featured-blogs .singles-post-item .singles-post-excerpt{font-size: 14px;} .featured-blogs .singles-post-item .singles-post-action .read-more{ font-size: 14px;} .featured-comments .singles-comment-author{font-size: 16px;} .featured-comments .singles-comment-content{font-size: 14px;} .file-download .file-download-title{font-size: 16px;} .file-download .file-download-options .file-item .file-icon{width: 60px;font-size: 32px;} .file-download .file-download-options .file-item .file-label{font-size: 14px;} .section-file .file-container{margin: 30px -16px 0;} .section-file .file-container .file-object iframe{max-height: 540px !important;} .section-title .title{font-size: 20px;} .table-of-content{column-count: 1;} .table-of-content .table-of-content-item .item-data{font-size: 14px;} .custom-breadcrumb{margin: 0 0 20px;} .custom-breadcrumb a, .breadcrumb-item.active{font-size: 14px;} .sharer{flex-direction: column; gap: 16px;} .comment-list{ padding-right: 10px !important;} .comment-list > .comment:after{display: none;} .comment-list > .comment{padding: 12px;} .comment-list > .comment .comment-meta{margin: 0;} .comment-list > .comment .comment-metadata{display: flex;} .comment-list > .comment .comment-metadata a{display: block; line-height: 1;} .comment-list > .comment .comment-content{font-size: 14px; margin: 0;} .comment-list > .comment .reply .comment-reply-link{height: auto;background-color: #fff;color: var(--primary-dark);padding: 0;} .comment-list > .comment .children{margin: 10px 0; padding-right: 10px;} .comment-form .comment-notes{font-size: 14px;} .comment-form .comment-notes .required-field-message{font-size: 12px;} .comment-form{grid-template-columns: repeat(1, minmax(0, 1fr));} .comment-form .comment-notes, .comment-form .comment-form-comment, .comment-form .form-submit{ grid-column: span 1 / span 1;} .comment-form label{font-size: 14px !important;margin: 0 !important;} .teacher-filter{grid-template-columns: repeat(1, minmax(0, 1fr));} .teacher-list{grid-template-columns: repeat(1, minmax(0, 1fr));} }