.elementor-2202 .elementor-element.elementor-element-756a209{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2202 .elementor-element.elementor-element-756a209:not(.elementor-motion-effects-element-type-background), .elementor-2202 .elementor-element.elementor-element-756a209 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#151515;}.elementor-2202 .elementor-element.elementor-element-756a209.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2202 .elementor-element.elementor-element-9d18aee{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;box-shadow:0px 12px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:20;}.elementor-2202 .elementor-element.elementor-element-9d18aee:not(.elementor-motion-effects-element-type-background), .elementor-2202 .elementor-element.elementor-element-9d18aee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#151515;}body:not(.rtl) .elementor-2202 .elementor-element.elementor-element-9d18aee{left:0px;}body.rtl .elementor-2202 .elementor-element.elementor-element-9d18aee{right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2202 .elementor-element.elementor-element-ddb8816{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-2202 .elementor-element.elementor-element-ddb8816 > .elementor-widget-container{margin:-10px -10px -10px -10px;padding:0px 0px 0px 0px;}.elementor-2202 .elementor-element.elementor-element-ddb8816 img{height:5em;object-fit:contain;object-position:center center;}.elementor-2202 .elementor-element.elementor-element-d295759{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-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-2202 .elementor-element.elementor-element-b7227da .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:2em;font-weight:600;color:#FFFFFF;}.elementor-2202 .elementor-element.elementor-element-36d24fc .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:2px;word-spacing:10px;color:var( --e-global-color-primary );}.elementor-2202 .elementor-element.elementor-element-d006847{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2202 .elementor-element.elementor-element-2491d6c{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-2202 .elementor-element.elementor-element-55cc6eb{--divider-border-style:solid;--divider-color:#d4a049;--divider-border-width:2px;}.elementor-2202 .elementor-element.elementor-element-55cc6eb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2202 .elementor-element.elementor-element-55cc6eb .elementor-divider-separator{width:100%;}.elementor-2202 .elementor-element.elementor-element-55cc6eb .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-2202 .elementor-element.elementor-element-100a9e7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2202 .elementor-element.elementor-element-41c16e6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 5px 0px;}.elementor-2202 .elementor-element.elementor-element-41c16e6 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-2202 .elementor-element.elementor-element-41c16e6 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );padding-left:20px;padding-right:20px;padding-top:0px;padding-bottom:0px;}.elementor-2202 .elementor-element.elementor-element-41c16e6 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2202 .elementor-element.elementor-element-41c16e6 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2202 .elementor-element.elementor-element-41c16e6 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2202 .elementor-element.elementor-element-41c16e6 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-2202 .elementor-element.elementor-element-41c16e6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-2202 .elementor-element.elementor-element-41c16e6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-primary );}.elementor-2202 .elementor-element.elementor-element-41c16e6 .e--pointer-framed .elementor-item:before,
					.elementor-2202 .elementor-element.elementor-element-41c16e6 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-primary );}.elementor-2202 .elementor-element.elementor-element-41c16e6{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-2202 .elementor-element.elementor-element-41c16e6 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-2202 .elementor-element.elementor-element-197d11c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2202 .elementor-element.elementor-element-c5527ea{text-align:center;}.elementor-2202 .elementor-element.elementor-element-c5527ea .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1em;font-weight:400;text-transform:capitalize;font-style:italic;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-2202 .elementor-element.elementor-element-30ddf14{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2202 .elementor-element.elementor-element-30ddf14:not(.elementor-motion-effects-element-type-background), .elementor-2202 .elementor-element.elementor-element-30ddf14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFCFAF;}.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-2202 .elementor-element.elementor-element-ae58494 .elementor-repeater-item-71a5bc1 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://takmir.id/wp-content/uploads/2026/08/pngtree-the-kaaba-at-masjid-al-haram-in-mecca-image_18069876.webp);background-size:cover;}.elementor-2202 .elementor-element.elementor-element-ae58494 .elementor-repeater-item-71a5bc1 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-2202 .elementor-element.elementor-element-ae58494 .elementor-repeater-item-b5dc0f1 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://takmir.id/wp-content/uploads/2026/08/alindrahaqeem.com_sejarah-masjidil-aqsha-palestina_.png);background-size:cover;}.elementor-2202 .elementor-element.elementor-element-ae58494 .elementor-repeater-item-b5dc0f1 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-2202 .elementor-element.elementor-element-ae58494 .elementor-repeater-item-104ab45 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://takmir.id/wp-content/uploads/2026/08/images.unsplash.com_photo-1667454872134-c25973237138_fmjpgq60w3000autoformatfitcropixlibrb-4.1.0ixidM3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA3D3D.png);background-size:cover;}.elementor-2202 .elementor-element.elementor-element-ae58494 .elementor-repeater-item-104ab45 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-2202 .elementor-element.elementor-element-ae58494 .swiper-slide{transition-duration:calc(5000ms*1.2);height:480px;}.elementor-2202 .elementor-element.elementor-element-ae58494 .swiper-slide-contents{max-width:66%;}.elementor-2202 .elementor-element.elementor-element-ae58494 .swiper-slide-inner{text-align:center;}.elementor-2202 .elementor-element.elementor-element-ae58494 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:0.5em;}.elementor-2202 .elementor-element.elementor-element-ae58494 .elementor-slide-heading{font-family:"Cinzel", Sans-serif;font-weight:600;}.elementor-2202 .elementor-element.elementor-element-ae58494 .swiper-slide-inner .elementor-slide-description:not(:last-child){margin-bottom:0em;}.elementor-2202 .elementor-element.elementor-element-ae58494 .elementor-slide-button{font-family:"Roboto", Sans-serif;font-weight:400;border-width:0px;}.elementor-2202 .elementor-element.elementor-element-ae58494 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#FFFFFF;opacity:1;}.elementor-2202 .elementor-element.elementor-element-ae58494 .swiper-pagination-bullet-active{background-color:#868686;}.elementor-2202 .elementor-element.elementor-element-6cc3bdc{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2202 .elementor-element.elementor-element-6cc3bdc:not(.elementor-motion-effects-element-type-background), .elementor-2202 .elementor-element.elementor-element-6cc3bdc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6d94978 );}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2202 .elementor-element.elementor-element-54fdcfa{--grid-columns:3;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-2202 .elementor-element.elementor-element-54fdcfa .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2202 .elementor-element.elementor-element-54fdcfa .e-loop-item > .elementor-section, .elementor-2202 .elementor-element.elementor-element-54fdcfa .e-loop-item > .elementor-section > .elementor-container, .elementor-2202 .elementor-element.elementor-element-54fdcfa .e-loop-item > .e-con, .elementor-2202 .elementor-element.elementor-element-54fdcfa .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-2202 .elementor-element.elementor-element-5a27d6a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;box-shadow:0px 15px 10px 0px rgba(0,0,0,0.5);}.elementor-2202 .elementor-element.elementor-element-5a27d6a:not(.elementor-motion-effects-element-type-background), .elementor-2202 .elementor-element.elementor-element-5a27d6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#151515;}.elementor-2202 .elementor-element.elementor-element-d2567ba{--divider-border-style:solid;--divider-color:#d4a049;--divider-border-width:3px;}.elementor-2202 .elementor-element.elementor-element-d2567ba .elementor-divider-separator{width:100%;}.elementor-2202 .elementor-element.elementor-element-d2567ba .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2202 .elementor-element.elementor-element-0b6761e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-2202 .elementor-element.elementor-element-5d649d4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}@media(max-width:1024px){.elementor-2202 .elementor-element.elementor-element-9d18aee{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:2;}.elementor-2202 .elementor-element.elementor-element-ddb8816{--container-widget-width:20%;--container-widget-flex-grow:0;width:var( --container-widget-width, 20% );max-width:20%;}.elementor-2202 .elementor-element.elementor-element-d295759{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2202 .elementor-element.elementor-element-b7227da{text-align:center;}.elementor-2202 .elementor-element.elementor-element-b7227da .elementor-heading-title{font-size:1.7em;}.elementor-2202 .elementor-element.elementor-element-36d24fc{text-align:center;}.elementor-2202 .elementor-element.elementor-element-d006847{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2202 .elementor-element.elementor-element-6cc3bdc{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2202 .elementor-element.elementor-element-54fdcfa{--grid-columns:2;}}@media(max-width:767px){.elementor-2202 .elementor-element.elementor-element-756a209{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2202 .elementor-element.elementor-element-9d18aee{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;--z-index:106;}.elementor-2202 .elementor-element.elementor-element-ddb8816{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;text-align:center;}.elementor-2202 .elementor-element.elementor-element-ddb8816 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2202 .elementor-element.elementor-element-ddb8816 img{height:4em;}.elementor-2202 .elementor-element.elementor-element-d295759{--width:60%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2202 .elementor-element.elementor-element-b7227da > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;}.elementor-2202 .elementor-element.elementor-element-b7227da{text-align:center;}.elementor-2202 .elementor-element.elementor-element-b7227da .elementor-heading-title{font-size:1.4em;}.elementor-2202 .elementor-element.elementor-element-36d24fc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2202 .elementor-element.elementor-element-36d24fc{text-align:center;}.elementor-2202 .elementor-element.elementor-element-36d24fc .elementor-heading-title{font-size:0.5em;letter-spacing:1.7px;}.elementor-2202 .elementor-element.elementor-element-d006847{--width:20%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2202 .elementor-element.elementor-element-2491d6c{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2202 .elementor-element.elementor-element-55cc6eb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2202 .elementor-element.elementor-element-55cc6eb .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-2202 .elementor-element.elementor-element-41c16e6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 5px 0px;}.elementor-2202 .elementor-element.elementor-element-41c16e6 .elementor-nav-menu .elementor-item{font-size:0.6em;}.elementor-2202 .elementor-element.elementor-element-41c16e6 .elementor-nav-menu--main .elementor-item{padding-left:5px;padding-right:5px;padding-top:0px;padding-bottom:0px;}.elementor-2202 .elementor-element.elementor-element-41c16e6{--e-nav-menu-horizontal-menu-item-margin:calc( 5px / 2 );}.elementor-2202 .elementor-element.elementor-element-41c16e6 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:5px;}.elementor-2202 .elementor-element.elementor-element-197d11c{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2202 .elementor-element.elementor-element-c5527ea > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-2202 .elementor-element.elementor-element-c5527ea{text-align:center;}.elementor-2202 .elementor-element.elementor-element-c5527ea .elementor-heading-title{font-size:0.7em;}.elementor-2202 .elementor-element.elementor-element-30ddf14{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:nowrap;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2202 .elementor-element.elementor-element-ae58494 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2202 .elementor-element.elementor-element-ae58494 .swiper-slide{height:240px;}.elementor-2202 .elementor-element.elementor-element-ae58494 .swiper-slide-contents{max-width:85%;}.elementor-2202 .elementor-element.elementor-element-ae58494 .swiper-slide-inner{padding:5px 5px 5px 5px;}.elementor-2202 .elementor-element.elementor-element-ae58494 .elementor-slide-heading{font-size:1.2em;}.elementor-2202 .elementor-element.elementor-element-ae58494 .elementor-slide-button{font-size:0.6em;}.elementor-2202 .elementor-element.elementor-element-6cc3bdc{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2202 .elementor-element.elementor-element-54fdcfa{--grid-columns:1;--grid-row-gap:20px;--grid-column-gap:10px;}.elementor-2202 .elementor-element.elementor-element-5a27d6a{--width:100%;--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;}.elementor-2202 .elementor-element.elementor-element-d2567ba > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2202 .elementor-element.elementor-element-d2567ba .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-2202 .elementor-element.elementor-element-0b6761e{text-align:center;}.elementor-2202 .elementor-element.elementor-element-0b6761e .elementor-heading-title{font-size:12px;}.elementor-2202 .elementor-element.elementor-element-5d649d4{text-align:center;}.elementor-2202 .elementor-element.elementor-element-5d649d4 .elementor-heading-title{font-size:12px;}}@media(min-width:768px){.elementor-2202 .elementor-element.elementor-element-d295759{--width:60%;}.elementor-2202 .elementor-element.elementor-element-d006847{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2202 .elementor-element.elementor-element-d295759{--width:60%;}.elementor-2202 .elementor-element.elementor-element-d006847{--width:20%;}}/* Start custom CSS for shortcode, class: .elementor-element-d6bffc1 *//* =========================================================
   TAKMIR EVENT
   DARK GOLD THEME
   ========================================================= */

.takmir-event-wrapper {
    width: 100%;
    box-sizing: border-box;
}


/* =========================================================
   FILTER
   ========================================================= */

.takmir-event-filter {
    margin-bottom: 22px;
}

.event-search input {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 14px;
    outline: none;
}

.event-search input:focus {
    border-color: #b88a2a;
}


.event-filter-row {
    display: grid;
    grid-template-columns:
        repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}


.event-filter-row select,
.event-filter-button {
    width: 100%;
    min-height: 44px;
    border-radius: 9px;
    border: 1px solid #ddd;
    padding: 0 12px;
    font-size: 13px;
    background: #fff;
    box-sizing: border-box;
}


.event-filter-button {
    cursor: pointer;
    background: #111;
    color: #fff;
    border-color: #111;
    font-weight: 600;
}


/* =========================================================
   RESULT COUNT
   ========================================================= */

.takmir-event-result-count {
    margin-bottom: 16px;
    font-size: 13px;
    color: #777;
}


/* =========================================================
   EVENT GRID
   DESKTOP = 3
   ========================================================= */

.takmir-event-grid {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 18px;
}


/* =========================================================
   CARD
   DARK GOLD
   ========================================================= */

.takmir-event-card {
    display: flex;
    flex-direction: row;
    width: 100%;
    min-width: 0;

    background: #151515;

    border: 1px solid #755724;

    border-radius: 14px;
    overflow: hidden;

    box-shadow:
        0 4px 14px rgba(0, 0, 0, .18);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.takmir-event-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 8px 24px rgba(0, 0, 0, .25);
}


/* =========================================================
   POSTER
   ========================================================= */

.takmir-event-poster {
    width: 40%;
    flex: 0 0 40%;

    min-height: 250px;

    background: #151515;

    overflow: hidden;
}


.takmir-event-poster img {
    display: block;

    width: 100%;
    height: 100%;

    min-height: 250px;

    object-fit: cover;
}


.event-no-poster {
    height: 100%;
    min-height: 250px;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    font-size: 11px;
    font-weight: 700;

    color: #caa85b;

    padding: 10px;
}


/* =========================================================
   CONTENT
   ========================================================= */

.takmir-event-content {
    width: 60%;
    min-width: 0;
    
    padding: 20px;

    box-sizing: border-box;

    background: #292626;
}


/* =========================================================
   BADGES
   ========================================================= */

.takmir-event-badges {
    display: flex;
    flex-wrap: wrap;

    gap: 5px;

    margin-bottom: 8px;
}


.event-badge {
    display: inline-block;

    padding: 4px 7px;

    border-radius: 5px;

    font-size: 9px;
    line-height: 1;

    font-weight: 700;
}


/* CATEGORY */

.event-badge.category {
    background: #c39232;

    color: #fff;
}


/* STATUS */

.event-badge.status {
    background: #f0dfb1;

    color: #4a3518;
}


/* =========================================================
   TITLE
   ========================================================= */

.takmir-event-title {
    margin: 0 0 6px;

    font-size: 15px;
    line-height: 1.25;

    font-weight: 700;
}


.takmir-event-title a {
    color: #fff;

    text-decoration: none;
}


.takmir-event-title a:hover {
    color: #e4c26b;
}


/* =========================================================
   TEMA
   ========================================================= */

.takmir-event-theme {
    margin-bottom: 8px;

    font-size: 11px;
    line-height: 1.4;

    color: #e5c982;

    font-weight: 600;
}


/* =========================================================
   EVENT INFO
   ========================================================= */

.event-info {
    display: flex;

    align-items: flex-start;

    gap: 6px;

    margin-bottom: 6px;

    font-size: 10.5px;
    line-height: 1.35;

    color: #f1e6c9;
}


.event-icon {
    flex: 0 0 auto;

    font-size: 11px;
}


/* =========================================================
   FORMAT
   ========================================================= */

.event-format {
    display: inline-block;

    margin-top: 3px;

    padding: 4px 7px;

    border-radius: 5px;

    background: #6b4c1e;

    color: #f4dfaa;

    font-size: 9px;

    font-weight: 600;

    border: 1px solid #8a682d;
}


/* =========================================================
   BUTTON
   ========================================================= */

.takmir-event-actions {
    display: flex;

    flex-wrap: wrap;

    gap: 5px;

    margin-top: 12px;
}


.takmir-event-actions a {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 30px;

    padding: 0 9px;

    border-radius: 6px;

    text-decoration: none;

    font-size: 9px;

    font-weight: 700;

    box-sizing: border-box;
}


/* DETAIL */

.event-detail-button {
    background: #c39232;

    color: #fff !important;

    border: 1px solid #d7ad55;
}


.event-detail-button:hover {
    background: #d2a342;
}


/* DAFTAR */

.event-register-button {
    background: #f0dfb1;

    color: #4a3518 !important;

    border: 1px solid #e2c982;
}


.event-register-button:hover {
    background: #fff0c7;
}


/* =========================================================
   EMPTY
   ========================================================= */

.takmir-event-empty {
    grid-column: 1 / -1;

    padding: 40px 20px;

    text-align: center;

    border: 1px dashed #9b7835;

    border-radius: 12px;

    color: #ead7a7;

    font-size: 13px;

    background: #3b2a14;
}


/* =========================================================
   PAGINATION
   ========================================================= */

.takmir-event-pagination {
    display: flex;

    justify-content: center;

    margin-top: 25px;
}


.takmir-event-pagination .page-numbers {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 34px;
    height: 34px;

    margin: 0 3px;

    border-radius: 7px;

    border: 1px solid #8a682d;

    text-decoration: none;

    color: #f0dfb1;

    background: #4a3518;

    font-size: 12px;
}


.takmir-event-pagination .page-numbers.current {
    background: #c39232;

    color: #fff;

    border-color: #c39232;
}


/* =========================================================
   TABLET
   768px - 1199px
   GRID = 2
   ========================================================= */

@media (max-width: 1199px) {

    .takmir-event-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .event-filter-row {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}


/* =========================================================
   MOBILE
   <= 767px
   GRID = 1
   ========================================================= */

@media (max-width: 767px) {

    .event-filter-row {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .event-filter-button {
        grid-column: span 2;
    }


    /* GRID 1 KOLOM */

    .takmir-event-grid {
        grid-template-columns: 1fr;

        gap: 12px;
    }


    /* CARD HORIZONTAL */

    .takmir-event-card {
        display: flex;

        flex-direction: row;
    }


    /* POSTER */

    .takmir-event-poster {
        width: 40%;

        flex: 0 0 40%;

        min-height: 220px;

        height: auto;
    }


    .takmir-event-poster img {
        width: 100%;

        height: 100%;

        min-height: 220px;

        object-fit: cover;
    }


    .event-no-poster {
        min-height: 220px;

        height: 100%;
    }


    /* CONTENT */

    .takmir-event-content {
        width: 60%;

        padding: 20px;

        background: #292626;
    }


    .takmir-event-title {
        font-size: 17px;
    }


    .takmir-event-theme {
        font-size: 14px;
    }


    .event-info {
        font-size: 10px;
    }


    .event-badge {
        font-size: 10px;
    }


    .event-format {
        font-size: 10px;
    }


    .takmir-event-actions a {
        font-size: 10px;

        padding: 0 7px;
    }

}/* End custom CSS */