.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;} .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-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);} @media screen and (max-width: 1300px) { .carousel-max-size{padding: 35px 50px;} } @media screen and (max-width: 1024px) { .carousel-max-size{padding: 25px;} .owl-dots{display: flex;} .owl-carousel.off{left: 25px;} } @media screen and (max-width: 480px) { .carousel-max-size{padding: 15px;} } .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-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(4,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;} .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;} }