.elementor-322 .elementor-element.elementor-element-4c0eb616{--display:flex;--min-height:435px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;--margin-top:-22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-322 .elementor-element.elementor-element-4c0eb616:not(.elementor-motion-effects-element-type-background), .elementor-322 .elementor-element.elementor-element-4c0eb616 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://babussalamalfirdaus.ponpes.id/wp-content/uploads/2025/10/image-2.png");background-size:cover;}.elementor-322 .elementor-element.elementor-element-4c0eb616::before, .elementor-322 .elementor-element.elementor-element-4c0eb616 > .elementor-background-video-container::before, .elementor-322 .elementor-element.elementor-element-4c0eb616 > .e-con-inner > .elementor-background-video-container::before, .elementor-322 .elementor-element.elementor-element-4c0eb616 > .elementor-background-slideshow::before, .elementor-322 .elementor-element.elementor-element-4c0eb616 > .e-con-inner > .elementor-background-slideshow::before, .elementor-322 .elementor-element.elementor-element-4c0eb616 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-322 .elementor-element.elementor-element-4c0eb616.e-con{--align-self:center;}.elementor-322 .elementor-element.elementor-element-7f02d550{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-322 .elementor-element.elementor-element-7f02d550.elementor-element{--align-self:center;}.elementor-322 .elementor-element.elementor-element-7f02d550 > .elementor-widget-container{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-322 .elementor-element.elementor-element-7f02d550 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:52px;font-weight:bold;color:#FFFFFF;}.elementor-322 .elementor-element.elementor-element-32297626{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:040px;--margin-bottom:020px;--margin-left:0px;--margin-right:0px;}.elementor-322 .elementor-element.elementor-element-32297626.e-con{--align-self:center;}.elementor-322 .elementor-element.elementor-element-74efe2b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-322 .elementor-element.elementor-element-109e46ab{--e-image-carousel-slides-to-show:5;}.elementor-322 .elementor-element.elementor-element-109e46ab .swiper-wrapper{display:flex;align-items:center;}.elementor-322 .elementor-element.elementor-element-7017f852{--display:flex;--min-height:165px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:-165px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-322 .elementor-element.elementor-element-7017f852:not(.elementor-motion-effects-element-type-background), .elementor-322 .elementor-element.elementor-element-7017f852 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02421280;}.elementor-322 .elementor-element.elementor-element-7017f852.e-con{--align-self:center;}.elementor-322 .elementor-element.elementor-element-74ce805b .elementor-button{background-color:#FFC228;font-family:"Roboto", Sans-serif;font-weight:600;fill:#000000;color:#000000;border-radius:20px 20px 20px 20px;}.elementor-322 .elementor-element.elementor-element-74ce805b .elementor-button:hover, .elementor-322 .elementor-element.elementor-element-74ce805b .elementor-button:focus{background-color:#20883A;color:#FFFFFF;}.elementor-322 .elementor-element.elementor-element-74ce805b.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-322 .elementor-element.elementor-element-74ce805b .elementor-button:hover svg, .elementor-322 .elementor-element.elementor-element-74ce805b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-322 .elementor-element.elementor-element-7c5dd951{text-align:center;}.elementor-322 .elementor-element.elementor-element-7c5dd951 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FFFFFF;}@media(min-width:768px){.elementor-322 .elementor-element.elementor-element-32297626{--content-width:863px;}}@media(max-width:767px){.elementor-322 .elementor-element.elementor-element-7f02d550{--container-widget-width:316px;--container-widget-flex-grow:0;width:var( --container-widget-width, 316px );max-width:316px;}.elementor-322 .elementor-element.elementor-element-7f02d550 .elementor-heading-title{font-size:30px;}.elementor-322 .elementor-element.elementor-element-109e46ab{--e-image-carousel-slides-to-show:2;}.elementor-322 .elementor-element.elementor-element-7c5dd951 .elementor-heading-title{font-size:11px;}}/* Start custom CSS for html, class: .elementor-element-085ab30 */section.profil-sekolah {
      padding: 90px 20px;
      background: linear-gradient(180deg, var(--white), var(--light));
    }

    .container {
      max-width: 1100px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 50px;
    }

    .profil-image {
      flex: 1 1 450px;
    }

    .profil-image img {
      width: 100%;
      border-radius: 15px;
      box-shadow: 0 8px 25px var(--shadow);
      object-fit: cover;
    }

    .profil-content {
      flex: 1 1 500px;
    }

    .profil-content h2 {
      font-family: "Raleway", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
      font-size:3em;
      color:var(--primary);
      margin-bottom: 15px;
      font-weight: 700;
    }

     .profil-content p {
      color:black;
      line-height: 1.8;
      margin-bottom: 20px;
      font-size: 18px;
      text-align: justify;
    }

    .profil-highlight {
      background:linear-gradient(rgba(0, 0, 0, 0.295));
      color: white;
      padding: 15px 20px;
      border-radius: 12px;
      margin-bottom: 25px;
      box-shadow: 0 4px 15px var(--shadow);
    }

    .profil-highlight p {
      margin: 0;
      font-size: 18px;
      line-height: 1.6;
      color:white;
    }

    .profil-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .btn-visi, .btn-sejarah {
      padding: 10px 18px;
      border-radius: 8px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .btn-visi {
      border: 2px solid var(--primary);
      background: transparent;
      color: var(--primary);
    }

    .btn-visi:hover {
      background: var(--primary);
      color: var(--white);
    }

    .btn-sejarah {
      border: none;
      background: var(--accent);
      color: var(--white);
    }

    .btn-sejarah:hover {
      background: #e09617;
    }
      section {
      padding: 80px 20px;
      background: var(--white);
    }

    .container {
      max-width: 1000px;
      margin: 0 auto;
    }

    h2.section-title {
      font-family: "Raleway", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
      text-align: center;
      font-size: 34px;
      color:black;
      margin-bottom: 15px;
      font-weight: 700;
    }

    p.section-subtitle {
      text-align: center;
      color: black;
      font-size: 18px;
      margin-bottom: 50px;
    }

    /* ===== Visi & Misi ===== */
    .visi-misi {
      background: linear-gradient(180deg, var(--white), var(--light));
      padding: 40px;
      margin-bottom: 60px;
    }
    .visi-misi1{
      outline: none;
      border-radius:5px ;
      box-shadow: 0px 0px 10px  rgba(0,0,0,0.1);
      overflow: hidden;
      

    }

    .visi {
      margin-bottom: 25px;
    }

    .visi h3 {
      font-family: "Raleway", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
      color:black;
      font-size: 22px;
      margin-bottom: 10px;
    }

    .visi p {
      color: black;
      font-size: 18px;
    }

    .misi h3 {
      font-family: "Raleway", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
      color: black;
      font-size: 22px;
      margin-bottom: 15px;
    }

    .misi ul {
      padding-left: 20px;
      list-style: none;
    }


    .misi ul li {
      position: relative;
      margin-bottom: 12px;
      color: black;
      list-style: none;
      font-size: 18px;
    }
   .sejarah1{
      outline: none;
      border-radius:5px ;
      box-shadow: 0px 0px 10px  rgba(0,0,0,0.1);
      overflow: hidden;
      
   }
    /* ===== Sejarah ===== */
    .sejarah {
      background: var(--light);
      border-radius: 15px;
      /* box-shadow: 0 8px 25px var(--shadow); */
      padding: 40px;
    }

    .sejarah h3 {
      font-family: "Raleway", sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      color: black;
      font-size: 22px;
      margin-bottom: 15px;
    }

    .sejarah p {
      color: black;
      text-align: justify;
      font-size: 18px;
    }
/*/* End custom CSS */