@import url(https://cdn.ieltsdaily.ir/css/iconmoon.css); 
:root {--green-color: #019DA4; --gray-color: #696984; --orange-color:#FFA800; --primary: #00bfa5; --primary-dark: #004d40; --accent-light: #e0f7f5; --bg-light: #f5f8fa; --text-default: #555; }
/* @font-face {font-family: "Ferrero Rocker"; src: url(https://cdn.ieltsdaily.ir/fonts/ferrero-rocker-cdnfonts/FerreroRocker.ttf) format("ttf"); } */
@font-face {font-family: "sans"; src: url(https://cdn.ieltsdaily.ir/fonts/woff2/IRANSansXFaNum-MediumD4.woff2) format("woff"); }
/* .font-iranyekan {font-family: "yekan"; src: url(../fonts/iranyekan/iranyekanwebregular.eot) format("eot"), url(../fonts/iranyekan/iranyekanwebregular.ttf) format("ttf"), url(../fonts/iranyekan/iranyekanwebregular.woff) format("woff"); } */
.font-iransans-2-medium {font-family: "sans"; src: url(https://cdn.ieltsdaily.ir/fonts/woff2/IRANSansX-Medium.woff2) format("woff"); }
.font-en {font-family: 'Segoe UI', Tahoma, Verdana, sans-serif !important; }
.font-fa {font-family: 'sans' !important; }
body {font-family: 'sans', 'sans-serif'; direction: rtl; background-image: linear-gradient(to right, rgba(89, 230, 222, 0.1), rgba(230, 174, 89, 0.1)); }
p {line-height: 2rem; }
a {text-decoration: none; }
/* li {list-style: none; } */
.dropdown .dropdown-toggle:before {font-family: 'fonticon' !important; content: "\eb45"; position: absolute; left: 15px; }
.nav-link.dropdown-toggle:before {content: '' !important; }
.dropdown-toggle.show {background: rgba(1, 157, 164, 0.15) !important; color: #019DA4 !important; border:1px solid rgba(1, 157, 164, 0.15) !important; }
.dropdown-toggle.show:before {transform: rotate(180deg); }
.dropdown-item.active, .dropdown-item:active {background: none; color: #019DA4 !important; }
.red-color {color: #FF4B4B; }
.orange-color {color: var(--orange-color); }
.yellow-bg {background: rgba(231, 166, 0, 0.1); }
.green-color {color: var(--green-color) !important; }
.green-bg {background-color: var(--green-color) !important; }
.orang-bg {background-color: #ad7409bb !important; }
.green-bg-btn {background: rgba(1, 157, 164, 0.15) !important; color: #019DA4 !important; }
.green-bg-btn:hover {background: #019DA4 !important; color: #fff !important; }
.green-bg-fade {background: rgba(1, 157, 164, 0.15) !important; }
.yellow-bg-fade {background: rgba(164, 148, 1, 0.15) !important; }
.red-bg-fade {background: rgba(164, 1, 9, 0.15) !important; }
.btn-light {background: rgba(105, 105, 132, 0.21) !important; }
.text-gray {color: var(--gray-color); }
.bg-gray {background-color: #F4F4F4; }
hr {opacity: 0.1 !important; }
.text-success {color: #12B18B !important; }
.radius-10 {border-radius: 10px !important; }
.radius-15 {border-radius: 15px !important; }
.radius-30 {border-radius: 30px !important; }
.radius-20 {border-radius: 20px !important; }
.f-10 {font-size: 10px !important; }
.f-12 {font-size: 12px !important; }
.f-14 {font-size: 14px !important; }
.f-18 {font-size: 18px !important; }
.f-16 {font-size: 16px !important; }
.f-20 {font-size: 20px !important; }
.f-22 {font-size: 22px !important; }
.f-24 {font-size: 24px !important; }
.f-26 {font-size: 26px !important; }
.f-30 {font-size: 30px !important; }
.f-50 {font-size: 50px !important; }
.f-3-rem {font-size: 3rem !important; }
.f-4-rem {font-size: 4rem !important; }
.dir-ltr {direction: ltr !important; }
.dir-rtl {direction: rtl !important; }
.dir-ltr-ni {direction: ltr }
.dir-rtl-ni {direction: rtl }
.pointer {cursor: pointer; }
.h-47 {height: 47px; }
.badge {padding: 11px 15px !important; }
.shadow-custom {box-shadow: 0px 100px 80px rgba(0,0,0,0.02), 0px 64.8148px 46.8519px rgba(0,0,0,0.0151852), 0px 38.5185px 25.4815px rgba(0,0,0,0.0121481), 0px 20px 13px rgba(0,0,0,0.01), 0px 8.14815px 6.51852px rgba(0,0,0,0.00785185), 0px 1.85185px 3.14815px rgba(0,0,0,0.00481481); }
.fliter-select {width: 131px; height: 62px; }
.form-floating>label {left: unset; right: 0; color: var(--gray-color); height: auto !important; }
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {transform: scale(.85) translateY(-2rem) translateX(0.15rem); background: #FFF; opacity: 1; font-size: 14px; }
.btn-file-2 {position: relative; overflow: hidden; padding: 10px 20px; cursor: pointer; background: #F2F6F8; border-radius: 5px; }
.btn-file-2 input[type=file] {position: absolute; top: 0; right: 0; width: 100%; height: 100%; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: pointer; display: block; }
.btn-file-1 {position: relative; overflow: hidden; padding: 10px 20px; cursor: pointer; background: #F2F6F8; border-radius: 5px; }
.btn-file-1 input[type=file] {position: absolute; top: 0; right: 0; width: 100%; height: 100%; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: pointer; display: block; }
.btn-file-3 {position: relative; overflow: hidden; padding: 10px 20px; cursor: pointer; background: #F2F6F8; border-radius: 5px; }
.btn-file-3 input[type=file] {position: absolute; top: 0; right: 0; width: 100%; height: 100%; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: pointer; display: block; }
.btn-file {position: relative; overflow: hidden; padding: 10px 20px; cursor: pointer; background: #F2F6F8; border-radius: 5px; }
.btn-file input[type=file] {position: absolute; top: 0; right: 0; width: 100%; height: 100%; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: pointer; display: block; }
.form-control:focus, .form-select:focus {box-shadow: none; border:1px solid #DEDEDE !important; }
.border.form-control:focus {border:1px solid #DEDEDE !important; }
#result-up {background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 10px 20px; }
.btn-success {background-color: #12B18B !important; border: 0 !important; }
.btn-success:hover {background-color: #0a7c61 !important; }
.btn-custom {background: rgba(1, 157, 164, 0.15); border-radius: 10px; color: #019DA4; padding: 15px 30px; border: none !important; }
.btn-custom:hover {background: rgba(1, 157, 164, 0.5) !important; border: none !important; }
/*-------------------scrollbar*/
::-webkit-scrollbar {width: 5px; }
::-webkit-scrollbar-track {border-radius: 5px; }
::-webkit-scrollbar-thumb {background: rgb(102, 102, 102); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover {background: #000; }
/*----------------- header*/
header {height: 90vh; background: url(https://cdn.ieltsdaily.ir/img/bg-header.webp) no-repeat left top, url(https://cdn.ieltsdaily.ir/img/line-cloud.webp) no-repeat bottom center, url(https://cdn.ieltsdaily.ir/img/Decorator.webp) no-repeat left center; }
nav .nav-link {color: #020202; }
nav .dropdown-menu {right: 0; left: initial !important; }
header .dropdown-item:focus, .dropdown-item:hover {background-color: transparent !important; color: var(--green-color) !important; }
.dropdown-item:hover.dropdown-item:before {transition: all ease-in 0.3s; opacity: 1; }
.navbar-fixed-top {position: fixed; -webkit-backdrop-filter: blur(41px); backdrop-filter: blur(41px); box-shadow: rgba(0,0,0,0.25) 0px 4px 4px; background: rgba(255,255,255,0.4); top: 0px; left: 0px; right: 0px; margin: 0px !important; z-index: 100; }
nav .dropdown-item:before {font-family: "Font Awesome 6 Pro"; font-weight: 900; opacity: 0; position: absolute; left: 10px; transition: all ease-in 0.3s; }
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link, .nav-link:focus, .nav-link:hover {color: var(--green-color); border-bottom: 1px solid var(--green-color); }
nav .nav-item .nav-link {font-size: 13px !important; }
.dropdown-toggle::after {content: none; }
.scrollable-dropdown li:not(:last-child) .dropdown-item {border-bottom: 1px solid #e0e0e0;}
.scrollable-dropdown li:last-child .dropdown-item {border-bottom: none !important;}
.dropdown-menu.scrollable-dropdown {z-index: 600;position: absolute; max-height: 250px !important; overflow-y: auto !important;}
.scrollable-dropdown {scrollbar-width: thin;}
.scrollable-dropdown::-webkit-scrollbar {width: 8px;}
.scrollable-dropdown::-webkit-scrollbar-track {background: rgba(1, 157, 164, 0.06);border-radius: 10px;margin: 6px 0;}
.scrollable-dropdown::-webkit-scrollbar-thumb {background-color: rgba(1, 157, 164, 0.35) !important;border-radius: 10px;border: 2px solid transparent;background-clip: content-box;transition: background-color 0.2s ease;}
.scrollable-dropdown::-webkit-scrollbar-thumb:hover {background-color: #019DA4 !important;}
.col-xl-2.col-sm-12 {overflow: visible !important;}
.fa-arrow-right-to-bracket {transform: rotate(180deg); }
nav .badge {background-color: #FF5981 !important; bottom: -6px; right: -15px; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; padding: 0 !important; }
header .bg-slider {height: 600px; background-size: contain; }
header #content h1 {}
header .animate-img {position: absolute; left: -200px; top: 100px; animation: moveImg ease-in-out infinite 5s; }
.animate-img-rect {position: absolute; left: -100px; top: 400px; animation: moveImgRect ease-in-out infinite 8s; }
.animate-img-rect-bottom {position: absolute; left: -10px; top: 500px; width: 40px; animation: moveImgRectLast ease-in-out infinite 8s; }
.animate-img-ashk-top {width: 20px; position: absolute; left: 20px; top: 200px; animation: ashkMoveTop ease-in-out infinite 8s; }
.animate-img-ashk-bottom {width: 20px; position: absolute; right: -50px; top: 400px; animation: ashkMoveBottom ease-in-out infinite 8s; }
.animate-img-ashk-bottom-left {width: 20px; position: absolute; left: 50px; top: 600px; animation: ashkMoveBottomLeft ease-in-out infinite 8s; }
.animate-img-rect-bottom-left {width: 20px; position: absolute; left: 20px; top: 650px; animation: rectMoveBottomLeft ease-in-out infinite 8s; }
/* services*/
#services .item-service {border: 1px dashed #FFF; border-radius: 50px; }
#services .col-lg-3:nth-child(1) .item-service {background: #FFF3D4; }
#services .col-lg-3:nth-child(2) .item-service {background: #E6F8FC; }
#services .col-lg-3:nth-child(3) .item-service {background: #EEEDFF; }
#services .col-lg-3:nth-child(4) .item-service {background: #FFF3D4; }
/* arvan*/
.r1_iframe_embed {position: relative; overflow: hidden; width: 100%; height: auto; padding-top: 56.25%; }
.r1_iframe_embed iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
/* products*/
#products {background: url(https://cdn.ieltsdaily.ir/img/elipses.webp) no-repeat left center, linear-gradient(to right, rgb(89 230 222 / 5%), rgb(230 174 89 / 4%)); }
.animate-img-left-product {width: 20px; position: absolute; left: 100px; top: 450px; animation: imgProductLeft ease-in-out infinite 8s; }
.animate-img-right-product {width: 20px; position: absolute; right: 100px; top: 200px; animation: imgProductRight ease-in-out infinite 8s; }
.ellipse-top-left {position: absolute; left: -25px; top: -20px; z-index: -1; animation: rotateItem ease-in-out 5s infinite; width: initial; }
#product-page .ellipse-top-left {position: absolute; left: 25px; top: 25px; z-index: -1; animation: rotateItemTop ease-in-out 5s infinite; width: 50px; }
.ellipse-bottom-right {position: absolute; right: -25px; bottom: -20px; z-index: -1; width: initial; animation: rotateItemTop ease-in-out 5s infinite; }
.item-product {border: 1px solid #FFF; }
#product-page .item-product:hover {}
#products .carousel-main img {width: 100%; object-fit: contain; border-top-left-radius: 1rem; border-top-right-radius: 1rem; background-color: #f8f8f8; }
#main-product {background-color: rgba(255,255,255,0.9); }
.owl-prev span, .owl-next span {font-size: 2rem; height: 50px; border-radius: 100%; }
.owl-prev {position: absolute; left: -55px; top: 210px; }
.owl-next {position: absolute; right: -55px; top: 210px; }
#main-links img {width: 60px; height: 60px; }
#main-link {background: linear-gradient(to right, rgb(238 252 250), rgb(251 247 239)); }
#main-links .col-md-4 .w-100 {box-shadow: 0px 100px 80px rgb(0 0 0 / 2%), 0px 64.8148px 46.8519px rgb(0 0 0 / 2%), 0px 38.5185px 25.4815px rgb(0 0 0 / 1%), 0px 20px 13px rgb(0 0 0 / 1%), 0px 8.14815px 6.51852px rgb(0 0 0 / 1%), 0px 1.85185px 3.14815px rgb(0 0 0 / 0%); }
#links {background: rgba(247, 251, 255, 0.9); border-radius: 40px; position: relative; }
#links h4 {font-size: 20px; }
#links .rect-top {position: absolute; left: -30px; top: -20px; z-index: -1; }
#links .rect-bottom {position: absolute; right: -30px; bottom: -20px; z-index: -1; }
#bg-index {background: #FFF !important; }
.card-left-items {border-radius: 1rem; border: 1px solid #e9edf5 !important; }
.card-left-items:hover {border-color: #019DA4 !important; box-shadow: 0 10px 10px -5px rgba(157, 160, 160, 0.4) !important; }
#blog .profile {width: 35px; height: 35px; border-radius: 100%; object-fit: contain; }
#blog .main-img {height: 340px; object-fit: cover; }
#blog .main-blog-img {object-fit: cover; }
#blog p {line-height: 22px; height: 45px; overflow: hidden; }
.right-post p {height: 85px !important; overflow: hidden !important; }
#product-page .animate-circle-blog {animation: moveImgAshk ease-in-out infinite 8s; position: absolute; left: -10px; bottom: 10px; top: unset; width: 30px; }
#product-page .animate-ashk-right {animation: moveImgAshkRight ease-in-out infinite 8s; position: absolute; right: -10px; top: 10px; bottom: unset; width: 30px; }
.animate-circle-blog {animation: moveImgcircle ease-in-out infinite 8s; position: absolute; left: 100px; top: 10px; width: 80px; }
/* libraries*/
#libraries .item-libraries .card {border-radius: 30px; background: #FFF; }
#libraries .item-libraries .card:hover {border-color: #019DA4; box-shadow: 0 10px 10px -5px rgba(157,160,160,0.4); }
.item-libraries p {line-height: 22px; }
.item-libraries img.radius-20 {height: 269.26px; object-fit: cover; }
#libraries .profile {width: 35px; height: 35px; border-radius: 100%; object-fit: contain; }
#libraries .owl-stage-outer {padding-bottom: 100px; }
.item-libraries:hover {cursor: pointer; }
/* news*/
#news .item-news .card {border-radius: 30px; background: #FFF; }
#news .item-news .card:hover {border-color: #019DA4; box-shadow: 0 10px 10px -5px rgba(157, 160, 160, 0.4); }
.item-news p {line-height: 22px; }
.item-news img.radius-20 {height: 269.26px; object-fit: cover; }
#news .profile {width: 35px; height: 35px; border-radius: 100%; object-fit: contain; }
#news .owl-stage-outer {padding-bottom: 30px; }
.item-news:hover {cursor: pointer; }
.with_image footer {background: url(https://cdn.ieltsdaily.ir/img/footer-new.svg) no-repeat center; height: 250px; background-size: cover; }
footer {background: url(https://cdn.ieltsdaily.ir/img/footer-new.svg) no-repeat center; height: 250px; background-size: cover; }
#social-networks i {width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; border-radius: 100%; font-size: 30px; }
#social-networks a:hover i {background-color: #ffc107 !important; color: #FFF !important; }
.bale-icon-wrap {display: inline-flex;align-items: center;}
.bale-icon-hover {display: none;}
.bale-icon-wrap:hover .bale-icon-default {display: none;}
.bale-icon-wrap:hover .bale-icon-hover {display: inline-block;}
/* products page*/
#product-page #main-title {background: rgba(1, 157, 164, 0.15); }
.form-select {background-position: left 0.75rem center; }
.form-control {background: #F9F9F9; border-radius: 15px; padding-left: 3.5rem}
#product-page .fa-search {background: #FFB800; border-radius: 12px; padding: 12px; color: #FFF; position: absolute; left: 20px; top: 6.5px; }
.fa-search {background: #FFB800; border-radius: 12px; padding: 12px; color: #FFF; position: absolute; left: 10px; top: 6.5px; }
#product-page .card img {height: 270px; object-fit: contain; background-color: #f8f8f8; border-radius: 1rem 1rem 0rem 0rem; }
/* product single*/
#product-single .carousel-indicators {position: relative !important; width: 100%; margin: 0; }
#product-single .carousel-inner img {height: 445.08px; object-fit: cover; background-color: #ececec; border-radius: 20px; }
#library-single .carousel-inner img {height: 100%; object-fit: cover; background-color: #ececec; border-radius: 20px; }
#product-single .owl-carousel .owl-item img {object-fit: cover; }
.carousel-indicators img, .carousel-indicators .item, .carousel-indicators [data-bs-target] {height: 160px; border-radius: 20px; width: fit-content; }
#product-single .badge {background: rgba(1, 157, 164, 0.15); border-radius: 10px; }
#product-single .card {background: #FAFBFE; border-radius: 20px; }
.counter-items {background: rgba(1, 157, 164, 0.1); border-radius: 10px; }
.modal .img-modal {height: 280px; }
.modal-content {border-radius: 20px !important; }
/* course*/
#course-main .card img {object-fit: cover; }
#course-main .badge {background: rgba(1, 157, 164, 0.15); border-radius: 10px; }
#course-main .alert.alert-danger {padding: 8px 15px !important; }
.btn-course {height: 54px; }
.btn-course i {height: 20px; width: 20px; border-radius: 5px; line-height: 19px; }
.checked-yellow {background: #ff99006e; color: #FF9900; }
#course-main .icon-fo-bookmark-remove {position: absolute; left: 25px; top: 25px; display: none; }
#course-main .item-course:hover .icon-fo-bookmark-remove {display: block; }
#course-main .btn.green-bg-fade:hover, #course-main .btn.green-bg-fade:focus {background: rgba(1, 157, 164, 0.5) !important; }
.btn.alert-secondary:hover, .btn.alert-secondary:focus {background: #d7d7d878; }
.btn.yellow-bg:hover, .yellow-bg:focus {background: rgba(231, 166, 0, 0.4); }
#product-page .icon-fo-bookmark-remove {position: absolute; left: 25px; top: 25px; display: none; }
#product-page .item-product:hover .icon-fo-bookmark-remove {display: block; }
#course-details .teacher-img {height: 70px; width: 70px; }
#course-details .teacher-circ-img {height: 68px; width: 68px; }
.info_placement {line-height: 1rem !important; }
#users-podcast img {border: 2px solid #FFFFFF; margin-right: -25px; width: 50px !important; height: 50px !important; }
.btn-play .fa-play {border: 2px solid; padding: 3px; border-radius: 9px; }
#podcast-detail .main-img-podcast {width: 250px; height: 250px; }
/* Style the circle when the radio button is checked*/
input[type="radio"]:checked + label::before {background-color: #019da4; border-color: #019da4; }
input[type="radio"]:checked + label {font-weight: bolder; font-size: 20px; color: #019da4; }
.no-print {display: block; }
audio {width: 100%; }
audio::-webkit-media-controls-panel {background: #FFF; overflow: initial; }
audio::-webkit-media-controls-play-button {background-color: #019da463; border-radius: 100%; }
audio::-webkit-media-controls-timeline {}
audio::-webkit-media-controls-track-segment-highlight-before {background: #019DA4; }
audio[pseudo=-internal-track-segment-highlight-before] {background: #019DA4; }
/* comment*/
#main-comment .avatar {width: 40px; height: 40px; }
/* blog page*/
#blog-main .main-img-blog {object-fit: cover; }
#blog-main .badge {height: 31px; display: flex; justify-content: center; align-items: center; }
#blog-main .profile {width: 35px; height: 35px; border-radius: 100%; object-fit: contain; }
#blog-main .card:hover {border: 1px solid var(--green-color) !important; }
#blog-main .card:hover .card-title {color: var(--green-color) !important; }
/* blog detilas*/
#blog-details .user-auther {width: 35px; height: 35px; border-radius: 100%; object-fit: contain; }
/* news*/
.news-img {height: 200px; }
#news-main .profile {width: 35px; height: 35px; border-radius: 100%; object-fit: contain; }
#news-main .icon-fo-bookmark-remove {position: absolute; left: 25px; top: 25px; display: none; }
#news-main .item-news {box-shadow: 0px 100px 80px rgba(0,0,0,0.02), 0px 64.8148px 46.8519px rgba(0,0,0,0.0151852), 0px 38.5185px 25.4815px rgba(0,0,0,0.0121481), 0px 20px 13px rgba(0,0,0,0.01), 0px 8.14815px 6.51852px rgba(0,0,0,0.00785185), 0px 1.85185px 3.14815px rgba(0,0,0,0.00481481); }
#news-main .item-news:hover .icon-fo-bookmark-remove {display: block; }
#news .card-img-top {object-fit: cover; width: 100% !important; height: 100%; margin: 0 auto; }
#news-main .card:hover {border: 1px solid var(--green-color) !important; }
/* #news-main .card:hover .card-title {color: var(--green-color) !important; }*/
/* news details*/
#news-details video {width: 100%; height: 500px; border-radius: 20px; background: #000; }
/* about-main*/
#about-main .user-about {width: 100px; height: 100px; border-radius: 30px; }
#about-main .item-profile {background: #FFFFFF; box-shadow: 0px 100px 80px rgba(0,0,0,0.02), 0px 64.8148px 46.8519px rgba(0,0,0,0.0151852), 0px 38.5185px 25.4815px rgba(0,0,0,0.0121481), 0px 20px 13px rgba(0,0,0,0.01), 0px 8.14815px 6.51852px rgba(0,0,0,0.00785185), 0px 1.85185px 3.14815px rgba(0,0,0,0.00481481); border-radius: 30px; }
/* profile*/
.img-profile {width: 150px; height: 150px; border: 3px solid #FFFFFF; margin-top: -65px; margin-right: 30px }
#main-profile .social-media a {color: #696984; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; text-decoration: none; }
#main-profile .fa-play {position: absolute; font-size: 40px; color: #FFF; background: #000000a8; border-radius: 100%; padding: 10px; }
#main-profile .social-media a:hover {background-color: var(--green-color); border-radius: 100%; color: #FFF !important; }
#main-profile .left-img-profile {height: 247.78px; object-fit: cover; }
#main-profile .nav-pills .nav-link.active, .nav-pills .show>.nav-link {background: #019DA4 !important; border-radius: 15px !important; font-size: 14px !important; color: #FFF !important; }
.nav-pills .nav-link {padding: 15px 20px !important; background: #FFFFFF; font-size: 14px !important; border: 1px solid #FFF; border-radius: 15px; color: var(--gray-color); margin-right: 20px; }
#main-profile .nav-pills .nav-link {padding: 15px 20px !important; background: #FFFFFF; font-size: 14px !important; border: 1px solid #FFF; border-radius: 15px; color: var(--gray-color); margin-right: 20px; }
/* ------- persian date picker*/
.datepicker-plot-area {background: #FFFFFF !important; border-radius: 20px !important; border: 0 !important; margin-top: 20px !important; font-family: 'yekan' !important; box-shadow: none !important; padding: 15px !important; }
.datepicker-plot-area .datepicker-day-view .table-days td {padding: initial !important; }
.datepicker-plot-area .datepicker-day-view .table-days td span {border: 1px solid #F3F6F9 !important; border-radius: 5px !important; width: initial !important; margin: 5px !important; height: 45px !important; display: flex !important; justify-content: center; align-items: center; }
.datepicker-plot-area .datepicker-day-view .table-days td.selected span, .datepicker-plot-area .datepicker-day-view .table-days td span:hover {background-color: var(--green-color) !important; border: 0 !important; }
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch {width: initial !important; }
.datepicker-navigator {display: flex !important; justify-content: end !important; }
.datepicker-plot-area .datepicker-day-view .month-grid-box .header {border-radius: 6px; background-color: #019ca42e; padding: 5px; }
.header-row-cell {color: #019DA4 !important; }
.title-date {position: absolute; top: 35px; right: 25px; font-size: 15px; }
#main-library .item-lib {position: relative; }
#main-library .item-lib:hover {border: 1px solid var(--green-color) !important; }
.item-lib .icon-fo-bookmark-remove {position: absolute; left: 25px; top: 25px; display: none; }
.item-lib:hover .icon-fo-bookmark-remove {display: block !important; }
/* conatct us*/
.box-contact {box-shadow: 0px 10px 40px rgba(102, 103, 124, 0.08); }
/* serivces-page*/
#serivces-page .item-service {background: rgba(255, 255, 255, 0.8); height: 230px; box-shadow: 0px 100px 80px rgba(0,0,0,0.02), 0px 64.8148px 46.8519px rgba(0,0,0,0.0151852), 0px 38.5185px 25.4815px rgba(0,0,0,0.0121481), 0px 20px 13px rgba(0,0,0,0.01), 0px 8.14815px 6.51852px rgba(0,0,0,0.00785185), 0px 1.85185px 3.14815px rgba(0,0,0,0.00481481); }
#serivces-page .item-service img {width: 60px; height: 60px; }
/* cart*/
.cart-number {background: #FF4242; border: 1px solid #FFFFFF; border-radius: 10px; width: 21.52px; height: 21.77px; display: flex; justify-content: center; align-items: center; }
#cart .cart-img {width: 75.82px; height: 98.81px; }
#cart .animate-circle-blog {animation: moveImgAshk ease-in-out infinite 8s; position: absolute; left: -10px; bottom: 10px; top: unset; width: 20px; }
#cart .animate-ashk-right {animation: moveImgAshkRight ease-in-out infinite 8s; position: absolute; right: -10px; top: 10px; bottom: unset; width: 20px; }
#cart .ellipse-top-left {position: absolute; left: 25px; top: 25px; z-index: 10; animation: rotateItemTop ease-in-out 5s infinite; width: 30px; }
/* pre-factor*/
#pre-factor .animate-circle-blog {animation: moveImgAshk ease-in-out infinite 8s; position: absolute; left: -10px; bottom: 10px; top: unset; width: 20px; }
#pre-factor .animate-ashk-right {animation: moveImgAshkRight ease-in-out infinite 8s; position: absolute; right: -10px; top: 10px; bottom: unset; width: 20px; }
#pre-factor .ellipse-top-left {position: absolute; left: 25px; top: 25px; z-index: 10; animation: rotateItemTop ease-in-out 5s infinite; width: 30px; }
.pre-img {width: 46.04px; height: 60px; }
/* factor*/
.factor-iocon {width: 100px; height: 100px; border-radius: 100%; display: flex; justify-content: center; align-items: center; }
.factor-iocon i {font-size: 6rem; }
.factor-success-iocon {width: 130px; height: 95px; border-radius: 15%; display: flex; justify-content: center; align-items: center; }
.factor-success-iocon i {font-size: 6rem; }
#factor .animate-circle-blog {animation: moveImgcircle ease-in-out infinite 8s; position: absolute; left: 100px; top: 10px; width: 35px; }
#factor .animate-ashk-right {animation: moveImgAshkRight ease-in-out infinite 8s; position: absolute; right: -10px; top: 10px; bottom: unset; width: 35px; }
/* mentoring*/
#mentoring-header {height: 85vh; background: url(https://cdn.ieltsdaily.ir/img/header-mentoring.svg) no-repeat 0px -176px !important; background-size: contain; overflow: hidden; clip-path: ellipse(79% 60% at 53% 37%); }
#mentoring-header .img-main-ment {height: 660px; object-fit: contain; }
.comment-1 {position: absolute; top: 200px; right: 0px; }
.comment-2 {position: absolute; top: 380px; right: 265px; }
#mentoring-header .animate-img {position: absolute !important; left: 0px !important; top: 100px !important; animation: none !important; }
#services-ment .item-service {height: 290px; }
#services-ment .elipse-left {position: absolute; left: 0; top: 0; z-index: -1; }
#services-ment .animate-img-left-product {width: 20px; position: absolute; left: 100px; top: 450px; animation: imgProductLeftMent ease-in-out infinite 8s; }
#services-ment .animate-img-right-product {width: 20px; position: absolute; right: 100px; top: 200px; animation: imgProductRightMent ease-in-out infinite 8s; }

#video-ttc {background-color: #ffffff; }
#video-ttc .poster-video {height: 360px; position: relative; z-index: 10; }
#video-ttc .rect-top {position: absolute; left: -30px; top: -20px; z-index: 0; animation: rotate ease-in-out 6s infinite; }
#video-ttc .rect-bottom {position: absolute; right: -30px; bottom: -20px; animation: rotate ease-in-out 6s infinite; z-index: 0; }
#video-ttc .circle {border: 18.8302px solid #019DA4; width: 100px; height: 100px; border-radius: 100%; position: absolute; left: 0; top: 0; }
#video-ttc .Polygon {position: absolute; left: 0; top: 0; animation: movePolygon ease-in-out 6s infinite; }
#video-ttc .circle-video {z-index: 12; position: absolute; font-size: 3rem; color: #FFF; }
#video-ttc .circle-video {background: #FFB800; width: 73px; height: 73px; border-radius: 100%; display: flex; justify-content: center; align-items: center; }
#video-ttc .circle-video .circle-inner {width: 88.86px; height: 88.86px; background: #ffb80061; border-radius: 100%; display: flex; justify-content: center; align-items: center; position: absolute; }
#video-ttc .circle-video .circle-innering {width: 112px; height: 112px; background: #ffb80061; border-radius: 100%; display: flex; justify-content: center; align-items: center; position: absolute; }

#video-tot {background-color: transparent; }
#video-tot .poster-video {height: 500px; position: relative; z-index: 10; }
#video-tot .rect-top {position: absolute; left: -30px; top: -20px; z-index: 0; animation: rotate ease-in-out 6s infinite; }
#video-tot .rect-bottom {position: absolute; right: -30px; bottom: -20px; animation: rotate ease-in-out 6s infinite; z-index: 0; }
#video-tot .circle {border: 18.8302px solid #019DA4; width: 100px; height: 100px; border-radius: 100%; position: absolute; left: 0; top: 0; }
#video-tot .Polygon {position: absolute; left: 0; top: 0; animation: movePolygon ease-in-out 6s infinite; }
#video-tot .circle-video {z-index: 12; position: absolute; font-size: 3rem; color: #FFF; }
#video-tot .circle-video {background: #1fa0a7; width: 73px; height: 73px; border-radius: 100%; display: flex; justify-content: center; align-items: center; }
#video-tot .circle-video .circle-inner {width: 88.86px; height: 88.86px; background: #1fa0a747; border-radius: 100%; display: flex; justify-content: center; align-items: center; position: absolute; }
#video-tot .circle-video .circle-innering {width: 112px; height: 112px; background: #1fa0a778; border-radius: 100%; display: flex; justify-content: center; align-items: center; position: absolute; }


#video-ment {background-color: #FFF2CF; }
#video-ment .poster-video {height: 360px; position: relative; z-index: 10; }
#video-ment .rect-top {position: absolute; left: -30px; top: -20px; z-index: 0; animation: rotate ease-in-out 6s infinite; }
#video-ment .rect-bottom {position: absolute; right: -30px; bottom: -20px; animation: rotate ease-in-out 6s infinite; z-index: 0; }
#video-ment .circle {border: 18.8302px solid #019DA4; width: 100px; height: 100px; border-radius: 100%; position: absolute; left: 0; top: 0; }
#video-ment .Polygon {position: absolute; left: 0; top: 0; animation: movePolygon ease-in-out 6s infinite; }
#video-ment .circle-video {z-index: 12; position: absolute; font-size: 3rem; color: #FFF; }
#video-ment .circle-video {background: #FFB800; width: 73px; height: 73px; border-radius: 100%; display: flex; justify-content: center; align-items: center; }
#video-ment .circle-video .circle-inner {width: 88.86px; height: 88.86px; background: #ffb80061; border-radius: 100%; display: flex; justify-content: center; align-items: center; position: absolute; }
#video-ment .circle-video .circle-innering {width: 112px; height: 112px; background: #ffb80061; border-radius: 100%; display: flex; justify-content: center; align-items: center; position: absolute; }
/* main-faq*/
#main-faq .card {background: #FFFFFF; border: 1px dashed #CBCBE1; }
#main-faq .icon-fo-support-filled {font-size: 3rem; margin-top: -50px; position: relative; }
#main-faq .owl-carousel .owl-stage-outer {padding: 40px 0; }
#main-faq .owl-prev {position: absolute; left: -55px; top: 90px; }
#main-faq .owl-next {position: absolute; right: -55px; top: 90px; }
#faq {background: url(https://cdn.ieltsdaily.ir/img/Decorator-right.svg) no-repeat right center; }
#faq .rect-orange {position: absolute; left: 150px; background: #FFB800; opacity: 0.5; width: 47px; height: 47px; border-radius: 10px; top: 120px; }
#faq .rect-green {position: absolute; left: 90px; top: 70px; background: #CCFBFF; width: 58px; height: 58px; border-radius: 10px; }
/* our team*/
.fade-card {background: rgb(255 255 255 / 39%); backdrop-filter: blur(2px); }
.fade-card img {width: 55px; height: 55px; border-radius: 100%; }
.doted-vector {left: 0; position: absolute; top: -34px; }
.lines-vector {position: absolute; right: -50px; bottom: 0; }
.rect-custom {position: absolute; right: -50px; top: -30px; background: #019DA4; border-radius: 10px; height: 90px; width: 90px; }
/* comments*/
#comments {background: #019DA4; padding: 100px 0; }
#comments .arrow-down {width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #FFF; position: absolute; bottom: -20px; z-index: 999; left: 45%; }
#main-comments .owl-stage-outer {padding: 35px 0 !important; }
#main-comments .item img {width: 140px; height: 140px; border: 2px solid rgba(255, 255, 255, 0.6); }
#footer-mentor {background: #f6f5e8; height: 320px; background-size: cover; }
#main-bg-footer {background: #f6f5e8; border-top-left-radius: 50%; border-top-right-radius: 50%; }
/* wishlist page*/
#wishlist .animate-circle-blog {animation: moveImgAshk ease-in-out infinite 8s; position: absolute; left: -10px; bottom: 10px; top: unset; width: 20px; }
#wishlist .animate-ashk-right {animation: moveImgAshkRight ease-in-out infinite 8s; position: absolute; right: -10px; top: 10px; bottom: unset; width: 20px; }
#wishlist .ellipse-top-left {position: absolute; left: 25px; top: 25px; z-index: 10; animation: rotateItemTop ease-in-out 5s infinite; width: 30px; }
#wishlist .icon-fo-bookmark-remove-filled {position: absolute; left: 35px; top: 15px; display: none; }
#wishlist .item-product:hover .icon-fo-bookmark-remove-filled {display: block; }
#wishlist .item-product img {height: 273px; width: 100%; border-radius: 20px; object-fit: cover; }
/* faq-page*/
#faq-page .nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #019DA4 !important; background-color:#FFF !important; position: relative; }
#faq-page .nav-pills .nav-link.active:before, .nav-pills .show>.nav-link:before {content: "\eb46"; font-family: 'fonticon' !important; font-style: normal; position: absolute; left: 10px; font-size: 20px; }
#faq-page .nav-pills {box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.02); border-radius: 15px; }
#faq-page .accordion-item {border:none !important; margin-bottom: 20px; box-shadow: 0px 4px 10px rgba(0,0,0,0.02); border-radius: 14px !important; }
#faq-page .accordion-item .accordion-button {border-radius: 14px !important; }
#faq-page .accordion-button:after {background: none !important; }
#faq-page .accordion-button:before {content: "\ea2a"; font-family: 'fonticon' !important; font-style: normal; width: 40px; height: 40px; font-size: 30px; margin-left: 10px; border-radius: 100%; display: flex; justify-content: center; align-items: center; color: #FFA800; background: rgba(255, 184, 0, 0.1); }
#faq-page .accordion-button:not(.collapsed):before {content: "\ea02"; font-family: 'fonticon' !important; font-style: normal; width: 40px; height: 40px; font-size: 30px; margin-left: 10px; border-radius: 100%; display: flex; justify-content: center; align-items: center; color: #FFA800; background: rgba(255, 184, 0, 0.1); }
#faq-page .accordion-button:not(.collapsed) {background: none !important; color: #000 !important; }
#faq-page .accordion-button:focus {box-shadow: none !important; border:none !important; }
/* department-courses*/
#department-courses .list-group {width: 300px; top: 25%; }
#department-courses #list-example {position: fixed; }
#department-courses .list-group-item.active {color: #019DA4 !important; position: relative; }
#department-courses .list-group-item.active:before {content: "\eb46"; font-family: 'fonticon' !important; font-style: normal; position: absolute; right: -10px; font-size: 20px; }
#department-courses .item-scrollspy {height: 100vh; display: flex; flex-direction: column; align-items: start; position: relative; margin-top: 150px; }
#department-courses .item-title {border-radius: 30px; height: 150px; }
#department-courses #list-item-1 .item-title {background: #9BE4ED; }
#department-courses #list-item-2 .item-title {background: #DCFFC5; }
#department-courses #list-item-3 .item-title {background: #E3C4FF; }
#department-courses #list-item-4 .item-title {background: #F1DFD5; }
#department-courses #list-item-5 .item-title {background: #7A59FE; }
#department-courses #list-item-6 .item-title {background: #D28372; }
.course_box_first_page {display: flex; width: 100%; justify-content: space-between; align-items: flex-start; }
.course_card_first_page {display: flex; flex-direction: column; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 30px; background: #FFF; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15); }
.course_card_first_page:hover {border-radius: 30px; background: #FFF; border-color: #019DA4; box-shadow: 0px 4px 12px 0px rgba(26, 158, 163, 0.199); }
.course_card_first_page_top {height: 150px; text-align: center; margin: 0; }
.course_card_first_page_gap {margin-bottom: 23px; margin-top: 23px; }
.course_card_first_page_bottom {height: 210px; text-align: center; }
.course_card_first_page_bottom p {padding: 0px 1rem !important; color: var(--gray, #696984); font-size: 14px; font-style: normal; font-weight: 400; line-height: 160%; -webkit-line-clamp: 6; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box; }
.course_card_first_page_bottom h2 {color: #393939; font-size: 30px; font-style: normal; font-weight: 900; line-height: normal; }
.icon-png-3:hover {background-position-x: center; background-position-y: 50px; background-repeat: no-repeat; background-image: url("https://cdn.ieltsdaily.ir/img/icons/Group 48095912hover.webp"); }
.icon-png-3 {background-position-x: center; background-position-y: 50px; background-repeat: no-repeat; background-image: url("https://cdn.ieltsdaily.ir/img/icons/Group 48095911.webp"); }
.icon-png-2:hover {background-position-x: center; background-position-y: 50px; background-repeat: no-repeat; background-image: url("https://cdn.ieltsdaily.ir/img/icons/Group48095912hover.webp"); }
.icon-png-2 {background-position-x: center; background-position-y: 50px; background-repeat: no-repeat; background-image: url("https://cdn.ieltsdaily.ir/img/icons/Group48095912.webp"); }
.icon-png-1:hover {background-position-x: center; background-position-y: 50px; background-repeat: no-repeat; background-image: url("https://cdn.ieltsdaily.ir/img/icons/Group48095911hover.webp"); }
.icon-png-1 {background-position-x: center; background-position-y: 50px; background-repeat: no-repeat; background-image: url("https://cdn.ieltsdaily.ir/img/icons/Group48095911.webp"); }
.radius-50 {border-radius: 50% !important; }
.line-through {text-decoration-line: line-through; color: var(--color-neutral-300); }
.line-ellipsis-1 {overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
#department-courses #list-item-3 button {color: #7A59FE; }
#department-courses #list-item-4 button {color: #F1DFD5; }
#department-courses #list-item-5 button {color: #7A59FE; }
#department-courses #list-item-6 button {color: #D28372; }
#department-courses .wave {animation:rotate infinite 30s linear; z-index: -1; }
#department-courses .wave-border {animation:rotate-reverse infinite 30s linear; z-index: -1; }
#department-courses .animate-circle-top {animation: moveImgAshkRightDep ease-in-out infinite 8s; position: fixed; right: 600px; top: 300px; width: 30px; z-index: 20; }
#department-courses .animate-circle-bottom {animation: moveImgAshkDep ease-in-out infinite 8s ; position: fixed; left: 250px; bottom:100px; top: unset; width: 30px; z-index: 20; }
#department-courses .animate-img {position: fixed; left: 200px; top: 200px; z-index: 20; animation: moveImgBookDep ease-in-out infinite 5s; }
#department-courses .main-title {z-index: 100; top: 6%; }
.no-scroll-body {overflow: hidden; height: 100vh; }
.line-ellipsis-2 {overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.line-ellipsis-3 {overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.line-ellipsis-4 {overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; }
.line-ellipsis-5 {overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; }
.line-ellipsis-6 {overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical; }
.line-ellipsis-7 {overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 7; line-clamp: 7; -webkit-box-orient: vertical; }
.line-ellipsis-8 {overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 8; line-clamp: 8; -webkit-box-orient: vertical; }
.line-ellipsis-9 {overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 9; line-clamp: 9; -webkit-box-orient: vertical; }
.line-ellipsis-10 {overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 10; line-clamp: 10; -webkit-box-orient: vertical; }
.height-10 {height: 10px !important; }
.height-15 {height: 15px !important; }
.height-20 {height: 20px !important; }
.height-25 {height: 25px !important; }
.height-30 {height: 30px !important; }
.height-35 {height: 35px !important; }
.height-40 {height: 40px !important; }
.height-45 {height: 45px !important; }
.height-50 {height: 50px !important; }
.height-55 {height: 55px !important; }
.height-60 {height: 60px !important; }
.height-65 {height: 65px !important; }
.height-70 {height: 70px !important; }
.height-75 {height: 75px !important; }
.height-100 {height: 100px !important; }
.height-110 {height: 110px !important; }
.height-115 {height: 115px !important; }
.height-125 {height: 125px !important; }
.height-150 {height: 150px !important; }
.height-175 {height: 175px !important; }
.height-200 {height: 200px !important; }
.height-225 {height: 225px !important; }
.height-250 {height: 250px !important; }
.height-275 {height: 275px !important; }
.height-300 {height: 300px !important; }
.height-325 {height: 325px !important; }
.height-350 {height: 350px !important; }
.height-375 {height: 375px !important; }
.height-400 {height: 400px !important; }
.height-425 {height: 425px !important; }
.height-450 {height: 450px !important; }
.height-475 {height: 475px !important; }
.height-500 {height: 500px !important; }
.height-510 {height: 510px !important; }
.height-525 {height: 525px !important; }
.height-550 {height: 550px !important; }
.height-575 {height: 575px !important; }
.height-600 {height: 600px !important; }
.height-610 {height: 610px !important; }
.height-persent-10 {height: 10% !important; }
.height-persent-20 {height: 20% !important; }
.height-persent-30 {height: 30% !important; }
.height-persent-40 {height: 40% !important; }
.height-persent-50 {height: 50% !important; }
.height-persent-60 {height: 60% !important; }
.height-persent-70 {height: 70% !important; }
.height-persent-80 {height: 80% !important; }
.height-persent-90 {height: 90% !important; }
.height-persent-95 {height: 95% !important; }
.height-persent-100 {height: 100% !important; }
/* =======> dashboard*/
#bg-dashboard {}
.main-dashboard {background: #FFFFFF; border-radius: 20px; height: 90vh; }
.side-dashbaord {background: #FFFFFF; border-radius: 20px; overflow-y: auto; }
.menu-dash li span {color: #000; }
.menu-dash li {position: relative; }
.menu-dash li i {color: var(--gray-color); }
.menu-dash li .icon-fo-arrow-down-curved2 {position: absolute; left: 0; }
.menu-dash li.active, .menu-dash-hover:hover {border-radius: 15px; background: rgba(1, 157, 164, 0.12); color: #019DA4; }
.plan-card .plan-icon {display: inline-block; font-size: 35px; width: 100px; height: 100px; color: #ffffff; line-height: 76px; overflow: hidden; border: 12px solid #ffffff; border-radius: 50%; background: #67a8e4; box-shadow: 0 0 3px #cccccc; transition: all .3s; }
.plan-card {height: 530px; }
.plan-card .plan-price span {font-size: 15px; vertical-align: middle; }
.plan-card .plan-features p {line-height: 32px; }
.bg-gold {background-color: #FFDD00 !important; }
.bg-bronze {background-color: #FFA97B !important; }
.bg-silver {background-color: #808080 !important; }
.bg-platinum {background-color: #D6DFFF !important; }
.text-gold {color: #FFDD00 !important; }
.text-bronze {color: #FFA97B !important; }
.text-silver {color: #808080 !important; }
.text-platinum {color: #D6DFFF !important; }
.btn-gold {background-color: #FFDD00; border: 1px solid #FFDD00; color: #ffffff; }
.btn-bronze {background-color: #FFA97B; border: 1px solid #FFA97B; color: #ffffff; }
.btn-silver {background-color: #808080; border: 1px solid #808080; color: #ffffff; }
.btn-platinum {background-color: #D6DFFF; border: 1px solid #D6DFFF; color: #ffffff; }
.menu-dash li a:hover span, .menu-dash li.active span, .menu-dash li.active i, .menu-dash li a:hover i {color: #019DA4; }
.menu-dash li a[aria-expanded="false"] .icon-fo-arrow, .menu-dash li a[aria-expanded="true"] .icon-fo-arrow {font-family: 'fonticon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "\eb45"; position: absolute; left: 0; }
.menu-dash li a[aria-expanded="false"] .icon-fo-arrow:before {content: "\eb45"; }
.menu-dash li a[aria-expanded="true"] .icon-fo-arrow:before {content: "\eb48"; }
.menu-dash li.active {border-right: 2px solid #019DA4; }
.side-menu {display: none; }
.user-profile {width: 100px; height: 100px; border-radius: 100%; }
/* login and sign in page*/
#sign-up {height: 100vh; }
.bg-login {width: 120%; left: -450px; position: absolute; animation: lineMove infinite 5s ease-in-out; top: -180px; }
#sign-up .images-in {top: 25%; width: 65%; position: absolute; }
#sign-up .form-floating>.form-control-plaintext~label, #sign-up .form-floating>.form-control:focus~label, #sign-up .form-floating>.form-control:not(:placeholder-shown)~label, #sign-up .form-floating>.form-select~label {transform: scale(.85) translateY(-2.2rem) translateX(0.15rem); }
.main-box-login {width: 100%; height: auto; border-radius: 40px; padding: 40px 40px 60px 40px; border: 1px solid #CCC; margin-right: 100px; }
.main-box-login .scroller {height: 50vh; overflow-y: auto; }
.main-box-login .scroller::-webkit-scrollbar {display: none; }
.vh100 {height: 100vh ; }
/* Hide scrollbar for IE, Edge and Firefox*/
.main-box-login .scroller {-ms-overflow-style: none; scrollbar-width: none; }
.lines-login {position: absolute; left: -365px; top: -180px; width: 120%; animation: lineMove infinite 8s ease-in-out; }
#main-login {height: 100vh; }
.overflow-hidden-login {overflow: hidden; background: none; }
.main-message {right: 6%; bottom: 7%; transition: all ease-in 1s; animation: moveIn ease-in 1s 1; }
.main-message .img {width: 50px; height: 50px; }
.main-message .circle {width: 60px; height: 60px; border:1px solid #12b18ba8; border-radius: 100%; display: flex; justify-content: center; align-items: center; }
.main-message .circle-inner {width: 55px; height: 55px; border:1px solid #12B18B; border-radius: 100%; display: flex; justify-content: center; align-items: center; }
.main-message .circle-outer {width: 70px; height: 70px; border:1px solid #12b18b54; border-radius: 100%; display: flex; justify-content: center; align-items: center; }
/* ======> profile css*/
#profile-content .box-profile, #profile-courses .box-profile {background: #FFFFFF; border-radius: 15px; }
#profile-content .nav-pills .nav-link {background: #FFF; color: #757886; font-size: 14px; border-radius: 0 !important; }
#profile-content .nav-pills .nav-link.active {color: var(--green-color) !important; border-bottom: 1px solid var(--green-color); }
#profile-content .form-control:disabled, #profile-content .form-control[readonly] {background: #FAFAFA !important; }
#profile-content .form-control {color: var(--gray-color); font-size: 14px !important; height: 90px; }
#profile-content .fa-pen-line {left: 20px; top: 21px; }
#profile-content .circle-user-profile {width: 75px; height: 75px; border-radius: 100%; border:1px solid rgba(1, 157, 164, 0.5); display: flex; justify-content: center; align-items: center; }
#profile-content .circle-user-profile img {width: 70px; height: 70px; }
.datepicker-plot-area {width: 300px; }
#profile-content .add-lang {height: 43px; width: 200px !important; }
#profile-content button.green-bg-fade {height: 43px; width: 167px; }
.star-rating {width: 150px; align-items: center; justify-content: space-between; background: #FFF2D9; padding: 10px 5px; border-radius: 10px; }
.progress {width: 100px; height: 100px; background: none; position: relative; background: #FFF2D9; border-radius: 100%; }
.progress::after {content: ""; width: 100%; height: 100%; border-radius: 50%; border: 6px solid #5F5F5F; position: absolute; top: 0; left: 0; }
.progress>span {width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1; }
.progress .progress-left {left: 0; }
.progress .progress-bar {width: 100%; height: 100%; background: none; border-width: 6px; border-style: solid; position: absolute; top: 0; }
.progress .progress-left .progress-bar {left: 100%; border-top-right-radius: 80px; border-bottom-right-radius: 80px; border-left: 0; -webkit-transform-origin: center left; transform-origin: center left; }
.progress .progress-right {right: 0; }
.progress .progress-right .progress-bar {left: -100%; border-top-left-radius: 80px; border-bottom-left-radius: 80px; border-right: 0; -webkit-transform-origin: center right; transform-origin: center right; }
.progress .progress-value {position: absolute; top: 0; left: 0; }
/* ======> courses profile*/
#profile-content .course-img {width: 150px; height: 150px; object-fit: cover; border-radius: 20px; margin-bottom: 10px; }
#profile-content .add-course-btn {bottom: 20px; right: 32%; width: 50px; height: 50px; border-radius: 15px; display: flex; justify-content: center; align-items: center; cursor: pointer; }
/* create course*/
.main-steps {white-space: nowrap; overflow-x: auto; }
.main-steps::-webkit-scrollbar {display: none; }
.main-steps {-ms-overflow-style: none; scrollbar-width: none; }
.main-steps .active {color: var(--green-color); }
#create-course .form-floating>.form-control-plaintext~label, #create-course .form-floating>.form-control:focus~label, #create-course .form-floating>.form-control:not(:placeholder-shown)~label, #create-course .form-floating>.form-select~label {transform: scale(.85) translateY(-1.7rem) translateX(0.15rem); background: #FFF; opacity: 1; }
#create-course textarea {height: 250px; }
#create-course .teacher-img {height: 50px; width: 50px; }
#create-course .circle-dash {width: 50px; height: 50px; border: 1px dashed var(--green-color); border-radius: 100%; display: flex; justify-content: center; align-items: center; font-size: 30px; color: var(--green-color); }
#create-course ul li a:hover {color: var(--green-color); }
.upload-thumb {background: #FAFAFA; border: 1px dashed #CCC; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 200px; cursor: pointer; color: var(--gray-color); }
.upload-thumb i {font-size: 30px; }
.select-type .btn-check:active+.btn, .select-type .btn-check:checked+.btn, .select-type .btn.active, .btn.show, .select-type .btn:active {background: #FFF !important; border: none !important; transition: all ease-in .4s; }
.select-type .btn {border: none !important; border-radius: 5px !important; }
.select-type .btn:hover {background: #dbdbdb; border: none !important; }
.form-check {padding-right: 1.5em; padding-left: initial !important; }
.form-check .form-check-input {float: right !important; margin-right: -1.5em; margin-left: initial !important; }
.form-check-input:checked {background-color: var(--green-color); border-color: var(--green-color); }
.form-check-input:focus {box-shadow: none; }
/* ===> create-class*/
#create-class .create-class-btn {border:1px dashed var(--green-color); padding: 25px 20px; text-align: center; }
#create-class .item-class {padding: 15px 20px; }
.main-classes .border-left {border-left: 2px solid var(--green-color); height: 40px; line-height: 40px; }
.main-classes {height: 80vh; overflow-y: auto; }
#department-courses .animate-circle-top {animation: moveImgAshkRightDep ease-in-out infinite 8s; position: fixed; right: 700px; top: 300px; width: 30px; z-index: 20; }
#department-courses .animate-circle-bottom {animation: moveImgAshkDep ease-in-out infinite 8s; position: fixed; left: 350px; bottom:100px; top: unset; width: 30px; z-index: 20; }
#department-courses .animate-img {position: fixed; left: 300px; top: 200px; z-index: 20; animation: moveImgBookDep ease-in-out infinite 5s; }

.shadow {box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); }
.card-top-right-radius-10 {border-top-right-radius: 10px; border-top-left-radius: 10px; }
.gold-card-header {background-color: #FFDD00; color: black; text-align: center; }
.platinum-card-header {background-color: #D6DFFF; color: black; text-align: center; }
.silver-card-header {background-color: #C0C0C0; color: black; text-align: center; }
.bronze-card-header {background-color: #FFA97B; color: black; text-align: center; }
.gold-card-link {background-color: #FFDD00; color: black; text-align: center; }
.platinum-card-link {background-color: #D6DFFF; color: black; text-align: center; }
.silver-card-link {background-color: #C0C0C0; color: black; text-align: center; }
.bronze-card-link {background-color: #FFA97B; color: black; text-align: center; }
.gold-card-link:hover {background-color: #FFDD00; color: black; text-align: center; }
.platinum-card-link:hover {background-color: #D6DFFF; color: black; text-align: center; }
.silver-card-link:hover {background-color: #C0C0C0; color: black; text-align: center; }
.bronze-card-link:hover {background-color: #FFA97B; color: black; text-align: center; }
/* box-cyan*/
.box-cyan {box-sizing: border-box; flex-direction: column; align-items: center; padding: 22px 24px; gap: 20px; flex: none; order: 0; flex-grow: 0; background: #E6F8FC; border: 1px solid #019DA4; border-radius: 30px; background-color: #E6F8FC; }
.box-cyan p {color: #999A9D; height: 250px; }
.box-cyan hr {border: 1px solid #014447; height: 2px; }
.box-cyan h4 {height: 30px; margin-top: 10px; color: #019DA4; }
.box-cyan a {color: #019DA4; background-color: transparent; }
.box-cyan a:hover {border: 1px solid #014447; color: #FFFFFF; background-color: #014447; }
/* box-blue*/
.box-blue {box-sizing: border-box; flex-direction: column; align-items: center; padding: 22px 24px; gap: 20px; flex: none; order: 0; flex-grow: 0; background: rgba(0, 103, 255, 0.1); border: 1px solid #0067FF; border-radius: 30px; background-color: rgba(0, 103, 255, 0.1); }
.box-blue p {color: #999A9D; height: 200px; }
.box-blue hr {border: 1px solid #2C3296; height: 2px; }
.box-blue h4 {height: 30px; margin-top: 10px; color: #2C3296; }
.box-blue a {border: 1px solid #2c319657; color: #2C3296; background-color: #2c319657; }
.box-blue a:hover {border: 1px solid #2C3296; color: #FFFFFF; background-color: #2C3296; }
/* box-purple*/
.box-purple {box-sizing: border-box; flex-direction: column; align-items: center; padding: 22px 24px; gap: 20px; flex: none; order: 0; flex-grow: 0; background: #EEEDFF; border: 1px solid #9747FF; border-radius: 30px; background-color: #EEEDFF; }
.box-purple p {color: #999A9D; height: 250px; }
.box-purple hr {border: 1px solid #4d2483; height: 2px; }
.box-purple h4 {height: 30px; margin-top: 10px; color: #9747FF; }
.box-purple a {border: 1px solid #4d24832b; color: #9747FF; background-color: #4d24832b; }
.box-purple a:hover {border: 1px solid #4d2483; color: #FFFFFF; background-color: #4d2483; }
.org-image-container-text:hover {color:#019da4; }
.org-image-container {position: relative; height: 176px; }
.org-image-container img {top: 0; left: 0; height: 100%; transition: opacity 0.3s ease; }
.org-image1 {opacity: 1; }
.org-image2 {opacity: 0; }
.org-image-container:hover .org-image1 {opacity: 0; }
.org-image-container:hover .org-image2 {opacity: 1; }
.org-bg-color {background-color: rgba(1, 157, 164, 0.05); }
.boxboxbox {color: #019DA4 !important; flex: none; order: 0; flex-grow: 0; width: 100%; height: 100%; font-family: 'IRANYekanMobile'; font-style: normal; font-weight: 900; font-size: 36px; border-radius: 15px; line-height: 110px; text-align: center; }
.boxboxbox:hover {color: white !important; background: #019DA4; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.18); }
.boxbox {box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; width: 100%; height: 100%; background: #E6F8FC; border: 1px solid #019DA4; border-radius: 15px; flex: none; order: 0; flex-grow: 0; }
.boxbox:hover {color: white !important; background: #019DA4; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.18); }
.box {display: flex; flex-direction: column; align-items: center; padding: 10px; gap: 10px; width: 380px; height: 138px; flex: none; order: 0; flex-grow: 0; }
.b {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; align-content: flex-start; padding: 10px; gap: 10px; width: 1228px; height: 454px; left: calc(50% - 1228px/2); top: 786px; filter: drop-shadow(0px 20px 30px rgba(0, 0, 0, 0.05)); }
.zzb {display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 15px 30px; gap: 10px; background: rgba(1, 157, 164, 0.15); border-radius: 10px; flex: none; order: 1; flex-grow: 0; }
.border-radius-40p {border-radius: 40px; }
.bg-w {background-color: #FFFFFF; }
.klop {margin: 0; padding: 3%; width: 100%; }
.course-card-more-teacher{font-size: 18px;}
.course-card-label{font-weight: bold;}
.course-card {height: 390px; margin: 1rem; margin-bottom: 1rem; background-color: rgb(255, 255, 255); border-radius: 1rem; }
.course-card:hover {box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); }
.course-card-header {margin: 0; height: 50px; border-top-left-radius: 1rem; border-top-right-radius: 1rem; width: 100%; justify-content: space-evenly; display: flex; align-items: center }
.course-card-body {margin: 0; height: 389px; width: 100%; max-height: 342px; }
.course-card-footer {margin: 0; height: 50px; }
.course-card-header-left {font-weight: bold; text-align: center; }
.course-card-header-center {text-align: center; }
.course-card-header-right {font-weight: bold; text-align: center; }
.course-card-body-box {margin: 12px 25px 25px 25px; background-color: rgb(255, 255, 255); height: 305px; }
.course-card-body-box-date {margin: 0; height: 30px; }
.course-card-body-box-cap {margin: 0; height: 30px; }
.course-card-body-box-name {margin: 0; height: 30px; }
.course-card-body-box-days {margin: 0; height: 57px; }
.course-card-box-border-bottom {border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(199 196 196); }
.course-card-body-box-gap {margin: 0; height: 15px; }
.course-card-badge {font-size: smaller; padding: 3%; background-color: #ffffff; border-radius: 20px; height: 26px;  margin-inline: 15%; }
.course-card-badge-days {font-size: smaller; margin-inline: 1px; background-color: #c2c2c794; border-radius: 9px; height: 21px; text-align: center; padding: 1%; padding-inline: 4px; }
.course-card-badge-teacher {font-size: smaller; margin-inline: 1px; background-color: #bdbbbb; border-radius: 9px; height: 21px; text-align: center; padding: 1%; }
.course-card-badge-cap {font-size: smaller; margin-inline: 1px; border-radius: 9px; height: 21px; text-align: center; padding: 1%; width: 75px; }
#users-course-card img {border: 2px solid #FFFFFF; margin-right: -20px; width: 45px !important; height: 45px !important; }
.fa-search-course {background: #FFB800; border-radius: 12px; padding: 12px; color: #FFF; position: absolute; left: 16px; top: 10px; }
.fa-search-library {background: #FFB800; border-radius: 12px; padding: 12px; color: #FFF; position: absolute; left: 12px; top: 6px; }
.open {background-color: #B7DCE2; color: #019DA4; }
.close {background-color: #EDEEEF; color: #808285; }
.limited {background-color: rgba(241, 165, 1, 0.15); color: #FF9900; }
.course-card-btn {font-size: smaller; margin-inline: 1px; background-color: rgba(1, 157, 164, 0.15); color: #019DA4; border-radius: 9px; height: 30px; text-align: center; padding: 1%; }
.course-card-body-box-teachers {margin: 4px 0px 0px 0px; height: 75px; }
.karvarium-card {background-repeat: no-repeat; background-size: contain; background-position-x: center; background-image: url("https://cdn.ieltsdaily.ir/img/icons/karvarium-black.webp"); }
.karvarium-card:hover {background-image: url("https://cdn.ieltsdaily.ir/img/icons/karvarium-color.webp"); }
.python-card {background-repeat: no-repeat; background-size: contain; background-position-x: center; background-image: url("https://cdn.ieltsdaily.ir/img/icons/python-black.webp"); }
.python-card:hover {background-image: url("https://cdn.ieltsdaily.ir/img/icons/python-color.webp"); }
.pendar-card {background-repeat: no-repeat; background-size: contain; background-position-x: center; background-image: url("https://cdn.ieltsdaily.ir/img/icons/pendar-black.webp"); }
.pendar-card:hover {background-image: url("https://cdn.ieltsdaily.ir/img/icons/pendar-color.webp"); }
.kido-card {background-repeat: no-repeat; background-size: contain; background-position-x: center; background-image: url("https://cdn.ieltsdaily.ir/img/icons/kido-black.webp"); }
.kido-card:hover {background-image: url("https://cdn.ieltsdaily.ir/img/icons/kido-color.webp"); }
.group-khorasan-card {background-repeat: no-repeat; background-size: contain; background-position-x: center; background-image: url("https://cdn.ieltsdaily.ir/img/icons/group-khorasan-black.webp"); }
.group-khorasan-card:hover {background-image: url("https://cdn.ieltsdaily.ir/img/icons/group-khorasan-color.webp"); }
.kanon-vokala-card {background-repeat: no-repeat; background-size: contain; background-position-x: center; background-image: url("https://cdn.ieltsdaily.ir/img/icons/kanon-vokala-black.webp"); }
.kanon-vokala-card:hover {background-image: url("https://cdn.ieltsdaily.ir/img/icons/kanon-vokala-color.webp"); }
.zaban-asan-card {background-repeat: no-repeat; background-size: contain; background-position-x: center; background-image: url("https://cdn.ieltsdaily.ir/img/icons/zaban-asan-black.webp"); }
.zaban-asan-card:hover {background-image: url("https://cdn.ieltsdaily.ir/img/icons/zaban-asan-color.webp"); }
.teach-for-iran-card {background-repeat: no-repeat; background-size: contain; background-position-x: center; background-image: url("https://cdn.ieltsdaily.ir/img/icons/teach-for-iran-black.webp"); }
.teach-for-iran-card:hover {background-image: url("https://cdn.ieltsdaily.ir/img/icons/teach-for-iran-color.webp"); }
.basketball-school-card {background-repeat: no-repeat; background-size: contain; background-position-x: center; background-image: url("https://cdn.ieltsdaily.ir/img/icons/basketball-school-black.webp"); }
.basketball-school-card:hover {background-image: url("https://cdn.ieltsdaily.ir/img/icons/basketball-school-color.webp"); }
.code-bg-color-0 {background-color: #049fa6 !important; }
.code-bg-color-A1 {background-color: #c68485 !important; }
.code-bg-color-A2 {background-color: #e1b70d !important; }
.code-bg-color-B1 {background-color: #33b632 !important; }
.code-bg-color-B2 {background-color: #e14d4d !important; }
.code-bg-color-C1 {background-color: #1f76e0 !important; }
.code-bg-color-C2 {background-color: #a133b8 !important; }
.code-color-0 {color: #049fa6 !important; }
.code-color-A1 {color: #c68485 !important; }
.code-color-A2 {color: #e1b70d !important; }
.code-color-B1 {color: #33b632 !important; }
.code-color-B2 {color: #e14d4d !important; }
.code-color-C1 {color: #1f76e0 !important; }
.code-color-C2 {color: #a133b8 !important; }
.code-btn-bg-color-0 {background-color: #049ea633 !important; border-color: #049fa6 !important; color: #049fa6 !important; }
.code-btn-bg-color-A1 {background-color: #c6848533 !important; border-color: #c68485 !important; color: #c68485 !important; }
.code-btn-bg-color-A2 {background-color: #e1b70d33 !important; border-color: #e1b70d !important; color: #e1b70d !important; }
.code-btn-bg-color-B1 {background-color: #33b63233 !important; border-color: #33b632 !important; color: #33b632 !important; }
.code-btn-bg-color-B2 {background-color: #e14d4d33 !important; border-color: #e14d4d !important; color: #e14d4d !important; }
.code-btn-bg-color-C1 {background-color: #1f76e033 !important; border-color: #1f76e0 !important; color: #1f76e0 !important; }
.code-btn-bg-color-C2 {background-color: #a133b833 !important; border-color: #a133b8 !important; color: #a133b8 !important; }
.code-btn-bg-color-0:hover {background-color: #049fa6 !important; color:#fff !important; border-color: #049fa6 !important; }
.code-btn-bg-color-A1:hover {background-color: #c68485 !important; color:#fff !important; border-color: #c68485 !important; }
.code-btn-bg-color-A2:hover {background-color: #e1b70d !important; color:#fff !important; border-color: #e1b70d !important; }
.code-btn-bg-color-B1:hover {background-color: #33b632 !important; color:#fff !important; border-color: #33b632 !important; }
.code-btn-bg-color-B2:hover {background-color: #e14d4d !important; color:#fff !important; border-color: #e14d4d !important; }
.code-btn-bg-color-C1:hover {background-color: #1f76e0 !important; color:#fff !important; border-color: #1f76e0 !important; }
.code-btn-bg-color-C2:hover {background-color: #a133b8 !important; color:#fff !important; border-color: #a133b8 !important; }
.wrapper {position:fixed; bottom:100px; right:30px; z-index:1000; }
.wrapper a:nth-child(3) {animation: 0.7s ease-out 0s 1 FadeIn; transition: all 0.3s; }

.hide {position:absolute; bottom:0px !important; z-index:-1; transition:all 2s; }
.social {}
.wrapper a {height:60px; width:60px; background:#fff; display:flex; flex-direction:row; border-radius:50%; justify-content:center; align-items:center; text-decoration:none; color:#fff; margin:2px; }
.wrapper2 {height:60px !important; width:60px !important; background:#019DA4 !important; display:flex !important; flex-direction:row !important; border-radius:50% !important; justify-content:center !important; align-items:center !important; text-decoration:none !important; color:#fff !important; margin:2px !important; }
.wrapper2:hover {background:#019DA4 !important; }
.fa-heart-hover:hover {-webkit-animation: fa-beat 2s infinite linear; -moz-animation: fa-beat 2s infinite linear; -o-animation: fa-beat 2s infinite linear; animation: fa-beat 2s infinite linear; color: rgb(190,29,29); }
.fa-share-nodes-hover:hover {-webkit-animation: fa-bounce 2s infinite linear; -moz-animation: fa-bounce 2s infinite linear; -o-animation: fa-bounce 2s infinite linear; animation: fa-bounce 2s infinite linear; color: rgb(26,141,131); }
.fa-comment-hover:hover {-webkit-animation: fa-bounce 2s infinite linear; -moz-animation: fa-bounce 2s infinite linear; -o-animation: fa-bounce 2s infinite linear; animation: fa-bounce 2s infinite linear; color: rgb(26,141,131); }
.fa-eye-hover:hover {-webkit-animation: fa-beat 2s infinite linear; -moz-animation: fa-beat 2s infinite linear; -o-animation: fa-beat 2s infinite linear; animation: fa-beat 2s infinite linear; color: rgb(11,103,179); }
.fa-hover:hover {font-size: 20px; color: rgb(11,103,179); }
.bg-box {width: 100%; display: flex; justify-content: center; align-items: center; }
.share-btn {padding: 14px; background-color: #eee; position: relative; border-radius: 50px; overflow: hidden; cursor: pointer; transition: 0.3s; }
.share-btn:hover {transform: scale(1.1); }
.text-share-btn {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #019da4; color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 50px; font-family: arial; font-size: 14px; transition: 1s 0.2s; z-index: 99999; }
.share-btn:hover .text-share-btn {left: -100%; }
.share-items {display: flex; list-style: none; margin: 0; font-size: 18px; padding: 0; }
.share-items li {padding: 0 17px; }
.share-items li a {color: #026469; display: inline-block; transform: scale(1); }

/***************************************************************  library  **************************************************************************/
.library-box-parent{width: 20% !important; }
.library-box{height: 450px; }
.library-image-parent{width: 100% !important; height: 250px; border-radius: 15px 15px 0px 0px; background-color: #d0d0d0; }
.library-image{align-items: center; width: 100%; height: 100%; border-radius: 15px 15px 0px 0px; }
.radius-top-15{border-radius: 15px 15px 0px 0px; }
.bookmark-box{border: 1px solid; border-radius: 10px; width: 40px; height: 40px; z-index: 1; position: absolute; float: left; background: #fff; padding: 3px; margin: 14px; display: none; }
.bookmark-font{font-size: 20px; margin: 6px 8px 6px 6px; }
.library-full-name{font-size: 1rem; text-align: center; align-content: center; }
.card:hover .bookmark-box{display: block; }

.slider-header{margin: 0rem; padding: 1rem 3rem ; min-height: 350px; }
.slider-header h1{font-weight: 600; font-size: 26px; }
.slider-header p{margin-top: 18px; margin-bottom: 35px; }

.level-info-section {border-radius: 30px;margin-top: 3rem;margin-bottom: 2rem;overflow: hidden;transition: background-color 0.3s ease;}
.level-info-section .row {margin: 0;}
.level-info-text {padding: 3rem;text-align: right;}
.level-info-title {color: #000000;font-weight: 400;font-size: 2.25rem;margin-bottom: 1.5rem;}
.level-info-description {color: #000000ea;font-size: 1rem;line-height: 2;text-align: justify;margin-bottom: 0;}
.level-info-image-col {display: flex;justify-content: center;align-items: center;padding: 0;}
.level-info-image {width: 85%;max-width: 480px;height: auto;}
@media (max-width: 767.98px) {
.level-info-section {border-radius: 20px;margin-top: 2rem;}
.level-info-text {padding: 2rem 1.5rem;text-align: center;}
.level-info-description {text-align: center;}
.level-info-image-col {order: -1;padding: 0;}
.level-info-image {width: 70%;}}

.slider-arrow .owl-nav button.owl-next, .slider-arrow .owl-nav button.owl-prev, .slider-arrow button.owl-dot{margin-top: -100px !important; }
.owl-carousel .owl-dot{display: none; }

#searchInput {margin-bottom: 1.5rem; }
.accordion-button {position: relative; padding-inline-end: 2.5rem; font-weight: 500; color: #00796b; background: #fff; border: 1px solid #e0e0e0; }
.accordion-button::after {background-image: none !important; }
.accordion-button:not(.collapsed) {color: #004d40; background: #e0f2f1; }
.accordion-button .icon {position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); font-size: 1.25rem; color: #00796b; }
.accordion-button:not(.collapsed) .icon {color: #004d40; }
.accordion-body {border: 1px solid #e0e0e0; border-top: none; background: #fff; padding: 1rem; }
.container {padding: 2rem 1rem; }
.search-bar {background: #fff; padding: .5rem 1rem; border-radius: .5rem; box-shadow: 0 2px 6px rgba(0,0,0,0.08); margin-bottom: 1.5rem; position: relative; }
.search-bar .form-control {border: none; padding-right: 2.5rem; }
.search-bar .bi-search {position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: #888; font-size: 1.2rem; }
.content-section {display: none; margin-bottom: 1rem; }
.content-section.active {display: block; }
.content-card {border: none; border-radius: .75rem; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.page-header {display: flex; align-items: center; gap: .5rem; font-size: 1.25rem; color: var(--primary-dark); margin-bottom: 1rem; }
.page-header .bi-file-earmark-text {font-size: 1.6rem; color: var(--primary); }
.content-body p, .content-body ul {color: #333; line-height: 1.6; }
.content-body ul li {margin-bottom: .5rem; }
.highlight {color: var(--primary); font-weight: 600; }
.sidebar .card {border: none; border-radius: .75rem; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.sidebar h6 {margin-bottom: 1rem; color: var(--primary-dark); font-weight: 600; }
.sidebar .nav-link,
.sidebar .btn-nav {display: flex; justify-content: space-between; align-items: center; color: var(--text-default); padding: .6rem 1rem; border-radius: .5rem; margin-bottom: .25rem; background: transparent; border: none; width: 100%; text-align: start; position: relative; transition: background .2s, color .2s; }
.sidebar .nav-link:hover,
.sidebar .btn-nav:hover {background: var(--accent-light); color: var(--primary-dark); }
.sidebar .nav-link.active {background: var(--primary); color: #fff !important; }
.sidebar .nav-link.active::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 4px; height: 60%; background: var(--primary-dark); border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.sidebar .icon {font-size: 1rem; transition: transform .2s; }
.sidebar .btn-nav.collapsed .icon {transform: rotate(0deg); }
.sidebar .btn-nav:not(.collapsed) .icon {transform: rotate(45deg); color: var(--primary-dark); }
.sidebar .collapse .nav-link {padding-inline-end: 2rem; margin-bottom: .1rem; }

.testimonial-card {background: #fff;border-radius: 12px;padding: 20px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);height: 100%;}
.wp-bg-strong-cyan{background-color: #019DA4;}
.wp-bg-cyan{background-color: #D9F0F1;}
.wp-bg-light-cyan{background-color: #E6F5F6;}
.wp-bg-white{background-color: #ffffff ;}
.wp-text-cyan{color: #019DA4;}
.wp-text-white{color: #ffffff;}
.z-index-100{position: relative; z-index: 100;}
.z-index-90{position: relative; z-index: 90;}
.z-index-80{position: relative; z-index: 80;}
.z-index-70{position: relative; z-index: 70;}
.btn-wp.xlarge { height: 75px; }
.btn-wp.large { height: 55px; }
.btn-wp.medium { height: 45px; }
.btn-wp.small { height: 35px; }
.countdown-box {gap: 10px;}        
.number {font-size: 40px; font-weight: bold; color: #019DA4;}
.btn-wp {text-align: center;font-weight: bold;border: 3px solid;border-radius: 12px;padding: 0px 20px;font-size: 16px;cursor: pointer;transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;}
.btn-wp-teal {background-color: #019DA4;border-color: #0097a7;color: #ffffff;}
.btn-wp-teal:hover {background-color: #93D2D5;border-color: #93D2D5;}
.btn-wp-teal:focus {background-color: #019DA4;border-color: #93D2D5;box-shadow: 0 0 0 3px white, 0 0 0 6px #0097a7;color: #ffffff;}
.btn-wp-orange {background-color: #f57c00;border-color: #ef6c00;color: #ffffff;}
.btn-wp-orange:hover {background-color: #ffa726;border-color: #ffa726;color: #ffffff;}
.btn-wp-orange:focus {background-color: #f57c00;border-color: #ffa726;box-shadow: 0 0 0 3px white, 0 0 0 6px #ef6c00;color: #ffffff;}
.time-unit {background: #F2F2F2;border-radius: 8px;padding: 10px 15px;min-width: 60px;}.label {font-size: 12px; color: #666;}        
.faq-circle {position: absolute;width: 350px;height: 350px;background-color: #019DA4;border-radius: 50%; z-index: 0;}
.shadow-box {border: 0px solid;padding: 0px;box-shadow: 0px 5px 10px gray;margin: 0px;}
.faq-circle-right-up {top: -100px;right: -100px;}
.faq-circle-left-up {top: -100px;left: -100px;}
.faq-circle-left-down{bottom: 10px;left: 250px;}    
.faq-section {overflow: hidden;}
.faq-item {z-index: 1;background: #f5f5f5; border-radius: 15px; padding: 20px 20px; margin-bottom: 20px; height: auto; cursor: pointer; position: relative; transition: background 0.3s ease;}
.faq-item .open {background: #f5f5f5;height: 180px; }
.faq-question {display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 24px;}
.toggle-icon {color: #019DA4;font-size: 24px;}
.faq-answer {transition: max-height 0.3s ease, padding 0.3s ease; padding: 0 0; overflow: hidden; color: #555; font-size: 13px;}
.faq-item.open .faq-answer {max-height: 500px;padding: 10px 0;}
.faq-item:not(.open) .faq-answer {display: none;} 
.stars {color: #ff9800;font-size: 18px;}
.testimonial-avatar {width: 60px;height: 60px;border-radius: 50%;object-fit: cover;}
.cta-image {position: relative; right: 12px; bottom: 130px; max-width: 100%;height: auto;}
.cta-form input.form-control {border-radius: 12px;padding: 0.5rem 1rem;}
.cta-form .btn {border-radius: 12px;padding: 0.5rem 1.5rem;font-weight: bold;}
.video-card {background: #fff;border-radius: 12px;overflow: hidden;box-shadow: 0 2px 6px rgba(0,0,0,0.1);text-align: center;}
.video-thumb {position: relative;}
.video-thumb img {width: 100%;height: auto;display: block;}
.play-icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 48px;color: white;text-shadow: 0 0 10px rgba(0,0,0,0.5);pointer-events: none;}
.video-caption {margin-bottom: 30px;padding: 10px; font-weight: 800; font-size: 1.5rem;}
.karname-box {background: #f8f8f8;border-radius: 12px;padding: 10px 16px;display: inline-flex;gap: 10px;}
.icon-box {background: #ff9800; border-radius: 12px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
.text-box {color: #8c8c99;font-size: 16px;font-weight: 500;display: flex;align-items: center;}
.ttc-image {max-width: 80%; right: 0px; bottom: -270px; position: absolute;}
.stats-box h3 {color: #019DA4; font-weight: bold;}
.offer-secs h2{font-size: 40px !important;}
.offer-secs p{font-size: 18px !important;}
.box-amar{background-color: #FFFFFF !important; border-radius: 25px; position: relative; z-index: 11; bottom: 150px; right: 315px;}
.box-amar h3{font-size: 56px;}
.box-amar p{font-size: 16px;}
.vertical-line {width: 1px;height: 90%;background: #ccc;}
.stat-item {max-width: 33%;padding: 0px;}
.wp-ali1{margin-top: -250px;}
.pading-sec-now-wp{padding-inline: 10rem;}
.form-join-news{height: 454px;}
.pager-fa { --primary: #019DA4; --border: #e5e7eb; --bg: #ffffff; --text: #222; display: inline-flex; border-radius: 12px; overflow: hidden; background: var(--bg); box-shadow: 0 0 0 1px var(--border) inset; gap: 0;}
.pager-fa__btn,
.pager-fa__gap { padding: 12px 12px; font-size: 20px; line-height: 1; text-decoration: none; border: none; border-inline-start: 1px solid var(--border); background: var(--bg); color: var(--text); display: inline-flex; align-items: center; justify-content: center; min-width: 56px; height: 56px; }
.pager-fa__btn:first-child { border-inline-start: 0; } /* ‹ قبلی */
.pager-fa__gap { pointer-events: none; color: #9aa0a6; }
.pager-fa__btn.is-active { background: var(--primary); color: #fff; box-shadow: 0 0 0 1px var(--primary) inset; }
.pager-fa__btn:hover:not(.is-active):not(.is-disabled) { background: #f6f9fa; }
.pager-fa__btn.is-disabled { opacity: .45; pointer-events: none; }
.pager-fa:focus-within .pager-fa__btn.is-active { outline: 2px solid rgba(1,157,164,.3); outline-offset: -2px; }

.aspect-video-box{ width: 100%; aspect-ratio: 16/9;}

.disabled-link {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
h1 {
  font-size: clamp(18px, 5vw, 40px);
}
@media (max-width: 576px) {
  .modal-dialog {
    margin: 0.5rem;
  }
}
/*
#placement-test .placement-card {
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(20, 30, 60, 0.06);
}
#placement-test .placement-col {
    display: flex;
}

#placement-test .placement-visual-col {
    order: 2;
    align-items: center;
    justify-content: center;
    padding: 48px 32px;
    background: #fff;
}

#placement-test .placement-illustration-wrap {
    position: relative;
    width: 100%;
    max-width: 460px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#placement-test .placement-illustration-blob {
    position: absolute;
    inset: 6% 4%;
    background: var(--placement-blob);
    border-radius: 48% 52% 60% 40% / 45% 40% 60% 55%;
    z-index: 0;
}

#placement-test .placement-illustration-img {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 420px;
    height: auto;
    display: block;
    margin: 0 auto;
}
#placement-test .placement-form-col {
    order: 1;
    padding: 48px 56px;
}

#placement-test .placement-form {
    width: 100%;
    max-width: 250px;
    margin-inline-start: auto;
}

#placement-test .placement-field {
    margin-bottom: 24px;
}

#placement-test .placement-label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: var(--placement-text);
    margin-bottom: 10px;
    text-align: right;
}

#placement-test .placement-required {
    color: var(--placement-danger);
}

#placement-test .placement-input,
#placement-test .placement-select {
    width: 100%;
    height: 52px;
    border: 1px solid var(--placement-border);
    border-radius: 10px;
    padding: 0 16px;
    font-size: 14px;
    color: var(--placement-text);
    text-align: right;
    background-color: #fff;
    transition: border-color .15s ease, box-shadow .15s ease;
}

#placement-test .placement-input::placeholder {
    color: var(--placement-muted);
}

#placement-test .placement-input:focus,
#placement-test .placement-select:focus {
    outline: none;
    border-color: var(--placement-accent);
    box-shadow: 0 0 0 3px rgba(23, 168, 146, 0.15);
}

#placement-test .placement-input.is-invalid,
#placement-test .placement-select.is-invalid {
    border-color: var(--placement-danger);
}

#placement-test .invalid-feedback {
    display: none;
    margin-top: 6px;
    font-size: 12px;
    color: var(--placement-danger);
    text-align: right;
}

#placement-test .invalid-feedback.is-shown {
    display: block;
}

#placement-test .placement-select {
    appearance: none;
    -webkit-appearance: none;
    padding-left: 40px;
    padding-right: 16px;
    background-repeat: no-repeat;
    background-position: left 16px center;
    background-size: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1.5L7 7.5L13 1.5' stroke='%2398A0AC' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#placement-test .placement-select option[value=""][disabled] {
    color: var(--placement-muted);
}

#placement-test .placement-date-wrap {
    position: relative;
    cursor: pointer;
}

#placement-test .placement-date {
    padding-left: 40px;
    cursor: pointer;
}

#placement-test .placement-date::-webkit-calendar-picker-indicator {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

#placement-test .placement-date-icon {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    color: var(--placement-muted);
    pointer-events: none;
    font-size: 15px;
}

#placement-test .placement-radio-group {
    display: flex;
    align-items: center;
    gap: 32px;
    flex-wrap: wrap;
}

#placement-test .placement-radio {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
}

#placement-test .placement-radio input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
}

#placement-test .placement-radio-control {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid var(--placement-border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: border-color .15s ease;
}

#placement-test .placement-radio-control::after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--placement-accent);
    transform: scale(0);
    transition: transform .15s ease;
}

#placement-test .placement-radio input:checked + .placement-radio-control {
    border-color: var(--placement-accent);
}

#placement-test .placement-radio input:checked + .placement-radio-control::after {
    transform: scale(1);
}

#placement-test .placement-radio input:focus-visible + .placement-radio-control {
    outline: 2px solid var(--placement-accent);
    outline-offset: 2px;
}

#placement-test .placement-radio-text {
    font-size: 14px;
    color: var(--placement-text);
}

#placement-test .placement-submit-field {
    margin-top: 32px;
    margin-bottom: 0;
}

#placement-test .placement-submit-btn {
    width: 100%;
    height: 56px;
    border: none;
    border-radius: 10px;
    background: #019DA4;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: background-color .15s ease, opacity .15s ease;
}

#placement-test .placement-submit-btn:hover:not(:disabled) {
    background: var(--placement-accent-dark);
}

#placement-test .placement-submit-btn:disabled {
    opacity: .7;
    cursor: not-allowed;
}

#placement-test .placement-spinner {
    display: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-top-color: #fff;
    animation: placement-spin .7s linear infinite;
}

#placement-test .placement-submit-btn.is-loading .placement-spinner {
    display: inline-block;
}

#placement-test .placement-submit-btn.is-loading .placement-submit-text,
#placement-test .placement-submit-btn.is-loading > i.fa-shopping-basket {
    opacity: .6;
}
    */
.man-cutout-img {position: absolute;top: 0;left: 50%;transform: translateX(-70%);width: 67%;height: auto;z-index: 2;}
.exam-card-row {--exam-card-width: 90%;   }
.exam-card-section {padding-top: 40px;padding-bottom: 40px;}
.exam-card-row {display: flex;flex-wrap: nowrap;        justify-content: center;gap: var(--exam-card-gap);}
.exam-card-col {display: flex;justify-content: center;padding: 0;flex: 1 1 0;min-width: 0;}
.exam-card-link {display: block;width: var(--exam-card-width);max-width: 100%;box-sizing: border-box;text-decoration: none;background-color: #fff;border-radius: 20px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);transition: box-shadow 0.2s ease, transform 0.2s ease;}
.exam-card-link:hover {box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);transform: translateY(-2px);}
.exam-card-body {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 7px;padding: 24px 16px;text-align: center;font-family: 'sans', 'sans-serif';}
.exam-card-icon {width: 70px;height: 70px;object-fit: contain;max-width: 100%;         }
.exam-card-title {color: #0d6efd;margin: 0;font-weight: bold;font-size: clamp(12px, 3vw, 18px);}
@keyframes placement-spin {to { transform: rotate(360deg); }}
@media (prefers-reduced-motion: reduce) {#placement-test .placement-spinner {animation: none;}#placement-test .placement-input,#placement-test .placement-select,#placement-test .placement-submit-btn,#placement-test .placement-radio-control,#placement-test .placement-radio-control::after {transition: none;}}
#placement-test .placement-alert {margin-top: 20px;padding: 12px 16px;border-radius: 10px;font-size: 13px;text-align: right;}
#placement-test .placement-alert-success {background: var(--placement-success-bg);color: var(--placement-success-text);}
#placement-test .placement-alert-error {background: var(--placement-danger-bg);color: var(--placement-danger);}
@media (max-width: 991.98px) {#placement-test .placement-visual-col {order: 1;padding: 32px 24px 8px;}#placement-test .placement-form-col {order: 2;padding: 24px 24px 40px;}#placement-test .placement-form {max-width: none;margin-inline-start: 0;}#placement-test .placement-illustration-wrap {max-width: 320px;}}
@media (max-width: 575.98px) {#placement-test .placement-form-col {padding: 20px 16px 32px;}#placement-test .placement-radio-group {gap: 24px;}}
.exam-detail-card {box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);padding: 32px;position: relative;}
/* thin dashed accent line across the top, matching the reference design */
.exam-detail-card::before {content: '';position: absolute;top: 0;left: 24px;right: 24px;height: 0;border-top: 2px dashed #b9d9de;}
.exam-detail-row {padding-top: 16px;}
.exam-detail-content {padding: 0 20px;}
.exam-detail-title {font-size: 35px !important;font-weight: bolder;color: #019DA4;}
.exam-detail-title-icon {width: 50px;color: #019DA4;}
.exam-detail-description {color: #545454;line-height: 30px;text-align: justify;}
.exam-detail-subheading {font-size: 16px;font-weight: bold;margin-top: 24px;margin-bottom: 10px;}
.exam-detail-structure-intro {color: #545454;margin-bottom: 8px;}
.exam-detail-structure-list {padding-inline-start: 20px;color: #545454;line-height: 32px;}
.exam-detail-benefits-list {list-style: none;padding: 0;margin: 0;}
.exam-detail-benefits-list li {display: flex;align-items: flex-start;gap: 8px;color: #545454;line-height: 28px;}
.exam-detail-check-icon {color: #019DA4;margin-top: 6px;font-size: 14px;}
.exam-detail-note {color: #545454;margin-top: 20px;font-size: 14px;}
.exam-detail-rules-link {display: block;background: #fdeeee;color: #ba372a;text-decoration: none;font-size: 14px;padding: 14px 20px;border-radius: 12px;margin-top: 16px;}
.exam-detail-rules-link:hover {color: #ba372a;text-decoration: underline;}
.exam-detail-sidebar {padding: 0 20px;}
.exam-sidebar-box {background: #fff;border: 1px solid #eef0f2;border-radius: 16px;padding: 24px;}
.exam-sidebar-group {margin-bottom: 24px;}
.exam-sidebar-group-title {font-weight: bold;font-size: 15px;margin-bottom: 14px;}
.exam-sidebar-required {color: #ba372a;}
.exam-sidebar-radio-row {display: flex;align-items: center;gap: 10px;text-decoration: none;color: #333;padding: 8px 0;}
.exam-sidebar-radio-row:hover {color: #019DA4;}
.exam-sidebar-radio-circle {width: 18px;height: 18px;border-radius: 50%;border: 2px solid #c9ced3;flex-shrink: 0;position: relative;transition: border-color .15s ease;}
.exam-sidebar-radio-row.is-active 
.exam-sidebar-radio-circle {border-color: #019DA4;}
.exam-sidebar-radio-row.is-active 
.exam-sidebar-radio-circle::after {content: '';position: absolute;top: 3px;left: 3px;width: 8px;height: 8px;border-radius: 50%;background: #019DA4;}
.exam-sidebar-radio-row.is-active 
.exam-sidebar-radio-label {color: #019DA4;font-weight: 600;}
.exam-sidebar-price-box {display: flex;align-items: center;justify-content: space-between;border: 1px solid #eef0f2;border-radius: 12px;padding: 14px 18px;margin-bottom: 16px;}
.exam-sidebar-price-label {font-size: 14px;color: #545454;}
.exam-sidebar-price-value {font-weight: bold;color: #019DA4;}
.exam-sidebar-continue-btn {width: 100%;display: flex;align-items: center;justify-content: center;gap: 8px;background: #019DA4;color: #fff;border: none;border-radius: 12px;padding: 14px;font-size: 15px;text-decoration: none;cursor: pointer;}
.exam-sidebar-continue-btn:hover {background: #017d83;color: #fff;}
.exam-sidebar-not-found {color: #ba372a;text-align: center;font-size: 14px;}
@media (max-width: 991.98px) {
.exam-detail-content {order: 2;padding: 0 8px;}
.exam-detail-sidebar {order: 1;padding: 0 8px;margin-bottom: 24px;}}
.exam-detail-description-html p {color: #545454;line-height: 30px;text-align: justify;margin-bottom: 14px;}
.exam-detail-description-html h4 {font-size: 16px;font-weight: bold;margin-top: 24px;margin-bottom: 10px;}
.exam-detail-description-html ul {list-style: none;padding: 0;margin: 0 0 14px 0;color: #545454;line-height: 32px;}
.exam-detail-description-html ul li {display: flex;align-items: flex-start;gap: 6px;}
.exam-detail-description-html strong {color: #222;}
.exam-detail-check-icon {color: #019DA4;margin-top: 6px;font-size: 14px;}
.exam-detail-note {color: #545454;font-size: 14px;}
.exam-sidebar-checkbox-group {margin-inline-start: 28px;margin-top: 4px;}
.exam-sidebar-checkbox-row {display: flex;align-items: center;gap: 7px;text-decoration: none;color: #333;padding: 6px 0;}
.exam-sidebar-checkbox-row:hover {color: #019DA4;}
.exam-sidebar-checkbox-box {width: 18px;height: 18px;border-radius: 4px;border: 2px solid #c9ced3;flex-shrink: 0;display: flex;align-items: center;justify-content: center;transition: border-color .15s ease, background-color .15s ease;}
.exam-sidebar-checkbox-row.is-active .exam-sidebar-checkbox-box {border-color: #019DA4;background-color: #019DA4;}
.exam-sidebar-checkbox-box i {font-size: 10px;color: #fff;}
.exam-sidebar-checkbox-row.is-active .exam-sidebar-radio-label {color: #019DA4;font-weight: 600;}
.exam-sidebar-dropdown {border-radius: 10px;border: 1px solid #dfe3e6;padding: 10px 14px;font-size: 14px;}
.exam-sidebar-dropdown:focus {border-color: #019DA4;box-shadow: none;}
.exam-sidebar-dropdown-note {font-size: 12px;color: #8a8f94;line-height: 20px;margin-top: 8px;margin-bottom: 0;}
.modal-content {border-radius: 18px;}
.modal-body {max-height: 65vh;overflow-y: auto;}


@keyframes moveImgAshkRightDep {0% {right: 700px; transform: rotate(0deg); top: 300px; } 50% {top: 350px; transform: rotate(360deg); } }
@keyframes moveImgAshkDep {0% {left: 350px; transform: rotate(0deg); bottom:100px; } 50% {bottom:150px; transform: rotate(360deg); } }
@keyframes lineMove {0% {transform: rotate(0deg); } 50% {transform: rotate(40deg); } }
@keyframes moveImgBookDep {0% {left: 300px; top: 200px; transform: rotate(0deg); } 50% {left: 350px; top: 200px; transform: rotate(45deg); } }
@keyframes moveIn {0% {right: -999px; } 100% {right: 100px; } }
@keyframes moveImg {0% {left: -200px; transform: rotate(0deg); } 50% {left: -150px; transform: rotate(45deg); } }
@keyframes moveImgBook {0% {left: 0px; transform: rotate(0deg); } 50% {left: 100px; transform: rotate(45deg); } }
@keyframes moveImgBookDep {0% {left: 200px; top: 200px; transform: rotate(0deg); } 50% {left: 250px; top: 200px; transform: rotate(45deg); } }
@keyframes movePolygon {0% {left: 0; transform: rotate(0deg); top: 0; } 20% {transform: rotate(30deg); top: 100px; left: 0; } 50% {left: 150px; transform: rotate(180deg); top: 100px; } 80% {left: 0px; transform: rotate(180deg); top: 100px; } }
@keyframes rotate {0% {transform: rotate(0deg); } 50% {transform: rotate(360deg); } }
@keyframes rotate-reverse {0% {transform: rotate(0deg); } 50% {transform: rotate(-360deg); } }
@keyframes moveImgRect {0% {left: -100px; transform: rotate(0deg); top: 400px; } 50% {left: -50px; top: 300px; transform: rotate(80deg); } }
@keyframes ashkMoveTop {0% {transform: rotate(0deg); left: -100px; top: 200px; } 50% {left: -100px; top: 300px; transform: rotate(80deg); } }
@keyframes ashkMoveBottom {0% {right: -50px; top: 400px; transform: rotate(0deg); } 50% {right: -50px; top: 300px; transform: rotate(80deg); } }
@keyframes ashkMoveBottomLeft {0% {left: 50px; top: 600px; transform: rotate(0deg); } 50% {left: 100px; top: 500px; transform: rotate(80deg); } }
@keyframes imgProductLeft {0% {left: 100px; top: 450px; transform: rotate(0deg); } 50% {left: 100px; top: 350px; transform: rotate(80deg); } }
@keyframes imgProductLeftMent {0% {left: 100px; top: 450px; transform: rotate(0deg); } 50% {left: 100px; top: 350px; transform: rotate(80deg); } }
@keyframes imgProductRight {0% {right: 100px; top: 200px; transform: rotate(0deg); } 50% {right: 100px; top: 300px; transform: rotate(80deg); } }
@keyframes imgProductRightMent {0% {right: 100px; top: 200px; transform: rotate(0deg); } 50% {right: 100px; top: 300px; transform: rotate(80deg); } }
@keyframes rectMoveBottomLeft {0% {left: 20px; top: 650px; transform: rotate(0deg); } 50% {left: 20px; top: 500px; transform: rotate(80deg); } }
@keyframes moveImgRectLast {0% {left: -100px; transform: rotate(0deg); top: 500px; } 50% {left: 0px; top: 550px; transform: rotate(180deg); } }
@keyframes moveImgcircle {0% {left: 100px; transform: rotate(0deg); top: 10px; } 50% {top: 50px; transform: rotate(360deg); } }
@keyframes moveImgAshkRight {0% {right: -10px; transform: rotate(0deg); top: 10px; } 50% {top: 50px; transform: rotate(360deg); } }
@keyframes moveImgAshkRightDep {0% {right: 600px; transform: rotate(0deg); top: 300px; } 50% {top: 350px; transform: rotate(360deg); } }
@keyframes moveImgAshk {0% {left: -10px; transform: rotate(0deg); bottom: 10px; } 50% {bottom: 50px; transform: rotate(360deg); } }
@keyframes moveImgAshkDep {0% {left: 250px; transform: rotate(0deg); bottom:100px; } 50% {bottom:150px; transform: rotate(360deg); } }
@keyframes rotateItem {0% {transform-origin: bottom right; transform-style: preserve-3D; transform: rotate(0deg); } 100% {transform-origin: bottom right; transform-style: preserve-3D; transform: rotate(-360deg); } }
@keyframes rotateItemTop {0% {transform-origin: top left; transform-style: preserve-3D; transform: rotate(0deg); } 100% {transform-origin: top left; transform-style: preserve-3D; transform: rotate(-360deg); } }
@keyframes FadeIn {0% {transform:rotate(0deg); } 100% {transform:rotate(360deg); } }

@media print {.print {display: block; } .no-print {display: none; } }

@media only screen and (min-height:600px) {#main-bg-footer {border-radius: 0px !important; } #footer-mentor {clip-path: none !important; } #mentoring-header {height: auto; clip-path: none !important; } #mentoring-header .img-main-ment {height: 74%; } .comment-1 {top: 250px; } #services {margin-top: 150px; } .main-img {height: 100%; } }
@media only screen and (max-height:768px) {#main-bg-footer {border-radius: 0px !important; } #footer-mentor {clip-path: none !important; } #mentoring-header {height: auto; clip-path: none !important; } #mentoring-header .img-main-ment {height: 86%; } .comment-1 {top: 250px; } #services {margin-top: 150px; } .main-img {height: 101%; } }
@media only screen and (max-height:768px) {#main-bg-footer {border-radius: 0px !important; } #footer-mentor {clip-path: none; } #mentoring-header {height: auto; clip-path: none; } #mentoring-header .img-main-ment {height: 86%; } .comment-1 {top: 250px; } #services {margin-top: 15px; } .main-img {height: 100%; } }

@media only screen and (max-width:1024px) {#profile-content .add-course-btn {right: 20px !important; } #sign-up {overflow-x: hidden; overflow-y: auto; } .main-message {display: none !important; } .vh100, .main-box-login .scroller {height: auto; } #sign-up .lines-login {left: 0; top: -384px; } #sign-up .images-in {display: none; } #main-login {height: auto; margin:50px 0; } .bg-login {width: 120%; top: -365px; left: -33px; height: auto; transform: rotate(90deg); } .main-box-login {width: 100%; margin: 60px 0; padding: 20px; z-index: 99; background: #FFF; } header {height: auto; margin-bottom: 100px; } header .bg-slider {height: auto; } footer {height: auto; background-repeat: repeat; } header .animate-img {left: 0; animation: none; } .animate-img-rect {left: 0; animation: none; } .animate-img-left-product {left: 0; animation: none; } .animate-img-right-product {right: 0; animation: none; } .animate-img-rect-bottom {right: 0; animation: none; } .animate-img-ashk-top {right: 0; animation: none; } #products .owl-prev {left: 0; } #products .owl-next {right: 0; } .animate-circle-blog {left: 10px; top: 0; animation: none; } header #content .main-img {height: 200px; margin-left: 40%; } header #content .main-img-courses {height: 80%; align-items: center; } .w-50, .w-75 {width: 100% !important; } .animate-img-rect {display: none; } #login-btn span {display: none; } .navbar-brand img {width: 110px; } #product-page .w-50, #product-page .w-25 {width: 100% !important; } .rect-bottom, .ellipse-bottom-right {right: 0 !important; animation: none !important; } .rect-top, .ellipse-top-left {left: 0 !important; animation: none !important; } .owl-next {right: 0 !important; } .owl-prev {left: 0 !important; } .img-podcast {height: 200px; } #product-page .animate-ashk-right {animation: none; right: 0; } #product-page .animate-circle-blog {animation: none; left: 0; } #cart .animate-circle-blog,#cart .animate-ashk-right,#cart .ellipse-top-left,#pre-factor .animate-circle-blog,#pre-factor .animate-ashk-right,#pre-factor .ellipse-top-left,#services-ment .animate-img-left-product,#services-ment .animate-img-right-product,#video-ment .circle,#video-ttc .circle,#wishlist .animate-circle-blog,#wishlist .ellipse-top-left,#wishlist .animate-ashk-right,#factor .animate-ashk-right,.animate-img-ashk-bottom-left,.animate-img-rect-bottom-left,.animate-img-ashk-bottom,#factor .animate-circle-blog ,#department-courses .wave,#department-courses .wave-border,#department-courses .animate-circle-top,#department-courses .animate-circle-bottom,#department-courses .animate-img {display: none; } .item-title {height: auto; } #department-courses #list-example {position: relative; } #department-courses .item-scrollspy {height: auto; margin-top: 50px; } .comment-2 {right: initial; top: initial; bottom: 35px; left: 0; width: 200px; } .comment-1 {right: 0; width: 200px; top: 205px; } .f-30 {font-size: 20px !important; } #services-ment .elipse-left {left: 0; } .doted-vector {left: -10px; } .rect-custom {right: 0; } .lines-vector {right: -6px; } #footer-mentor {height: auto; border-radius: 0; } #faq .rect-green {top: -50px; } #faq .rect-orange {top: 0; } #video-ment .poster-video,#video-ttc .poster-video, #mentoring-header {height: auto; } .pre-img {width: 50%; height: 50%; object-fit: contain; margin: 0 auto; } #blog .main-img {height: 230px; width: 100% !important; margin: 0 auto; } .nav-pills .nav-link {margin-right: 10px; padding: 15px 14px !important; } #mentoring-header .img-main-ment {height: auto !important; } #blog .main-blog-img {width: 100%; } #blog .main-blog-img {} #links h4 {font-size: 16px; } .side-dashbaord {display: none; } .main-dashboard {width: 100%; } .side-menu {display: block; } }
@media only screen and (min-width:768px) and (max-width:1024px) {header #content .main-img {height: 350px; margin-right: 0; } #blog .main-img {height: auto; width: 100% !important; } header {height: auto; padding-bottom: 200px; } }
@media screen and (max-width: 992px) { .library-box-parent {width: 33% !important; } .library-image-parent{height: 250px; } .library-box{height: 450px; } .bookmark-font{font-size: 20px; margin: 6px 8px 6px 6px; } .library-full-name{font-size: 1rem; } .slider-header{margin: 0rem; padding: 1rem 2rem ; }}
@media screen and (max-width: 600px) {.library-box-parent {width: 100% !important; } .library-image-parent{height: 400px; } .library-box{height: 600px; } .bookmark-box{width: 50px; height: 50px; } .bookmark-font{font-size: 26px; margin: 8px 11px 6px 6px; } .library-full-name{font-size: 1.2rem; } .slider-header{margin: 0rem; padding: 1rem 1rem ; }}

@media (max-width: 768px) {.cta-image{bottom: -17px !important;}.form-join-news{height: auto;}.pading-sec-now-wp{padding-inline: 0rem;} .offer-secs p{font-size:16px !important} .box-amar h3{font-size: 28px !important;} .box-amar{right: 0px; bottom: 0px;} .ttc-image { max-width: 100%; bottom: -124px;} .ttc-text-wrap{margin-right: -20%;} .wp-ali1{margin-top: -50px;} .stat-item {padding: 0px;}}
@media (max-width: 850px) and (orientation: landscape) {.cta-image{bottom: -17px !important;}}
.exam-detail-card {box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);padding: 32px;position: relative;}
.exam-detail-card::before {content: '';position: absolute;top: 0;left: 24px;right: 24px;height: 0;border-top: 2px dashed #b9d9de;}
.exam-detail-row {padding-top: 16px;}
.exam-detail-content {padding: 0 20px;}
.exam-detail-title {font-size: 24px;font-weight: bold;}
.exam-detail-description {color: #545454;line-height: 30px;text-align: justify;}
.exam-detail-subheading {font-size: 16px;font-weight: bold;margin-top: 24px;margin-bottom: 10px;}
.exam-detail-structure-intro {color: #545454;margin-bottom: 8px;}
.exam-detail-structure-list {padding-inline-start: 20px;color: #545454;line-height: 32px;}
.exam-detail-benefits-list {list-style: none;padding: 0;margin: 0;}
.exam-detail-benefits-list li {display: flex;align-items: flex-start;gap: 8px;color: #545454;line-height: 28px;}
.exam-detail-check-icon {color: #019DA4;margin-top: 6px;font-size: 14px;}
.exam-detail-note {color: #545454;margin-top: 20px;font-size: 14px;}
.exam-detail-rules-link {display: block;background: #fdeeee;color: #ba372a;text-decoration: none;font-size: 14px;padding: 14px 20px;border-radius: 12px;margin-top: 16px;}
.exam-detail-rules-link:hover {color: #ba372a;text-decoration: underline;}
.exam-detail-sidebar {padding: 0 20px;}
.exam-sidebar-box {background: #fff;border: 1px solid #eef0f2;border-radius: 16px;padding: 24px;}
.exam-sidebar-group {margin-bottom: 24px;}
.exam-sidebar-group-title {font-weight: bold;font-size: 15px;margin-bottom: 14px;}
.exam-sidebar-required {color: #ba372a;}
.exam-sidebar-radio-row {display: flex;align-items: center;gap: 10px;text-decoration: none;color: #333;padding: 8px 0;}
.exam-sidebar-radio-row:hover {color: #019DA4;}
.exam-sidebar-radio-circle {width: 18px;height: 18px;border-radius: 50%;border: 2px solid #c9ced3;flex-shrink: 0;position: relative;transition: border-color .15s ease;}
.exam-sidebar-radio-row.is-active .exam-sidebar-radio-circle {border-color: #019DA4;}
.exam-sidebar-radio-row.is-active .exam-sidebar-radio-circle::after {content: '';position: absolute;top: 3px;left: 3px;width: 8px;height: 8px;border-radius: 50%;background: #019DA4;}
.exam-sidebar-radio-row.is-active .exam-sidebar-radio-label {color: #019DA4;font-weight: 600;}
.exam-sidebar-price-box {display: flex;align-items: center;justify-content: space-between;border: 1px solid #eef0f2;border-radius: 12px;padding: 14px 18px;margin-bottom: 16px;}
.exam-sidebar-price-label {font-size: 14px;color: #545454;}
.exam-sidebar-price-value {font-weight: bold;color: #019DA4;}
.exam-sidebar-continue-btn {width: 100%;display: flex;align-items: center;justify-content: center;gap: 8px;background: #019DA4;color: #fff;border: none;border-radius: 12px;padding: 14px;font-size: 15px;text-decoration: none;cursor: pointer;}
.exam-sidebar-continue-btn:hover {background: #017d83;color: #fff;}
.exam-sidebar-not-found {color: #ba372a;text-align: center;font-size: 14px;}
@media (max-width: 991.98px) {.exam-detail-content {order: 2;padding: 0 8px;}.exam-detail-sidebar {order: 1;padding: 0 8px;margin-bottom: 24px;}}
.exam-detail-description-html p {color: #545454;line-height: 30px;text-align: justify;margin-bottom: 14px;}
.exam-detail-description-html h4 {font-size: 16px;font-weight: bold;margin-top: 24px;margin-bottom: 10px;}
.exam-detail-description-html ul {list-style: none;padding: 0;margin: 0 0 14px 0;color: #545454;line-height: 32px;}
.exam-detail-description-html ul li {display: flex;align-items: flex-start;gap: 6px;}
.exam-detail-description-html strong {color: #222;}
.exam-detail-check-icon {color: #019DA4;margin-top: 6px;font-size: 14px;}
.exam-detail-note {color: #545454;font-size: 14px;}
.exam-sidebar-checkbox-group {margin-inline-start: 28px;margin-top: 4px;}
.exam-sidebar-checkbox-row {display: flex;align-items: center;gap: 10px;text-decoration: none;color: #333;padding: 6px 0;}
.exam-sidebar-checkbox-row:hover {color: #019DA4;}
.exam-sidebar-checkbox-box {width: 18px;height: 18px;border-radius: 4px;border: 2px solid #c9ced3;flex-shrink: 0;display: flex;align-items: center;justify-content: center;transition: border-color .15s ease, background-color .15s ease;}
.exam-sidebar-checkbox-row.is-active .exam-sidebar-checkbox-box {border-color: #019DA4;background-color: #019DA4;}
.exam-sidebar-checkbox-box i {font-size: 10px;color: #fff;}
.exam-sidebar-checkbox-row.is-active .exam-sidebar-radio-label {color: #019DA4;font-weight: 600;}
.exam-sidebar-dropdown {border-radius: 10px;border: 1px solid #dfe3e6;padding: 10px 14px;font-size: 14px;}
.exam-sidebar-dropdown:focus {border-color: #019DA4;box-shadow: none;}
.exam-sidebar-dropdown-note {font-size: 12px;color: #8a8f94;line-height: 20px;margin-top: 8px;margin-bottom: 0;}