/* --------------------Password Page-------------------- */

.post-password-form{color: var(--txt3-h1) !important;background: #fff !important;border-radius: 15px;padding: 50px 25px !important;box-shadow: 0 0 100px 0px #dddbdb;width: calc(100vw - 200px);max-width: 1400px !important;margin: 100px auto !important;display: flex;flex-direction: column;align-items: center;gap: 15px;}
.post-password-form p {width: 100%;text-align: center;font-weight: 600;display: flex;justify-content: center;align-items: center;gap: 5px;}
.post-password-form label{display: flex;gap: 10px;align-items:center;}
.post-password-form input[type=password]{height: 45px;background-color: #eee;border-radius: 7px;color: var(--txt1-col);font-size: 14px;font-weight: 600;padding: 0 15px;border: 2px solid transparent;}
.post-password-form input[type=submit]{height: 45px !important;padding: 0 20px;background-color: var(--first);color: #fff;border-radius: 6px;cursor: pointer;font-weight: 600;white-space: nowrap;}
@media screen and (max-width: 1300px){.post-password-form {width: calc(100vw - 100px);}}
@media screen and (max-width: 1024px){.post-password-form {width: calc(100vw - 50px);}}
@media screen and (max-width: 480px){.post-password-form {width: calc(100vw - 30px);}.post-password-form p{flex-direction:column;gap: 15px;}.post-password-form input[type=password] {width: 100%;}.post-password-form label{width: 100%;white-space: nowrap;background-color: #eee;border-radius: 6px;padding: 0 15px 0 0;}.post-password-form input[type=submit] {width: 100%;}}

/* --------------------Main-------------------- */

.aside-main{width: 100%;min-height: 500px;display: grid;grid-template-columns: 1fr 350px;grid-gap: 50px;}
.col-grid-25{direction: rtl;width: 100%;height: fit-content;display: grid;grid-gap: 25px;}
.div-bg-w{width: 100%;height: fit-content;background-color: #FFF;border: 1px solid #f0f0f0;box-shadow: 0 0 14px 0 rgb(0 0 0 / 3%);padding: 15px;border-radius: 8px;overflow: hidden;}

.div-bg-w article * {max-width: 100%;}
.div-bg-w article ul{list-style-type: disc;font-size: 14px;padding-right: 15px;margin: 10px;}
.div-bg-w article ol{list-style-type: decimal;font-size: 14px;padding-right: 15px;margin: 10px;}
.digits-fullscreen{display: none !important;}


.div-bg-img{width: 100%;height: fit-content;border-radius: 8px;background-color: #FFF;border: 1px solid #f0f0f0;box-shadow: 0 0 14px 0 rgb(0 0 0 / 3%);position: relative;padding: 0 15px 15px 15px;display: grid;gap: 10px;}
.div-bg-img img{position: relative;width: 100%;height: auto;transform: translateY(-10%);border-radius: 15px;}
.woocommerce-product-gallery{opacity: 1 !important;}
.div-bg-img > h1{color: var(--txt3-h1);font-weight: 800;}
hr{height: 1px;border-width: 0;width: 100%;}
hr.blc{background-color:#eee;}
hr.wht{background-color:#ffffff;opacity: 0.5;}
.col3-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;}
.span-bg-blue{width: 100%;background-color: var(--first-22);padding: 10px;border-radius: 4px;display: flex;flex-direction: column;align-items: center;gap: 5px;}
.span-bg-blue > svg{width: 30px;height: 30px;}
.span-bg-blue > .txt > p{width: 100%;text-align: center;color: var(--first);}
.span-bg-blue > .txt > p:first-child{font-size: 13px;font-weight: 500;}
.span-bg-blue > .txt > p:last-child{font-size: 15px;font-weight: 800;}
.div-bg-img > .timer{width: 100%;background-color: #eee;display: grid;grid-template-columns: repeat(4,1fr);gap: 1px;}
.div-bg-img > .timer > div{width: 100%;background-color: #fff;display: flex;align-items: center;justify-content: center;gap: 5px;direction: rtl;}
.div-bg-img > .timer > div > span{font-size: 16px;font-weight: 600;color: var(--first);}
.mentor{display: flex;gap: 25px;padding: 10px;}
.mentor img{width: 90px;height: 90px;border-radius: 50%;}
.mentor > .txt{width: 100%;height: 90px;display: flex;flex-direction: column;justify-content: space-between;}
.mentor > .txt > .top > span{color: var(--first);font-size: 10px;font-weight: 600;}
.mentor > .txt > .top > h2{color: var(--txt1-col);font-size: 17px;font-weight: 700;line-height: 10px;}
.mentor > .txt > .bot{display: flex;flex-direction: column;gap: 1px;}
.mentor > .txt > .bot > p{color: #8B8B8B;font-size: 12px;font-weight: 500;line-height: normal !important;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
/*.mentor > .txt > .bot > p::before{content: "•";margin-left: 5px;}*/

.aside-form{width: 100%;display: flex;flex-direction: column;gap: 15px;}
.radio-content{width: 100%;display: flex;justify-content: space-between;align-items: center;}
input[type="radio"]{display:none;}
input[type="radio"] + label {color:#737373;font-size: 15px;font-weight: 600;cursor:pointer;}
input[type="radio"] + label span{display:inline-block;width:22px;height:22px;margin-left: 10px;vertical-align:middle;border: 3px solid #E9E9E9;border-radius: 50%;cursor:pointer;transition: all 0.2s;}
input[type="radio"] + label span:hover,input[type="radio"] + label:hover span{transform: scale(1.05);}
input[type="radio"]:checked + label span{box-shadow: 0px 0px 0px 3px white inset;background-color: var(--first);border-color: var(--first);}
.radio-content .price{display: flex;gap: 5px;align-items: center;}
.radio-content .price > span:first-child{font-size: 18px;color: var(--txt1-col);font-weight: 800;}
.radio-content .price > span:last-child{font-size: 12px;color: var(--txt2-col);font-weight: 400;}


.variation-discount{padding: 5px;background-color: #f8f8f8;border-radius: 5px;overflow:hidden;}

.radio-details{width: 100%;font-size: 12px;color: var(--txt1-col);font-weight: 400;}

.regular-price{width: 100%;display:flex;justify-content:flex-end;align-items: center;gap: 5px;}
.regular-price del{color: #ff9595;font-size: 14px;font-weight: 600;}
.regular-price span{color: #ff9595;font-size: 10px;font-weight: 400;}

.primary-btn{width: 100%;height: 50px;padding: 0 20px;display: flex;justify-content: center;align-items: center;background-color: var(--first);color: #fff;border-radius: 6px;cursor: pointer;font-size: 1rem;font-weight: 600;transition: all 0.2s ease;}
.primary-btn:hover{box-shadow: 0 0 0 3px var(--first-33);background-color: var(--hover-col);}

.div-bg-img .w-100 .button{width: 100%;height: 50px;padding: 0 20px;display: flex;justify-content: center;align-items: center;background-color: var(--first);color: #fff;border-radius: 6px;cursor: pointer;font-size: 1rem;font-weight: 600;transition: all 0.2s ease;}
.div-bg-img .w-100 .button:hover{box-shadow: 0 0 0 3px var(--first-33);background-color: var(--hover-col);}


.div-free{width: 100%;min-height: 50px;background-color: #83CC7733;color: #73b568;font-size: 12px;font-weight: 800;display: flex;justify-content: center;align-items: center;padding: 10px;overflow: hidden;border-radius: 0px;border: 2px dashed #73b568;}
.col2-grid-10px{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;}
.secondary-btn{width: 100%;height: 50px;padding: 0 20px;display: flex;justify-content: center;align-items: center;background-color: var(--first-22);color: var(--first);border-radius: 6px;cursor: pointer;font-size: 1rem;font-weight: 600;transition: all 0.2s ease;}
.secondary-btn:hover{box-shadow: 0 0 0 3px var(--first-55);}
.div-free{width: 100%;min-height: 50px;background-color: #83CC7733;color: #73b568;font-size: 12px;font-weight: 800;display: flex;justify-content: center;align-items: center;padding: 10px;overflow: hidden;border-radius: 0px;border: 2px dashed #73b568;}

.aside-img{position: relative;}
.aside-img > img{position: relative;width: 100%;height: auto;transform: translateY(-10%);border-radius: 15px;}
.discount{padding: 5px 15px;border-radius: 25px;background-color: #EF5353;color: #fff;font-weight: 600;font-size: 12px;position: absolute;left: 10px;top: -10px;}
.aside-heading{font-size: 18px;font-weight: 800;color: var(--txt1-col);width: 100%;text-align: center;border-bottom: 1px solid #eee;margin-bottom: 15px;}
.other-webinars{display: flex;flex-direction: column;gap: 10px;}
.other-webinars > a{width: 100%;height: 220px !important;overflow: hidden;border-radius: 5px;}
.other-webinars > a > img{width: 100%;height: auto;}
/* --Aparat & iframe-- */
.myvideo,.wp-post-image{width: 100%;height: auto;box-shadow: 0 0 14px 0 rgb(0 0 0 / 3%);border-radius: 8px;overflow: hidden;}
.myvideo img{width:100%;height:100%;}
video[poster]{object-fit: cover;}
.h_iframe-aparat_embed_frame{position:relative;}
.h_iframe-aparat_embed_frame .ratio{display:block;width:100%;height:auto;}
.h_iframe-aparat_embed_frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.quantity{display:none !important;}
.cart.aside-form br{display:none !important;}
/* --Aparat & iframe-- */
.main-banner{width: 100%;height: auto;}
.div-bg-w article{width: 100%;max-width: 100%;}
.div-bg-w h2,.h2-heding{font-size: 20px;font-weight: 700;color: var(--txt1-col);line-height: 50px;}
.div-bg-w h3{font-size: 18px;font-weight: 700;color: var(--txt1-col);line-height: 50px;}
.div-bg-w p{font-size: 16px;font-weight: 500;color: var(--txt1-col);line-height: 30px;}
.col2-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 25px;}
.col4-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 25px;}
.ico-4-div{width: 100%;height: 100%;display: flex;align-items: center;justify-content: space-evenly;padding: 5px 0;}
.ico-4-div > svg{height: 45px;width: auto;}
.ico-4-div > .txt{display: flex;flex-direction: column;gap: 5px;text-align: center;}
.ico-4-div > .txt > span:first-child{font-size: 14px;font-weight: 700;color: #5F5F5F;}
.ico-4-div > .txt > span:last-child{font-size: 13px;font-weight: 600;color: #ACACAC;}
.hight-300{width: 100%;height: 300px;overflow: hidden;overflow-y: auto;}
.hight-100{width: 100%;height: 100px;overflow: hidden;overflow-y: auto;}
.ul-with-tick{list-style: none;margin-left: 0;padding-left: 0;display: flex;flex-direction: column;
    font-size: 14px;padding-right: 0;margin: 10px;display: grid;grid-template-columns: 1fr 1fr;gap: 10px;
}
.ul-with-tick li{padding-right: 28px;text-indent: -28px;font-size: 15px;font-weight: 600;color: var(--txt2-col);}
.ul-with-tick li::marker{display: none !important;display: none !important;visibility: hidden !important;color: transparent !important;position: absolute !important;margin: 0 !important;opacity: 0 !important;}
.ul-with-tick li:before {content: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' d='M17.5 10.9608C17.5 12.4441 17.0601 13.8942 16.236 15.1275C15.4119 16.3609 14.2406 17.3222 12.8701 17.8899C11.4997 18.4575 9.99168 18.606 8.53683 18.3166C7.08197 18.0273 5.7456 17.3129 4.6967 16.2641C3.64781 15.2152 2.9335 13.8788 2.64411 12.4239C2.35472 10.9691 2.50325 9.46107 3.07091 8.09063C3.63856 6.72018 4.59986 5.54884 5.83323 4.72473C7.0666 3.90062 8.51664 3.46075 10 3.46075C11.9891 3.46075 13.8968 4.25093 15.3033 5.65745C16.7098 7.06398 17.5 8.97163 17.5 10.9608Z' fill='%2337C2CC'/%3E%3Cpath d='M13.5672 8.64357C13.6253 8.70161 13.6714 8.77054 13.7029 8.84642C13.7343 8.92229 13.7505 9.00362 13.7505 9.08575C13.7505 9.16789 13.7343 9.24922 13.7029 9.32509C13.6714 9.40097 13.6253 9.4699 13.5672 9.52794L9.19219 13.9029C9.13414 13.9611 9.06521 14.0072 8.98934 14.0386C8.91347 14.0701 8.83214 14.0862 8.75 14.0862C8.66787 14.0862 8.58654 14.0701 8.51067 14.0386C8.43479 14.0072 8.36586 13.9611 8.30782 13.9029L6.43282 12.0279C6.31554 11.9107 6.24966 11.7516 6.24966 11.5858C6.24966 11.4199 6.31554 11.2608 6.43282 11.1436C6.55009 11.0263 6.70915 10.9604 6.875 10.9604C7.04086 10.9604 7.19992 11.0263 7.31719 11.1436L8.75 12.5772L12.6828 8.64357C12.7409 8.58546 12.8098 8.53936 12.8857 8.5079C12.9615 8.47645 13.0429 8.46026 13.125 8.46026C13.2071 8.46026 13.2885 8.47645 13.3643 8.5079C13.4402 8.53936 13.5091 8.58546 13.5672 8.64357ZM18.125 10.9608C18.125 12.5677 17.6485 14.1386 16.7557 15.4748C15.8629 16.8109 14.594 17.8523 13.1093 18.4673C11.6247 19.0822 9.99099 19.2431 8.41489 18.9296C6.8388 18.6161 5.39106 17.8423 4.25476 16.706C3.11846 15.5697 2.34463 14.122 2.03112 12.5459C1.71762 10.9698 1.87852 9.3361 2.49348 7.85145C3.10844 6.3668 4.14985 5.09785 5.486 4.20506C6.82214 3.31228 8.39303 2.83575 10 2.83575C12.1542 2.83803 14.2195 3.69478 15.7427 5.21802C17.266 6.74126 18.1227 8.80657 18.125 10.9608ZM16.875 10.9608C16.875 9.60101 16.4718 8.2718 15.7164 7.14121C14.9609 6.01062 13.8872 5.12943 12.631 4.60908C11.3747 4.08873 9.99238 3.95258 8.65876 4.21786C7.32514 4.48313 6.10013 5.13791 5.13864 6.0994C4.17716 7.06088 3.52238 8.28589 3.2571 9.61951C2.99183 10.9531 3.12798 12.3355 3.64833 13.5917C4.16868 14.8479 5.04987 15.9217 6.18046 16.6771C7.31105 17.4325 8.64026 17.8358 10 17.8358C11.8227 17.8337 13.5702 17.1087 14.8591 15.8198C16.1479 14.531 16.8729 12.7835 16.875 10.9608Z' fill='%2337C2CC'/%3E%3C/svg%3E%0A");padding-left: 5px;position: relative;top: 7px;}

.et-course-contacts p{
    font-size: 13px;
    line-height: normal;
    text-align: justify;
    padding: 0 10px;
}

/* --------------------Main(Accordion)-------------------- */

.accordion-container{width: 100%;display: grid;grid-gap: 10px;}
.accordion-repeater{border-radius: 8px;overflow: hidden;transition: all 0.2s;background-color:#f7f8ff;}
.accordion-repeater.active{box-shadow: 0 0 0 2px var(--first-22);}
.accordion-title{display: flex;justify-content: space-between;align-items: center;padding: 15px;cursor: pointer;color: var(--font-color-title);}
.accordion-title > p{font-size: 16px;font-weight: 600;color: var(--txt1-col);}
.accordion-title > svg{width: 12px;transition: all 0.2s;margin-right: 15px;}
.accordion-title > svg > path{fill: var(--txt1-col);}
.accordion-repeater.active > .accordion-title > svg{transform: rotate(180deg)translate(-2px,2px);}
.accordion-repeater.active > .accordion-title > svg > path{fill: var(--hover-col);}
.accordion-repeater.active > .accordion-title > p{color: var(--hover-col);}
.accordion-content{display: none;padding: 15px 30px;color: var(--txt2-col);cursor: pointer;text-align: right;}
.accordion-content.showacc{display: grid;}
/*aside-accordion*/
.aside-accordion{grid-gap: 5px;}
.aside-accordion > .accordion-repeater{border-radius: 5px;border: 1px solid transparent;}
.aside-accordion > .accordion-repeater.active{box-shadow: none;border: 1px solid var(--first-55);}
.aside-accordion > .accordion-repeater > .accordion-title{padding: 8px 10px;}
.aside-accordion > .accordion-repeater > .accordion-title > p{font-size: 14px;}
.aside-accordion > .accordion-repeater > .accordion-title > svg{width: 10px;margin-right: 10px;}
.aside-accordion > .accordion-repeater > .accordion-content{padding: 0 15px 10px 15px;}
.aside-accordion > .accordion-repeater > .accordion-content > p{font-size: 13px;color: var(--txt2-col);}
.aside-accordion > .accordion-repeater > .accordion-content > ul{list-style-type: disc;font-size: 13px;padding-right: 15px;}

/* ---- Section (Videos Carousel's) ---- */

.videos-carousel-max-size{width: 100%;overflow: hidden;display: flex;gap: 25px;flex-direction: column;}
.item-invideos{width: 100%;height: fit-content;border-radius: 8px;background-color: #FFF;border: 1px solid #f0f0f0;box-shadow: 0 0 14px 0 rgb(0 0 0 / 3%);position: relative;padding: 15px;display: grid;gap: 10px;direction: rtl;transition: all 0.3s;overflow: hidden;}
.item-invideos-cover{position: relative;height: 250px;overflow: hidden;border-radius: 8px;}
.item-invideos-cover video{position: relative;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: all 0.3s;}
.item-invideos-p{width: 100%;text-align: center;font-weight: 600;color: var(--txt1-col);}
.owlc-video .owl-stage-outer{padding: 0;}

/* --------------------Carosel-------------------- */

.carousel-max-size{width: 100%;max-width: 1600px;margin: 0 auto;background-color: transparent;overflow: hidden;padding: 50px 100px;display: flex;gap: 25px;flex-direction: column;}
.owl-carousel{direction: ltr;width: 100%;max-width: 100%;}
.owl-stage-outer{padding-top: 20px;}
.owl-nav,.owl-dots{display: none;}
.owl-dots{width: 100%;height: 12px;display: flex;justify-content: center;align-items: center;gap: 10px;margin-top: 25px;}
button.owl-dot{width: 7px;height: 7px;border-radius: 50%;background-color: #37C2CC !important;transition: all 0.1s;opacity: 0.2;}
.owl-dot.active{width: 12px;height: 12px;opacity: 1;}

.item-incourse{width: 100%;height: fit-content;border-radius: 8px;background-color: #FFF;border: 1px solid #f0f0f0;box-shadow: 0 0 14px 0 rgb(0 0 0 / 3%);position: relative;padding: 0 15px 10px 15px;display: grid;gap: 10px;direction: rtl;transition: all 0.3s;}
.item-img-cv-a{display: grid;gap: 10px;}
.item-incourse-cover{position: relative;height: 170px;overflow: hidden;transform: translateY(-10px);border-radius: 15px;}
.item-incourse-cover img{position: relative;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: all 0.3s;}
.discount{padding: 5px 15px;border-radius: 25px;background-color: #EF5353;color: #fff;font-weight: 600;font-size: 12px;position: absolute;left: 10px;top: -10px;}
hr{height: 0;border-width: 0;width: 100%;}
hr.blc{border-top: 1px solid #eee;}
hr.wht{background-color:#ffffff;opacity: 0.5;}
.item-incourse-heading{color: var(--txt3-h1);font-weight: 800;font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;margin-top: -10px;}
.item-incourse-par{color: #79899E;font-weight: 400;font-size: 13px;text-align: right;height: 65px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.item-incourse-a{width: 100%;height: 40px;font-size: 13px;font-weight: 800;color: #6FA9DF;border-radius: 6px;display: flex;justify-content: center;align-items: center;transition: all 0.3s;background-color: transparent;cursor: pointer;}
.item-incourse-a:hover{background-color: #6FA9DF22;}

/* --------------------Fixprice-------------------- */

.et-fixprice-div{display: none;position: fixed;width: 100%;height: 64px;bottom: 0;left: 0;background-color: #Fff;box-shadow: 0 1px 15px rgba(0,0,0,0.2);transition: all 0.3s;z-index: 100;padding: 12px 20px;}
.et-fixprice-a{width: 50%;height: 40px;padding: 0 5px;display: flex;justify-content: center;align-items: center;background-color: var(--first-t);color: #fff;border-radius: 6px;cursor: pointer;font-size: 13px;font-weight: 700;transition: all 0.3s;white-space: nowrap;}
.et-fixprice-a:hover{box-shadow: 0 0 0 3px var(--first-t-33);background-color: var(--first-t-hover);}
.se-btn{background-color: var(--first-t-33);color: var(--first-t-hover);}
.se-btn:hover{box-shadow: none;background-color: var(--first-t-33);}
.et-fixprice-price{display: flex;align-items: center;gap: 5px;color: var(--txt1-col);}
.et-fixprice-price > span:first-child{font-size: 18px;font-weight: 800;line-height: 5px;}
.et-fixprice-price > span:last-child{font-size: 11px;font-weight: 400;}
@media screen and (max-width: 768px)
{
  .et-fixprice-div{display: flex;justify-content: space-between;align-items: center;gap: 10px;}
}

.et-sticky-sidebar {
  position: -webkit-sticky;
  /* For Safari */
  position: sticky;
  top: 0;
}


.et-fixed-register {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: fit-content;
  background-color: white;
  padding: 10px 26px;
  box-shadow: 0 0 4px 2px #efefef;
}


.et-fixed-register .primary-btn,
  .et-fixed-register .secondary-btn  {
    height: 30px !important;
    padding: 0 16px !important;
    font-size: .8rem !important;
}

/* --------------------MediaQuery-------------------- */

@media screen and (max-width: 1300px)
{
  .aside-main{grid-gap: 25px;}
  .div-bg-img img{transform: translateY(0%);}
  .div-bg-img{padding: 15px;}
  .aside-img > img{transform: translateY(0%);}
  .discount{top: 10px;}
}

@media screen and (max-width: 1200px)
{
  /* Main */
  .aside-main{grid-template-columns: 1fr 320px;}
  .col4-grid{grid-template-columns: repeat(2,1fr);}
}


@media screen and (max-width: 1024px)
{
  .col2-grid{grid-template-columns: 1fr;}
  .hight-300,.hight-100{height: fit-content;overflow: hidden;}
  .carousel-max-size{padding: 25px;}
  .owl-dots{display: flex;}
  .owl-carousel.off{left: 25px;}
}
@media screen and (max-width: 768px)
{
  .aside-main{grid-template-columns: 1fr;grid-gap: 25px;}
  .headline > a{display: none;}
  .res-btn{display: flex;width: 100%;}
  .col4-grid{gap: 5px;}
}
@media screen and (max-width: 480px)
{
  .headline > .txt{padding-right: 0;}
  .headline > .txt > h2{font-size: 20px;padding-right: 40px;}
  .headline > .txt > h2::before{height: 25px;width: 25px;right: 0;}
  /* Main */
  .carousel-max-size{padding: 15px;}
  .aside-main,.col-grid-25,.col2-grid{grid-gap: 15px;}
  .accordion-content{padding: 15px;}
  .mentor{gap: 10px;padding: 0px;}
  .mentor > .txt > .bot{font-size: 11px;}
  .col4-grid > .div-bg-w{padding: 5px;border-radius: 7px;}
  .ico-4-div > svg{height: 35px;width: auto;}
  .ico-4-div > .txt > span:first-child{font-size: 12px;}
  .ico-4-div > .txt > span:last-child{font-size: 11px;}
  .accordion-title > p{font-size: 13px;}
  .accordion-content > p{font-size: 12px;}
  .ul-with-tick{grid-template-columns: 1fr;}
}

  /* Footer */

@media screen and (max-width: 768px)
{
  .et-fixed-register {
    display: block ;
  }
  .aside-main{grid-template-columns: 1fr;grid-gap: 25px;}
}
/* --------------------About & Teacger Page-------------------- */

.et-about-gap{display: flex;flex-direction: column;gap: 75px;}
.marg-top-25{margin-top: 25px;}
.marg-bot-50{margin-bottom: 50px;}

.et-teacher-top{width: 100%;display: flex;justify-content: center;align-items: center;gap: 25px;}
.et-teacher-top img{width: 400px;max-width: 100%;height: auto;border-radius: 10px;}

.counter-teacher-section{counter-reset: my-teacher-counter;}
.et-tft-item{width: 100%;background-color: #fff;min-height: 80px;border-radius: 10px;padding: 15px 55px 15px 15px;box-shadow: 0 0 14px 5px rgb(0 0 0 / 5%);overflow: hidden;cursor: default;display: flex;align-items: center;gap: 15px;position: relative;}
.et-tft-item{counter-increment: my-teacher-counter;}
.et-tft-item:before{content: counter(my-teacher-counter);font-size: 28px;color: var(--first);font-weight: 800;border-radius: 50%;white-space: nowrap;position: absolute;top: 50%;right: 15px;transform: translateY(-50%);}
.et-tft-item::after{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none'%3E%3Ccircle cx='25' cy='25' r='25' fill='%2337C2CC33'/%3E%3C/svg%3E");position: absolute;height: 20px;width: 20px;top: 50%;right: 15px;transform: translateY(-50%);}
.et-tft-item p{color: var(--txt2-col);font-weight: 600;}

.et-teacher-grid-col2{width: 100%;display: grid;grid-template-columns: repeat(2,1fr);gap: 15px;}
.et-tgc{width: 100%;min-height: 80px;background-color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 7px;padding: 15px;box-shadow: 0 0 14px 5px rgb(0 0 0 / 5%);cursor: default;position: relative;gap: 15px;}
.et-tgc-coverimg{width: auto;height: 120px;max-width: 100%;border-radius: 7px;overflow: hidden;}
.et-tgc-coverimg img{width: 100%;height: auto;object-fit: cover;object-position: center;aspect-ratio: 3/2;}

.et-teacher-form{width: 100%;min-height: 80px;background-color: #fff;border-radius: 7px;padding: 15px;box-shadow: 0 0 14px 5px rgb(0 0 0 / 5%);cursor: default;position: relative;}
.et-radiobtn-container{display: flex;align-items: center;}
.et-radiobtn-container input[type="radio"]{display:none;}
.et-radiobtn-container input[type="radio"] + label {color:var(--txt2-col);font-size: 15px;font-weight: 600;cursor:pointer;}
.et-radiobtn-container input[type="radio"] + label span{display:inline-block;width:25px;height:25px;margin: 15px;vertical-align:middle;border: 2px solid #E9E9E9;border-radius: 4px;transition: all 0.2s ease;cursor:pointer;}
.et-radiobtn-container input[type="radio"]:checked + label span{box-shadow: 0px 0px 0px 3px white inset;background-color: var(--first);border-color: var(--first);}
.et-label-checkbox{color: var(--txt1-col);font-size: 13px;font-weight: 600;transition: all 0.2s ease;}



.item-teacher-ow{width: 100%;height: fit-content;border-radius: 7px;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;gap: 15px;background-color: #fff;padding: 10px;direction: rtl;transition: all 0.3s ease;box-shadow: 0 0 14px 0 rgb(0 0 0 / 3%);}
.item-teacher-ow-cover{width: 100%;display: flex;gap: 15px;overflow: hidden;}
.item-teacher-ow-cover img{width: 50px !important;height: 50px !important;border-radius: 50%;object-fit: cover;object-position: center;}
.item-teacher-ow-cover .txt{display: flex;flex-direction: column;justify-content: space-between;}
.item-teacher-ow-cover .txt > h3{font-size: 15px;font-weight: 800;color: var(--txt1-col);}
.item-teacher-ow-cover .txt > p{font-size: 13px;font-weight: 600;color: var(--txt1-col);display: flex;gap: 5px;}
.item-teacher-ow-cover .txt > p > mark{font-weight: 800;background-color: transparent;color: var(--first-t);}

/*Start Of About page */


.et-about-top{width: 100%;display: flex;justify-content: center;align-items: center;}
.about-logo-cont{display: flex;align-items: center;z-index: 2;position: relative;}
.about-logo-cont::before{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 35' fill='none'%3E%3Ccircle cx='8.82059' cy='25.8987' r='8.72635' fill='%238DDECF'/%3E%3Ccircle cx='26.2732' cy='14.6792' r='7.06418' fill='%23C0F1EA'/%3E%3Ccircle cx='8.82059' cy='3.87527' r='3.73978' fill='%23C0F1EA'/%3E%3C/svg%3E");position: absolute;height: 85px;width: 85px;right: -30px;z-index: -1;transform: rotate(-60deg);}
.about-logo-cont::after{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 35' fill='none'%3E%3Ccircle cx='8.82059' cy='25.8987' r='8.72635' fill='%238DDECF'/%3E%3Ccircle cx='26.2732' cy='14.6792' r='7.06418' fill='%23C0F1EA'/%3E%3Ccircle cx='8.82059' cy='3.87527' r='3.73978' fill='%23C0F1EA'/%3E%3C/svg%3E");position: absolute;height: 115px;width: 115px;left: -25px;top: -7px;z-index: -1;transform: rotate(-200deg);}
.about-logo{background-color: #fff;padding: 15px 35px;border-radius: 12px;box-shadow: 0 0 14px 5px rgb(0 0 0 / 5%);display: flex;align-items: center;z-index: 2;position: relative;}
.about-logo > a{height: 50px;display: flex;align-items: center;}
.about-logo > a > img{height: 70%;width: auto;}
.et-about-headline{width: 100%;}
.et-about-headline > .txt{display: flex;flex-direction: column;align-items: center;gap: 25px;}
.et-about-headline > .txt > .heading{font-weight: 900;font-size: 22px;color: var(--txt1-col);position: relative;}
.et-about-headline > .txt > .heading::before{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 35' fill='none'%3E%3Ccircle cx='8.82059' cy='25.8987' r='8.72635' fill='%238DDECF'/%3E%3Ccircle cx='26.2732' cy='14.6792' r='7.06418' fill='%23C0F1EA'/%3E%3Ccircle cx='8.82059' cy='3.87527' r='3.73978' fill='%23C0F1EA'/%3E%3C/svg%3E");position: absolute;height: 30px;width: 30px;right: -40px;z-index: 1;}
.et-about-headline > .txt > .desc{font-weight: 600;font-size: 15px;color: var(--txt2-col);text-align: center;}
.et-about-headline > .txt > .desc.wid-800{width: 800px;max-width: 100%;}
.et-about-headline.right > .txt{align-items: flex-start;}
.et-about-headline.right > .txt > .heading{padding-right: 40px;}
.et-about-headline.right > .txt > .heading::before{right: 0;}
.et-about-headline.right > .txt > .desc{text-align: right;}
.et-about-bg-black{background-color: #ECEEF0;width: 100%;border-radius: 25px;padding: 25px;position: relative;padding-bottom: 130px;margin-bottom: 80px;}
.et-about-pic-grid{width: 100%;display: grid;grid-template-columns: 1fr 400px;gap: 25px;}
.et-about-pic-grid-img{width: 100%;border-radius: 10px;object-fit: cover;object-position: center;}
.txtdiv{width: 100%;display: flex;flex-direction: column;gap: 25px;justify-content: space-between;}
.et-about-bot-section{width: calc(100% - 130px);height: 160px;background-color: #fff;border-radius: 10px;position: absolute;bottom: -80px;left: 50%;transform: translateX(-50%);display: flex;gap: 25px;padding: 15px;overflow: hidden;box-shadow: 0 0 14px 5px rgb(0 0 0 / 5%);}
.et-about-bot-section img{width: 250px;height: auto;border-radius: 7px;object-fit: cover;object-position: center;}
.et-about-ft-section{display: flex;flex-direction: column;gap: 25px;}
.et-about-grid-col3{width: 100%;display: grid;grid-template-columns: repeat(3,1fr);gap: 15px;}
.et-aft-item{width: 100%;background-color: #fff;min-height: 80px;border-radius: 10px;padding: 15px;box-shadow: 0 0 14px 5px rgb(0 0 0 / 5%);overflow: hidden;cursor: default;display: grid;grid-template-columns: 30px 1fr;gap: 15px;align-items: center;}
.et-aft-item svg{width: 30px;height: 30px;}
.et-aft-item p{color: var(--txt2-col);font-weight: 600;}
.et-about-bggreen{width: 100%;background-color: var(--first-t);position: relative;z-index: 2;overflow: hidden;}
.et-about-bggreen.blue{background-color: #4DB2D2;}
.et-about-bggreen::before{content: url("data:image/svg+xml,%3Csvg viewBox='0 0 206 193' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='91.2662' cy='91.2662' r='91.2662' fill='url(%23paint0_linear_115_576)' fill-opacity='0.26'/%3E%3Ccircle cx='138.203' cy='124.58' r='67.7974' fill='%23D5FFD3' fill-opacity='0.26'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_115_576' x1='163.039' y1='-87.1309' x2='81.638' y2='179.594' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23C8FFC5'/%3E%3Cstop offset='1' stop-color='%23EBFFEA'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");position: absolute;right: -100px;top: 50%;width: 200px;height: auto;z-index: -1;transform: translateY(-50%);opacity: .5;}
.et-about-bggreen::after{content: url("data:image/svg+xml,%3Csvg viewBox='0 0 206 193' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='91.2662' cy='91.2662' r='91.2662' fill='url(%23paint0_linear_115_576)' fill-opacity='0.26'/%3E%3Ccircle cx='138.203' cy='124.58' r='67.7974' fill='%23D5FFD3' fill-opacity='0.26'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_115_576' x1='163.039' y1='-87.1309' x2='81.638' y2='179.594' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23C8FFC5'/%3E%3Cstop offset='1' stop-color='%23EBFFEA'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");position: absolute;left: -130px;top: 50%;width: 200px;height: auto;z-index: -1;transform: translateY(-50%);opacity: .3;}
.et-about-grid-col4{width: 100%;display: grid;grid-template-columns: repeat(4,1fr);gap: 15px;}
.et-about-bgg-item{width: 100%;display: flex;align-items: center;justify-content: center;gap: 25px;min-height: 80px;padding: 15px;overflow: hidden;cursor: default;}
.et-about-bgg-item .svg-container{width: 60px;height: 60px;border-radius: 7px;background-color: #fff;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.et-about-bgg-item .svg-container svg{width: 30px;height: 30px;}
.et-about-bgg-item .txt{display: flex;flex-direction: column;justify-content: space-between;}
.et-about-bgg-item .txt > span:first-child{color: #fff;font-size: 30px;font-weight: 800;direction: ltr;text-align: right;}
.et-about-bgg-item .txt > span:last-child{color: #fff;font-size: 14px;font-weight: 600;}
.et-count-num{position: relative;}
.et-count-num::before{content: attr(add-before);font-size: 30px;font-weight: 800;color: #fff;}
.et-count-num::after{content: attr(add-after);font-size: 30px;font-weight: 800;color: #fff;}

.et-about-grid-col6{width: 100%;display: grid;grid-template-columns: repeat(6,1fr);gap: 15px;}
.counter-about-section{counter-reset: my-about-counter;}
.et-arm-item{width: 100%;min-height: 100px;background-color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 7px;padding: 50px 15px 15px;box-shadow: 0 0 14px 5px rgb(0 0 0 / 5%);cursor: default;position: relative;}
.et-arm-item p{text-align: center;font-size: 14px;color: var(--txt1-col);font-weight: 800;}
.et-arm-item{counter-increment: my-about-counter;}
.et-arm-item:before{content: counter(my-about-counter);width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #fff;font-weight: 800;border-radius: 50%;white-space: nowrap;position: absolute;top: -25px;left: 50%;transform: translateX(-50%);background-color: var(--first);}
.et-about-ourteam{width: 100%;display: grid;grid-template-columns: repeat(3,1fr);gap: 15px;row-gap: 30px;}
.et-ateam-item{width: 100%;min-height: 100px;background-color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 7px;padding: 15px;box-shadow: 0 0 14px 5px rgb(0 0 0 / 5%);cursor: default;position: relative;gap: 15px;}
.et-ateami-coverimg{width: 210px;height: 210px;max-width: 100%;border-radius: 7px;overflow: hidden;margin-top: -30px;}
.et-ateami-coverimg img{width: 100%;height: auto;object-fit: cover;object-position: center;aspect-ratio: 1;}

.green-bg-img{background-color: #238966;transition: all ease 0.3s;}
.green-bg-img img{filter: grayscale(100%);transition: all ease 0.3s;}
.green-bg-img:hover img{filter: grayscale(0);}






.et-ateam-item > .txt{display: flex;flex-direction: column;align-content: center;}
.et-ateam-item > .txt p{font-size: 16px;color: var(--txt1-col);font-weight: 800;text-align: center;}
.et-ateam-item > .txt span{font-size: 13px;color: var(--txt1-col);font-weight: 600;text-align: center;}
.et-ourstory{width: 100%;display: grid;grid-template-columns: repeat(2,1fr);row-gap: 50px;}
.et-ourstory-row-first{position: relative;width: 100%;height: fit-content;}
.et-ourstory-row-last{position: relative;width: 100%;transform: translateY(50px);display: flex;justify-content: flex-end;height: fit-content;}
.et-ourstory-item{width: 350px;min-height: 100px;background-color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 7px;padding: 15px;box-shadow: 0 0 14px 5px rgb(0 0 0 / 5%);cursor: default;position: relative;gap: 15px;}
.et-ourstory-coverimg{width: 100%;height: 200px;border-radius: 7px;overflow: hidden;max-width: 100%;margin-top: -30px;}
.et-ourstory-coverimg img{width: 100%;height: auto;object-fit: cover;object-position: center;aspect-ratio: 3/2;}
.et-ourstory-item p{font-size: 14px;color: var(--txt1-col);font-weight: 800;text-align: center;height: 50px;display: flex;justify-content: center;align-items: center;}
.et-ourstory-row-first:before{content: attr(year-of-event);width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #fff;font-weight: 800;border-radius: 50%;white-space: nowrap;position: absolute;left: 25px;top: 50%;transform: translateY(-50%);background-color: var(--first-t);}
.et-ourstory-row-last:before{content: attr(year-of-event);width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #fff;font-weight: 800;border-radius: 50%;white-space: nowrap;position: absolute;right: 25px;top: 50%;transform: translateY(-50%);background-color: var(--first-t);}
.et-ourstory-row-first-svg{position: absolute;width: 40px;height: 20px;left: 100px;top: 50%;transform: translateY(-50%);}
.et-ourstory-row-last-svg{position: absolute;width: 40px;height: 20px;right: 100px;top: 50%;transform: translateY(-50%);}



/* --------------------MediaQuery-------------------- */

@media screen and (max-width: 1300px)
{
  .et-about-top{margin-top: 15px;}
  .et-about-bggreen{margin: 15px 0;}
}
@media screen and (max-width: 1200px)
{
  .et-about-pic-grid{grid-template-columns: 1fr 300px;}
  .et-about-bg-black{padding-bottom: 150px;margin-bottom: 100px;}
  .et-about-bot-section{width: calc(100% - 50px);height: 200px;bottom: -100px;gap: 15px;}
  .et-about-bot-section img{width: 200px;height: auto;}
  .et-about-grid-col4{grid-template-columns: repeat(2 , 1fr)}
  .et-about-bgg-item{justify-content: flex-start;gap: 15px;padding: 0;width: 100%;padding-right: 20%;}
  .et-about-ourteam{grid-template-columns: repeat(auto-fill,minmax(200px , 1fr));}
  .et-ateami-coverimg{width: 170px;height: 170px;}
  .et-ourstory-item{width: 300px;}
  .et-ourstory-coverimg{height: 180px;}
  .et-ourstory-row-first-svg{left: 80px;}
  .et-ourstory-row-last-svg{right: 80px;}
}
@media screen and (max-width: 1024px)
{
  .et-about-gap{gap: 50px;}
  .et-about-top{margin-top: 25px;}
  .et-about-bggreen{margin: 25px 0;}
  .et-about-pic-grid{grid-template-columns: 1fr 250px;}
  .et-about-grid-col3{grid-template-columns: repeat(auto-fill,minmax(250px , 1fr))}
  .et-about-grid-col6{grid-template-columns: repeat(auto-fill,minmax(150px , 1fr));row-gap: 40px;}
  .et-ourstory{display: flex;flex-direction: column;align-items: center;justify-content: center;}
  .et-ourstory-row-first{display: flex;justify-content: center;}
  .et-ourstory-row-last{transform: none;justify-content: center;}
  .et-ourstory-row-first:before{width: 40px;height: 40px;font-size: 14px;left: 50px;}
  .et-ourstory-row-last:before{width: 40px;height: 40px;font-size: 14px;right: 50px;}
  .et-ourstory-row-first-svg{width: 35px;height: 15px;left: 100px;}
  .et-ourstory-row-last-svg{width: 35px;height: 15px;right: 100px;}
  .et-teacher-grid-col2{grid-template-columns: 1fr;}
}
@media screen and (max-width: 768px)
{
  .et-about-headline > .txt > .heading{font-size: 20px;}
  .et-about-headline > .txt > .desc{font-size: 14px;}
  .et-about-bg-black{border-radius: 25px;padding: 25px;margin-bottom: 0;}
  .et-about-pic-grid{display: flex;flex-direction: column-reverse;align-items: center;gap: 50px;}
  .et-about-pic-grid-img{width: 350px;max-width: 100%;height: auto;}
  .et-about-bot-section{position: relative;width: 100%;height: auto;bottom: 0;left: 0;flex-direction: column;align-items: center;transform: none;margin-top: 50px;gap: 25px;}
  .et-about-bot-section img{width: 350px;max-width: 100%;height: auto;}
  .et-about-bgg-item{padding-right: 0;}
  .et-about-bgg-item .svg-container{width: 50px;height: 50px;}
  .et-about-bgg-item .svg-container svg{width: 25px;height: 25px;}
  .et-about-bgg-item .txt > span:first-child{font-size: 26px;}
  .et-about-bgg-item .txt > span:last-child{font-size: 13px;}
  .et-ourstory-row-first{justify-content: flex-start;}
  .et-ourstory-row-last{justify-content: flex-end;}
  .et-ourstory-row-first:before{left: 0;}
  .et-ourstory-row-last:before{right: 0;}
  .et-ourstory-row-first-svg{left: 50px;}
  .et-ourstory-row-last-svg{right: 50px;}

  .et-teacher-top{flex-direction: column-reverse;}
}
@media screen and (max-width: 480px)
{
  .et-about-top{margin-top: 35px;}
  .et-about-bggreen{margin: 35px 0;}
  .et-about-headline > .txt > .desc{font-size: 13px;}
  .et-about-bg-black{padding: 15px;}
  .et-about-bgg-item{width: 220px;max-width: 100%;}
  .et-about-grid-col4{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;}
  .et-ourstory{row-gap: 25px;}
  .et-ourstory-row-first{justify-content: center;}
  .et-ourstory-row-last{justify-content: center;}
  .et-ourstory-item{width: 100%;}.et-ourstory-coverimg{margin-top: 0;}
  .et-ourstory-row-first:before{z-index: 10;transform: none;top: 7px;left: 7px;}
  .et-ourstory-row-last:before{z-index: 10;transform: none;top: 7px;right: 7px;}
  .et-ourstory-row-first-svg,.et-ourstory-row-last-svg{display: none;}
  .et-tgc{flex-direction: column;}
  .et-tgc-coverimg{width: auto;height: 150px;}
}


.feedback {
  width: 70%;
}


.feedback-title {
  font-size: 17px;
  font-weight: 700;
}

.course-score {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.course-score > .course-score-item {
    height: fit-content;
    /* overflow: hidden; */
    display: flex;
    padding: 3px 0px;
    flex-direction: column;

}


.score-item-title {
  font-size: 14px;
  float: right;
  width: 40%;
  font-weight: 600;
}


.course-score > .course-score-item > .course-score-item-title {
  font-size: 14px;
  float: right;
  width: 40%;
  font-weight: 600;
}

.course-score > .course-score-item > .course-score-item-progress {
  float: left;

  border-radius: 10px;
  width: 100;
  height: 10px;
  background-color: #d7f3f5;
  /* overflow: hidden; */
}

.course-score > .course-score-item > .course-score-item-progress > .score-progress {
  background-color: #37c2cc;
  height: 100%;
  border-radius: 10px;
}



.teacher-box {
  display: flex;
  gap: 10px;
  width: 100%;
  padding: 10px;
  align-items: center;
}


@media screen and (max-width: 1279px){
  .teacher-box {
    flex-direction: column;
    gap: 0px;
  }
  .feedback {
    padding-bottom: 24px;
    width: 90%;
    margin-top: 24px;
  }
} 

.tooltip {
  position: relative;
  display: inline-block;}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 50px;
  background-color: #144c50;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 65%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #144c50 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}


.rating input {
  display: none;
}

.rating label {
  font-size: 36px !important;
  color: #ddd;
  cursor: pointer;
}

.rating input:checked ~ label, .rating label:hover {
  color: #ffc107;
}

.rating label:hover ~ label {
  color: #ffc107;
  /* Light up previous stars */
}