.elementor-6 .elementor-element.elementor-element-683f1c3{--display:flex;--min-height:100vh;--margin-top:-65px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6 .elementor-element.elementor-element-7a9c39f .elementor-repeater-item-0e8d863 .swiper-slide-bg{background-image:url(https://fajrussalam.jomsite.com/wp-content/uploads/2024/11/Cuplikan_layar_2024-11-22_164152-transformed.png);background-size:cover;}.elementor-6 .elementor-element.elementor-element-7a9c39f .elementor-repeater-item-d496ed4 .swiper-slide-bg{background-image:url(https://fajrussalam.jomsite.com/wp-content/uploads/2024/11/Cuplikan_layar_2024-11-22_163859-transformed.png);background-size:cover;}.elementor-6 .elementor-element.elementor-element-7a9c39f .elementor-repeater-item-0e1d09a .swiper-slide-bg{background-image:url(https://fajrussalam.jomsite.com/wp-content/uploads/2024/11/Cuplikan_layar_2024-11-22_164456-transformed.png);background-size:cover;}.elementor-6 .elementor-element.elementor-element-7a9c39f .swiper-slide{transition-duration:calc(5000ms*1.2);height:100vh;}.elementor-6 .elementor-element.elementor-element-7a9c39f .swiper-slide-contents{max-width:66%;}.elementor-6 .elementor-element.elementor-element-7a9c39f .swiper-slide-inner{text-align:center;}.elementor-6 .elementor-element.elementor-element-7a9c39f .elementor-slide-heading{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-6 .elementor-element.elementor-element-7a9c39f .elementor-slide-description{font-family:"Syne", Sans-serif;font-weight:400;}.elementor-6 .elementor-element.elementor-element-7a9c39f .elementor-slide-button{border-radius:28px;}.elementor-6 .elementor-element.elementor-element-0753496{--display:flex;--min-height:14vh;--border-radius:40px 40px 0px 0px;--margin-top:-18px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:15;}.elementor-6 .elementor-element.elementor-element-0753496:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-0753496 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFDFDF;}.elementor-6 .elementor-element.elementor-element-c0c5ab1{--display:flex;--min-height:9vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-b6e29ee > .elementor-widget-container{margin:23px 0px 0px 81px;}.elementor-6 .elementor-element.elementor-element-b6e29ee .elementor-heading-title{font-family:"Syne", Sans-serif;font-weight:700;color:#252525;}.elementor-6 .elementor-element.elementor-element-56e5d78{--display:flex;--min-height:61vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-6 .elementor-element.elementor-element-145d4b3{--display:flex;--min-height:50vh;--justify-content:center;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#00FF1A61;--border-color:#00FF1A61;--border-radius:17px 17px 17px 17px;box-shadow:0px 0px 21px -5px #00FF1A;}.elementor-6 .elementor-element.elementor-element-145d4b3:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-145d4b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0EFF0029;}.elementor-6 .elementor-element.elementor-element-145d4b3::before, .elementor-6 .elementor-element.elementor-element-145d4b3 > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-145d4b3 > .e-con-inner > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-145d4b3 > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-145d4b3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-145d4b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-6 .elementor-element.elementor-element-145d4b3:hover{box-shadow:0px 0px 21px 0px #00FF1A;}.elementor-6 .elementor-element.elementor-element-145d4b3.e-con{--align-self:flex-start;}.elementor-6 .elementor-element.elementor-element-b00b7de .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:2.7rem;font-weight:600;text-transform:uppercase;color:#03871D;}.elementor-6 .elementor-element.elementor-element-b4a4b22 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1.5rem;font-weight:500;color:#025712;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6 .elementor-element.elementor-element-4e08a29 > .elementor-widget-container{margin:103px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-4e08a29 .elementor-button{border-radius:31px 31px 31px 31px;}.elementor-6 .elementor-element.elementor-element-e0977c3{--display:flex;--min-height:50vh;--justify-content:center;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#00FF1A61;--border-color:#00FF1A61;--border-radius:17px 17px 17px 17px;box-shadow:0px 0px 21px -5px #00FF1A;}.elementor-6 .elementor-element.elementor-element-e0977c3:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-e0977c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0EFF0029;}.elementor-6 .elementor-element.elementor-element-e0977c3::before, .elementor-6 .elementor-element.elementor-element-e0977c3 > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-e0977c3 > .e-con-inner > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-e0977c3 > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-e0977c3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-e0977c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-6 .elementor-element.elementor-element-e0977c3:hover{box-shadow:0px 0px 21px 0px #00FF1A;}.elementor-6 .elementor-element.elementor-element-e0977c3.e-con{--align-self:flex-start;}.elementor-6 .elementor-element.elementor-element-2ab86d0 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:2.7rem;font-weight:600;text-transform:uppercase;color:#03871D;}.elementor-6 .elementor-element.elementor-element-a27e84d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1.5rem;font-weight:500;color:#025712;}.elementor-6 .elementor-element.elementor-element-7f7a0de > .elementor-widget-container{margin:103px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-7f7a0de .elementor-button{border-radius:31px 31px 31px 31px;}.elementor-6 .elementor-element.elementor-element-dadfde0{--display:flex;--min-height:50vh;--justify-content:center;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#00FF1A61;--border-color:#00FF1A61;--border-radius:17px 17px 17px 17px;box-shadow:0px 0px 21px -5px #00FF1A;}.elementor-6 .elementor-element.elementor-element-dadfde0:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-dadfde0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0EFF0029;}.elementor-6 .elementor-element.elementor-element-dadfde0::before, .elementor-6 .elementor-element.elementor-element-dadfde0 > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-dadfde0 > .e-con-inner > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-dadfde0 > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-dadfde0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-dadfde0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-6 .elementor-element.elementor-element-dadfde0:hover{box-shadow:0px 0px 21px 0px #00FF1A;}.elementor-6 .elementor-element.elementor-element-dadfde0.e-con{--align-self:flex-start;}.elementor-6 .elementor-element.elementor-element-b8c4e23 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:2.7rem;font-weight:600;text-transform:uppercase;color:#03871D;}.elementor-6 .elementor-element.elementor-element-5b6bce7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1.5rem;font-weight:500;color:#025712;}.elementor-6 .elementor-element.elementor-element-c7e8264 > .elementor-widget-container{margin:103px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-c7e8264 .elementor-button{border-radius:31px 31px 31px 31px;}.elementor-6 .elementor-element.elementor-element-c71e48b{--display:flex;--min-height:50vh;--justify-content:center;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#00FF1A61;--border-color:#00FF1A61;--border-radius:17px 17px 17px 17px;box-shadow:0px 0px 21px -5px #00FF1A;}.elementor-6 .elementor-element.elementor-element-c71e48b:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-c71e48b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0EFF0029;}.elementor-6 .elementor-element.elementor-element-c71e48b::before, .elementor-6 .elementor-element.elementor-element-c71e48b > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-c71e48b > .e-con-inner > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-c71e48b > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-c71e48b > .e-con-inner > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-c71e48b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-6 .elementor-element.elementor-element-c71e48b:hover{box-shadow:0px 0px 21px 0px #00FF1A;}.elementor-6 .elementor-element.elementor-element-c71e48b.e-con{--align-self:flex-start;}.elementor-6 .elementor-element.elementor-element-e7c95fc .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:2.7rem;font-weight:600;text-transform:uppercase;color:#03871D;}.elementor-6 .elementor-element.elementor-element-ec06799 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1.5rem;font-weight:500;color:#025712;}.elementor-6 .elementor-element.elementor-element-dabd41a > .elementor-widget-container{margin:103px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-dabd41a .elementor-button{border-radius:31px 31px 31px 31px;}.elementor-6 .elementor-element.elementor-element-103d07c{--e-image-carousel-slides-to-show:2;}.elementor-6 .elementor-element.elementor-element-103d07c .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:17px 17px 17px 17px;}.elementor-6 .elementor-element.elementor-element-b6c761e{--display:flex;}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-683f1c3{--content-width:100%;}.elementor-6 .elementor-element.elementor-element-145d4b3{--width:709px;}.elementor-6 .elementor-element.elementor-element-e0977c3{--width:709px;}.elementor-6 .elementor-element.elementor-element-dadfde0{--width:709px;}.elementor-6 .elementor-element.elementor-element-c71e48b{--width:709px;}}/* Start custom CSS for button, class: .elementor-element-4e08a29 */.elementor-6 .elementor-element.elementor-element-4e08a29 .elementor-button-wrapper .elementor-button { 
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-145d4b3 *//*NEW VERSION UPDATE 13/07/23*/

.panel {
  cursor: pointer;
  flex: 0.5;
  overflow: hidden;
  transition: flex 0.5s ease;
}


.panel.active {
  flex-grow: 5;
  flex-shrink: 0.5;
}


OLD VERSION
/*.panel {
  position: relative;
  transition: flex 0.5s ease-in;
  cursor: pointer;
  flex: 0.5;
  
}

.panel.active  {
  opacity: 1;
  transition: all 0.5s ease-in 0.4s;
  flex: 2;
}*/

.panel h2  {
    /*font-size: calc(24 / 16 * 1rem);*/
  position: absolute;
  opacity: 0;
}

.panel p {
  position: absolute;
  opacity: 0;
}

.panel .elementor-button {
    /*font-size: calc(24 / 16 * 1rem);*/
  position: absolute;
  opacity: 0;
}


.panel.active h2 {
  opacity: 1;
  transition: all 0.5s ease-in 0.4s;
}

.panel.active p {
  opacity: 1;
  transition: all 0.5s ease-in 0.4s;
}

.panel.active .elementor-button {
  opacity: 1;
  transition: all 0.5s ease-in 0.4s;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7f7a0de */.elementor-6 .elementor-element.elementor-element-7f7a0de .elementor-button-wrapper .elementor-button { 
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c7e8264 */.elementor-6 .elementor-element.elementor-element-c7e8264 .elementor-button-wrapper .elementor-button { 
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dabd41a */.elementor-6 .elementor-element.elementor-element-dabd41a .elementor-button-wrapper .elementor-button { 
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
}/* End custom CSS */