* { padding:0px; margin:0px; } * , *::before , *::after { transition: all 0.3s ease !important; } .student-image .value { display:flex; align-items:center !important; } .student-image .value img { width:70px; height:70px; border:2px solid #997d40; border-radius:50%; margin:0px auto; } .lp-icon-clock-o::before { color: #36748b; size:16px; } .single-course-card { position:relative; } .listing-readmore { z-index:10; opacity:0; height:400px; width:300px; position:absolute; top:0px; left:0px; } #forminator-module-318 input { background-color:transparent; border:1px solid #FFFFFF; border-radius:10px; color:white; } #forminator-module-318 input::placeholder { color:white; } .forminator-button { width:100% !important; background-color:white; color:#997D40; border-radius:10px !important; } .forminator-button:hover { background-color:#997D40; color:white; } .iti__selected-dial-code { color:white; } #textarea-1 .forminator-field textarea { background-color:transparent !important; border:1px solid white; border-radius:10px; color:white; } #textarea-1 .forminator-field textarea::placeholder { color:white; } .width-auto { width:80px; } .full-readmore { position:absolute; width:100%; height:100%; z-index:1; border-radius:10px; top:0px; left:0px; } .wc-block-components-product-price del span.woocommerce-Price-amount { color:#36748B; opacity:0.7; } .wc-block-components-product-price ins span.woocommerce-Price-amount { text-decoration:none !important; font-size:18px; font-weight:bold; } .wc-block-cart__submit-container { border-radius:10px !important; background: linear-gradient(to right, #36748B, #997D40) !important; } .add-to-cart-custom { border-radius:10px; background-color:#36748B; color:white; } .wp-block-woocommerce-product-button span[data-wp-bind--hidden] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .add-to-cart-custom .add_to_cart_button { width:80% !important; padding:10px 25px !important; } .add-to-cart-custom .add_to_cart_button:hover { opacity:0.8; } .readmore-icon { width:35px; height:35px; border-style:none !important; border-radius:50%; background: linear-gradient(to right, #36748B, #997D40); position:relative; } .readmore-icon:after { content:"!"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:white; } .readmore-icon:hover { opacity:0.7; } .wc-block-cart__submit-container a { border-radius:10px; background: linear-gradient(135deg, #997D40,#36748B); font-weight:bold } .wc-block-components-sidebar { border-radius:10px; border:1px solid #36748B; padding:12px !important; display:flex; flex-direction:column; align-content:center; justify-content:center; } @media (max-width: 768px) { .wc-block-components-sidebar { padding: 16px !important; } } .wc-block-components-totals-coupon__form { padding:5px; box-shadow: 0 4px 12px rgba(54, 116, 139, 0.15); } #wc-block-components-totals-coupon__input-coupon { height:40px !important; padding:10px !important; border-radius:10px; font-size:14px; } #wc-block-components-totals-coupon__input-coupon + label { font-size: 14px !important; color: #999 !important; } .wc-block-components-button { height:40px !important; border-radius:10px; background-color:#36748B; } .price-card-single .tabbyPromo { background-color:white; border-radius:5px; } .price-card-single .quantity { display:none !important; } .add-to-card-custom { width:100% !important; display: flex; flex-direction: column; align-items: center; } .price-card-single .add-to-card-custom button { background-color:white; border-radius:10px; color:#000000; width:100% !important; padding:5px 10px; } .price-card-single .add-to-card-custom button:hover { background-color:#36748b; color:white; } .product-price-single del { display:none !important; } .product-price-single ins { color: white; font-size:35px; font-weight: 700; } .branch-name{ white-space: nowrap; z-index: 11; } .Product-category { position:absolute; top:10px; left:10px; } .Product-category a { text-decoration:none !important; } .whatsapp-button { position:fixed; z-index:999; right:5%; bottom:5%; } .whatsapp-button.english { position:fixed; z-index:999; left:5%; bottom:5%; } .wp-block-query-pagination-next,.wp-block-query-pagination-previous { color:white; text-decoration:none !important; font-weight:bold; background-color:#36748b; border-radius:5px; padding:4px 12px; font-size:14px; padding:6px 12px; text-align:center; } .page-numbers.current { padding:3px 7px; border-radius:5px; text-decoration:none; color:white; border:1px solid #36748b; background-color:#36748b; } .page-numbers { padding:3px 7px; color:#36748b; border:1px solid #36748b; text-decoration:none; border-radius:5px; } .wp-block-query-pagination-numbers { display:flex; align-items:center; gap:10px; } .add-to-cart-container { position: fixed; width:auto !important; display: inline-block; z-index: 100; } .post-date { position:absolute; background-color:white; width:auto !important; border-radius:10px; top:120px; right:15px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .play-icon { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:10; } .single-post, .single-media-center { display:none; } .max-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .branch-image .value { width:30px; height:30px; background-color:white; overflow:hidden; border-radius:50%; } .branch-image img{ width:30px; height:30px; } .branch-container { position:fixed; z-index:999; left:2%; top:50%; transform:translateY(-50%) } .single-branch-container { overflow:hidden; text-wrap:nowrap; width:42px; position:relative; } .single-branch-container:hover { width:120px; } .google-maps-field { position:absolute; z-index:10; border-radius:25px; right:0px; top:0px; width:42px; height:100%; opacity:0; } .google-maps-field:hover { width:120px; } .testmonial-query ul { width: 100% !important; height: 290px; display: flex; gap: 10px; align-items: center; justify-content: flex-start; overflow-x: scroll; overflow-y: hidden; padding: 0 !important; scroll-behavior: smooth; } .testmonial-query ul::-webkit-scrollbar { display: none; } .testmonial-query ul { -ms-overflow-style: none; scrollbar-width: none; } .testmonial-buttons-container { position:absolute; width:100%; top:50%; transform:translateY(-50%); display:flex; align-items:center; justify-content:space-between; z-index:10; } .testmonial-buttons-container button { background-color:white; border-style:none; width:35px; height:35px; border-radius:50%; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); display:flex; align-items:center; justify-content:center; } .testmonial-buttons-container button svg{ color:#36748B; } .product-category { background-color: #fff; border-radius: 10px; padding: 0px; overflow: hidden; text-align: center; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); display: flex; flex-direction: column; align-items: center; justify-content: space-between; position:relative; } .product-category img { height:100% !important; width:100% !important; margin:0px !important; } .product-category .woocommerce-loop-category__title { position: absolute; bottom: 10px; right: 10px; width: auto !important; padding: 6px 14px !important; border:1px solid gainsboro; background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(8px) saturate(180%); -webkit-backdrop-filter: blur(8px) saturate(180%); border-radius: 8px; color: #fff; font-weight: normal; font-size: 14px !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); transition: all 0.3s ease; } .product-category .count { display:none !important; } .product-category:hover { transform: translateY(-5px); box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); } .play-icon { position:absolute; top:50%; transform:translateY(-50%); z-index:10; } .align-left { direction: ltr; display: flex; justify-content: flex-start !important; align-items: flex-start !important; } .add-to-cart-custom { white-space: nowrap !important; text-wrap:nowrap; width:160px; } .tamkeen-cert-check { max-width: 420px; overflow: hidden; display:flex; flex-direction:column; gap:10px; align-items:center; justify-content:center; background: #f9fafb; padding: 25px 30px; border-radius: 15px; box-shadow: 0 4px 10px rgba(0,0,0,0.08); text-align: center; font-family: inherit; } .tamkeen-cert-check h3 { color: #1b3a57; margin-bottom: 20px; font-size: 22px; } .tamkeen-cert-check input[type="text"] { width: 100%; padding: 12px 15px; border: 1px solid #ccc; border-radius: 8px; font-size: 16px; margin-bottom: 15px; text-align: center; } .tamkeen-cert-check button { background-color: #36748B; color: #fff; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; font-family:'almarai'; width:100%; margin:0px auto !important; font-size: 16px; transition: background 0.3s; } .tamkeen-cert-check button:hover { background-color: #2C9FC7; } .tamkeen-cert-result { margin-top: 20px; font-size: 16px; font-weight: 600; } .tamkeen-cert-result.error { color: #d63a3a; } .tamkeen-cert-downloads { margin-top: 20px; display: flex; gap: 10px; } .tamkeen-cert-downloads a { display: block; background-color: #36748B; color: #fff; padding: 10px 15px; border-radius: 8px; text-decoration: none; font-size:12px; font-weight: 500; transition: background 0.3s; } .tamkeen-cert-downloads a:hover { background-color: #2C9FC7; } * { padding:0px; margin:0px; } * , *::before , *::after { transition: all 0.3s ease !important; } .student-image .value { display:flex; align-items:center !important; } .student-image .value img { width:70px; height:70px; border:2px solid #997d40; border-radius:50%; margin:0px auto; } .lp-icon-clock-o::before { color: #36748b; size:16px; } .single-course-card { position:relative; } .listing-readmore { z-index:10; opacity:0; height:400px; width:300px; position:absolute; top:0px; left:0px; } #forminator-module-318 input { background-color:transparent; border:1px solid #FFFFFF; border-radius:10px; color:white; } #forminator-module-318 input::placeholder { color:white; } .forminator-button { width:100% !important; background-color:white; color:#997D40; border-radius:10px !important; } .forminator-button:hover { background-color:#997D40; color:white; } .iti__selected-dial-code { color:white; } #textarea-1 .forminator-field textarea { background-color:transparent !important; border:1px solid white; border-radius:10px; color:white; } #textarea-1 .forminator-field textarea::placeholder { color:white; } .width-auto { width:80px; } .full-readmore { position:absolute; width:100%; height:100%; z-index:1; border-radius:10px; top:0px; left:0px; } .wc-block-components-product-price del span.woocommerce-Price-amount { color:#36748B; opacity:0.7; } .wc-block-components-product-price ins span.woocommerce-Price-amount { text-decoration:none !important; font-size:18px; font-weight:bold; } .wc-block-cart__submit-container { border-radius:10px !important; background: linear-gradient(to right, #36748B, #997D40) !important; } .add-to-cart-custom { border-radius:10px; background-color:#36748B; color:white; } .wp-block-woocommerce-product-button span[data-wp-bind--hidden] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .add-to-cart-custom .add_to_cart_button { width:80% !important; padding:10px 25px !important; } .add-to-cart-custom .add_to_cart_button:hover { opacity:0.8; } .readmore-icon { width:35px; height:35px; border-style:none !important; border-radius:50%; background: linear-gradient(to right, #36748B, #997D40); position:relative; } .readmore-icon:after { content:"!"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:white; } .readmore-icon:hover { opacity:0.7; } .wc-block-cart__submit-container a { border-radius:10px; background: linear-gradient(135deg, #997D40,#36748B); font-weight:bold } .wc-block-components-sidebar { border-radius:10px; border:1px solid #36748B; padding:12px !important; display:flex; flex-direction:column; align-content:center; justify-content:center; } @media (max-width: 768px) { .wc-block-components-sidebar { padding: 16px !important; } } .wc-block-components-totals-coupon__form { padding:5px; box-shadow: 0 4px 12px rgba(54, 116, 139, 0.15); } #wc-block-components-totals-coupon__input-coupon { height:40px !important; padding:10px !important; border-radius:10px; font-size:14px; } #wc-block-components-totals-coupon__input-coupon + label { font-size: 14px !important; color: #999 !important; } .wc-block-components-button { height:40px !important; border-radius:10px; background-color:#36748B; } .price-card-single .tabbyPromo { background-color:white; border-radius:5px; } .price-card-single .quantity { display:none !important; } .add-to-card-custom { width:100% !important; display: flex; flex-direction: column; align-items: center; } .price-card-single .add-to-card-custom button { background-color:white; border-radius:10px; color:#000000; width:100% !important; padding:5px 10px; } .price-card-single .add-to-card-custom button:hover { background-color:#36748b; color:white; } .product-price-single del { display:none !important; } .product-price-single ins { color: white; font-size:35px; font-weight: 700; } .branch-name{ white-space: nowrap; z-index: 11; } .Product-category { position:absolute; top:10px; left:10px; } .Product-category a { text-decoration:none !important; } .whatsapp-button { position:fixed; z-index:999; right:5%; bottom:5%; } .whatsapp-button.english { position:fixed; z-index:999; left:5%; bottom:5%; } .wp-block-query-pagination-next,.wp-block-query-pagination-previous { color:white; text-decoration:none !important; font-weight:bold; background-color:#36748b; border-radius:5px; padding:4px 12px; font-size:14px; padding:6px 12px; text-align:center; } .page-numbers.current { padding:3px 7px; border-radius:5px; text-decoration:none; color:white; border:1px solid #36748b; background-color:#36748b; } .page-numbers { padding:3px 7px; color:#36748b; border:1px solid #36748b; text-decoration:none; border-radius:5px; } .wp-block-query-pagination-numbers { display:flex; align-items:center; gap:10px; } .add-to-cart-container { position: fixed; width:auto !important; display: inline-block; z-index: 100; } .post-date { position:absolute; background-color:white; width:auto !important; border-radius:10px; top:120px; right:15px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .play-icon { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:10; } .single-post, .single-media-center { display:none; } .max-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .branch-image .value { width:30px; height:30px; background-color:white; overflow:hidden; border-radius:50%; } .branch-image img{ width:30px; height:30px; } .branch-container { position:fixed; z-index:999; left:2%; top:50%; transform:translateY(-50%) } .single-branch-container { overflow:hidden; text-wrap:nowrap; width:42px; position:relative; } .single-branch-container:hover { width:120px; } .google-maps-field { position:absolute; z-index:10; border-radius:25px; right:0px; top:0px; width:42px; height:100%; opacity:0; } .google-maps-field:hover { width:120px; } .testmonial-query ul { width: 100% !important; height: 290px; display: flex; gap: 10px; align-items: center; justify-content: flex-start; overflow-x: scroll; overflow-y: hidden; padding: 0 !important; scroll-behavior: smooth; } .testmonial-query ul::-webkit-scrollbar { display: none; } .testmonial-query ul { -ms-overflow-style: none; scrollbar-width: none; } .testmonial-buttons-container { position:absolute; width:100%; top:50%; transform:translateY(-50%); display:flex; align-items:center; justify-content:space-between; z-index:10; } .testmonial-buttons-container button { background-color:white; border-style:none; width:35px; height:35px; border-radius:50%; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); display:flex; align-items:center; justify-content:center; } .testmonial-buttons-container button svg{ color:#36748B; } .product-category { background-color: #fff; border-radius: 10px; padding: 0px; overflow: hidden; text-align: center; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); display: flex; flex-direction: column; align-items: center; justify-content: space-between; position:relative; } .product-category img { height:100% !important; width:100% !important; margin:0px !important; } .product-category .woocommerce-loop-category__title { position: absolute; bottom: 10px; right: 10px; width: auto !important; padding: 6px 14px !important; border:1px solid gainsboro; background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(8px) saturate(180%); -webkit-backdrop-filter: blur(8px) saturate(180%); border-radius: 8px; color: #fff; font-weight: normal; font-size: 14px !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); transition: all 0.3s ease; } .product-category .count { display:none !important; } .product-category:hover { transform: translateY(-5px); box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); } .teaching-staff-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; padding: 20px 0; } /* Force 4 columns on large screens */ @media (min-width: 1200px) { .teaching-staff-grid { grid-template-columns: repeat(4, 1fr); } } /* 3 columns on medium screens */ @media (max-width: 1199px) and (min-width: 768px) { .teaching-staff-grid { grid-template-columns: repeat(3, 1fr); } } /* 2 columns on small tablets */ @media (max-width: 767px) and (min-width: 480px) { .teaching-staff-grid { grid-template-columns: repeat(2, 1fr); } } /* 1 column on mobile */ @media (max-width: 479px) { .teaching-staff-grid { grid-template-columns: 1fr; } } .teaching-staff-card { position: relative; overflow: hidden; border-radius: 15px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; background-color: #fff; } .teaching-staff-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); } .staff-image { position: relative; background-size: cover; background-position: center; width: 100%; height: 350px; display: flex; align-items: flex-end; justify-content: center; border-radius: 15px; } .staff-overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.2)); color: white; text-align: center; z-index: 2; } .staff-overlay h3 { margin: 0; font-size: 1.1rem; font-weight: 600; } .staff-overlay p { margin: 5px 0 10px; font-size: 0.9rem; opacity: 0.9; } .staff-video-btn { background-color: #0077b6; color: #fff; border: none; padding: 8px 16px; border-radius: 8px; font-size: 0.9rem; cursor: pointer; transition: background 0.3s ease; } .staff-video-btn:hover { background-color: #023e8a; } /* Modal */ .staff-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: none; align-items: center; justify-content: center; z-index: 99999; padding: 20px; box-sizing: border-box; } .staff-modal.active { display: flex; } .staff-modal-content { position: relative; background: #000; width: 90%; max-width: 800px; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; } .staff-modal-content iframe { width: 100%; height: 100%; border: none; display: block; } .staff-modal-close { position: absolute; top: 10px; right: 15px; color: white; font-size: 24px; cursor: pointer; z-index: 2; } /* Responsive adjustments */ @media (max-width: 768px) { .staff-modal-content { width: 100%; max-width: 95%; aspect-ratio: 16 / 9; } } @media (max-width: 480px) { .staff-modal-content { width: 100%; max-width: 100%; border-radius: 0; } } .play-icon { position:absolute; top:50%; transform:translateY(-50%); z-index:10; } .align-left { direction: ltr; display: flex; justify-content: flex-start !important; align-items: flex-start !important; } .add-to-cart-custom { white-space: nowrap !important; text-wrap:nowrap; width:160px; } .tamkeen-cert-check { max-width: 420px; display:flex; flex-direction:column; gap:10px; align-items:center; justify-content:center; background: #f9fafb; padding: 25px 30px; border-radius: 15px; box-shadow: 0 4px 10px rgba(0,0,0,0.08); text-align: center; font-family: inherit; } .tamkeen-cert-check h3 { color: #1b3a57; margin-bottom: 20px; font-size: 22px; } .tamkeen-cert-check input[type="text"] { width:350px; padding: 12px 15px; border: 1px solid #ccc; border-radius: 8px; font-size: 16px; margin-bottom: 15px; text-align: center; } .tamkeen-cert-check button { background-color: #36748B; color: #fff; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; font-family:'almarai'; width:350px; margin:0px auto !important; font-size: 16px; transition: background 0.3s; } .tamkeen-cert-check button:hover { background-color: #2C9FC7; } .tamkeen-cert-result { margin-top: 20px; font-size: 16px; font-weight: 600; } .tamkeen-cert-result.error { color: #d63a3a; } .tamkeen-cert-downloads { margin-top: 20px; display: flex; gap: 10px; } .tamkeen-cert-downloads a { display: block; background-color: #36748B; color: #fff; padding: 10px 15px; border-radius: 8px; text-decoration: none; font-size:12px; font-weight: 500; transition: background 0.3s; } .tamkeen-cert-downloads a:hover { background-color: #2C9FC7; } /*Tamkeen woocommerce forms style*/ .u-column2,.u-column1 { display:flex; flex-direction: column; gap:10px !important; position: relative; } .u-column2::after { content: ''; position: absolute; left: -100%; top: 0; width: 90%; height: 100%; background-image: url('https://tamkeentraining.com/wp-content/uploads/2025/10/Signup-image.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; } .u-column1:after { content: ''; position: absolute; right: -100%; top: 0; width: 90%; height: 100%; background-image: url('https://tamkeentraining.com/wp-content/uploads/2025/10/Login.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; } @media(max-width:768px) { .u-column1:after, .u-column2:after { display:none; } } h2 { font-size:1rem; font-weight:bold; margin:0px 5px; } #customer_login { border-radius:10px; padding:20px; } .woocommerce-form { margin:0px !important; padding:0px !important; border-style:none !important; } @media (max-width:425px) { #customer_login { width:70vw; margin:0px auto; } } .woocommerce-LostPassword a{ font-size:0.8rem; text-decoration: none; } .woocommerce-form-register__submit,.woocommerce-form-login__submit { width:100%; font-size:1rem; padding:12px; border-radius: 5px; background:#36748B; } .woocommerce-form-register__submit:hover,.woocommerce-form-login__submit:hover { background-color:#36748B; opacity:0.8; } .woocommerce-form label { font-size:1rem; } .woocommerce-privacy-policy-text { margin:10px 0px; font-size:0.8rem; } .tamkeen-switch-link { font-size:16px; display: flex; justify-content:flex-start; gap:5px } .tamkeen-switch-link a { text-decoration: none !important; } #reg_billing_phone,#reg_last_name,#reg_first_name{ padding:12px; border:1px solid black; border-radius: 5px; } #reg_last_name,#reg_first_name { width:91% !important; } #reg_billing_phone { width:96%; } @media (max-width:425px) { #reg_last_name,#reg_first_name { width:80% !important; } #reg_billing_phone { width:90%; } } .display-centered { position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index: 1; } .cermony-button { position: absolute; z-index: 2; top:0px; left:0px; width:100%; height: 100%; background-color:transparent; } .kt-my-account .woocommerce { background-color:white; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border-radius: 10px; padding:10px; display: flex; gap:15px; } @media (max-width:768px) { .kt-my-account .woocommerce { flex-direction: column; } } .woocommerce-MyAccount-navigation { background: linear-gradient(135deg, #997D40, #36748B); padding:10px; border-radius: 5px; } .woocommerce-MyAccount-content { font-size:16px; } .woocommerce-MyAccount-content a { text-decoration: none; } .woocommerce-MyAccount-navigation a { text-decoration: none; color:white; font-size:18px; }