.p8px {padding: 8px;}.mt_2 {margin-top: 20px;}
.course-card{height: 400px;width:100%;max-width:300px;background:#fff;border-radius:12px;overflow:hidden;flex-direction:column; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05),
0 2px 4px -1px rgba(0, 0, 0, 0.02);    border: 1px solid #9389e83b;}
.course-card__image-wrapper{position:relative;width:260px;height:139px;margin-right:auto;margin-left:auto;overflow:hidden;border-radius:4px 4px 0 0;margin-top:20px}
.course-card__image-wrapper img{height:100%;}
.course-card__image{width:100%;height:100%;object-fit:cover}
.course-card__image-overlay{position:absolute;top:0;left:0;right:0;bottom:0; background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0));}
.course-card__content{padding:20px 24px;display:flex;flex-direction:column;gap:0;}
.course-card__title{
    font-size:18px;font-weight:700;line-height:30px;color:#007BFF;text-align:right;
        margin-bottom: 7px;
    margin-top: 0;
}
.course-card__description{font-size:16px;font-weight:400;line-height:26px;color:#2C3E50;text-align:right;margin:0}
.course-card__button{align-self:flex-end;background-color:#007BFF;color:#fff;padding:8px 18px;border-radius:4px;font-size:16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background .3s;position: absolute;bottom: 20px;border: none;}
.course-card__button:hover{background-color:#005fcc}
.registered_courses .owl-nav{width:100px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:2px;gap:8px;position:absolute;height:46px;left:0;right:0;top:-20px;backdrop-filter:blur(6px);border-radius:12px;margin-right:auto;margin-left:auto;    background: rgba(255, 255, 255, 0.002);border: 1px solid #A8B3BE;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}
.registered_courses .owl-prev,.registered_courses .owl-next{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:7px 12.09px;width:32px;height:32px;background:#FFF;border-radius:8px;font-style:normal;font-weight:400;font-size:13.3px;line-height:18px;display:flex;align-items:center;text-align:center;color:#2C3E50;cursor:pointer;    border: 1px solid rgba(165, 180, 189, 0.553);box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);}
.registered_courses .owl-prev span{transform:rotate(180deg);direction:rtl;display:inline-block}
.registered_courses.owl-prev span,.registered_courses .owl-next span{user-select:none}
.slider-gradient-overlay{position:absolute;top:0;left:0;width:170px;height:100%;pointer-events:none;z-index:2;background: linear-gradient(270deg, rgba(244, 244, 245, 0) 12.74%, #F4F4F5 64.31%);}
.form-section{box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);background:#fff;border-radius:12px;margin-right:auto;margin-left:auto;display:flex;flex-direction:column;gap:2rem}
.form-section .form-content .form-info .workinglaptop{max-width:90%;max-height:max-content;object-fit:contain;object-position:top}
.form-section .form-content .form-info .form-description{width:518px;max-width:80%}
.form-section .form-content{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}
.form-section .form-content .form-info{display:flex;flex-direction:column;justify-content:center}
.form-section .form-content .form-info .form-description{font-size:16px;color:#2C3E50;line-height:1.6}
.form-section .form-content .signup-form{flex:1 1 0;display:flex;flex-direction:column;gap:1.5rem}
.form-section .form-content .signup-form .form-group label{display:block;margin-bottom:.5rem;color:#2C3E50;font-size:16px}
.form-section .form-content .signup-form .form-group input{height:45px;border:1px solid #BDC3C7;border-radius:4px;padding:0 .75rem;    width: 80%;
    
}
.form-section .form-content .signup-form .checkbox-group{display:flex;flex-direction:column;gap:.75rem;color:#2C3E50;font-size:14.4px}
.form-section .form-content .signup-form .checkbox-group a{color:#007BFF;text-decoration:underline}
.form-section .form-content .signup-form .submit-btn{background:#007BFF;color:#fff;font-size:16px;padding:.75rem;border:none;border-radius:4px;cursor:pointer}
.testimonial-section {background: #fff;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);border-radius: 12px;text-align: center;}
.testimonial-section .testimonial-slider .testimonial-track{display:flex;transition:transform .3s ease}
.testimonial-section .testimonial-title{font-size:28px;font-weight:700;color:#2C3E50;margin-bottom:2rem}
.testimonial-section .testimonial-slider{position:relative;overflow:hidden;width:100%}
.testimonial-track .testimonial-card {
    max-width: 700px;width: 90%;flex: 0 0 auto;background: #fff;border: 2px dashed #A8B3BE;border-radius: 12px;scroll-snap-align: start;  
        height: 230px;
    position: relative;
    
}
.testimonial-card .testimonial-text{direction:rtl;margin-right:auto;margin-left:auto;width:80%;color:#2C3E50;font-size:16px;line-height:26px;margin-bottom:1.5rem;font-style:normal;font-weight:400;text-align:center}
.testimonial-card .testimonial-author{
    font-size:20px;font-weight:700;color:#007BFF;
        position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
}
.testimonial-track .owl-carousel .owl-nav{position:absolute;width:95%;top:60px;right:0;pointer-events:none;left:0;margin-right:auto;margin-left:auto}
.testimonial-track .owl-carousel .owl-nav button.owl-prev{left:-22px}
.testimonial-track .owl-carousel .owl-nav button.owl-next{right:-22px}
.testimonial-track .owl-carousel .owl-nav button.owl-prev,
.testimonial-track .owl-carousel .owl-nav button.owl-next {position: absolute;justify-content: center;width: 32px;height: 32px;border: 1px solid rgba(165, 180, 189, 0.553);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);border-radius: 8px;font-size: 13px;line-height: 18px;color: #2C3E50;pointer-events: all;}
.faq-container {width: 90%;background: #FFFFFF;box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.05), 0px 2px 4px -1px rgba(0, 0, 0, 0.02);border-radius: 12px;}
.faq-container .faq-box .faq-title{font-size:24px;font-weight:700;color:#2C3E50;margin-bottom:1.5rem;}.faq-container .faq-box{display:flex;flex-direction:column;gap:24px}.faq-container .faq-box .faq-item{border:1px solid #A8B3BE;border-radius:8px}.faq-container .faq-box .faq-item .faq-question{background:none;border:none;width:95%;text-align:right;font-size:18px;font-weight:500;color:#2C3E50;cursor:pointer;padding:0;display:flex;justify-content:space-between;align-items:center;transition:color .3s ease}.faq-container .faq-box .faq-item .faq-question .faq-icon{width:45px;height:45px;background:#2293FE;border-radius:50%;color:#FFF;font-size:28px;text-align:center;font-weight:400;flex-shrink:0;transition:transform .3s ease;position:relative}.faq-container .faq-box .faq-item .faq-answer{display:none;font-size:16px;color:#555;line-height:1.7;margin-top:10px;}.faq-container .faq-box .faq-item.active .faq-answer{display:block}.faq-container .faq-box .faq-item.active .faq-question .faq-icon{transform:rotate(180deg)}
.center_element {width: 100%;max-width: 87px;height: auto;}
.color_text_public{ color: #2C3E50; }
.pt-100{    padding-top: 100px;  }
.font_style_public_normal{font-style: normal;font-weight: 400;line-height: 33px;letter-spacing: -0.02em;opacity: 0.89;direction: rtl;}
.font_style_medium_normal{font-style: normal;font-weight: 700;font-size: 32px;line-height: 51px;text-align: center;}
.font_style_h2{font-style: normal;font-weight: 700;font-size: 24px;line-height: 33px;letter-spacing: -0.02em;color: #2C3E50;}
.box_info_educational{  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(4px); border-radius: 12px;width: 90%;max-width: 370px;}
.center_element{ display: flex;margin-left: auto;margin-right: auto; }
.maintop-color-h1{color: #2C3E50;}
#home_section .maintop-title{font-style: normal; line-height: 51px;font-weight: 700;}
#home_section  .maintop-description{width: 80%;max-width: 709px;font-style: normal;font-weight: 400;font-size: 16px;line-height: 33px;text-align: justify;color: #2C3E50;opacity: 0.89;margin: auto;}
#home_section .info_educational_institution .professional_technical p{font-style: normal;font-weight: 400;line-height: 33px;font-size: 24px;text-align: justify;letter-spacing: -0.02em;color: #2C3E50;   opacity: 0.89;}
#home_section .width_section{width: 100%;max-width: 1200px;margin-left: auto;margin-right: auto;}
#home_section  .about_educational{background: url('../img/about_educational.jpg') center no-repeat;height: 841px;margin-top: -50px;background-size: cover;    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;}
#home_section .about_educational .box_group{height: 406px;width: 100%;max-width: 840px;}
.cover_box_box_group {width: 100%;height: 444px;}
#home_section .cover_box_box_group .frame_desktop div[xmlns="http://www.w3.org/1999/xhtml"]{position: relative;}
#home_section .cover_box_box_group .frame_desktop div[xmlns="http://www.w3.org/1999/xhtml"]:after{
content: ' درباره آموزشگاه برق گستران ';position: absolute;width: 100%;top: 90px;text-align: center;font-size: 32px;color: white;font-style: normal;font-weight: 700;line-height: 51px;}
#home_section .cover_box_box_group .frame_desktop div[xmlns="http://www.w3.org/1999/xhtml"]:before {
    content: ' آموزشگاه برق گستران، با بیش از یک دهه تجربه در زمینه آموزش‌های تخصصی برق و الکترونیک، به عنوان یکی از پیشروان آموزش‌های فنی و حرفه‌ای در ایران شناخته می‌شود. ما با بهره‌گیری از اساتید مجرب و به‌روزترین روش‌های آموزشی، تلاش می‌کنیم تا دانش‌آموزان و علاقه‌مندان در رده سنی ۱۵ تا ۲۵ سال را برای ورود به بازار کار و یا ادامه تحصیل در رشته‌های مرتبط آماده کنیم. در آموزشگاه برق گستران، علاوه بر آموزش‌های تئوری، بر کارگاه‌های عملی و پروژه‌های کاربردی تاکید ویژه‌ای داریم تا هنرجویان بتوانند با اعتماد به نفس و مهارت کافی، چالش‌های دنیای واقعی را پشت سر بگذارند. هدف ما پرورش نسل آینده متخصصان برق و الکترونیک است که بتوانند در صنعت و جامعه نقش‌آفرینی کنند. ';position: absolute;width: 76%;bottom: 99px;color: white;font-style: normal;direction: rtl;height: 231px;left: 0;right: 0;margin-right: auto;margin-left: auto;font-weight: 400;font-size: 16px;line-height: 33px;display: flex;align-items: center;text-align: right;opacity: 0.89;
}
#home_section .cover_box_box_group .frame_desktop div[xmlns="http://www.w3.org/1999/xhtml"] {
    /*background-color: blue  !important;*/
    width: 100%;
}
.cards-container {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px; }
#details_barg{
    max-width: 80%;
    width: 1100px;
    height: 214px;
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, #A8B3BE 100%);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
    backdrop-filter: blur(46px);
    border-radius: 12px;
    margin-top: -81px;
    margin-bottom: 30px;
}
#details_barg .box_public{
    width: 149px;
    height: 80px;
}
#details_barg .container-box {
    max-width: 100%;
    width: 945px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
#details_barg .title_details{
    font-style: normal;
    font-weight: 600;
    font-size: 64px;
    line-height: 20px;
    text-align: center;    margin-top: 80px;
    letter-spacing: -0.02em;
    color: #007FF6;
}
#details_barg .description_details{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #444444;
    opacity: 0.8;
}
.title_slider_way{color: #2C3E50;}
 .w-100{
     width:100%;
 }
.bg1{
    background-color:#444;
}
 .carouselTicker  .carouselTicker__list .carouselTicker__item svg{
     width: 100%;height: 100%;
 }
.carouselTicker {
    overflow: hidden;
    float: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
 #main_reputable_company{
     /*background: #19195c;*/
 }
#main_reputable_company .slider_reputable_company {
    height: 729px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
#main_reputable_company .slider_reputable_company .clip-container {
    width: 100%;
    height: 100%;
    clip-path: url(#bgclip);
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
}
  .font-slider-way {
      max-width:90%;
      width: 568px;
      height: 52px;
      font-style: normal;
      font-weight: 700;
      font-size: 32px;
      line-height: 51px;
      display: flex;
      align-items: center;
      text-align: center;
      color: #FFFFFF;
  }
#main_reputable_company .slider_reputable_company .svg_desktop_ foreignObject > div{
  backdrop-filter:blur(125px);clip-path:url(#bgblur_0_2555_10_clip_path);height:100%;width:100%;
}
.carouselTicker-start .carouselTicker__item {list-style: none;}
.carouselTicker-start .carouselTicker__item svg{
    height: 100%;float: right;
    /*width: 100%;*/
}
.group-35 {
    position: relative;
    width: min(90vw, 90vh, 712px);
    height: min(90vw, 90vh, 712px);
    margin: 0 auto;
}
.ellipse-3 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 75.89%;
    height: 75.89%;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
    border-radius: 50%;
}
.central-illustration {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70.4%;
    height: 65.7%;
/*    background: url('<?=get_template_directory_uri();?>/assets/img/projectflyingjetpack.png') no-repeat center;*/
    background: url('../../assets/img/projectflyingjetpack.png') no-repeat center;
    background-size: contain;
}
.group-31, .group-32, .group-33, .group-34 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24.1%;
    height: 24.1%;
    transition: transform 0.5s ease;
    background: #FFFFFF;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
    border-radius: 50%;
}
.ellipse {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
    border-radius: 50%;
}
.icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 61.75%;
    height: 61.75%;
    background-size: contain;
    background-repeat: no-repeat;
}

.text_info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5%;
    height: 20%;
    font-family: 'MiSans Arabic', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: -0.02em;
    color: #2C3E50;
    opacity: 0.8;
}
#home_section .slider_courses{
        max-width: 1200px; margin-left: auto; margin-right: auto;
}
@media screen and (min-width: 900px) {
    #home_section .cover_box_box_group .frame_mobile {display: none;}
    #home_section .cover_box_box_group .frame_desktop {display: block;}
    #home_section .cover_box_box_group .frame_desktop div[xmlns="http://www.w3.org/1999/xhtml"]:after{
        width: 85%;right:0; top: 120px;
    }
    .testimonial-track .owl-carousel .owl-nav{
        top: 95px !important;
    }
}
@media screen and (min-width: 1500px) {
    #home_section{
        width: 100%;
        max-width: 1500px;
        margin-right: auto;
        margin-left: auto;
    }
}
@media screen and (min-width: 1440px){
    #main_reputable_company .slider_reputable_company{
        width: 1440px;margin-right: auto;margin-left: auto;
    }
}
/* ریسپانسیو برای تبلت (دو ستونی) */
@media (max-width: 992px) {
    .cards-container {
        justify-content: space-around;
    }
}
/* ریسپانسیو برای موبایل (یک ستونی) */
@media (max-width: 600px) {
    .cards-container {
        flex-direction: column;
        align-items: center;
    }
}
@media screen and (min-width: 600px) and (max-width: 900px) {
    #main_reputable_company .slider_reputable_company{
        height: 520px !important;
    }
    
}
@media screen and (min-width: 500px) and (max-width: 900px) {
    #home_section .box_info_educational > h2{ font-size: 20px;}
}
@media screen and (min-width: 400px) and (max-width: 700px) {
    .registered_courses .owl-stage {direction: rtl;}
    .registered_courses .owl-stage {margin-left: 60px !important;margin-right: 0 !important;}
}
@media screen and (max-width: 1200px) {
    .testimonial-track .owl-carousel .owl-nav{
        width: 90%;
    }
}
@media screen and (max-width: 900px){
    .testimonial-track .owl-carousel .owl-nav{top:95px;}
    #form_consultation_free .gform_heading .gform_title{text-align:center;}
    #home_section .cover_box_box_group .frame_desktop {display: none;}
    #home_section .cover_box_box_group .frame_mobile {margin-right: auto;margin-left: auto;display: block;}
    #home_section .cover_box_box_group .frame_desktop div[xmlns="http://www.w3.org/1999/xhtml"]:before{opacity: 1;font-weight: bolder;font-size: 18px;bottom: 109px;left: 0px;}
    #home_section .cover_box_box_group .frame_mobile{position: relative; width: 100%;}

    #home_section .cover_box_box_group .frame_mobile .text_0_2799_352_clip_path:after {
    content: ' درباره آموزشگاه برق گستران ';
        position: absolute;
        width: 262px;
        top: 126px;
        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        font-size: 32px;
        color: white;
        font-style: normal;
        line-height: 51px;
        font-weight: 700;
    }
    #home_section .cover_box_box_group .frame_mobile .text_0_2799_352_clip_path:before {
        content: ' آموزشگاه برق گستران، با بیش از یک دهه تجربه در زمینه آموزش‌های تخصصی برق و الکترونیک، به عنوان یکی از پیشروان آموزش‌های فنی و حرفه‌ای در ایران شناخته می‌شود. ما با بهره‌گیری از اساتید مجرب و به‌روزترین روش‌های آموزشی، تلاش می‌کنیم تا دانش‌آموزان و علاقه‌مندان در رده سنی ۱۵ تا ۲۵ سال را برای ورود به بازار کار و یا ادامه تحصیل در رشته‌های مرتبط آماده کنیم. در آموزشگاه برق گستران، علاوه بر آموزش‌های تئوری، بر کارگاه‌های عملی و پروژه‌های کاربردی تاکید ویژه‌ای داریم تا هنرجویان بتوانند با اعتماد به نفس و مهارت کافی، چالش‌های دنیای واقعی را پشت سر بگذارند. هدف ما پرورش نسل آینده متخصصان برق و الکترونیک است که بتوانند در صنعت و جامعه نقش‌آفرینی کنند. ';
        position: absolute;
        width: 334px;
        top: 238px;
        direction: rtl;
        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto;
        color: white;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 33px;
        display: flex;
        align-items: center;
        text-align: right;
        opacity: 0.89;
    }
    .font_style_h2{ font-size: 20px; }
    #details_barg{
        margin-top: -234px;
    }
    #details_barg .container-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 630px;
    }
    #details_barg .title_details{margin-bottom: 50px;}
    #details_barg .box_public,#details_barg{    height: auto;}
    #home_section .about_educational{    height: 1234px;}
}
@media (max-width: 768px) {
    .form-section .form-content{flex-direction:column;}
    .group-35 {
        width: min(90vw, 90vh, 600px);
        height: min(90vw, 90vh, 600px);
    }
    .text_info {
        font-size: 14px;
        line-height: 28px;
    }
}
@media screen and (max-width: 700px){
    .pt-0-5-max700{padding-top:5px !important;}
    .mb_0_max700{margin-bottom: 0 !important;}
}
@media screen and (max-width: 500px) {
    .form-section{gap:1rem;}
}
@media (max-width: 480px) {
    .group-35 {
        width: min(90vw, 90vh, 400px);
        height: min(90vw, 90vh, 400px);
    }
    .text_info {
        font-size: 10px;        font-weight: bold;
        line-height: 24px;
    }
}
@media screen and (min-width: 500px){
    #main_reputable_company .slider_reputable_company .svg_mobile_{
        display: none;
    }
}
@media screen and (max-width: 500px){
    #main_reputable_company .slider_reputable_company .svg_desktop_{
        display: none;
    }
}